Struktur Menu untuk User Pengunjung Struktur Menu untuk User Member
2. Perancangan antarmuka halaman produk P02
HEADER
Masuk
Email Kata sandi
Kategori
Kategori Kategori
Kategori Kategori
Kunjungan Terbanyak
Gambar Produk
PENCARIAN BERANDA
PRODUK BANTUAN
Keranjang Belanja Informasi kurs
JNE Tracking
PRODUK TERBARU
GAMBAR PRODUK
GAMBAR PRODUK
GAMBAR PRODUK
GAMBAR PRODUK
P02
Klik home menuju P01 kemudian
memilih menu produk terbaru
dropdown menuju P02,klik P04 untuk
registrasi menuju member,kli k P03
menuju login,PO5 untuk masuk cara
pembelian, P09 menuju cara
pembayara n,dan P10 menuju Data
Kontak
FOOTER
Produk Discount
TIKI Tracking
Cek no Resi Cek no Resi
Informasi kurs terhadap dolar US
F t
Y PENDAFTARAN MEMBER
GAMBAR PRODUK
GAMBAR PRODUK
Gambar 3.32 Tampilan Antarmuka halaman produk pengunjung b.
Perancangan Antarmuka Member
1. Perancangan Antarmuka Halaman Login M01
HEADER
Masuk
Email Kata sandi
Kategori
Kategori Kategori
Kategori Kategori
Kunjungan Terbanyak
Gambar Produk
PENCARIAN BERANDA
PRODUK BANTUAN
Keranjang Belanja Informasi kurs
JNE Tracking Produk Terbaru
GAMBAR PRODUK
GAMBAR PRODUK
GAMBAR PRODUK
GAMBAR PRODUK
M01
Klik home menuju P01 KLIK Produk
Terbaru klik login menuju halaman
member,jika email salah dan password
maka akan menuju M01,P08 menuju
lupa password, menuju P10 untuk
data kontak
FOOTER
Produk Discount
TIKI Tracking
Cek no Resi Cek no Resi
Informasi kurs terhadap dolar US
F t
Y PENDAFTARAN MEMBER
Gambar 3.33 Tampilan Antarmuka halaman Login Member
3. Perancangan Antarmuka Halaman Register M02
HEADER
Masuk
Email Kata sandi
Kategori
Kategori Kategori
Kategori Kategori
Kunjungan Terbanyak
Gambar Produk
PENCARIAN BERANDA
PRODUK BANTUAN
Keranjang Belanja Informasi kurs
JNE Tracking
PENDAFTARAN MEMBER
M02
Klik P04 untuk registrasi menjadi
member, Lalu setelah memnjadi
member klik P03 untuk login
FOOTER
TIKI Tracking
Cek no Resi Cek no Resi
Informasi kurs terhadap dolar US
F t
Y PENDAFTARAN MEMBER
Nama Email
proses Kata sandi
Konfirmasi Kata sandi
Alamat Provinsi
Kota Kode pos
No Telepon Code
GAMBAR CAPTCA v
v
reset
Gambar 3.34 Tampilan Antarmuka halaman Register Member
4. Perancangan antar muka Cara Pembelian M03
HEADER
Masuk
Email Kata sandi
Kategori
Kategori Kategori
Kategori Kategori
Kunjungan Terbanyak
Gambar Produk
PENCARIAN BERANDA
PRODUK BANTUAN
Keranjang Belanja Informasi kurs
JNE Tracking
Cara Pembelian
M03
P01 menuju menu utama,lalu klik
menu dropdown untuk melihat P02
produk terbaru,lalu klik P05 menuju
cara pembelian, P09 menuju cara
pembayaran.
FOOTER
TIKI Tracking
Cek no Resi Cek no Resi
Informasi kurs terhadap dolar US
F t
Y PENDAFTARAN MEMBER
1. ........................................................................................ 2. ........................................................................................
3. ........................................................................................
Gambar 3.35 Tampilan Antarmuka halaman Cara Pembelian Member