Antarmuka Member Perancangan Antarmuka

b. Form produk M02 produk Keranjang Belanja Pengiriman pembayaran Log Out HEADER Cara Pemesanan Klik menuju ke M01 Klik produk menuju ke M02 Klik menuju ke M03 Klik keranjang belanja ke M03 Klik Pengiriman Pembayaran menuju ke M07 Klik Cara Pemesanan menuju ke M08 Klik Tracking menuju ke M09 Klik icon menuju M10 Klik Log Out menuju ke AM01 Ø KATEGORI Flash Disk Hard Disk Keyboard Mouse Memory Monitor Processor Speaker Ø PENCARIAN PRODUK Ø Info Client Ø KERANJANG Ø HUBUNGI KAMI Ø TRANSFER MERK PRODUK PRODUK FOOTER Ø CEK PESANAN Pesanan Anda Tracking Ø SELAMAT DATANG email yang login Nana produk : Ket : gambar harga Gambar 3.31. Form produk c. Form keranjang belanja M03 produk Keranjang Belanja Pengiriman pembayaran Log Out HEADER Cara Pemesanan Klik menuju ke M01 Klik produk menuju ke M02 Klik keranjang belanja ke M03 Klik tombol kembali berbalanja menuju M01 Klik tombol update menuju ke M03 Klik tujuan pengiriman menuju ke M04 Klik Pengiriman Pembayaran menuju ke M07 Klik Cara Pemesanan menuju ke M08 Klik Tracking menuju ke M09 Klik Log Out menuju ke AM01 FOOTER Tracking Ø SELAMAT DATANG email yang login TEKS INFO PRODUK YANG ADA DI KERANJANG TEKS Ø KERANJANG Ø HUBUNGI KAMI Ø Info Client Gambar 3.32. Form keranjang belanja d. Form tujuan pengiriman M04 produk home Keranjang Belanja Pengiriman dan pembayaran Log Out HEADER Cara Pemesanan Klik home menuju ke M01 Klik produk menuju ke M02 Klik keranjang belanja ke M03 Klik tombol lanjutkan menuju ke menu M05 Klik Pengiriman dan Pembayaran menuju ke M07 Klik Cara Pemesanan menuju ke M08 Klik Tracking menju ke M09 Klik Log Out menuju ke AM01 FOOTER Form Tujuan Pengiriman Produk nama kota alamat provinsi telepon kodepos Ø SELAMAT DATANG email yang login Ø KERANJANG Ø HUBUNGI KAMI Ø Info Client Gambar 3.33. Form tujuan pengiriman e. Form selesai M05 produk Keranjang Belanja Pengiriman pembayaran Log Out HEADER Cara Pemesanan Klik menuju ke M01 Klik produk menuju ke M02 Klik keranjang belanja ke M03 Klik tombol kembali pengaturan menuju ke M04 Klik tombol ckeck out menuju ke M06 Klik Pengiriman Pembayaran menuju ke M07 Klik Cara Pemesanan menuju ke M08 Klik Tracking menuju ke M09 Klik icon menuju M10 Klik Log Out menuju ke AM01 Ø PENCARIAN PRODUK Ø KERANJANG Ø HUBUNGI KAMI Ø TRANSFER DATA PENGIRIMAN BARANG ALAMAT PENGIRIMAN FOOTER Ø CEK PESANAN Pesanan Anda Tracking Ø SELAMAT DATANG email yang login Gambar 3.34. Form selesai f. Form Check Out M06 produk Keranjang Belanja Pengiriman pembayaran Log Out HEADER Cara Pemesanan Klik menuju ke M01 Klik produk menuju ke M02 Klik keranjang belanja ke M03 Klik Pengiriman Pembayaran menuju ke M07 Klik Cara Pemesanan menuju ke M08 Klik Tracking menuju ke M09 Klik icon menuju M10 Klik Log Out menuju ke AM01 Ø PENCARIAN PRODUK Ø KERANJANG Ø HUBUNGI KAMI Ø TRANSFER DATA PENGIRIMAN BARANG FOOTER Ø CEK PESANAN Pesanan Anda Tracking Ø SELAMAT DATANG email yang login Gambar 3.35. Form check out g. Form pengiriman dan pembayaran M07 produk Keranjang Belanja Pengiriman pembayaran Log Out HEADER Cara Pemesanan Klik menuju ke M01 Klik produk menuju ke M02 Klik keranjang belanja ke M03 Klik Pengiriman Pembayaran menuju ke M07 Klik Cara Pemesanan menuju ke M08 Klik Tracking menuju ke M09 Klik icon menuju M10 Klik Log Out menuju ke AM01 Ø KATEGORI Flash Disk Hard Disk Keyboard Mouse Memory Monitor Processor Speaker Ø PENCARIAN PRODUK Ø Info Client Ø KERANJANG Ø HUBUNGI KAMI Ø TRANSFER TEKS PENGIRIMAN DAN PEMBAYARAN FOOTER Ø CEK PESANAN Pesanan Anda Tracking Ø SELAMAT DATANG email yang login Gambar 3.36. Form pengiriman dan pembayaran h. Form cara pemesanan M08 produk Keranjang Belanja Pengiriman pembayaran Log Out HEADER Cara Pemesanan Klik menuju ke M01 Klik produk menuju ke M02 Klik keranjang belanja ke M03 Klik Pengiriman Pembayaran menuju ke M07 Klik Cara Pemesanan menuju ke M08 Klik Tracking menuju ke M09 Klik icon menuju M10 Klik Log Out menuju ke AM01 Ø KATEGORI Flash Disk Hard Disk Keyboard Mouse Memory Monitor Processor Speaker Ø PENCARIAN PRODUK Ø Info Client Ø KERANJANG Ø HUBUNGI KAMI Ø TRANSFER TEKS CARA PEMESANAN FOOTER Ø CEK PESANAN Pesanan Anda Tracking Ø SELAMAT DATANG email yang login Gambar 3.37. Form cara pemesanan i. Form Tracking M09 produk Keranjang Belanja Pengiriman pembayaran Log Out HEADER Cara Pemesanan Klik menuju ke M01 Klik produk menuju ke M02 Klik keranjang belanja ke M03 Klik Pengiriman Pembayaran menuju ke M07 Klik Cara Pemesanan menuju ke M08 Klik Tracking menuju ke M09 Klik tombol tracking menuju web tracking JNE Klik icon menuju M10 Klik Log Out menuju ke AM01 Ø KATEGORI Flash Disk Hard Disk Keyboard Mouse Memory Monitor Processor Speaker Ø PENCARIAN PRODUK Ø Info Client Ø KERANJANG Ø HUBUNGI KAMI Ø TRANSFER TEKS FOOTER Ø CEK PESANAN Pesanan Anda Tracking Ø SELAMAT DATANG email yang login No resi Gambar 3.38. Form Tracking

3.2.3.3 Antarmuka adminoperator

a. Form login admin

A01 USERNAME PASSWORD Klik login akan dibawa ke menu A02 Gambar 3.39. Form login admin

b. Form home

A02 produk merk kategori pesanan Log out HEADER Klik merk menuju ke A03 Klik produk menuju ke A05 Klik kategori menuju ke A07 Klik pesanan menuju ke A10 Klik laporan menuju ke A14 Klik Log Out akan dibawa ke menu A01 DATA PRODUK laporan Data Produk Gambar 3.40. Form home admin

c. Form merk produk

A03