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

85

Kategori memasukka

n data jenis

Kategori

Barang merubah

data barang

Barang menghapus

data

barang

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

90

Pengiriman masukan

no resi

kirim

Menu

admin

utama

Masuk

setelah

login