Perancangan antarmuka pengunjung Perancangan Struktur Menu

3.4.6.3 Perancangan antarmuka tampil tentang kami

Perancangan antarmuka tentang kami dapat dilihat pada gambar berikut Footer · Klik BERANDA menuju G01 · Klik RESELLER menuju G02 · Klik DAFTAR menuju G04 · Klik MASUK menuju G05 · Klik Level untuk melihat jenis paket yang tersedia G03 LOGO KERIPIK IBLIS BERANDA RESELLER TENTANG KAMI MASUK DAFTAR Costumer Service Not Online Tentang Kami Deskripsi Tentang Kami Gambar 3. 38 Perancangan antarmuka tampil about me 3.4.6.4 Perancangan antarmuka daftar Perancangan antarmuka daftar dapat dilihat pada gambar berikut Footer · Klik BERANDA menuju G01 · Klik RESELLER menuju G02 · Klik TENTANG KAMI menuju G03 · Klik MASUK menuju G05 · Klik Level untuk melihat jenis paket yang tersedia · Jika email tidak diisi, maka akan ada pesan M01 · Jika format email salah, maka akan ada pesan M12 · Jika password tidak diisi, maka akan ada pesan M02 · Jika Konfirmasi password tidak diisi, maka akan ada pesan M03 · Jika konfirmasi password tidak sama dengan password, maka akan ada pesan M09 · Jika nama lengkap tidak diisi, maka akan ada pesan M04 · Jika alamat tidak diisi, maka akan ada pesan M05 · Jika format no.telepon salah, maka akan ada pesan M11 · Jika provinsi tidak diisi, maka akan ada pesan M06 · Jika kota tidak diisi, maka akan ada pesan M07 · Jika memasukan email yang sudah terdaftar sebelumnya, maka akan ada pesan M10 · Jika kecamatan tidak diisi, maka akan ada pesan M08 · Klik tombol Register menuju G07 jika semua pengisian resgistrasi sudah sesuai format G04 LOGO KERIPIK IBLIS BERANDA RESELLER TENTANG KAMI MASUK DAFTAR Costumer Service Not Online Registrasi Account Info Email wajib diisi Password wajib diisi Konfirmasi Password wajib diisi Nama Lengkap wajib diisi Alamat wajib diisi No. Telepon Provinsi Kota Kecamatan Personal Info Login Member Jika Anda sudah memiliki Account, Anda dapat melakukan login disini Register Gambar 3. 39 Perancangan antarmuka register

3.4.6.5 Perancangan antarmuka login

Perancangan antarmuka login dapat dilihat pada gambar berikut Footer · Klik BERANDA menuju G01 · Klik RESELLER menuju G02 · Klik TENTANG KAMI menuju G03 · Klik DAFTAR menuju G04 · Klik tombol Lupa Password menuju G06 · Klik tombol Login menuju M01 · Jika email tidak diisi, maka akan ada pesan M15 · Jika format email salah, maka akan ada pesan M15 · Jika password tidak diisi, maka akan ada pesan M13 · Jika password tidak diisi, maka akan ada pesan M14 · Jika email tidak diisi, maka akan ada pesan M13 G05 LOGO KERIPIK IBLIS BERANDA RESELLER TENTANG KAMI MASUK DAFTAR Costumer Service Not Online Login Email Password Registrasi Member Jika Anda belum memiliki Account, Anda dapat melakukan registrasi disini Lupa Password Login Gambar 3. 40 Perancangan antarmuka login 3.4.6.6 Perancangan antarmuka lupa password Perancangan antarmuka lupa password dapat dilihat pada gambar berikut Footer · Klik BERANDA menuju G01 · Klik RESELLER menuju R02 · Klik TENTANG KAMI menuju G03 · Klik DAFTAR menuju G04 · Klik MASUK menuju G05 · Jika email tidak diisi, maka akan ada pesan M01 G06 LOGO KERIPIK IBLIS BERANDA RESELLER TENTANG KAMI MASUK DAFTAR Costumer Service Not Online Lupa Password Email LoginRegister Jika Anda sudah memiliki Account, Anda dapat login disini Jika Anda belum memiliki Account, Anda dapat melakukan registrasi disini Submit Gambar 3. 41 Perancangan antarmuka lupa password

3.4.6.7 Perancangan antarmuka pelanggan

Perancangan antarmuka pelanggan dapat dilihat pada gambar berikut Footer · Klik RESELLER menuju R02 · Klik TENTANG KAMI menuju R03 · Klik PROFIL menuju R04 · Klik KERANJANG BELANJA menuju R05 · Klik KONFIRMASI PEMBAYARAN menuju R10 · Pilih Rating maka akan muncul pesan M16 · Jika Stok Habis, Klik BELI maka akan muncul pesan M17 · Klik KELUAR menuju G01 R01 LOGO KERIPIK IBLIS BERANDA RESELLER TENTANG KAMI KELUAR KONFIRMASI PEMBAYARAN Costumer Service Not Online Level 3 Level 5 Level 8 Level 10 MIX FOTO PRODUK Keripik paket 1 Level 3 Comment Via Twitter Comment Via Facebook PAKET 1 PAKET 2 PAKET 3 PAKET 1 PAKET 2 PAKET 3 PAKET 1 PAKET 2 PAKET 3 PAKET 1 PAKET 2 PAKET 3 PAKET 1 PAKET 2 PAKET 3 Netto 200gram x 4 pcs Berat Packing 1kg ongkos kirim Harga Pelanggan Rp 1,000,- paket Stok Stok habis Tips Cara Pemesanan 1. pilih produk yang akan dipesan lalu klik add to chart 2. pilih menu keranjang belanja a. jika ingin merubah jumlah pesanan, ketik lalu tekan enter b. klik lanjut belanja jika ingin menambah pesanan c. klik logo remove untuk menghapus pesanan yang telah dipilih d. klik checkout jika telah selesai 3. Pilih jenis paket kiriman JNE a. Data default untuk mengirimkan kepada alamat yang telah ada b. Data Baru untuk mengirimkan kepada alamat berbeda 4. klik konfirmasi belanja jika detail pesanan telah sesuai atau klik menu keranjang belanja untuk merubah detail data pesanan 5. pilih jenis metode transfer sesuai dengan pilihan yang tersedia lalu submit KERANJANG BELANJA PROFIL ìììììRATING BELI Gambar 3. 42 Perancangan antarmuka pelanggan