ANALISIS DAN PERANCANGAN
III. 36 Struktur Menu Admin Pada Data Profil
1. Perancangan Antarmuka Pengunjung
Antarmuka Home (P01)
Navigasi :
1. Klik tombol “Home” untuk menuju P01
2. Klik tombol “All Produk” untuk menuju P02
3. Klik tombol “Panduan-Belanja” untuk menuju P03 4. Klik tombol “Panduan- Pembayaran” untuk menuju P04 5. Klik tombol “Panduan- Pengiriman” untuk menuju P05 6. Klik tombol “Panduan-Retur” untuk menuju P06
7. Klik tombol “Pendaftaran” untuk menuju P07
8. Klik tombol “Login” untuk menuju P08
9. Klik tombol “Kategori” untuk menuju P09
10. Klik tombol link “Nama Produk” untuk menuju P10
FOOTER HEADER LOGO
Home | All Produk | Panduan | Pendaftaran | Login
Semua Produk▼ Cari
Kategori
Customer Service
Testimonial
IMAGE
Produk Lainnya
Image Image Image Image
Image Image Image Image Nama Produk Harga Asli Harga Diskon Nama Produk Harga Asli Harga Diskon Nama Produk Harga Asli Harga Diskon Nama Produk Harga Asli Harga Diskon Nama Produk Harga Asli Harga Diskon Nama Produk Harga Asli Harga Diskon Nama Produk Harga Asli Harga Diskon Nama Produk Harga Asli Harga Diskon Mandiri BNI Paypal JNE Keranjang Belanja Clien Area Browser : OS : IP :
Most View Product
Best Selling Product Image Nama Produk Harga Asli Harga Diskon Image Nama Produk Harga Asli Harga Diskon P01
Gambar III.47 - Antarmuka Home
Antarmuka All Produk (P02)
Navigasi :
1. Klik tombol “Home” untuk menuju P01
2. Klik tombol “All Produk” untuk menuju P02
3. Klik tombol “Panduan-Belanja” untuk menuju P03 4. Klik tombol “Panduan- Pembayaran” untuk menuju P04 5. Klik tombol “Panduan- Pengiriman” untuk menuju P05 6. Klik tombol “Panduan-Retur” untuk menuju P06
7. Klik tombol “Pendaftaran” untuk menuju P07
8. Klik tombol “Login” untuk menuju P08
9. Klik tombol “Kategori” untuk menuju P09
10. Klik tombol link “Nama Produk” untuk menuju P10
FOOTER HEADER LOGO
Home | All Produk | Panduan | Pendaftaran | Login
Semua Produk▼ Cari
Kategori
Customer Service
Testimonial
Image Image Image Image
Image Image Image Image Nama Produk Harga Asli Harga Diskon Nama Produk Harga Asli Harga Diskon Nama Produk Harga Asli Harga Diskon Nama Produk Harga Asli Harga Diskon Nama Produk Harga Asli Harga Diskon Nama Produk Harga Asli Harga Diskon Nama Produk Harga Asli Harga Diskon Nama Produk Harga Asli Harga Diskon Keranjang Belanja Clien Area Browser : OS : IP :
Most View Product
Best Selling Product Mandiri BNI Paypal JNE Image Nama Produk Harga Asli Harga Diskon Image Nama Produk Harga Asli Harga Diskon P02
Antarmuka Panduan Belanja (P03)
Navigasi :
1. Klik tombol “Home” untuk menuju P01
2. Klik tombol “All Produk” untuk menuju P02
3. Klik tombol “Panduan-Belanja” untuk menuju P03 4. Klik tombol “Panduan- Pembayaran” untuk menuju P04 5. Klik tombol “Panduan- Pengiriman” untuk menuju P05 6. Klik tombol “Panduan-Retur” untuk menuju P06
7. Klik tombol “Pendaftaran” untuk menuju P07
8. Klik tombol “Login” untuk menuju P08
9. Klik tombol “Kategori” untuk menuju P09
10. Klik tombol link “Nama Produk” untuk menuju P10
FOOTER HEADER LOGO
Home | All Produk | Panduan | Pendaftaran | Login
Semua Produk▼ Cari
Kategori Customer Service Testimonial Teks Mandiri BNI Paypal JNE
Cara Belanja Keranjang Belanja
Clien Area Browser : OS : IP :
Most View Product
Best Selling Product Image Nama Produk Harga Asli Harga Diskon Image Nama Produk Harga Asli Harga Diskon P03
Gambar III.49 - Antarmuka Panduan Belanja
Antarmuka Panduan Pembayaran (P04)
Navigasi :
1. Klik tombol “Home” untuk menuju P01
2. Klik tombol “All Produk” untuk menuju P02
3. Klik tombol “Panduan-Belanja” untuk menuju P03 4. Klik tombol “Panduan- Pembayaran” untuk menuju P04 5. Klik tombol “Panduan- Pengiriman” untuk menuju P05 6. Klik tombol “Panduan-Retur” untuk menuju P06
7. Klik tombol “Pendaftaran” untuk menuju P07
8. Klik tombol “Login” untuk menuju P08
9. Klik tombol “Kategori” untuk menuju P09
10. Klik tombol link “Nama Produk” untuk menuju P10
FOOTER HEADER LOGO
Home | All Produk | Panduan | Pendaftaran | Login
Semua Produk▼ Cari
Kategori Customer Service Testimonial Teks Mandiri BNI Paypal JNE
Pembayaran Keranjang Belanja
Clien Area
Browser : OS : IP :
Most View Product
Best Selling Product Image Nama Produk Harga Asli Harga Diskon Image Nama Produk Harga Asli Harga Diskon P04
Antarmuka Panduan Pengiriman (P05)
Navigasi :
1. Klik tombol “Home” untuk menuju P01
2. Klik tombol “All Produk” untuk menuju P02
3. Klik tombol “Panduan-Belanja” untuk menuju P03 4. Klik tombol “Panduan- Pembayaran” untuk menuju P04 5. Klik tombol “Panduan- Pengiriman” untuk menuju P05 6. Klik tombol “Panduan-Retur” untuk menuju P06
7. Klik tombol “Pendaftaran” untuk menuju P07
8. Klik tombol “Login” untuk menuju P08
9. Klik tombol “Kategori” untuk menuju P09
10. Klik tombol link “Nama Produk” untuk menuju P10
FOOTER HEADER LOGO
Home | All Produk | Panduan | Pendaftaran | Login
Semua Produk▼ Cari
Kategori Customer Service Testimonial Teks Mandiri BNI Paypal JNE
Ketentuan Proses Pengiriman Keranjang Belanja
Clien Area Browser : OS : IP :
Most View Product
Best Selling Product Image Nama Produk Harga Asli Harga Diskon Image Nama Produk Harga Asli Harga Diskon P05
Gambar III.51 - Antarmuka Panduan Pengiriman
Antarmuka Panduan Retur (P06)
Navigasi :
1. Klik tombol “Home” untuk menuju P01
2. Klik tombol “All Produk” untuk menuju P02
3. Klik tombol “Panduan-Belanja” untuk menuju P03 4. Klik tombol “Panduan- Pembayaran” untuk menuju P04 5. Klik tombol “Panduan- Pengiriman” untuk menuju P05 6. Klik tombol “Panduan-Retur” untuk menuju P06
7. Klik tombol “Pendaftaran” untuk menuju P07
8. Klik tombol “Login” untuk menuju P08
9. Klik tombol “Kategori” untuk menuju P09
10. Klik tombol link “Nama Produk” untuk menuju P10
FOOTER HEADER LOGO
Home | All Produk | Panduan | Pendaftaran | Login
Semua Produk▼ Cari
Kategori Customer Service Testimonial Teks Mandiri BNI Paypal JNE
Panduan Retur Keranjang Belanja
Clien Area Browser : OS : IP :
Most View Product
Best Selling Product Image Nama Produk Harga Asli Harga Diskon Image Nama Produk Harga Asli Harga Diskon P06
Antarmuka Pendaftaran (P07)
Navigasi :
1. Klik tombol “Home” untuk menuju P01
2. Klik tombol “All Produk” untuk menuju P02
3. Klik tombol “Panduan-Belanja” untuk menuju P03 4. Klik tombol “Panduan- Pembayaran” untuk menuju P04 5. Klik tombol “Panduan- Pengiriman” untuk menuju P05 6. Klik tombol “Panduan-Retur” untuk menuju P06
7. Klik tombol “Pendaftaran” untuk menuju P07
8. Klik tombol “Login” untuk menuju P08
9. Klik tombol “Kategori” untuk menuju P09
10. Klik tombol link “Nama Produk” untuk menuju P10
FOOTER HEADER LOGO
Home | All Produk | Panduan | Pendaftaran | Login
Semua Produk▼ Cari
Kategori Customer Service Testimonial Mandiri BNI Paypal JNE Pendaftaran Daftar Nama Depan * : Nama Belakang * : Alamat * : Kota * : Provinsi * : Telepon : Email * : Password * : Masukkan Kode * : -- Pilih Provinsi --▼ -- Pilih Kabupaten/Kota --▼ captcha Jenis Kelamin * : Pria Wanita
Kodepos * :
Keterangan : *) Harus Diisi
Keranjang Belanja
Clien Area
Browser : OS : IP :
Most View Product
Best Selling Product Image Nama Produk Harga Asli Harga Diskon Image Nama Produk Harga Asli Harga Diskon P07
Gambar III.53 - Antarmuka Pendaftaran
Antarmuka Login (P08)
Navigasi :
1. Klik tombol “Home” untuk menuju P01
2. Klik tombol “All Produk” untuk menuju P02
3. Klik tombol “Panduan-Belanja” untuk menuju P03 4. Klik tombol “Panduan- Pembayaran” untuk menuju P04 5. Klik tombol “Panduan- Pengiriman” untuk menuju P05 6. Klik tombol “Panduan-Retur” untuk menuju P06
7. Klik tombol “Pendaftaran” untuk menuju P07
8. Klik tombol “Login” untuk menuju P08
9. Klik tombol “Kategori” untuk menuju P09
10. Klik tombol link “Nama Produk” untuk menuju P10
11. Klik link “belum punya akun? Daftar sekarang” untuk menuju P07
12. Klik link “lupa password” untuk menuju M02
FOOTER HEADER LOGO
Home | All Produk | Panduan | Pendaftaran | Login
Semua Produk▼ Cari
Kategori Customer Service Testimonial Mandiri BNI Paypal JNE Member Login Email Password
Lupa Password ? Belum Punya Akun ? Daftar Sekarang
Keranjang Belanja
Clien Area Browser : OS : IP :
Most View Product
Best Selling Product Image Nama Produk Harga Asli Harga Diskon Image Nama Produk Harga Asli Harga Diskon Login Produk Lainnya
Image Image Image Image
Image Image Image Image Nama Produk Harga Asli Harga Diskon Nama Produk Harga Asli Harga Diskon Nama Produk Harga Asli Harga Diskon Nama Produk Harga Asli Harga Diskon Nama Produk Harga Asli Harga Diskon Nama Produk Harga Asli Harga Diskon Nama Produk Harga Asli Harga Diskon Nama Produk Harga Asli Harga Diskon P08
Antarmuka Kategori (P09)
Navigasi :
1. Klik tombol “Home” untuk menuju P01
2. Klik tombol “All Produk” untuk menuju P02
3. Klik tombol “Panduan-Belanja” untuk menuju P03 4. Klik tombol “Panduan- Pembayaran” untuk menuju P04 5. Klik tombol “Panduan- Pengiriman” untuk menuju P05 6. Klik tombol “Panduan-Retur” untuk menuju P06
7. Klik tombol “Pendaftaran” untuk menuju P07
8. Klik tombol “Login” untuk menuju P08
9. Klik tombol “Kategori” untuk menuju P09
10. Klik tombol link “Nama Produk” untuk menuju P10
FOOTER HEADER LOGO
Home | All Produk | Panduan | Pendaftaran | Login
Semua Produk▼ Cari
Kategori
Customer Service
Testimonial
Mandiri BNI Paypal JNE
Kategori Keranjang Belanja
Clien Area
Browser : OS : IP :
Most View Product
Best Selling Product Image Nama Produk Harga Asli Harga Diskon Image Nama Produk Harga Asli Harga Diskon Produk Lainnya
Image Image Image Image
Image Image Image Image Nama Produk Harga Asli Harga Diskon Nama Produk Harga Asli Harga Diskon Nama Produk Harga Asli Harga Diskon Nama Produk Harga Asli Harga Diskon Nama Produk Harga Asli Harga Diskon Nama Produk Harga Asli Harga Diskon Nama Produk Harga Asli Harga Diskon Nama Produk Harga Asli Harga Diskon Image Nama Produk Harga Asli Harga Diskon Image Nama Produk Harga Asli Harga Diskon Image Nama Produk Harga Asli Harga Diskon Image Nama Produk Harga Asli Harga Diskon P09
Gambar III.55 - Antarmuka Kategori
Antarmuka Detail Produk (P10)
Navigasi :
1. Klik tombol “Home” untuk menuju P01
2. Klik tombol “All Produk” untuk menuju P02
3. Klik tombol “Panduan-Belanja” untuk menuju P03 4. Klik tombol “Panduan- Pembayaran” untuk menuju P04 5. Klik tombol “Panduan- Pengiriman” untuk menuju P05 6. Klik tombol “Panduan-Retur” untuk menuju P06
7. Klik tombol “Pendaftaran” untuk menuju P07
8. Klik tombol “Login” untuk menuju P08
9. Klik tombol “Kategori” untuk menuju P09
10. Klik tombol link “Nama Produk” untuk menuju P10
FOOTER HEADER LOGO
Home | All Produk | Panduan | Pendaftaran | Login
Semua Produk▼ Cari
Kategori
Customer Service
Testimonial
Mandiri BNI Paypal JNE
Detail Produk Keranjang Belanja
Clien Area Browser : OS : IP :
Most View Product
Best Selling Product Image Nama Produk Harga Asli Harga Diskon Image Nama Produk Harga Asli Harga Diskon Produk Serupa
Image Image Image Image Nama Produk Harga Asli Harga Diskon Nama Produk Harga Asli Harga Diskon Nama Produk Harga Asli Harga Diskon Nama Produk Harga Asli Harga Diskon Image Nama Produk IMAGE Add to Cart Harga Pokok : Diskon : Harga Diskon : Spesifikasi Produk Ukuran : Berat : Warna : Jenis Produk : Stok Deskripsi : Rating : 0/5 P10