Perancangan Antarmuka Member Perancangan Antarmuka

Logo Toko Bantuan KERANJANG BELANJA Isi Keranjang 0 Item Beranda Tentang Kami Produk Diskon Galeri Paket Pengiriman Hubungi Kami Kategori 01 Kategori 02 Kategori 03 Kategori 04 Kategori 05 Kategori 06 Produk Terlaris D04 Copyright 2011 Live Design 4 U Tentang Kami Beranda Tentang Kami Cara Pemesanan Dan Cara Pembayaran Hubungi Kami Akun Saya Logout Navigasi : 1. klik tombol akun saya untuk menuju D02 2. klik tombol logout untuk menuju C01 3. klik tombol beranda untuk menuju D03 4. klik tombol tentang kami untuk menuju D04 5. klik tombol produk diskon untuk menuju D05 6. klik tombol galeri untuk menuju D06 7. klik tombol paket pengiriman untuk menuju D07 8. klik tombol hubungi kami untuk menuju D08 9. klik tombol cara pemesanan dan cara pembayaran untuk menuju D09 Gambar 3.78 Antarmuka Member D04 Logo Toko Bantuan KERANJANG BELANJA Isi Keranjang 0 Item Banner Beranda Tentang Kami Produk Diskon Galeri Paket Pengiriman Hubungi Kami Kategori 01 Kategori 02 Kategori 03 Kategori 04 Kategori 05 Kategori 06 Produk Terlaris D05 Copyright 2011 Live Design 4 U Produk Diskon Beranda Tentang Kami Cara Pemesanan Dan Cara Pembayaran Hubungi Kami Produk 01 Produk 02 Produk 03 Produk 04 Produk 05 Produk 06 ADD TO CHART BUY NOW ADD TO CHART BUY NOW ADD TO CHART BUY NOW ADD TO CHART BUY NOW ADD TO CHART BUY NOW ADD TO CHART BUY NOW Akun Saya Logout Navigasi : 1. klik tombol akun saya untuk menuju D02 2. klik tombol logout untuk menuju C01 3. klik tombol beranda untuk menuju D03 4. klik tombol tentang kami untuk menuju D04 5. klik tombol produk diskon untuk menuju D05 6. klik tombol galeri untuk menuju D06 7. klik tombol paket pengiriman untuk menuju D07 8. klik tombol hubungi kami untuk menuju D08 9. klik tombol cara pemesanan dan cara pembayaran untuk menuju D09 10. klik tulisan ADD TO CHART untuk menuju D10 11. klik tulisan DETAILS untuk menuju D11 Gambar 3.79 Antarmuka Member D05 Logo Toko Bantuan KERANJANG BELANJA Isi Keranjang 0 Item Banner Beranda Tentang Kami Produk Diskon Galeri Paket Pengiriman Hubungi Kami Kategori 01 Kategori 02 Kategori 03 Kategori 04 Kategori 05 Kategori 06 Produk Terlaris D06 Copyright 2011 Live Design 4 U Galeri Beranda Tentang Kami Cara Pemesanan Dan Cara Pembayaran Hubungi Kami Akun Saya Logout Navigasi : 1. klik tombol akun saya untuk menuju D02 2. klik tombol logout untuk menuju C01 3. klik tombol beranda untuk menuju D03 4. klik tombol tentang kami untuk menuju D04 5. klik tombol produk diskon untuk menuju D05 6. klik tombol galeri untuk menuju D06 7. klik tombol paket pengiriman untuk menuju D07 8. klik tombol hubungi kami untuk menuju D08 9. klik tombol cara pemesanan dan cara pembayaran untuk menuju D09 Gambar 3.80 Antarmuka Member D06 Logo Toko Bantuan KERANJANG BELANJA Isi Keranjang 0 Item Banner Beranda Tentang Kami Produk Diskon Galeri Paket Pengiriman Hubungi Kami Kategori 01 Kategori 02 Kategori 03 Kategori 04 Kategori 05 Kategori 06 Produk Terlaris D07 Copyright 2011 Live Design 4 U Paket Pengiriman Provinsi Kota Cek Beranda Tentang Kami Cara Pemesanan Dan Cara Pembayaran Hubungi Kami Akun Saya Logout Navigasi : 1. klik tombol akun saya untuk menuju D02 2. klik tombol logout untuk menuju C01 3. klik tombol beranda untuk menuju D03 4. klik tombol tentang kami untuk menuju D04 5. klik tombol produk diskon untuk menuju D05 6. klik tombol galeri untuk menuju D06 7. klik tombol paket pengiriman untuk menuju D07 8. klik tombol hubungi kami untuk menuju D08 9. klik tombol cara pemesanan dan cara pembayaran untuk menuju D09 10. klik tulisan cek untuk menuju D19 Gambar 3.81 Antarmuka Member D07 Logo Toko Bantuan KERANJANG BELANJA Isi Keranjang 0 Item Beranda Tentang Kami Produk Diskon Galeri Paket Pengiriman Hubungi Kami Kategori 01 Kategori 02 Kategori 03 Kategori 04 Kategori 05 Kategori 06 Produk Terlaris D08 Copyright 2011 Live Design 4 U Hubungi Kami Beranda Tentang Kami Cara Pemesanan Dan Cara Pembayaran Hubungi Kami Akun Saya Logout Navigasi : 1. klik tombol akun saya untuk menuju D02 2. klik tombol logout untuk menuju C01 3. klik tombol beranda untuk menuju D03 4. klik tombol tentang kami untuk menuju D04 5. klik tombol produk diskon untuk menuju D05 6. klik tombol galeri untuk menuju D06 7. klik tombol paket pengiriman untuk menuju D07 8. klik tombol hubungi kami untuk menuju D08 9. klik tombol cara pemesanan dan cara pembayaran untuk menuju D09 10. klik tulisan profil saya untuk menuju D16 11. klik tulisan ganti pasword untuk menuju D17 12. klik tulisan history pemesanan untuk menuju D18 Gambar 3.82 Antarmuka Member D08 Logo Toko Bantuan KERANJANG BELANJA Isi Keranjang 0 Item Beranda Tentang Kami Produk Diskon Galeri Paket Pengiriman Hubungi Kami Kategori 01 Kategori 02 Kategori 03 Kategori 04 Kategori 05 Kategori 06 Produk Terlaris D09 Copyright 2011 Live Design 4 U Cara Pemesanan Dan Pembayaran Beranda Tentang Kami Cara Pemesanan Dan Cara Pembayaran Hubungi Kami Akun Saya Logout Navigasi : 1. klik tombol akun saya untuk menuju D02 2. klik tombol logout untuk menuju C01 3. klik tombol beranda untuk menuju D03 4. klik tombol tentang kami untuk menuju D04 5. klik tombol produk diskon untuk menuju D05 6. klik tombol galeri untuk menuju D06 7. klik tombol paket pengiriman untuk menuju D07 8. klik tombol hubungi kami untuk menuju D08 9. klik tombol cara pemesanan dan cara pembayaran untuk menuju D09 10. klik tulisan profil saya untuk menuju D16 11. klik tulisan ganti pasword untuk menuju D17 12. klik tulisan history pemesanan untuk menuju D18 Gambar 3.83 Antarmuka Member D09 Logo Toko Bantuan KERANJANG BELANJA Isi Keranjang 0 Item Beranda Tentang Kami Produk Diskon Galeri Paket Pengiriman Hubungi Kami Kategori 01 Kategori 02 Kategori 03 Kategori 04 Kategori 05 Kategori 06 Produk Terlaris D10 Beranda Tentang Kami Cara Pemesanan Dan Cara Pembayaran Hubungi Kami Copyright 2011 Live Design 4 U Produk 01_1 Produk 01_2 ADD THIS TO MY CHART Nama Produk Kode Produk Berat : 0Gram Stok Produk Warna Ukuran V Akun Saya Logout Navigasi : 1. klik tombol akun saya untuk menuju D02 2. klik tombol logout untuk menuju C01 3. klik tombol beranda untuk menuju D03 4. klik tombol tentang kami untuk menuju D04 5. klik tombol produk diskon untuk menuju D05 6. klik tombol galeri untuk menuju D06 7. klik tombol paket pengiriman untuk menuju D07 8. klik tombol hubungi kami untuk menuju D08 9. klik tombol cara pemesanan dan cara pembayaran untuk menuju D09 10. klik tulisan ADD THIS TO MY CHART untuk menuju D13 Gambar 3.84 Antarmuka Member D10 Logo Toko Bantuan KERANJANG BELANJA Isi Keranjang 0 Item Beranda Tentang Kami Produk Diskon Galeri Paket Pengiriman Hubungi Kami Kategori 01 Kategori 02 Kategori 03 Kategori 04 Kategori 05 Kategori 06 Produk Terlaris D11 Beranda Tentang Kami Cara Pemesanan Dan Cara Pembayaran Hubungi Kami Copyright 2011 Live Design 4 U Produk 01_1 Produk 01_2 ADD THIS TO MY CHART Nama Produk Kode Produk Berat : 0Gram Stok Produk Warna Ukuran V Akun Saya Logout Navigasi : 1. klik tombol akun saya untuk menuju D02 2. klik tombol logout untuk menuju C01 3. klik tombol beranda untuk menuju D03 4. klik tombol tentang kami untuk menuju D04 5. klik tombol produk diskon untuk menuju D05 6. klik tombol galeri untuk menuju D06 7. klik tombol paket pengiriman untuk menuju D07 8. klik tombol hubungi kami untuk menuju D08 9. klik tombol cara pemesanan dan cara pembayaran untuk menuju D09 10. klik tulisan ADD THIS TO MY CHART untuk menuju D13 Gambar 3.85 Antarmuka Member D11 Logo Toko Bantuan KERANJANG BELANJA Isi Keranjang 0 Item Beranda Tentang Kami Produk Diskon Galeri Paket Pengiriman Hubungi Kami Kategori 01 Kategori 02 Kategori 03 Kategori 04 Kategori 05 Kategori 06 Produk Terlaris D12 Copyright 2011 Live Design 4 U Registrasi Beranda Tentang Kami Cara Pemesanan Dan Cara Pembayaran Hubungi Kami Alamat Lengkap Tambahan Detail Kontak Login Detail Submit Nama Lengkap Provinsi Kota Alamat Lengkap Kode Pos No. Telp Alamat E-Mail Password Confirm Password Akun Saya Logout Navigasi : 1. klik tombol akun saya untuk menuju D02 2. klik tombol logout untuk menuju C01 3. klik tombol beranda untuk menuju D03 4. klik tombol tentang kami untuk menuju D04 5. klik tombol produk diskon untuk menuju D05 6. klik tombol galeri untuk menuju D06 7. klik tombol paket pengiriman untuk menuju D07 8. klik tombol hubungi kami untuk menuju D08 9. klik tombol cara pemesanan dan cara pembayaran untuk menuju D09 10. klik tulisan SUBMIT untuk menuju D14 Gambar 3.86 Antarmuka Member D12 Logo Toko Bantuan KERANJANG BELANJA Isi Keranjang 0 Item Beranda Tentang Kami Produk Diskon Galeri Paket Pengiriman Hubungi Kami Kategori 01 Kategori 02 Kategori 03 Kategori 04 Kategori 05 Kategori 06 Produk Terlaris D13 Copyright 2011 Live Design 4 U Keranjang Belanja Beranda Tentang Kami Cara Pemesanan Dan Cara Pembayaran Hubungi Kami GO TO CHECKOUT Nama Produk Warna - Ukuran Harga Jumlah Total BACK TO SHOPING Akun Saya Logout Navigasi : 1. klik tombol akun saya untuk menuju D02 2. klik tombol logout untuk menuju C01 3. klik tombol beranda untuk menuju D03 4. klik tombol tentang kami untuk menuju D04 5. klik tombol produk diskon untuk menuju D05 6. klik tombol galeri untuk menuju D06 7. klik tombol paket pengiriman untuk menuju D07 8. klik tombol hubungi kami untuk menuju D08 9. klik tombol cara pemesanan dan cara pembayaran untuk menuju D09 10. klik tulisan BACK TO SHOPING untuk menuju D03 11. klik tulisan GO TO CHECKOUT untuk menuju D15 Gambar 3.87 Antarmuka Member D13 Logo Toko Bantuan KERANJANG BELANJA Isi Keranjang 0 Item Beranda Tentang Kami Produk Diskon Galeri Paket Pengiriman Hubungi Kami Kategori 01 Kategori 02 Kategori 03 Kategori 04 Kategori 05 Kategori 06 Produk Terlaris D14 Copyright 2011 Live Design 4 U Keterangan Berhasil Registrasi Beranda Tentang Kami Cara Pemesanan Dan Cara Pembayaran Hubungi Kami Akun Saya Logout Navigasi : 1. klik tombol akun saya untuk menuju D02 2. klik tombol logout untuk menuju C01 3. klik tombol beranda untuk menuju D03 4. klik tombol tentang kami untuk menuju D04 5. klik tombol produk diskon untuk menuju D05 6. klik tombol galeri untuk menuju D06 7. klik tombol paket pengiriman untuk menuju D07 8. klik tombol hubungi kami untuk menuju D08 9. klik tombol cara pemesanan dan cara pembayaran untuk menuju D09 Gambar 3.88 Antarmuka Member D14 Logo Toko Bantuan KERANJANG BELANJA Isi Keranjang 0 Item Beranda Tentang Kami Produk Diskon Galeri Paket Pengiriman Hubungi Kami Kategori 01 Kategori 02 Kategori 03 Kategori 04 Kategori 05 Kategori 06 Produk Terlaris D15 Copyright 2011 Live Design 4 U DETAIL PEMESANAN Beranda Tentang Kami Cara Pemesanan Dan Cara Pembayaran Hubungi Kami SUBMIT Akun Saya Logout Navigasi : 1. klik tombol akun saya untuk menuju D02 2. klik tombol logout untuk menuju C01 3. klik tombol beranda untuk menuju D03 4. klik tombol tentang kami untuk menuju D04 5. klik tombol produk diskon untuk menuju D05 6. klik tombol galeri untuk menuju D06 7. klik tombol paket pengiriman untuk menuju D07 8. klik tombol hubungi kami untuk menuju D08 9. klik tombol cara pemesanan dan cara pembayaran untuk menuju D09 10. klik tulisan SUBMIT untuk menuju D20 Alamat Pengiriman Nama Penerima Provinsi Kota Alamat Lengkap Kode Pos Tambahan Detail Kontak No. Telp Paket Pengiriman Detail Pemesanan Produk Provinsi Kota Paket Lama KirimHari Harga KirimKg Nama Produk Warna - Ukuran Harga Jumlah Total Gambar 3.89 Antarmuka Member D15 Logo Toko Bantuan KERANJANG BELANJA Isi Keranjang 0 Item Beranda Tentang Kami Produk Diskon Galeri Paket Pengiriman Hubungi Kami Kategori 01 Kategori 02 Kategori 03 Kategori 04 Kategori 05 Kategori 06 Produk Terlaris D16 Copyright 2011 Live Design 4 U PROFIL SAYA Beranda Tentang Kami Cara Pemesanan Dan Cara Pembayaran Hubungi Kami Alamat Lengkap Tambahan Detail Kontak Submit Nama Lengkap Provinsi Kota Alamat Lengkap Kode Pos No. Telp Akun Saya Logout Navigasi : 1. klik tombol akun saya untuk menuju D02 2. klik tombol logout untuk menuju C01 3. klik tombol beranda untuk menuju D03 4. klik tombol tentang kami untuk menuju D04 5. klik tombol produk diskon untuk menuju D05 6. klik tombol galeri untuk menuju D06 7. klik tombol paket pengiriman untuk menuju D07 8. klik tombol hubungi kami untuk menuju D08 9. klik tombol cara pemesanan dan cara pembayaran untuk menuju D09 10. klik tulisan SUBMIT untuk menuju D16 Gambar 3.90 Antarmuka Member D16 Logo Toko Bantuan KERANJANG BELANJA Isi Keranjang 0 Item Beranda Tentang Kami Produk Diskon Galeri Paket Pengiriman Hubungi Kami Kategori 01 Kategori 02 Kategori 03 Kategori 04 Kategori 05 Kategori 06 Produk Terlaris D17 Copyright 2011 Live Design 4 U PROFIL SAYA Beranda Tentang Kami Cara Pemesanan Dan Cara Pembayaran Hubungi Kami Submit Akun Saya Logout Navigasi : 1. klik tombol akun saya untuk menuju D02 2. klik tombol logout untuk menuju C01 3. klik tombol beranda untuk menuju D03 4. klik tombol tentang kami untuk menuju D04 5. klik tombol produk diskon untuk menuju D05 6. klik tombol galeri untuk menuju D06 7. klik tombol paket pengiriman untuk menuju D07 8. klik tombol hubungi kami untuk menuju D08 9. klik tombol cara pemesanan dan cara pembayaran untuk menuju D09 10. klik tulisan SUBMIT untuk menuju D17 Password Lama Password Confirm Password Gambar 3.91 Antarmuka Member D17 Logo Toko Bantuan KERANJANG BELANJA Isi Keranjang 0 Item Beranda Tentang Kami Produk Diskon Galeri Paket Pengiriman Hubungi Kami Kategori 01 Kategori 02 Kategori 03 Kategori 04 Kategori 05 Kategori 06 Produk Terlaris D18 Copyright 2011 Live Design 4 U Beranda Tentang Kami Cara Pemesanan Dan Cara Pembayaran Hubungi Kami Akun Saya Logout Navigasi : 1. klik tombol akun saya untuk menuju D02 2. klik tombol logout untuk menuju C01 3. klik tombol beranda untuk menuju D03 4. klik tombol tentang kami untuk menuju D04 5. klik tombol produk diskon untuk menuju D05 6. klik tombol galeri untuk menuju D06 7. klik tombol paket pengiriman untuk menuju D07 8. klik tombol hubungi kami untuk menuju D08 9. klik tombol cara pemesanan dan cara pembayaran untuk menuju D09 10. klik tulisan BACK TO SHOPING untuk menuju D03 HISTORY PEMESANAN BACK TO SHOPING Tgl Pesan No.Invoice Status Total 11-Juli-2011 INVLD4U-8 Sedang Dikirim Rp. 84.500 Gambar 3.92 Antarmuka Member D18 Logo Toko Bantuan KERANJANG BELANJA Isi Keranjang 0 Item Banner Beranda Tentang Kami Produk Diskon Galeri Paket Pengiriman Hubungi Kami Kategori 01 Kategori 02 Kategori 03 Kategori 04 Kategori 05 Kategori 06 Produk Terlaris D19 Copyright 2011 Live Design 4 U Paket Pengiriman Provinsi Kota Cek Beranda Tentang Kami Cara Pemesanan Dan Cara Pembayaran Hubungi Kami Provinsi Kota Paket Lama KirimHari Harga KirimKg Navigasi : 1. klik tombol akun saya untuk menuju D02 2. klik tombol logout untuk menuju C01 3. klik tombol beranda untuk menuju D03 4. klik tombol tentang kami untuk menuju D04 5. klik tombol produk diskon untuk menuju D05 6. klik tombol galeri untuk menuju D06 7. klik tombol paket pengiriman untuk menuju D07 8. klik tombol hubungi kami untuk menuju D08 9. klik tombol cara pemesanan dan cara pembayaran untuk menuju D09 10. klik tulisan profil saya untuk menuju D16 11. klik tulisan ganti pasword untuk menuju D17 12. klik tulisan history pemesanan untuk menuju D18 Akun Saya Logout Gambar 3.93 Antarmuka Member D19 Logo Toko Bantuan KERANJANG BELANJA Isi Keranjang 0 Item Beranda Tentang Kami Produk Diskon Galeri Paket Pengiriman Hubungi Kami Kategori 01 Kategori 02 Kategori 03 Kategori 04 Kategori 05 Kategori 06 Produk Terlaris D20 Copyright 2011 Live Design 4 U Beranda Tentang Kami Cara Pemesanan Dan Cara Pembayaran Hubungi Kami Akun Saya Logout Navigasi : 1. klik tombol akun saya untuk menuju D02 2. klik tombol logout untuk menuju C01 3. klik tombol beranda untuk menuju D03 4. klik tombol tentang kami untuk menuju D04 5. klik tombol produk diskon untuk menuju D05 6. klik tombol galeri untuk menuju D06 7. klik tombol paket pengiriman untuk menuju D07 8. klik tombol hubungi kami untuk menuju D08 9. klik tombol cara pemesanan dan cara pembayaran untuk menuju D09 10. klik tulisan BACK TO SHOPING untuk menuju D03 CHECKOUT BERHASIL BACK TO SHOPING Keterangan Mengenai Checkout yang berhasil Gambar 3.94 Antarmuka Member D20

3.1.8 Perancangan Struktur Menu

Struktur menu dirancang sesuai dengan level pengguna yang terdapat pada sistem. Dalam aplikasi ini terdapat empat pengguna yaitu admin, operator, member , dan pengunjung.

3.1.8.1 Struktur Menu Admin

Log In Halaman Depan [1] Ganti Password [3] Data Operator [1][2][3] Log Out Web Admin Lihat [1] Tambah [2] Edit [3] Cetak [4] Gambar 3.95 Stuktur Menu Admin

3.1.8.2 Struktur Menu Operator

Log In Halaman Depan [1] Ganti Password [3] Data Master Log Out Web Admin Data Pemesanan Data Laporan Lihat [1] Tambah [2] Edit [3] Cetak [4] Data Member [1] Data Paket Pengiriman [1][2][3] Data Provinsi [1][2][3] Data Kota [1][2][3] Data Biaya Pengiriman [1][2][3] Data Warna [1][2][3] Data Ukuran [1][2][3] Data Kategori [1][2][3] Data Produk [1][2][3] Data Galeri [1][2][3] Data Laporan Stok Barang[1][4] Data Laporan Penjualan[1][4] Data List Pemesanan [1][3] Data Retur [1][3] Gambar 3.96 Stuktur Menu Operator