BAB IV HASIL DAN ANALISI
4.1. Hasil Karya / Implementasi Dari tahap-tahap perancangan yang telah dilakukan maka hasil karya yang diciptakan adalah sebuah aplikasi web sistem informasi penjualan kuningan dan barangbarang 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. Perancangan aplikasi web ini mampu mempermudah sekaligus mempercepat dalam pengolahan data setiap transaksi. Semua hasil masukan data akan disimpan ke dalam database engine dengan menggunakan sql server. Data yang diterima akan lebih aman karena transaksi yang terjadi tidak akan hilang dan mempermudah dalam
57
58
pembuatan
laporan.
diharapkan
akan
penjualan
produknya
untuk
mempermudah
dalam
memberikan
pelayanan
mempercepat
Perancangan
membantu
aplikasi
penjual
web
dalam
ini
layanan dan 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 menu login menjadi kunci utama proses bisnis dilakukan. Apabila tidak ada data yang tidak dipaparkan oleh operator, maka sistem akan kosong.
59
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. Tampilan ini didukung oleh fitur pencarian sehingga apabila pengunjung mencari nama produk yang diinginkan sistem akan otomatis langsung menyaring data penjualan dan menampilkan sesuai
hasil
pencarian. Apabila sistem tidak menampilkan hasil maka karakter yang dimasukkan ke dalam fitur
60
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
Gambar 4.3 Tampilan Hasil Pencarian
61
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. Pada gambar di bawah, menu yang disediakan
berdasarakan kategori masih bisa diakses dan
62
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. Detail produk juga memberikan fitur validasi untuk
membeli barang. Dengan kata lain setelah pelanggan menekan tombol ini, maka sistem akan mentransfer
63
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 pelanggan
sudah
memilih
barang
dan
memasukkannya ke dalam keranjang belanja maka untuk proses selanjutnya pelanggan harus menekan tombol “check out”. Tombol ini merupakan tombol bukti validasi supaya setelahnya pelanggan dapat memasukkan identitasnya mengenai alamat menjadi tujuan pengiriman barang.
yang
64
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.
Gambar 4.7 Tampilan Keranjang Belanja
65
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 lengkap,
memasukkan pelanggan
semua wajib
identitas menekan
secara 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.
Gambar 4.8 Tampilan billing infomation
66
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 Tampilan pertama ketika operator melakukan login, maka operator dapat melakukan 3 (tiga) aktivitas utama yang berkaitan dengan products, orders, dan
67
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 Selain itu dalam produk yang telah tersedia, operator
dapat menghapusnya apabila produk yang dipasarkan tidak jadi dijual.
68
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
Apabila menu view item pada tampilan gambar 4.11 diakses maka akan sistem akan membuka tab baru dimana akan menampilkan perincian data pengunjung secara lengkap.
69
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. Berdasarkan pengujian yang telah dilakukan, input yang diproses telah sesuai dengan hasil output yang dikendaki. Data–data penjualan dapat ditambahkan ke dalam database. Laporan–laporan juga telah tertampil dengan baik. Pihak pembeli hanya dapat mengakses menu penjualan barang dan identitas pemebelian pada tampilan utama. Pesan yang dikirim melalui juga telah berhasil terkirim. Secara garis besar aplikasi sudah berjalan cukup baik. Tabel Hasil pengujian dapat dilihat sebagai berikut :
70
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
Berhasil
gambar, deskripsi serta perhitungan harga. Pengolahan identitas pembeli dan status pengiriman oleh operator. Responsivitas tampilan web menyesuaikan layar tampilan pada berbagai browser. Adaptivitas tampilan web menyesuaikan layar tampilan pada berbagai device. Akses keranjang belanja yang menamping berbagai item pembelian oleh pembeli.
Berhasil
Berhasil
Tidak berhasil
Berhasil
Kolom masukan mengenai pesan dan kritik oleh pembeli kepada perusahaan serta
Berhasil
akses jejaring sosial perusahaan. Simpan data Pengunjung. Error handling pada pengisian karakter di semua data pengunjung.
Berhasil Berhasil
Pengolahan data kuantitias barang oleh pembeli pada menu keranjang belanja serta kalkulasi perhitungan harga.
Berhasil
71
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 dengan sangat baik.
