Perancangan Antar Muka Pengunjung
3. Perancangan antar muka cara order
P3
Header
footer Gambar
Text
· Klik Home menuju P1
· Klik Tentang kami
menuju P2 ·
Klik cara pembelian menuju P3
· Klik cara pembayaran
menuju P4 ·
Klik nama produk menuju P5
· Klik daftar member
baru menuju P6
Cari Berdasarkan Kata
Cari
. Blouse . Celana
. Ciput . Gamis
. Kerudung . Koko
. Mangset . Rok
Member
Kategori produk Produk paling di minanti
Gambar Tambah
Produk Baru Gambar
Tambah
paypal BCA
Mandiri Dukungan pembayaran
Pelayanan Pelanggan sales
JNE TIKI
POS
Tentang Kami Cara Pembelian
Cara Pembayaran Home
Nama Layar : P3
Ukuran Layar : 1024 X 768
Font : Times New Roman
Warna Background : Putih
Email Password
Daftar Member Baru Lupa password
Login :
:
Cara Pembelian
Gambar 3.68 Perancangan Antar Muka Cara Order
4. Perancangan antar muka cara pembayaran
P4
Header
footer Gambar
Text
· Klik Home menuju P1
· Klik Tentang kami
menuju P2 ·
Klik cara pembelian menuju P3
· Klik cara pembayaran
menuju P4 ·
Klik nama produk menuju P5
· Klik daftar member
baru menuju P6
Cari Berdasarkan Kata
Cari
. Blouse . Celana
. Ciput . Gamis
. Kerudung . Koko
. Mangset . Rok
Member
Kategori produk Produk paling di minanti
Gambar Tambah
Produk Baru Gambar
Tambah
paypal BCA
Mandiri Dukungan pembayaran
Pelayanan Pelanggan sales
JNE TIKI
POS
Tentang Kami Cara Pembelian
Cara Pembayaran Home
Nama Layar : P4
Ukuran Layar : 1024 X 768
Font : Times New Roman
Warna Background : Putih
Email Password
Daftar Member Baru Lupa password
Login :
:
Cara Pembayaran
Gambar 3.69 Perancangan Antar Muka Cara Pembayaran
5. Perancangan antar muka nama produk
P5
Header
footer Gambar
Selamat datang nama member ·
Klik Home menuju P1 ·
Klik Tentang kami menuju P2
· Klik cara pembelian
menuju P3 ·
Klik cara pembayaran menuju P4
· Klik nama produk
menuju P5 ·
Klik daftar member baru menuju P6
Cari Berdasarkan Kata
Cari
. Blouse . Celana
. Ciput . Gamis
. Kerudung . Koko
. Mangset . Rok
Member
Kategori produk Produk paling di minanti
Gambar Tambah
Produk Baru Gambar
Tambah
paypal BCA
Mandiri Dukungan pembayaran
Pelayanan Pelanggan sales
JNE TIKI
POS Gambar
Nama Produk Kode Produk
Warna Ukuran
Stok Harga
Detail Tambah Keranjang
Gambar Nama Produk
Kode Produk Warna
Ukuran Stok
Harga Detail
Tambah Keranjang Gambar
Nama Produk Kode Produk
Warna Ukuran
Stok Harga
Detail Tambah Keranjang
Gambar Nama Produk
Kode Produk Warna
Ukuran Stok
Harga Detail
Tambah Keranjang Gambar
Nama Produk Kode Produk
Warna Ukuran
Stok Harga
Detail Tambah Keranjang
Gambar Nama Produk
Kode Produk Warna
Ukuran Stok
Harga Detail
Tambah Keranjang Gambar
Nama Produk Kode Produk
Warna Ukuran
Stok Harga
Detail Tambah Keranjang
Gambar Nama Produk
Kode Produk Warna
Ukuran Stok
Harga Detail
Tambah Keranjang 1.2.3.4...8 next
Tentang Kami Cara Pembelian
Cara Pembayaran Home
Nama Layar : P5
Ukuran Layar : 1024 X 768
Font : Times New Roman
Warna Background : Putih
Email Password
Daftar Member Baru Lupa password
Login :
:
Gambar 3.70 Perancangan Antar Muka Nama produk
6. Perancangan antar muka daftar member
P6
Header
footer Gambar
· Klik Home menuju P1
· Klik Tentang kami
menuju P2 ·
Klik cara pembelian menuju P3
· Klik cara pembayaran
menuju P4 ·
Klik nama produk menuju P5
· Klik daftar member
baru menuju P6
Cari Berdasarkan Kata
Cari
. Blouse . Celana
. Ciput . Gamis
. Kerudung . Koko
. Mangset . Rok
Member
Kategori produk Produk paling di minanti
Gambar Tambah
Produk Baru Gambar
Tambah
paypal BCA
Mandiri Dukungan pembayaran
Pelayanan Pelanggan sales
JNE TIKI
POS
Tentang Kami Cara Pembelian
Cara Pembayaran Home
Nama Layar : P6
Ukuran Layar : 1024 X 768
Font : Times New Roman
Warna Background : Putih
Email Password
Daftar Member Baru Lupa password
Login :
:
Daftar Member Nama awal
Nama akhir Jenis kelamin
Email Password
Confirm Password
Propinsi Kota
Alamat
TEXT
Kode pos No tlp hp
Verifikasi kode Harus di isi
: ………………………………………..
: ………………………………………..
: ………………………………………..
: ………………………………………..
: ………………………………………..
: ………………………………………..
: ………………………………………..
: ………………………………………..
: ………………………………………..
: ………………………………………..
: ………………………………………..
daftar
Gambar 3.71 Perancangan Antar Muka Daftar Member
7. Perancangan antar muka aktivasi sukses
P7
Header
footer Gambar
· Klik Home menuju P1
· Klik Tentang kami
menuju P2 ·
Klik cara pembelian menuju P3
· Klik cara pembayaran
menuju P4 ·
Klik nama produk menuju P5
· Klik daftar member
baru menuju P6 ·
aktifasi sukses menuju P7
· Klik lupa password
menuju P8
Cari Berdasarkan Kata
Cari
. Blouse . Celana
. Ciput . Gamis
. Kerudung . Koko
. Mangset . Rok
Member
Kategori produk Produk paling di minanti
Gambar Tambah
Produk Baru Gambar
Tambah
paypal BCA
Mandiri Dukungan pembayaran
Pelayanan Pelanggan sales
JNE TIKI
POS
Tentang Kami Cara Pembelian
Cara Pembayaran Home
Nama Layar : P7
Ukuran Layar : 1024 X 768
Font : Times New Roman
Warna Background : Putih
Email Password
Daftar Member Baru Lupa password
Login :
:
Pendaftaran berhasil Silahkan cek email anda untukmengaktivasi status keanggotaan anda
Gambar 3.72 Perancangan Antar Muka aktivasi sukses
8. Perancangan antar muka lupa password
P8
Header
footer Gambar
· Klik Home menuju P1
· Klik Tentang kami
menuju P2 ·
Klik cara pembelian menuju P3
· Klik cara pembayaran
menuju P4 ·
Klik nama produk menuju P5
· Klik daftar member
baru menuju P6 ·
aktifasi sukses menuju P7
· Klik lupa password
menuju P8
Cari Berdasarkan Kata
Cari
. Blouse . Celana
. Ciput . Gamis
. Kerudung . Koko
. Mangset . Rok
Member
Kategori produk Produk paling di minanti
Gambar Tambah
Produk Baru Gambar
Tambah
paypal BCA
Mandiri Dukungan pembayaran
Pelayanan Pelanggan sales
JNE TIKI
POS
Tentang Kami Cara Pembelian
Cara Pembayaran Home
Nama Layar : P8
Ukuran Layar : 1024 X 768
Font : Times New Roman
Warna Background : Putih
Email Password
Daftar Member Baru Lupa password
Login :
:
Email Verifikasi code
: :
:
Reset Paswword saya
Gambar 3.71 Perancangan Antar Muka Lupa Password