3.3.2.2 Perancangan Antarmuka Member
1. Perancangan Antarmuka Menu Utama Home Berikut dapat dilihat perancangan antarmuka menu utama Home dari
pembangunan aplikasi e-commerce di distro zhipeng yang tercantum pada gambar
3.36 dibawah ini:
F01
Header
Home | About Us | Produk | Hubungi
Zhipeng StraightRacingWear
Gambar
Add to Chart
Gambar
Add to Chart
Gambar
Add to Chart
Gambar
Add to Chart
Gambar
Add to Chart
Gambar
Add to Chart
»
Login Member
»
Pencarian
»
Keranjang Belanja Gambar
Chart
....Items Username
Password Login
Register Total : Rp
»
Become a fan
Twitter Facebook
»
JNE Tracking
Logo JNE Search
Lupa Password
»
Kategori
»c
ostumer Service
Teks Kategori Teks Kategori
Teks Kategori Teks Kategori
Gambar
»
Produk Terbaru
Gambar
»
Produk Terlaris
Gambar
»
Produk Terpopuler
Gambar
Copyright © 2011 Zhipengstraightracingwear Jalan Dewi Sartika No.44 Bandung
Nama layar : F02
Ukuran Layar : 800x600
Font : Verdana,arial
Warna Bacground : Putih, Orange Klik Beranda Menuju F01
Klik Tentang Kami Menuju F02
Klik Produk menuju F03 Klik Registrasi F04
Klik Hubungi Menuju F05 Klik Login Menuju F06
Klik Lupa Password Menuju F07
Klik Kategori Menuju F08 Klik Add To Chart Menuju
F09
Gambar 3.36 Perancangan antarmuka menu member
2. Perancangan Antarmuka Menu About Us Berikut dapat dilihat perancangan antarmuka menu about us dari
pembangunan aplikasi e-commerce di distro zhipeng yang tercantum pada gambar
3.37 dibawah ini:
F02
Header
Beranda | Tentang Kami | Produk | Hubungi
Copyright © 2011 Zhipengstraightracingwear Jalan Dewi Sartika No.44 Bandung
Nama layar : F02
Ukuran Layar : 800x600
Font : Verdana,arial
Warna Bacground : Putih, Orange
About Zhipeng StraightRacingWear
GAMBAR
Teks
»
Login Member
»
Pencarian
»
Keranjang Belanja Gambar
Chart
....Items Username
Password Login
Register Total : Rp
»
Become a fan
Twitter Facebook
»
JNE Tracking
Logo JNE Search
Lupa Password
»
Kategori
»c
ostumer Service
Teks Kategori Teks Kategori
Teks Kategori Teks Kategori
Gambar
»
Produk Terbaru
Gambar
»
Produk Terlaris
Gambar
»
Produk Terpopuler
Gambar
Klik Beranda Menuju F01 Klik Tentang Kami Menuju
F02 Klik Produk menuju F03
Klik Registrasi F04 Klik Hubungi Menuju F05
Klik Login Menuju F06 Klik Lupa Password Menuju
F07 Klik Kategori Menuju F08
Klik Add To Chart Menuju F09
Gambar 3.37 Perancangan antarmuka menu Tentang Kami
3. Perancangan Antarmuka Produk Berikut dapat dilihat perancangan antarmuka menu produk dari pembangunan
aplikasi e-commerce di distro zhipeng yang tercantum pada gambar 3.38 dibawah
ini:
F03
Header
Beranda | Tentang Kami | Produk | Hubungi
Copyright © 2011 Zhipengstraightracingwear Jalan Dewi Sartika No.44 Bandung
Nama layar : F03
Ukuran Layar : 800x600
Font : Verdana,arial
Warna Bacground : Putih, Orange
Produk
Klik Beranda Menuju F01 Klik Tentang Kami Menuju
F02 Klik Produk menuju F03
Klik Registrasi F04 Klik Hubungi Menuju F05
Klik Login Menuju F06 Klik Lupa Password Menuju
F07 Klik Kategori Menuju F08
Klik Add To Chart Menuju F09
Gambar
Add to Chart
Gambar
Add to Chart
Gambar
Add to Chart
Gambar
Add to Chart
Gambar
Add to Chart
Gambar
Add to Chart
»
Login Member
»
Pencarian
»
Keranjang Belanja Gambar
Chart
....Items Username
Password Login
Register Total : Rp
»
Become a fan
Twitter Facebook
»
JNE Tracking
Logo JNE Search
»
Kategori
»c
ostumer Service
Teks Kategori Teks Kategori
Teks Kategori
»
Produk Terlaris
Teks Kategori
Gambar Gambar
Lupa Password
»
Produk Terbaru
Gambar
»
Produk Terpopuler
Gambar
Gambar 3.38 Perancangan antarmuka menu produk
4. Perancangan Antarmuka Registrasi Berikut dapat dilihat perancangan antarmuka menu registrasi dari
pembangunan aplikasi e-commerce di distro zhipeng yang tercantum pada gambar
3.39 dibawah ini: