3.8 Desain Website 3.8.1 Desain Menu Utama
Menu utama adalah halaman pembuka yang merupakan halaman yang akan tampil setelah masuk ke website penjualan online store. Halaman ini juga termasuk halaman
pemberitahuan produk-produk terbaru. Adapun tampilannya adalah sebagai berikut:
Gambar 3.25 Tampilan Menu Utama
Universitas Sumatera Utara
3.8.2 Desain Produk
Pada tampilan desain produk ini, pembeli bisa melihat berbagai macam kategori produk yang di tawarkan dan pembeli bisa memilih salah satu kategori produk yang
akan dilihat misal: Kategori resep masakan. Dengan demikian pembeli bisa melihat berbagai macam buku yang lain.
Gambar 3.26 Tampilan Produk
3.8.3 DesainDetail Produk
Tampilan desain produk ini menampilkan spesifikasi buku secara lengkap, mulai dari harga, ukuran, penerbit, bahkan sinopsis buku secara lenkap ditampilkan disini.
Gambar 3.27 Tampilan Detail Produk
Pilih kategori mis : Buku
resep masakan. Pilih salah satu
buku, untuk melihat
keterangan
Jika diletakkan kursor pada tanda
panah di tengah buku, maka akan
kelihatan spesifikasi buku
tersebut seperti gambar di
samping.
Disini kita bisa
lihat detail produk
secara lengkap.
Universitas Sumatera Utara
3.8.4 Desain Cara Membeli
Halaman ini berisikan tahapan-tahapan pembelian yang menghubungkan data toko dan form pembelian.
Gambar 3.28 Tampilan Cara membeli
3.8.5 Desain Keranjang Belanja
Dihalaman ini terdapat tampilan produk yang telah kita order.
Gambar 3.29 Tampilan Keranjang Belanja
Produk yang di order langsung
masuk kekeranjang belanja
Pilih Add
tocart
buku yang telah kita order,
akan tampil disini beserta
deskripsi dan harga dari buku
tersebut, secara lengkap.
Universitas Sumatera Utara
3.8.6 Desain Login Member
Pada tampilan login member ini, pembeli di wajibkan untuk mengisi email dan biodata untuk menjadi member toko ini. Jika sudah menjadi member sebelumnya
maka pembeli bisa langsung login.
Gambar 3.30 Tampilan Login Member
Tuliskan email dan password jika
sudah menjadi member
Jika belum menjadi member, maka daftar
terlebih dahulu.
Universitas Sumatera Utara
3.8.7 Desain Pengiriman Barang
Halaman ini menghubungkan ke jasa pengiriman yang telah disediakan , pembeli akan memilih pengiriman yaitu melalui jasa pengiriman JNE.
Gambar 3.31 Tampilan Pengiriman Barang
3.8.8 Desain Pembayaran
Halaman ini menyajikan via pembayaran produk yang akan dipilih. Misalnya: transfer antar bank.
Gambar 3.32 Tampilan Pembayaran
Diceklis Kemudian,
Next
Pilih Pengiriman
Via Transfer
Antar Bank
Universitas Sumatera Utara
3.8.9 Desain Halaman Login Admin
Halaman ini berisikan login yang akan menghubungkan ke halaman administrator.
Gambar 3.33 Tampilan Login Admin
3.8.10 Desain Halaman Admin
Halaman ini khusus hanya dapat di akses oleh administrator website untuk melakukan pengaturan website seperti menambah , menghapus, dan mengubah data.
Gambar 3.34 Tampilan Halaman Admin
Universitas Sumatera Utara
BAB 4
IMPLEMENTASI SISTEM
4.1 Pengertian Implementasi Sistem
