Struktur Menu Admin Perancangan Struktur Menu
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
5. Perancangan antar muka Keranjang Belanja M04
HEADER
Masuk
Email Kata sandi
Kategori
Kategori Kategori
Kategori Kategori
Kunjungan Terbanyak
Gambar Produk
PENCARIAN BERANDA
PRODUK BANTUAN
Keranjang Belanja Informasi kurs
JNE Tracking
Keranjang Belanja
M04
Klik Beranda menuju F01,klik
menu dropdown,p ilih produk
terbaru,dari katalog menuju F02,klik
katalog menu,klik login menuju
F03,klik Registrasi menuju F04,klik
cara pembelian menuju F05,cara
pembayara n menuju F11,Klik
lanjut belanja menuju F12
FOOTER
TIKI Tracking
Cek no Resi Cek no Resi
Informasi kurs terhadap dolar US
F t
Y PENDAFTARAN MEMBER
Total
No Nama
Barang Gambar
Harga satuan
Subtotal Hapus
Belanja Lagi Selesai
Gambar 3.36 Tampilan Antarmuka halaman Keranjang Belanja
6. Perancangan antar muka Konfirmasi PembayaranM05
HEADER
Masuk
Email Kata sandi
Kategori
Kategori Kategori
Kategori Kategori
Kunjungan Terbanyak
Gambar Produk
PENCARIAN BERANDA
PRODUK BANTUAN
Keranjang Belanja Informasi kurs
JNE Tracking
Keranjang Belanja
M05
Klik Beranda menuju F01,klik
menu dropdown,p ilih produk
terbaru,dari katalog menuju F02,klik
katalog menu,klik login menuju
F03,klik Registrasi menuju F04,klik
cara pembelian menuju F05,cara
pembayara n menuju F11,Klik
lanjut belanja menuju F12
FOOTER
TIKI Tracking
Cek no Resi Cek no Resi
Informasi kurs terhadap dolar US
F t
Y PENDAFTARAN MEMBER
No Nama
Barang Berat
Jumlah Harga
Total
Konfirmasi Pembayaran
Gambar 3.37 Tampilan Antarmuka halaman Konfirmasi Pembayaran