57
4.1.
Hasil Karya / ImplementasiDari tahap-tahap perancangan yang telah dilakukan maka hasil karya yang diciptakan adalah sebuah aplikasi web sistem informasi penjualan kuningan dan barang-barang karya seni lain yang berisi informasi detail penjualan barang beserta pengolahan data penyedia layanan yang dilakukan oleh operator sehingga mampu mempermudah penyedia layanan barang yang akan menjual produk seni kepada pembeli.
Aplikasi web sistem informasi penjualan kuningan
dan handicraft menggunakan php dan sql server didukung
dengan penggunaan html dan css pada setiap struktur penulisan kode program serta memanfaatkan responsivitas sehingga aplikasi ini mampu mengkoordinasi setiap data dan perubahan tampilan baik data penjualan, pembelian, dan pengolahan itu sendiri.
pembuatan laporan. Perancangan aplikasi web ini diharapkan akan membantu penjual dalam layanan penjualan produknya untuk mempermudah dan mempercepat dalam memberikan pelayanan kepada
customer. Dari tahap-tahap perancangan yang telah
dilakukan sebelumnya, maka dihasilkan aplikasi web sistem informasi penjualan kuningan dan handicraft. Berikut adalah tampilan saat aplikasi dijalankan :
a. Form Login
Tampilan ini menampilkan menu untuk operator melakukan aktivitas pengolahan data penjualan. Dengan aktivitas pertama yang dilakukan oleh operator untuk login, maka sistem akan memeperbarui penjualan barang sesuai dengan aktivitas pengolahan barang yang dilakukan oleh operator karena disini operator atau penyedia layanan barang akan melakukan update dan input data penjualan barang.
Operator dapat mengolah data dalam siklus transaksi. mulai dari insert, update, delete barang yang dijual kemudian memvalidasi pengiriman. Aktivitas bisnis yang dilakukan oleh operator pada
Gambar 4.1 Tampilan Login Operator
b. Menu Utama
Setelah operator menegolah data penjualan dan memasukkan segala jenis barang yang dijual, maka terdapat tampilan menu utama yang dapat diakses oleh pengunjung.
Tampilan ini menyediakan menu kategori barang yang dijual dan setiap barang yang dijual dapat dilihat rincian penjualannya oleh pengunjung dengan mengakses tombol view details.
pencarian barang tidak sesuai dengan kategori ataupun nama produk mana pun yang ada pada
database server. Sistem akan terotomatisasi
memberikan kepada pengguna bahwa karakter yang dimasukkan tidak cocok dengan semua data yang disimpan oleh sistem.
Gambar 4.2 Tampilan Menu Utama
c. Tentang Kami
Pada tamplan ini menampilkan informasi mengenai profil perusahaan yang berisi alamat dan akses informasi yang bisa dihubungi oleh pelanggan.
Pengunjung dapat melihat informasi perusahaan apabila ingin mengunjungi perusahaan untuk membeli produk secara langsung.
Gambar 4.4 Tampilan Tentang Kami
d. Responsivitas sistem
Sistem web yang dirancang sudah mempunyai fitur responsif, dimana apabila tampilan web diperkecil, tata letak setiap menu yang disediakan tidak berantakan. Dalam arti lain, menu-menu yang ada akan menyesuaikan lagi dan memberikan tampilan baru yang bersesuaian.
menyesuaikan seberapa kecil tampilan yang ada. Setiap komponen baik itu menu, gambar, latar bersesuaian dengan baik dan berfungsi dengan baik.
Gambar 4.5 Tampilan Responsifitas web
e. Detail produk
Pada pilihan gambar barang yang dijual, pelanggan dapat melihat detail produk mengenai harga dan deksripsi barang secara lebih terperinci.
data pembelian produk yang telah di klik untuk ditampilkan di keranjang belanja.
Gambar 4.6 Tampilan Detail Produk
f. Transaksi
Pelanggan dapat mengkases menu keranjang belanja untuk memvalidasi pembelian barang. Apabila keranjang belanja belum diakses, maka pelanggan hanya akan memasukkan barang ke dalam daftar pembelian, namun tidak membeli barang tersebut. Dalam tampilan yang ada pada gambar 4.7, apabila
Di menu keranjang belanja ini pelanggan dapat menetukan jumlah kuantitas barang yang dibeli. Pelanggan juga bisa membatalkan pembelian produk yang sebelumnya sudah dipilih. Kemudian pelanggan akan memilih ulang pada tampilan utama apabila masih belum sesuai.
Tombol “empty cart” berfungsi untuk mengosongkan keranjang belanja. Dengan kata lain pelanggan membatalkan semua pemilihan barang yang ingin dibeli, dan dapat memilih barang ulang di menu utama bila ingin benar-benar melakukan pembelian.
Setelah menekan tombol “check out” maka pelanggan akan ditempatkan oleh sistem pada tampilan berikutnya dimana pelanggan harus memasukkan identitas secara lengkap. Dalam menu tampilan ini pelanggan diberi kesempatan untuk melakukan pembayaran. Pembayaran yang dilakukan adalah “pay on delivery”. Setelah selesai memasukkan semua identitas secara lengkap, pelanggan wajib menekan tombol “submit” sebagai pengesahan bahwa pelanggan benar-benar membeli barang yang telah dipilihnya. Menu Textbox sudah terotomatisasi oleh sistem bahwa pemasukkan setiap datanya harus sesuai dengan kaidah yang ada pada sistem.
a. Kontak yang bisa Dihubungi
Dalam sistem web yang dirancang, terdapat menu
contact dimana menu ini ditujukan untuk pelanggan
dan berfungsi untuk mengirimkan pesan kepada pihak operator.
Terdapat menu Textbox di tampilan contact ini, dimana pelanggan memasukkan nama, email, subject, dan juga isi pesan yang ingin disampaikan. Setelah selesai melakukan pengisian pelanggan harus menekan tombol submit untuk mengirim pesan.
Gambar 4.9 Tampilan contact us
b. Menu operator setelah login
category. Operator dapat mengakses dan mengolah data yang ada dalam setiap 3 menu tersebut.
Terdapat button logout apabila operator telah selesai mengolah data.
Gambar 4.101 Tampilan Login Sistem product
Tampilan di atas merupakan tampilan pertama setelah
login dan sistem akan otomatis masuk pada menu
pertama yakni products. Dalam menu ini operator dapat menambah barang melalui button add product di sebelah kanan kolom pencarian.
Operator juga dapat mengolah data yang sudah dimasukkan. Data yang diisi dan diolah yakni mengenai nama produk, deskripsi, harga, kategori, dan gambar yang mewakili produk
c. Daftar pelanggan
Ketika tampilan ini dibuka maka secara otomatis pada bagian tengah utama akan menampilkan daftar data Pegawai secara keseluruhan dalam datagridview. Secara garis besar 3 menu utama terdiri dari
komponen tabel yang sama dimana tabel memuat data pengujung mengenai nama pengunjung, tanggal akses dan status pembayaran.
Gambar 4.11 Tampilan Daftar Pelanggan Login orders
Gambar 4.12 Tampilan Informasi Daftar Pelanggan
4.2. Hasil Pengujian
Pengujian dilakukan dengan cara menjalankan aplikasi tersebut. Program dianggap berhasil apabila seluruh fungsi masukan, proses, dan keluaran aplikasi berjalan dengan baik sesuai dengan tujuan yang ingin dicapai.
Gambar 4.13 Tabel Hasil Pengujian
Login oleh operator/penyedia
barang-barang seni. Berhasil
Pengolahan data barang oleh operator
insert, update, dan delete baik pengolahan
gambar, deskripsi serta perhitungan harga.
Berhasil
Pengolahan identitas pembeli dan status
pengiriman oleh operator. Berhasil
Responsivitas tampilan web menyesuaikan
layar tampilan pada berbagai browser. Berhasil Adaptivitas tampilan web menyesuaikan
layar tampilan pada berbagai device. Tidak berhasil Akses keranjang belanja yang menamping
berbagai item pembelian oleh pembeli. Berhasil Kolom masukan mengenai pesan dan kritik
oleh pembeli kepada perusahaan serta akses jejaring sosial perusahaan.
Berhasil
Simpan data Pengunjung. Berhasil
Error handling pada pengisian karakter di
semua data pengunjung. Berhasil
Pengolahan data kuantitias barang oleh pembeli pada menu keranjang belanja serta kalkulasi perhitungan harga.
4.3. Analisis
Berdasarkan hasil pengujian yang dilakukan, aplikasi ini dapat bermanfaat untuk membantu dalam proses pengelolaan data barang dan pelaporan hasil penjualan sehingga lebih efisien serta penyebaran informasi penjualan kepada pembeli dapat dilakukan dengan lebih mudah.
Aplikasi ini memiliki kekurangan dimana aktivitas login hanya dapat dilakukan oleh operator/penyedia yang akan menjual barang-barang karya seni. Hal ini dikarenakan ketika aplikasi ini dibangun terdapat error pada module yang akan ditujukan untuk pengunjung. Dengan kata lain aktivitas dan data pengunjung langsung disimpan ke dalam login operator dan hanya dapat dilihat oleh operator.
Selain itu aplikasi ini juga belum dapat terintegrasi dengan tampilan pada device lain khususnya smartphone. Namun sistem ini sudah dibangun dengan baik dimana responsivitas tampilan web dapat menyesuaikan berbagai tampilan browser. Setiap menu yang ada di dalamnya akan menyesuaikan dan membentuk tampilan baru.
Keunggulan lain dari aplikasi sistem informasi web ini adalah segal fitur yang berfungsi dengan baik di dalamnya seperti yang sudah ditunjukkan pada tabel. Fitur
label, button, search button, dan lain-lain sudah terintegrasi