66
BAB IV
IMPLEMENTASI DAN EVALUASI
4.1 Kebutuhan Sistem
Dalam menerapkan aplikasi penjualan online ini dibutuhkan perangkat
keras (hardwere) dan perangkat lunak (Software) yang dapat menunjang
penggunaan aplikasi ini secara maksimal. Maka diperlukan spesifikasi perangkat
keras (hardwere) dan perangkat lunak (software) sebagai berikut :
4.1.1 Kebutuhan Perangkat Keras (Hardware)
Persyaratan kebutuhan perangkat keras yang disarankan untuk
menjalankan Aplikasi Penjualan Online adalah sebagai berikut :
1. Processor intel dengan spesifikasi Core 2 Duo atau diatasnya.
2. Monitor, keyboard, Mouse.
3. RAM memori minimal 2 GB.
4. VGA Card minimal 16 MB.
5. Hard Disk dengan free kapasitas penyimpanan 100 GB.
4.1.2 Kebutuhan Perangkat Lunak (Software)
Persyaratan kebutuhan perangkat lunak yang disarankan untuk
menjalankan Aplikasi Penjualan Online adalah sebagai berikut:
1. Operating System minimal Windows 7.
2. Sistem basis data untuk pengolahan data aplikasi menggunakan MYSQL
3. Tool yang digunakan dalam melakukan pemograman adalah sublime text dengan
menggunakan bahasa HTML serta PHP.
66
67
4. Membutuhkan Browser, dan disarankan Google Chrome.
5. Untuk perancangan sistem menggunakan Microsoft Visio dan Powerdesigner.
6. Web server untuk pengolahan data menggunakan XAMPP
4.2 Implementasi
Pada bagian ini akan dijelaskan fungsi-fungsi utama yang berjalan pada
aplikasi penjualan online. Dengan penjelasan yang mencakup tampilan pada
aplikasi dan fungsi yang mengatur aplikasi penjualan online ini.
4.2.1 Tampilan Menu Utama
Pada tampilan menu utama terdiri dari home, products, about us, contact
us, account dan icon keranjang belanja. Dapat terlihat pada gambar 4.1
Gambar 4.1 Tampilan Menu Utama
68
4.2.2 Tampilan Halaman Katalog Product
Tampilan halaman katalog product menampilkan data product terbaru dan
produk yang best seller. Dapat terlihat pada gambar 4.2.
Gambar 4.2 Tampilan Halaman katalog product
4.2.3 Tampilan Halaman Product
Tampilan halaman product menampilkan data product yang dijual. Dapat
terlihat pada gambar 4.3.
Gambar 4.3 Tampilan Halaman product
69
4.2.4 Tampilan Daftar Pelanggan
Tampilan daftar pelanggan berguna bagi pelanggan untuk dapat
melakukan transaksi pembelian barang dengan cara mendaftarkan identitas
pelanggan. Form daftar pelanggan menghasilkan sebuah informasi bagi Admin
mengenai data-data pelanggan yaitu email, nama, alamat, password, jenis kelamin,
tanggal lahir, kota, telepon, provinsi, telepon dan capthca. Seperti terlihat pada
gambar 4.4.
Gambar 4.4 Tampilan Daftar Pelanggan
4.2.5 Tampilan Form Keranjang Belanja
Tampilan form keranjang belanja berfungsi untuk menampung data barang
yang akan dibeli pelanggan. Dalam form keranjang belanja, Pelanggan dapat
menambahkan barang dan menghapus barang. Dari form keranjang belanja
menghasilkan sebuah informasi transaksi penjualan. Seperti terlihat pada gambar
4.5.
70
Gambar 4.5 Tampilan Form Keranjang Belanja
4.2.6 Tampilan Form About Us
Tampilan form about us berguna untuk menjelaskan latar belakang berdiri
nya perusahaan dan segala sesuatu mengenai CV. Abilindo Mitra Sejahtera. Seperti
terlihat pada gambar 4.6.
71
Gambar 4.6 Tampilan Form About Us
4.2.7 Tampilan Form Contact Us
Tampilan form contact us berguna untuk menginformasikan alamat CV.
Abilindo Mitra Sejahtera, kontak yang bisa dihubungi baik itu media sosial maupun
telepon. Seperti terlihat pada gambar 4.7.
Gambar 4.7 Tampilan Form Contact Us
4.2.8 Tampilan Form Payment Confirmation
Tampilan form payment confirmation berguna untuk pelanggan
melakukan konfirmasi pembayaran. Dari form payment confirmation menghasilkan
sebuah informasi bagi admin dan terdiri dari nomor invoice, bank, nama pemilik
72
rekening, no rekening, tanggal transfer, jumlah transfer, dan catatan. Seperti terlihat
pada gambar 4.8.
Gambar 4.8 Tampilan Form Payment Confirmation
4.2.9 Tampilan Form History
Tampilan form history berguna untuk menampilkan data transaksi yang
dilakukan pelanggan dan status dari transaksi tersebut. Dari form history
menghasilkan sebuah informasi mengenai tanggal, nomor invoice, penerima,
Status. Seperti terlihat pada gambar 4.9.
Gambar 4.9 Tampilan Form History
73
4.2.10 Tampilan Form Login
Tampilan form login berguna untuk admin dalam mengakses halaman
backend. Pada desain tampilan form login terdapat inputan berupa username dan
password untuk memproteksi akses data pada program tersebut. Seperti terlihat
pada gambar 4.10.
Gambar 4.10 Tampilan Form Login
4.2.11 Tampilan Form Barang
Tampilan form barang merupakan tampilan form untuk mencatat data
master barang. Data barang memeliki data yang terdiri dari nama produk, gambar,
kategori, quantity dan harga. Seperti terlihat pada gambar 4.11.
74
Gambar 4.11 Tampilan Form Barang
4.2.12 Tampilan Form Tambah Barang
Tampilan form tambah barang merupakan tampilan form untuk
menambahkan data master barang. Data barang memeliki data yang terdiri dari
nama produk, gambar, kategori, quantity dan harga. Seperti terlihat pada gambar
4.12.
75
Gambar 4.12 Tampilan Form Tambah Barang
4.2.13 Tampilan Form Kategori
Tampilan form kategori merupakan tampilan form untuk mengelompokan
informasi dari data barang. Seperti terlihat pada gambar 4.13.
76
Gambar 4.13 Tampilan Form Kategori
4.2.14 Tampilan Form Supplier
Tampilan form master data supplier berguna untuk admin dalam melihat,
menambah, mengubah, maupun menghapus data supplier. Dari form data supplier
menghasilkan sebuah informasi bagi admin mengenai nama supplier, alamat
supplier, telp. Seperti terlihat pada gambar 4.14.
Gambar 4.14 Tampilan Form Supplier
77
4.2.15 Tampilan Form Penjualan
Tampilan form penjualan merupakan tampilan form yang digunakan untuk
menampilkan detail trransaksi penjualan yang telah terjadi. Tampilan penjualan
terdiri dari id order, nama produk, detail harga, jumlah, biaya kirim, subtotal, kode
unik, total harga. Seperti terlihat pada gambar 4.15.
Gambar 4.15 Tampilan Form Penjualan
4.2.16 Tampilan Form Penerimaan Barang
Tampilan form penerimaan barang merupakan tampilan form yang
digunakan untuk menginputkan data barang masuk dan menambah stok produk.
Penerimaan barang terdiri dari tanggal terima, nama produk, jumlah, harga beli,
nama supplier dapat terlihat pada gambar 4.16.
78
Gambar 4.16 Tampilan Form Penerimaan barang
4.2.17 Tampilan Form Pembayaran
Tampilan Pembayaran merupakan form yang berfungsi untuk
menampilkan data pelanggan yang sudah melakukan payment confirmation
maupun pelanggan yang masih berstatus unpaid. Tampilan pembayaran barang.
Seperti terlihat pada gambar 4.17.
Gambar 4.17 Tampilan Form Pembayaran
79
4.2.18 Tampilan Form Pengiriman Barang
Tampilan pengiriman barang bertujuan untuk menampilkan data barang
yang sudah dibayar dengan status ready deliver, delivered. Ketika status berubah
menjadi deliver maka Admin dapat menginputkan resi barang yg dikirim. Seperti
terlihat pada gambar 4.18.
Gambar 4.18 Tampilan Form Pengiriman Barang
4.2.19 Tampilan Laporan Penjualan
Tampilan laporan penjualan bertujuan untuk menampilkan data laporan
pendapatan yang diperoleh. Pada laporan penjualan nantinya akan dapat dicetak
dalam rupa format PDF. Seperti terlihat pada gambar 4.19.
Gambar 4.19 Tampilan Laporan Penjualan
80
4.2.20 Tampilan Laporan Stock
Tampilan laporan stock bertujuan untuk menampilkan data laporan barang
keluar. Pada laporan stock nantinya akan dapat dicetak dalam rupa format PDF.
Seperti terlihat pada gambar 4.20.
Gambar 4.20 Tampilan Laporan Stock
4.2.21 Tampilan Laporan Pelanggan Paling Sering Belanja
Tampilan laporan laporan pelanggan paling sering belanja bertujuan untuk
menampilkan data pelanggan yang paling loyal. Pada laporan penjualan nantinya
akan dapat dicetak dalam rupa format PDF. Seperti terlihat pada gambar 4.21.
Gambar 4.21 Tampilan Laporan Pelanggan Paling Sering Belanja
81
4.2.22 Tampilan Laporan Penerimaan Barang
Tampilan laporan penerimaan barang bertujuan untuk menampilkan data
laporan barang masuk dari supplier. Pada laporan penerimaan barang nantinya
akan dapat dicetak dalam rupa format PDF. Seperti terlihat pada gambar 4.22.
Gambar 4.22 Tampilan Laporan Penerimaan Barang
4.2.23 Tampilan Laporan Pembayaran
Tampilan laporan pembayaran barang bertujuan untuk menampilkan data
laporan transaksi yang sudah ditransfer oleh pelanggan. Pada laporan pembayaran
nantinya akan dapat dicetak dalam rupa format PDF. Seperti terlihat pada gambar
4.23.
Gambar 4.23 Tampilan Laporan Pembayaran
82
4.2.24 Tampilan Laporan List Member
Tampilan laporan list member bertujuan untuk menampilkan data laporan
pelanggan yang sudah terdaftar. Pada laporan list member nantinya akan dapat
dicetak dalam rupa format PDF. Seperti terlihat pada gambar 4.24.
Gambar 4.24 Tampilan Laporan List Member
4.2.25 Tampilan Laporan Barang Dikirim
Tampilan laporan barang dikirim bertujuan untuk menampilkan data
laporan barang yang sudah dikirim menggunakan jasa pengiriman JNE. Pada
laporan barang dikirim nantinya akan dapat dicetak dalam rupa format PDF. Seperti
terlihat pada gambar 4.25.
Gambar 4.25 Tampilan Laporan Barang Dikirim
83
4.2.26 Tampilan Laporan Barang Paling Laris
Tampilan laporan barang paling laris bertujuan untuk menampilkan data
laporan barang yang paling sering dibeli oleh pelanggan. Pada laporan barang
paling laris nantinya akan dapat dicetak dalam rupa format PDF. Seperti terlihat
pada gambar 4.26.
Gambar 4.26 Tampilan Laporan Barang Paling Laris
FORM TESTING HASIL
Login password
tidak
dimasukan
84
Pelanggan Memasukan
data yang
sudah ada
Pelanggan memasukka
n data
pelanggan
baru
Barang memasukka
n data
barang baru
86
Barang berhasil
terhapus
Daftar
Pelanggan
dapat
terverifikasi
Daftar
Pelanggan
Berhasil
daftar
Keranjang
Belanja
Sudah
melakukan
check out
87
Email invoice
penjualan
dikirim
Pembayara
n
ubah status
pembayaran
Pembayara
n
status
unpaid
berhasil
berubah
Nomor resi Email
Nomor resi
berhasil
88
Supplier Tambah
supplier
Berhasil di
tambahkan
Supplier Ubah
Supplier
berhasil
Supplier Hapus
supplier
berhasil
Penjualan tampilkan
data
penjualan
berhasil
89
Penerimaa
n Barang
tampilkan
penerimaan
barang
berhasil
Laporan Data
Laporan
Sebelum
input data
tanggal
pesan data
kosong
Laporan Data
laporan
Sudah berisi
data
berdasarkan
tanggal
yang
ditentukan
Top Related