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