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