58
BAB IV IMPLEMENTASI PENGUJIAN
4.1 Tampilan Situs Anggita Musicca Guitar
Tampilan situs Anggita Musicca Gitar dibagi menjadi dua bagian, yaitu bagian administrator dan user pelanggan.
4.1.1 Halaman User
1. Halaman Home
Halaman ini adalah halaman awal atau halaman yang akan dilihat pertama kali oleh user ketika mengakses situs Anggita
Musicca Gitar. Pada halaman ini menampilkan posting barang terbaru maupun produk dan informasi tentang Anggita Musicca Gitar.
Gambar 4.1 Halaman Home
59
2. Halaman Menu Produk
Pada halaman ini pelanggan akan ditampilan pilihan sub menu alat musik dan perlengkapan yang setiap sub menu menampilkan
pilihan alat musik dan perlengkapan cajon, gitar dan violin. Selain itu pelanggan juga dapat mencari alat musik yang diinginkan pada kolom
search cari.
Gambar 4.2 Halaman menu produk
3. Halaman Detail Produk
Halaman ini akan menampilkan detail produk setiap pelanggan menekan atau memilih menu perlengkapan atau alat musik,
dan menekan atau memilih sub menu cajon, gitar dan violin.
60
Gambar 4.3 Halaman menu produk perlengkapan cajon
Gambar 4.4 Halaman menu produk perlengkapan gitar
61
Gambar 4.5 Halaman menu produk perlengkapan violin
Gambar 4.6 Halaman menu produk alat musik cajon
Gambar 4.7 Halaman menu produk alat musik gitar
62
Gambar 4.8 Halaman menu produk alat musik violin
4.
Halaman Menu Gitar Custom
Halaman ini akan menampilkan detail produk gitar custom setiap pelanggan menekan atau memilih menu gitar custom.
Gambar 4.9 Halaman menu gitar custom
63
5. Halaman Menu Softcase Custom
Halaman ini akan menampilkan detail produk setiap pelanggan menekan atau memilih menu gitar softcase dengan menekan atau
memilih sub menu softcase gitar akustik atau elektrik.
Gambar 4.10 halaman menu softcase custom gitar akustik
Gambar 4.11 halaman menu softcase gitar elektrik
64
6. Halaman Menu Servis Gitar
Halaman ini akan menampilkan detail menu setiap pelanggan menekan atau memilih menu servis gitar.
Gambar 4.12 Halaman menu service gitar
7. Halaman Forum
Halaman ini menampilkan detail menu forum diskusi setiap pelanggan menekan atau memilih menu Forum Diskusi.
65
Gambar 4.13 Halaman menu forum diskusi
8. Halaman Menu Kontak
Halaman ini menampilkan detail menu setiap pelanggan menekan atau memilih menu kontak.
Gambar 4.14 Halaman menu kontak
66
9. Halaman Daftar Pembelian
Halaman ini akan menampilkan halaman daftar pembelian apabila pelanggan menekan tombol
”add to cart” gambar keranjang pada setiap detail produk.
Gambar 4.15 Halaman daftar pembelian keranjang
Tombol Continue Shopping akan menampilkan kembali halaman produk, tombol Apply Coupon untuk mengkonfirmasi setelah
memasukkan kode kupon diskon bila pemesan mempunyai kartukupon diskon khusus, tombol Update Cart akan menampilkan
page daftar pembelian terbaru.
67
Gambar 4.16 Halaman pembelian
Tombol Proceed Checkout berfungsi sebagai konfirmasi pembelian barang untuk, dan akan menampilkan halaman formulir
pembelian.
Gambar 4.17 Halaman formulir pembelian
68
Gambar 4.18 Halaman formulir pembelian 2
Gambar 4.19 Halaman formulir pembelian 3
Pada akhir proses pemesanan, konsumen akan mengisi formulir pemesanan, setiap kolom pada formulir harus diisi, tombol Place
Order untuk mengakhiri proses pemesanan, dan semua data pemesanan tersimpan di penyimpanan order sistem.
69
4.1.2 Halaman Admin