3. 2. 4. 2. Perancangan Antarmuka Pengunjung
Gambaran dari perancangan antarmuka pengunjung sistem e-commerce di AKININI RE-KREASI TI BANDUNG adalah sebagai berikut:
1. Perancangan antarmuka beranda Gambar III.62 di bawah ini merupakan perancangan antarmuka beranda pada
pengunjung yang berfungsi sebagai halaman beranda pengunjung.
Beranda Keranjang
Belanja Informasi
Perusahaan Pemesanan
Pembayaran Retur Barang
Ongkos Login
Daftar Tanya jawab
Header image Pencarian Produk
Gambar Cari Kategori
Aksesoris Kaos
Sepatu Lukis Mugh Cantik
Produk Produk Terbaru
Produk Diskon Produk Secara Acak
Produk Terbanyak dilihat
Produk Terlaris Gambar Produk Terlaris
Informasi Jaringan Hubungi Kami Lewat Yahoo
Gambar Chat With Me Keranjang Belanja
Gambar Cart
...item Subtotal ...
Gambar Facebook
Facebook AKININI RE-
KREASI TI BANDUNG
Gambar Twitter
Twitter AKININI RE-KREASI TI
BANDUNG
Transfer Gambar Logo
Semua Produk
Footer
P01
Nama Layar : P1 Ukuran Layar : 1024 X 768
Font : Arial Warna BackGround : Putih
Gambar
Selengkapnya
Gambar
Selengkapnya
Gambar
Selengkapnya
Gambar
Selengkapnya
Gambar
Selengkapnya
Gambar
Selengkapnya
Gambar
Selengkapnya
Gambar
Selengkapnya
Gambar
Selengkapnya - Klik Beranda Menuju P01
- Klik Keranjang Belanja menuju P02
- Klik Informasi Perusahaan menuju P03
- Klik Pemesanan Menuju P04 - Klik Pembayaran Menuju P05
- Klik Retur Barang Menuju P06 - Klik Ongkos Menuju P07
- Klik Login Menuju P08 - Klik Dafrar Menuju P09
- Klik Tanya Jawab Menuju P10 - Klik Selengkapnya pada
bawah gambar Akan menuju P11
- Klik Menu di Kategori Menuju P15
- Klik Menu Produk Terbaru Menuju P16
- Klik Menu Produk Diskon Menuju P17
- Klik Menu Produk Terbanyak dilihat Menuju P18
- Klik Menu Produk Secara Acak Menuju P19
- Isi Data di Label Pencarian Produk Menuju P22
Nama Produk Nama Produk
Nama Produk
Nama Produk Nama Produk
Nama Produk
Nama Produk Nama Produk
Nama Produk
Gambar III.62 Perancangan antarmuka beranda
2. Perancangan antarmuka keranjang belanja Gambar III.63 di bawah ini merupakan perancangan antarmuka keranjang
belanja pada pengunjung yang berfungsi sebagai daftar belanjaan barang yang sedang dipesan.
Beranda Keranjang
Belanja Informasi
Perusahaan Pemesanan
Pembayaran Retur Barang
Ongkos Login
Daftar Tanya jawab
Header image Pencarian Produk
Gambar Cari
Kategori Aksesoris
Kaos Sepatu Lukis
Mugh Cantik Produk
Produk Terbaru Produk Diskon
Produk Secara Acak Produk Terbanyak
dilihat Produk Terlaris
Gambar Produk Terlaris Informasi Jaringan
Hubungi Kami Lewat Yahoo Gambar Chat With Me
Keranjang Belanja Gambar
Cart ...item
Subtotal ...
Gambar Facebook
Facebook AKININI RE-
KREASI TI BANDUNG
Gambar Twitter
Twitter AKININI RE-KREASI TI
BANDUNG
Transfer Gambar Logo
Keranjang Belanjaan Anda
Footer
P02
Nama Layar : P02 Ukuran Layar : 1024 X 768
Font : Arial Warna BackGround : Putih
- Klik Beranda Menuju P01 - Klik Keranjang Belanja menuju
P02 - Klik Informasi Perusahaan
menuju P03 - Klik Pemesanan Menuju P04
- Klik Pembayaran Menuju P05 - Klik Retur Barang Menuju P06
- Klik Ongkos Menuju P07 - Klik Login Menuju P08
- Klik Dafrar Menuju P09 - Klik Tanya Jawab Menuju P10
- Klik Menu di Kategori Menuju P15
- Klik Menu Produk Terbaru Menuju P16
- Klik Menu Produk Diskon Menuju P17
- Klik Menu Produk Terbanyak dilihat Menuju P18
- Klik Menu Produk Secara Acak Menuju P19
- Klik Tombol Kembali Berbelanja Menuju P21
- Isi Data di Label Pencarian Produk Menuju P22
KERANJANG BELANJAAN Anda MASIH KOSONG Silakan berbelanja di toko kami
Kembali Berbelanja
Gambar III.63 Perancangan antarmuka keranjang belanja
3. Perancangan antarmuka informasi perusahaan Gambar III.64 di bawah ini merupakan perancangan antarmuka informasi
perusahaan pada pengunjung yang berfungsi sebagai penyampaian informasi mengenai profil perusahaan dan cara menghubungi perusahaan ini
Beranda Keranjang
Belanja Informasi
Perusahaan Pemesanan
Pembayaran Retur Barang
Ongkos Login
Daftar Tanya jawab
Header image Pencarian Produk
Gambar Cari
Kategori Aksesoris
Kaos Sepatu Lukis
Mugh Cantik Produk
Produk Terbaru Produk Diskon
Produk Secara Acak Produk Terbanyak
dilihat Produk Terlaris
Gambar Produk Terlaris Informasi Jaringan
Hubungi Kami Lewat Yahoo Gambar Chat With Me
Keranjang Belanja Gambar
Cart ...item
Subtotal ...
Gambar Facebook
Facebook AKININI RE-
KREASI TI BANDUNG
Gambar Twitter
Twitter AKININI RE-KREASI TI
BANDUNG
Transfer Gambar Logo
Info Mengenai AKININI RE-KREASI TI BANDUNG
Footer
P03
Nama Layar : P03 Ukuran Layar : 1024 X 768
Font : Arial Warna BackGround : Putih
- Klik Beranda Menuju P01 - Klik Keranjang Belanja menuju
P02 - Klik Informasi Perusahaan
menuju P03 - Klik Pemesanan Menuju P04
- Klik Pembayaran Menuju P05 - Klik Retur Barang Menuju P06
- Klik Ongkos Menuju P07 - Klik Login Menuju P08
- Klik Dafrar Menuju P09 - Klik Tanya Jawab Menuju P10
- Klik Menu di Kategori Menuju P15
- Klik Menu Produk Terbaru Menuju P16
- Klik Menu Produk Diskon Menuju P17
- Klik Menu Produk Terbanyak dilihat Menuju P18
- Klik Menu Produk Secara Acak Menuju P19
- Isi Data di Label Pencarian Produk Menuju P22
Profil Perusahaan AKININI RE-KREASI TI BANDUNG
Text
Hubungi Kami
Text
Gambar III.64 Perancangan antarmuka informasi perusahaan
4. Perancangan antarmuka cara pemesanan Gambar III.65 di bawah ini merupakan perancangan antarmuka cara
pemesanan pada pengunjung yang berfungsi sebagai halaman informasi cara pemesanan barang di AKININI RE-KREASI TI BANDUNG.
Beranda Keranjang
Belanja Informasi
Perusahaan Pemesanan
Pembayaran Retur Barang
Ongkos Login
Daftar Tanya jawab
Header image Pencarian Produk
Gambar Cari
Kategori Aksesoris
Kaos Sepatu Lukis
Mugh Cantik Produk
Produk Terbaru Produk Diskon
Produk Secara Acak Produk Terbanyak
dilihat Produk Terlaris
Gambar Produk Terlaris Informasi Jaringan
Hubungi Kami Lewat Yahoo Gambar Chat With Me
Keranjang Belanja Gambar
Cart ...item
Subtotal ...
Gambar Facebook
Facebook AKININI RE-
KREASI TI BANDUNG
Gambar Twitter
Twitter AKININI RE-KREASI TI
BANDUNG
Transfer Gambar Logo
Info Mengenai AKININI RE-KREASI TI BANDUNG
Footer
A3
Nama Layar : A2 Ukuran Layar : 1024 X 768
Font : Arial Warna BackGround : Putih
- Klik Beranda Menuju A1 - Klik Keranjang Belanja menuju
A2 - Klik Informasi Perusahaan
menuju A3 - Klik Pemesanan Menuju A4
- Klik Pembayaran Menuju A5 - Klik Retur Barang Menuju A6
- Klik Ongkos Menuju A7 - Klik Login Menuju A8
- Klik Dafrar Menuju A9 - Klik Tanya Jawab Menuju A10
Profil Perusahaan AKININI RE-KREASI TI BANDUNG
Text
Hubungi Kami
Text Beranda
Keranjang Belanja
Informasi Perusahaan
Pemesanan Pembayaran
Retur Barang Ongkos
Login Daftar
Tanya jawab Header image
Pencarian Produk Gambar Cari
Kategori Aksesoris
Kaos Sepatu Lukis
Mugh Cantik Produk
Produk Terbaru Produk Diskon
Produk Secara Acak Produk Terbanyak
dilihat Produk Terlaris
Gambar Produk Terlaris Informasi Jaringan
Hubungi Kami Lewat Yahoo Gambar Chat With Me
Keranjang Belanja Gambar
Cart ...item
Subtotal ...
Gambar Facebook
Facebook AKININI RE-
KREASI TI BANDUNG
Gambar Twitter
Twitter AKININI RE-KREASI TI
BANDUNG
Transfer Gambar Logo
Footer
P04
Nama Layar : P04 Ukuran Layar : 1024 X 768
Font : Arial Warna BackGround : Putih
- Klik Beranda Menuju P01 - Klik Keranjang Belanja menuju
P02 - Klik Informasi Perusahaan
menuju P03 - Klik Pemesanan Menuju P04
- Klik Pembayaran Menuju P05 - Klik Retur Barang Menuju P06
- Klik Ongkos Menuju P07 - Klik Login Menuju P08
- Klik Dafrar Menuju P09 - Klik Tanya Jawab Menuju P10
- Klik Menu di Kategori Menuju P15
- Klik Menu Produk Terbaru Menuju P16
- Klik Menu Produk Diskon Menuju P17
- Klik Menu Produk Terbanyak dilihat Menuju P18
- Klik Menu Produk Secara Acak Menuju P19
- Isi Data di Label Pencarian Produk Menuju P22
Pemesanan Secara Online :
Text
Pemesanan Melalui SMS
Text
Secara langsung
Text
Gambar III.65 Perancangan antarmuka cara pemesanan
5. Perancangan antarmuka cara pembayaran Gambar III.66 di bawah ini merupakan perancangan antarmuka cara
pembayaran pada pengunjung yang berfungsi sebagai halaman informasi cara pembayaran barang di AKININI RE-KREASI TI BANDUNG.
Beranda Keranjang
Belanja Informasi
Perusahaan Pemesanan
Pembayaran Retur Barang
Ongkos Login
Daftar Tanya jawab
Header image Pencarian Produk
Gambar Cari
Kategori Aksesoris
Kaos Sepatu Lukis
Mugh Cantik Produk
Produk Terbaru Produk Diskon
Produk Secara Acak Produk Terbanyak
dilihat Produk Terlaris
Gambar Produk Terlaris Informasi Jaringan
Hubungi Kami Lewat Yahoo Gambar Chat With Me
Keranjang Belanja Gambar
Cart ...item
Subtotal ...
Gambar Facebook
Facebook AKININI RE-
KREASI TI BANDUNG
Gambar Twitter
Twitter AKININI RE-KREASI TI
BANDUNG
Transfer Gambar Logo
Footer
P05
Nama Layar : P05 Ukuran Layar : 1024 X 768
Font : Arial Warna BackGround : Putih
- Klik Beranda Menuju P01 - Klik Keranjang Belanja menuju
P02 - Klik Informasi Perusahaan
menuju P03 - Klik Pemesanan Menuju P04
- Klik Pembayaran Menuju P05 - Klik Retur Barang Menuju P06
- Klik Ongkos Menuju P07 - Klik Login Menuju P08
- Klik Dafrar Menuju P09 - Klik Tanya Jawab Menuju P10
- Klik Menu di Kategori Menuju P15
- Klik Menu Produk Terbaru Menuju P16
- Klik Menu Produk Diskon Menuju P17
- Klik Menu Produk Terbanyak dilihat Menuju P18
- Klik Menu Produk Secara Acak Menuju P19
- Isi Data di Label Pencarian Produk Menuju P22
Cara Pembayaran
Text
Gambar III.66 Perancangan antarmuka cara pembayaran
6. Perancangan antarmuka retur barang Gambar III.67 di bawah ini merupakan perancangan antarmuka retur barang
pada pengunjung yang berfungsi sebagai halaman informasi retur barang di AKININI RE-KREASI TI BANDUNG.
Beranda Keranjang
Belanja Informasi
Perusahaan Pemesanan
Pembayaran Retur Barang
Ongkos Login
Daftar Tanya jawab
Header image Pencarian Produk
Gambar Cari
Kategori Aksesoris
Kaos Sepatu Lukis
Mugh Cantik Produk
Produk Terbaru Produk Diskon
Produk Secara Acak Produk Terbanyak
dilihat Produk Terlaris
Gambar Produk Terlaris Informasi Jaringan
Hubungi Kami Lewat Yahoo Gambar Chat With Me
Keranjang Belanja Gambar
Cart ...item
Subtotal ...
Gambar Facebook
Facebook AKININI RE-
KREASI TI BANDUNG
Gambar Twitter
Twitter AKININI RE-KREASI TI
BANDUNG
Transfer Gambar Logo
Footer
P06
Nama Layar : P06 Ukuran Layar : 1024 X 768
Font : Arial Warna BackGround : Putih
- Klik Beranda Menuju P01 - Klik Keranjang Belanja menuju
P02 - Klik Informasi Perusahaan
menuju P03 - Klik Pemesanan Menuju P04
- Klik Pembayaran Menuju P05 - Klik Retur Barang Menuju P06
- Klik Ongkos Menuju P07 - Klik Login Menuju P08
- Klik Dafrar Menuju P09 - Klik Tanya Jawab Menuju P10
- Klik Menu di Kategori Menuju P15
- Klik Menu Produk Terbaru Menuju P16
- Klik Menu Produk Diskon Menuju P17
- Klik Menu Produk Terbanyak dilihat Menuju P18
- Klik Menu Produk Secara Acak Menuju P19
- Isi Data di Label Pencarian Produk Menuju P22
Pengembalian Barang
Text
Spesifikasi Retur Barang
Text
Gambar III.67 Perancangan antarmuka retur barang
7. Perancangan antarmuka ongkos Gambar III.68 di bawah ini merupakan perancangan antarmuka ongkos pada
pengunjung yang berfungsi sebagai halaman informasi ongoks kirim barang di AKININI RE-KREASI TI BANDUNG.
Beranda Keranjang
Belanja Informasi
Perusahaan Pemesanan
Pembayaran Retur Barang
Ongkos Login
Daftar Tanya jawab
Header image Pencarian Produk
Gambar Cari
Kategori Aksesoris
Kaos Sepatu Lukis
Mugh Cantik Produk
Produk Terbaru Produk Diskon
Produk Secara Acak Produk Terbanyak
dilihat Produk Terlaris
Gambar Produk Terlaris Informasi Jaringan
Hubungi Kami Lewat Yahoo Gambar Chat With Me
Keranjang Belanja Gambar
Cart ...item
Subtotal ...
Gambar Facebook
Facebook AKININI RE-
KREASI TI BANDUNG
Gambar Twitter
Twitter AKININI RE-KREASI TI
BANDUNG
Transfer Gambar Logo
Ongkos Pengiriman
Footer
P07
Nama Layar : P07 Ukuran Layar : 1024 X 768
Font : Arial Warna BackGround : Putih
- Klik Beranda Menuju P01 - Klik Keranjang Belanja menuju
P02 - Klik Informasi Perusahaan
menuju P03 - Klik Pemesanan Menuju P04
- Klik Pembayaran Menuju P05 - Klik Retur Barang Menuju P06
- Klik Ongkos Menuju P07 - Klik Login Menuju P08
- Klik Dafrar Menuju P09 - Klik Tanya Jawab Menuju P10
- Klik Menu di Kategori Menuju P15
- Klik Menu Produk Terbaru Menuju P16
- Klik Menu Produk Diskon Menuju P17
- Klik Menu Produk Terbanyak dilihat Menuju P18
- Klik Menu Produk Secara Acak Menuju P19
- Isi Data di Label Pencarian Produk Menuju P22
No. Ongkos
Kota Propinsi
Gambar III.68 Perancangan antarmuka ongkos
8. Perancangan antarmuka login Gambar III.69 di bawah ini merupakan perancangan antarmuka login pada
pengunjung yang berfungsi sebagai halaman login di AKININI RE-KREASI TI BANDUNG.
Beranda Keranjang
Belanja Informasi
Perusahaan Pemesanan
Pembayaran Retur Barang
Ongkos Login
Daftar Tanya jawab
Header image Pencarian Produk
Gambar Cari Kategori
Aksesoris Kaos
Sepatu Lukis Mugh Cantik
Produk Produk Terbaru
Produk Diskon Produk Secara Acak
Produk Terbanyak dilihat
Produk Terlaris Gambar Produk Terlaris
Informasi Jaringan Hubungi Kami Lewat Yahoo
Gambar Chat With Me Keranjang Belanja
Gambar Cart
...item Subtotal ...
Gambar Facebook
Facebook AKININI RE-
KREASI TI BANDUNG
Gambar Twitter
Twitter AKININI RE-KREASI TI
BANDUNG
Transfer Gambar Logo
Hallo, ada banyak orang baru loh...
Footer
P08
Nama Layar : P08 Ukuran Layar : 1024 X 768
Font : Arial Warna BackGround : Putih
- Klik Beranda Menuju P01 - Klik Keranjang Belanja menuju
P02 - Klik Informasi Perusahaan
menuju P03 - Klik Pemesanan Menuju P04
- Klik Pembayaran Menuju P05 - Klik Retur Barang Menuju P06
- Klik Ongkos Menuju P07 - Klik Login Menuju P08
- Klik Dafrar Menuju P09 - Klik Tanya Jawab Menuju P10
- Klik Menu di Kategori Menuju P15
- Klik Menu Produk Terbaru Menuju P16
- Klik Menu Produk Diskon Menuju P17
- Klik Menu Produk Terbanyak dilihat Menuju P18
- Klik Menu Produk Secara Acak Menuju P19
- Isi Data di Label Pencarian Produk Menuju P22
- Klik Tombol Login Menuju PL20
- Klik Tombol Reset Menuju P08 - Klik Tombol Jadi Pelanggan
Baru Menuju P09 - Isi Data di Label Pencarian
Produk Menuju P22
Login Pelanggan
Email
Apakah Anda Pelanggan Baru di AKININI RE-KREASI TI BANDUNG?
Text Password
Login Reset
Anda Lupa Password? Jadi Pelanggan Baru
Gambar III.69 Perancangan antarmuka login
9. Perancangan antarmuka daftar Gambar III.70 di bawah ini merupakan perancangan antarmuka daftar pada
pengunjung yang berfungsi sebagai halaman pendaftaran pelanggan di AKININI RE-KREASI TI BANDUNG.
Beranda Keranjang
Belanja Informasi
Perusahaan Pemesanan
Pembayaran Retur Barang
Ongkos Login
Daftar Tanya jawab
Header image Pencarian Produk
Gambar Cari
Kategori Aksesoris
Kaos Sepatu Lukis
Mugh Cantik Produk
Produk Terbaru Produk Diskon
Produk Secara Acak Produk Terbanyak
dilihat Produk Terlaris
Gambar Produk Terlaris Informasi Jaringan
Hubungi Kami Lewat Yahoo Gambar Chat With Me
Keranjang Belanja Gambar
Cart ...item
Subtotal ...
Gambar Facebook
Facebook AKININI RE-
KREASI TI BANDUNG
Gambar Twitter
Twitter AKININI RE-KREASI TI
BANDUNG
Transfer Gambar Logo
Info Mengenai AKININI RE-KREASI TI BANDUNG
Footer
A3
Nama Layar : A2 Ukuran Layar : 1024 X 768
Font : Arial Warna BackGround : Putih
- Klik Beranda Menuju A1 - Klik Keranjang Belanja menuju
A2 - Klik Informasi Perusahaan
menuju A3 - Klik Pemesanan Menuju A4
- Klik Pembayaran Menuju A5 - Klik Retur Barang Menuju A6
- Klik Ongkos Menuju A7 - Klik Login Menuju A8
- Klik Dafrar Menuju A9 - Klik Tanya Jawab Menuju A10
Profil Perusahaan AKININI RE-KREASI TI BANDUNG
Text
Hubungi Kami
Text Beranda
Keranjang Belanja
Informasi Perusahaan
Pemesanan Pembayaran
Retur Barang Ongkos
Login Daftar
Tanya jawab Header image
Pencarian Produk Gambar Cari
Kategori Aksesoris
Kaos Sepatu Lukis
Mugh Cantik Produk
Produk Terbaru Produk Diskon
Produk Secara Acak Produk Terbanyak
dilihat Produk Terlaris
Gambar Produk Terlaris Informasi Jaringan
Hubungi Kami Lewat Yahoo Gambar Chat With Me
Keranjang Belanja Gambar
Cart ...item
Subtotal ...
Gambar Facebook
Facebook AKININI RE-
KREASI TI BANDUNG
Gambar Twitter
Twitter AKININI RE-KREASI TI
BANDUNG
Transfer Gambar Logo
Footer
P09
Nama Layar :P09 Ukuran Layar : 1024 X 768
Font : Arial Warna BackGround : Putih
- Klik Beranda Menuju P01 - Klik Keranjang Belanja menuju
P02 - Klik Informasi Perusahaan
menuju P03 - Klik Pemesanan Menuju P04
- Klik Pembayaran Menuju P05 - Klik Retur Barang Menuju P06
- Klik Ongkos Menuju P07 - Klik Login Menuju P08
- Klik Dafrar Menuju P09 - Klik Tanya Jawab Menuju P10
- Klik Menu di Kategori Menuju P15
- Klik Menu Produk Terbaru Menuju P16
- Klik Menu Produk Diskon Menuju P17
- Klik Menu Produk Terbanyak dilihat Menuju P18
- Klik Menu Produk Secara Acak Menuju P19
- Isi Data di Label Pencarian Produk Menuju P22
- Klik Tombol Daftar Menuju P14 - Klik Tombol Reset Menuju P09
Data Untuk Login Pelanggan Info Tentang Pelanggan Baru
Data ini dapat digunakan untuk Anda setiap login menjadi Pelanggan di AKININI RE-KREASI TI BANDUNG
Penanda SPAM
Hitung Form Pelanggan Baru
Email Baru Password Baru
Konfirmasi Password Nama Lengkap
Alamat Provinsi
Kota Pilih Provinsi
--Pilih Kota-- Kode Pos
Handphone Telepon
Fax
Data ini untuk digunakan sebagai acuan alamat otomatis ketika melakukan pemesanan.
… +… =
Keterangan : Untuk yang memiliki tanda bintang , Wajib diisi.
Daftar Reset
Gambar III.70 Perancangan antarmuka daftar
10. Perancangan antarmuka tanya jawab Gambar III.71 di bawah ini merupakan perancangan antarmuka tanya jawab
pada pengunjung yang berfungsi sebagai halaman informasi tanya jawab di AKININI RE-KREASI TI BANDUNG.
Beranda Keranjang
Belanja Informasi
Perusahaan Pemesanan
Pembayaran Retur Barang
Ongkos Login
Daftar Tanya jawab
Header image Pencarian Produk
Gambar Cari
Kategori Aksesoris
Kaos Sepatu Lukis
Mugh Cantik Produk
Produk Terbaru Produk Diskon
Produk Secara Acak Produk Terbanyak
dilihat Produk Terlaris
Gambar Produk Terlaris Informasi Jaringan
Hubungi Kami Lewat Yahoo Gambar Chat With Me
Keranjang Belanja Gambar
Cart ...item
Subtotal ...
Gambar Facebook
Facebook AKININI RE-
KREASI TI BANDUNG
Gambar Twitter
Twitter AKININI RE-KREASI TI
BANDUNG
Transfer Gambar Logo
Footer
P10
Nama Layar : P10 Ukuran Layar : 1024 X 768
Font : Arial Warna BackGround : Putih
- Klik Beranda Menuju P01 - Klik Keranjang Belanja menuju
P02 - Klik Informasi Perusahaan
menuju P03 - Klik Pemesanan Menuju P04
- Klik Pembayaran Menuju P05 - Klik Retur Barang Menuju P06
- Klik Ongkos Menuju P07 - Klik Login Menuju P08
- Klik Dafrar Menuju P09 - Klik Tanya Jawab Menuju P10
- Klik Menu di Kategori Menuju P15
- Klik Menu Produk Terbaru Menuju P16
- Klik Menu Produk Diskon Menuju P17
- Klik Menu Produk Terbanyak dilihat Menuju P18
- Klik Menu Produk Secara Acak Menuju P19
- Isi Data di Label Pencarian Produk Menuju P22
Tanya Jawab
Text
Gambar III.71 Perancangan antarmuka tanya jawab
11. Perancangan antarmuka selengkapnya dari produk Gambar III.72 di bawah ini merupakan perancangan antarmuka selengkapnya
dari produk pada pengunjung yang berfungsi sebagai halaman informasi selengkapnya dari produk di AKININI RE-KREASI TI BANDUNG.
Beranda Keranjang
Belanja Informasi
Perusahaan Pemesanan
Pembayaran Retur Barang
Ongkos Login
Daftar Tanya jawab
Header image Pencarian Produk
Gambar Cari Kategori
Aksesoris Kaos
Sepatu Lukis Mugh Cantik
Produk Produk Terbaru
Produk Diskon Produk Secara Acak
Produk Terbanyak dilihat
Produk Terlaris Gambar Produk Terlaris
Informasi Jaringan Hubungi Kami Lewat Yahoo
Gambar Chat With Me Keranjang Belanja
Gambar Cart
...item Subtotal ...
Gambar Facebook
Facebook AKININI RE-
KREASI TI BANDUNG
Gambar Twitter
Twitter AKININI RE-KREASI TI
BANDUNG
Transfer Gambar Logo
Nama Produk yang dipilih
Footer
P11
Nama Layar : P11 Ukuran Layar : 1024 X 768
Font : Arial Warna BackGround : Putih
Gambar
- Klik Beranda Menuju P01 - Klik Keranjang Belanja menuju
P02 - Klik Informasi Perusahaan
menuju P03 - Klik Pemesanan Menuju P04
- Klik Pembayaran Menuju P05 - Klik Retur Barang Menuju P06
- Klik Ongkos Menuju P07 - Klik Login Menuju P08
- Klik Dafrar Menuju P09 - Klik Tanya Jawab Menuju P10
- Klik Gambar Cart Menuju P12 - Klik Menu di Kategori Menuju
P15 - Klik Menu Produk Terbaru
Menuju P16 - Klik Menu Produk Diskon
Menuju P17 - Klik Menu Produk Terbanyak
dilihat Menuju P18 - Klik Menu Produk Secara Acak
Menuju P19 - Isi Data di Label Pencarian
Produk Menuju P22
Detail Produk Gambar Komentar Gambar Beri Komentar Total Dilihat : .. X
Rating : Ukuran
Harga Diskon
Stok Gambar Cart
Button Share
Gambar III.72 Perancangan antarmuka selengkapnya dari produk
12. Perancangan antarmuka keranjang belanja produk Gambar III.73 di bawah ini merupakan perancangan antarmuka keranjang
belanja produk pada pengunjung yang berfungsi sebagai halaman informasi keranjang belanja Anda setelah memesan di AKININI RE-KREASI TI
BANDUNG.
Beranda Keranjang
Belanja Informasi
Perusahaan Pemesanan
Pembayaran Retur Barang
Ongkos Login
Daftar Tanya jawab
Header image Pencarian Produk
Gambar Cari Kategori
Aksesoris Kaos
Sepatu Lukis Mugh Cantik
Produk Produk Terbaru
Produk Diskon Produk Secara Acak
Produk Terbanyak dilihat
Produk Terlaris Gambar Produk Terlaris
Informasi Jaringan Hubungi Kami Lewat Yahoo
Gambar Chat With Me Keranjang Belanja
Gambar Cart
...item Subtotal ...
Gambar Facebook
Facebook AKININI RE-
KREASI TI BANDUNG
Gambar Twitter
Twitter AKININI RE-KREASI TI
BANDUNG
Transfer Gambar Logo
Keranjang Belanjaan Anda
Footer
P12
Nama Layar : P12 Ukuran Layar : 1024 X 768
Font : Arial Warna BackGround : Putih
- Klik Beranda Menuju P01 - Klik Keranjang Belanja menuju
P02 - Klik Informasi Perusahaan
menuju P03 - Klik Pemesanan Menuju P04
- Klik Pembayaran Menuju P05 - Klik Retur Barang Menuju P06
- Klik Ongkos Menuju P07 - Klik Login Menuju P08
- Klik Dafrar Menuju P09 - Klik Tanya Jawab Menuju P10
- Klik Selesai Belanja Menuju P13 jika belum Login
- Klik Menu di Kategori Menuju P15
- Klik Menu Produk Terbaru Menuju P16
- Klik Menu Produk Diskon Menuju P17
- Klik Menu Produk Terbanyak dilihat Menuju P18
- Klik Menu Produk Secara Acak Menuju P19
- Klik Tombol Kembali Berbelanja Menuju P21
- Isi Data di Label Pencarian Produk Menuju P22
Hapus Detail
Gambar hapus
Gambar Harga
Diskon Nama Produk
Jumlah Harga : Rp.
…. Berat :
Stok : Ukuran :
Total Harga Rupiah
Dollar
...
Rp.
Sub total bayar
Rp. Update Keranjang
Penting : - Teks Keluar jika jumlah stok sudah batas maksimal
Keterangan : - Ubah jumlah barang sesuai yang Anda inginkan lalu klik tombol Update Keranjang
Kembali Berbelanja Selesai Berbelanja
Gambar III.73 Perancangan antarmuka keranjang belanja produk
13. Perancangan antarmuka setelah selesai berbelanja Gambar III.74 di bawah ini merupakan perancangan antarmuka setelah selesai
berbelanja pada pengunjung yang berfungsi sebagai halaman setelah selesai berbelanja dengan tidak login terlebih dahulu di AKININI RE-KREASI TI
BANDUNG.
Beranda Keranjang
Belanja Informasi
Perusahaan Pemesanan
Pembayaran Retur Barang
Ongkos Login
Daftar Tanya jawab
Header image Pencarian Produk
Gambar Cari
Kategori Aksesoris
Kaos Sepatu Lukis
Mugh Cantik Produk
Produk Terbaru Produk Diskon
Produk Secara Acak Produk Terbanyak
dilihat Produk Terlaris
Gambar Produk Terlaris Informasi Jaringan
Hubungi Kami Lewat Yahoo Gambar Chat With Me
Keranjang Belanja Gambar
Cart ...item
Subtotal ...
Gambar Facebook
Facebook AKININI RE-
KREASI TI BANDUNG
Gambar Twitter
Twitter AKININI RE-KREASI TI
BANDUNG
Transfer Gambar Logo
Info Mengenai AKININI RE-KREASI TI BANDUNG
A3
Profil Perusahaan AKININI RE-KREASI TI BANDUNG
Text
Hubungi Kami
Text Beranda
Keranjang Belanja
Informasi Perusahaan
Pemesanan Pembayaran
Retur Barang Ongkos
Login Daftar
Tanya jawab Header image
Pencarian Produk Gambar Cari
Kategori Aksesoris
Kaos Sepatu Lukis
Mugh Cantik Produk
Produk Terbaru Produk Diskon
Produk Secara Acak Produk Terbanyak
dilihat Produk Terlaris
Gambar Produk Terlaris Informasi Jaringan
Hubungi Kami Lewat Yahoo Gambar Chat With Me
Keranjang Belanja Gambar
Cart ...item
Subtotal ...
Gambar Facebook
Facebook AKININI RE-
KREASI TI BANDUNG
Gambar Twitter
Twitter AKININI RE-KREASI TI
BANDUNG
Transfer Gambar Logo
Footer
P13
Nama Layar : P13 Ukuran Layar : 1024 X 768
Font : Arial Warna BackGround : Putih
- Klik Beranda Menuju P01 - Klik Keranjang Belanja
menuju P02 - Klik Informasi Perusahaan
menuju P03 - Klik Pemesanan Menuju
P04 - Klik Pembayaran Menuju
P05 - Klik Retur Barang Menuju
P06 - Klik Ongkos Menuju P07
- Klik Login Menuju P08 - Klik Dafrar Menuju P09
- Klik Tanya Jawab Menuju P10
- Klik Tombol Daftar Maka akan menuju P14
- Klik Tombol Reset akan kembali ke halaman kosong
P13
- Klik Menu di Kategori Menuju P15
- Klik Menu Produk Terbaru Menuju P16
- Klik Menu Produk Diskon Menuju P17
- Klik Menu Produk Terbanyak dilihat Menuju P18
- Klik Menu Produk Secara Acak Menuju P19
- Isi Data di Label Pencarian Produk Menuju P22
Apakah Anda Pelanggan Kami Data Untuk Login Pelanggan
Info Tentang Pelanggan Baru
Data ini dapat digunakan untuk Anda setiap login menjadi Pelanggan di AKININI RE-KREASI TI BANDUNG
Penanda SPAM Hitung
Email Baru Password Baru
Konfirmasi Password Nama Lengkap
Alamat Provinsi
Kota Pilih Provinsi
--Pilih Kota-- Kode Pos
Handphone Telepon
Fax
Data ini untuk digunakan sebagai acuan alamat otomatis ketika melakukan pemesanan.
… +… =
Keterangan : Untuk yang memiliki tanda bintang , Wajib diisi.
Daftar Reset
Jika Anda Ingin Menjadi Pelanggan Silakan Isi Formulir Ini
Silakan Login terlebih dahulu atau Isi form pendaftaran pelanggan dibawah ini agar dapat melakukan transaksi
Gambar III.74 Perancangan antarmuka setelah selesai berbelanja
14. Perancangan antarmuka setelah pengunjung daftar Gambar III.75 di bawah ini merupakan perancangan antarmuka setelah
pengunjung daftar yang berfungsi sebagai halaman setelah pengunjung daftar di AKININI RE-KREASI TI BANDUNG.
Beranda Keranjang
Belanja Informasi
Perusahaan Pemesanan
Pembayaran Retur Barang
Ongkos Login
Daftar Tanya jawab
Header image Pencarian Produk
Gambar Cari Kategori
Aksesoris Kaos
Sepatu Lukis Mugh Cantik
Produk Produk Terbaru
Produk Diskon Produk Secara Acak
Produk Terbanyak dilihat
Produk Terlaris Gambar Produk Terlaris
Informasi Jaringan Hubungi Kami Lewat
Yahoo Gambar Chat With Me
Keranjang Belanja Gamba
r Cart ...item
Subtotal ...
Gambar Faceboo
k
Facebook AKININI RE-
KREASI TI BANDUNG
Gambar Twitter
Twitter AKININI RE-
KREASI TI BANDUNG
Transfer Gambar Logo
Aktifasi Keanggotaan
Footer
P14
Nama Layar : P14 Ukuran Layar : 1024 X 768
Font : Arial Warna BackGround : Putih
- Klik Beranda Menuju P01 - Klik Keranjang Belanja
menuju P02 - Klik Informasi Perusahaan
menuju P03 - Klik Pemesanan Menuju P04
- Klik Pembayaran Menuju P05 - Klik Retur Barang Menuju
P06 - Klik Ongkos Menuju P07
- Klik Login Menuju P08 - Klik Dafrar Menuju P09
- Klik Tanya Jawab Menuju P10
- Klik Menu di Kategori Menuju P15
- Klik Menu Produk Terbaru Menuju P16
- Klik Menu Produk Diskon Menuju P17
- Klik Menu Produk Terbanyak dilihat Menuju P18
- Klik Menu Produk Secara Acak Menuju P19
- Isi Data di Label Pencarian Produk Menuju P22
Link aktifasi keanggotaan telah dikirimkan ke Email Anda. Silahkan lihat Email Anda di bagian INBOX atau SPAM
Jika tidak ada pesan dari Kami, silahkan untuk menghubungi Kami untuk mengaktifasi keanggotaan Anda.
Gambar III.75 Perancangan antarmuka setelah pengunjung daftar
15. Perancangan antarmuka menu kategori Gambar III.76 di bawah ini merupakan perancangan antarmuka menu kategori
yang berfungsi sebagai halaman informasi kategori di AKININI RE-KREASI TI BANDUNG.
Beranda Keranjang
Belanja Informasi
Perusahaan Pemesanan
Pembayaran Retur Barang
Ongkos Login
Daftar Tanya jawab
Header image Pencarian Produk
Gambar Cari
Kategori Aksesoris
Kaos Sepatu Lukis
Mugh Cantik Produk
Produk Terbaru Produk Diskon
Produk Secara Acak Produk Terbanyak
dilihat Produk Terlaris
Gambar Produk Terlaris Informasi Jaringan
Hubungi Kami Lewat Yahoo Gambar Chat With Me
Keranjang Belanja Gambar
Cart ...item
Subtotal ...
Gambar Facebook
Facebook AKININI RE-
KREASI TI BANDUNG
Gambar Twitter
Twitter AKININI RE-KREASI TI
BANDUNG
Transfer Gambar Logo
Nama Kategori Barang
Footer
P15
Nama Layar : P15 Ukuran Layar : 1024 X 768
Font : Arial Warna BackGround : Putih
- Klik Beranda Menuju P01 - Klik Keranjang Belanja menuju
P02 - Klik Informasi Perusahaan
menuju P03 - Klik Pemesanan Menuju P04
- Klik Pembayaran Menuju P05 - Klik Retur Barang Menuju P06
- Klik Ongkos Menuju P07 - Klik Login Menuju P08
- Klik Dafrar Menuju P09 - Klik Tanya Jawab Menuju P10
- Klik Selengkapnya Menuju P11 - Klik Menu di Kategori Menuju
P15 - Klik Menu Produk Terbaru
Menuju P16 - Klik Menu Produk Diskon
Menuju P17 - Klik Menu Produk Terbanyak
dilihat Menuju P18 - Klik Menu Produk Secara Acak
Menuju P19 - Isi Data di Label Pencarian
Produk Menuju P22
Deskripsi Kategori barang
Gambar
Selengkapnya
Gambar
Selengkapnya
Gambar
Selengkapnya
Gambar
Selengkapnya
Gambar
Selengkapnya
Gambar
Selengkapnya Nama Produk
Nama Produk Nama Produk
Nama Produk Nama Produk
Nama Produk
Gambar III.76 Perancangan antarmuka menu kategori
16. Perancangan antarmuka produk menu produk terbaru Gambar III.77 di bawah ini merupakan perancangan antarmuka menu produk
menu produk terbaru yang berfungsi sebagai halaman informasi produk terbaru di AKININI RE-KREASI TI BANDUNG.
Beranda Keranjang
Belanja Informasi
Perusahaan Pemesanan
Pembayaran Retur Barang
Ongkos Login
Daftar Tanya jawab
Header image Pencarian Produk
Gambar Cari
Kategori Aksesoris
Kaos Sepatu Lukis
Mugh Cantik Hubungi Kami Lewat Yahoo
Keranjang Belanja Gambar
Cart ...item
Subtotal ... Produk Terbaru
P16
Gambar Gambar
Gambar
Nama Produk Nama Produk
Nama Produk Beranda
Keranjang Belanja
Informasi Perusahaan
Pemesanan Pembayaran
Retur Barang Ongkos
Login Daftar
Tanya jawab Header image
Pencarian Produk Gambar Cari
Kategori Aksesoris
Kaos Sepatu Lukis
Mugh Cantik Produk
Produk Terbaru Produk Diskon
Produk Secara Acak Produk Terbanyak
dilihat Produk Terlaris
Gambar Produk Terlaris Informasi Jaringan
Hubungi Kami Lewat Yahoo Gambar Chat With Me
Keranjang Belanja Gambar
Cart ...item
Subtotal ...
Gambar Facebook
Facebook AKININI RE-
KREASI TI BANDUNG
Gambar Twitter
Twitter AKININI RE-KREASI TI
BANDUNG
Transfer Gambar Logo
Produk Terbaru
Footer
P16
Nama Layar : P16 Ukuran Layar : 1024 X 768
Font : Arial Warna BackGround : Putih
- Klik Beranda Menuju P01 - Klik Keranjang Belanja menuju
P02 - Klik Informasi Perusahaan
menuju P03 - Klik Pemesanan Menuju P04
- Klik Pembayaran Menuju P05 - Klik Retur Barang Menuju P06
- Klik Ongkos Menuju P07 - Klik Login Menuju P08
- Klik Dafrar Menuju P09 - Klik Tanya Jawab Menuju P10
- Klik Menu di Kategori Menuju P15
- Klik Menu Produk Terbaru Menuju P16
- Klik Menu Produk Diskon Menuju P17
- Klik Menu Produk Terbanyak dilihat Menuju P18
- Klik Menu Produk Secara Acak Menuju P19
- Isi Data di Label Pencarian Produk Menuju P22
Gambar Gambar
Gambar
Gambar Gambar
Gambar Gambar
Gambar Gambar
Nama Produk Nama Produk
Nama Produk
Nama Produk Nama Produk
Nama Produk
Nama Produk Nama Produk
Nama Produk
Gambar III.77 Perancangan antarmuka produk menu produk terbaru
17. Perancangan antarmuka produk menu produk diskon Gambar III.78 di bawah ini merupakan perancangan antarmuka produk menu
produk diskon yang berfungsi sebagai halaman informasi produk diskon di AKININI RE-KREASI TI BANDUNG.
Beranda Keranjang
Belanja Informasi
Perusahaan Pemesanan
Pembayaran Retur Barang
Ongkos Login
Daftar Tanya jawab
Header image Pencarian Produk
Gambar Cari
Kategori Aksesoris
Kaos Sepatu Lukis
Mugh Cantik Produk
Produk Terbaru Produk Diskon
Produk Secara Acak Produk Terbanyak
dilihat Produk Terlaris
Gambar Produk Terlaris Informasi Jaringan
Hubungi Kami Lewat Yahoo Gambar Chat With Me
Keranjang Belanja Gambar
Cart ...item
Subtotal ...
Gambar Facebook
Facebook AKININI RE-
KREASI TI BANDUNG
Gambar Twitter
Twitter AKININI RE-KREASI TI
BANDUNG
Transfer Gambar Logo
Produk Diskon
Footer
P17
Nama Layar : P17 Ukuran Layar : 1024 X 768
Font : Arial Warna BackGround : Putih
- Klik Beranda Menuju P01 - Klik Keranjang Belanja menuju
P02 - Klik Informasi Perusahaan
menuju P03 - Klik Pemesanan Menuju P04
- Klik Pembayaran Menuju P05 - Klik Retur Barang Menuju P06
- Klik Ongkos Menuju P07 - Klik Login Menuju P08
- Klik Dafrar Menuju P09 - Klik Tanya Jawab Menuju P10
- Klik Menu di Kategori Menuju P15
- Klik Menu Produk Terbaru Menuju P16
- Klik Menu Produk Diskon Menuju P17
- Klik Menu Produk Terbanyak dilihat Menuju P18
- Klik Menu Produk Secara Acak Menuju P19
- Isi Data di Label Pencarian Produk Menuju P22
Gambar Gambar
Gambar
Gambar Gambar
Gambar Gambar
Rp. …. à Diskon..
Gambar Gambar
Rp. …. à Diskon..
Rp. …. à Diskon..
Rp. …. à Diskon..
Rp. …. à Diskon..
Rp. …. à Diskon..
Rp. …. à Diskon..
Rp. …. à Diskon..
Rp. …. à Diskon..
Nama Produk Nama Produk
Nama Produk
Nama Produk Nama Produk
Nama Produk
Nama Produk Nama Produk
Nama Produk
Gambar III.78 Perancangan antarmuka produk menu produk diskon
18. Perancangan antarmuka produk menu produk terbanyak dilihat Gambar III.79 di bawah ini merupakan perancangan antarmuka produk menu
produk terbanyak dilihat yang berfungsi sebagai halaman informasi produk terbanyak dilihat di AKININI RE-KREASI TI BANDUNG.
Beranda Keranjang
Belanja Informasi
Perusahaan Pemesanan
Pembayaran Retur Barang
Ongkos Login
Daftar Tanya jawab
Header image Pencarian Produk
Gambar Cari
Kategori Aksesoris
Kaos Sepatu Lukis
Mugh Cantik Produk
Produk Terbaru Produk Diskon
Produk Secara Acak Produk Terbanyak
dilihat Produk Terlaris
Gambar Produk Terlaris Informasi Jaringan
Hubungi Kami Lewat Yahoo Gambar Chat With Me
Keranjang Belanja Gambar
Cart ...item
Subtotal ...
Gambar Facebook
Facebook AKININI RE-
KREASI TI BANDUNG
Gambar Twitter
Twitter AKININI RE-KREASI TI
BANDUNG
Transfer Gambar Logo
Produk Terbanyak Dilihat
Footer
P18
Nama Layar : P18 Ukuran Layar : 1024 X 768
Font : Arial Warna BackGround : Putih
- Klik Beranda Menuju P01 - Klik Keranjang Belanja menuju
P02 - Klik Informasi Perusahaan
menuju P03 - Klik Pemesanan Menuju P04
- Klik Pembayaran Menuju P05 - Klik Retur Barang Menuju P06
- Klik Ongkos Menuju P07 - Klik Login Menuju P08
- Klik Dafrar Menuju P09 - Klik Tanya Jawab Menuju P10
- Klik Menu di Kategori Menuju P15
- Klik Menu Produk Terbaru Menuju P16
- Klik Menu Produk Diskon Menuju P17
- Klik Menu Produk Terbanyak dilihat Menuju P18
- Klik Menu Produk Secara Acak Menuju P19
- Isi Data di Label Pencarian Produk Menuju P22
Gambar Gambar
Gambar
Gambar Gambar
Gambar Gambar
…. X
Gambar Gambar
….X ….X
….X
….X ….X
….X …. X
…. X Nama Produk
Nama Produk Nama Produk
Nama Produk Nama Produk
Nama Produk
Nama Produk Nama Produk
Nama Produk
Gambar III.79 Perancangan antarmuka produk menu produk terbanyak dilihat
19. Perancangan antarmuka produk menu produk secara acak Gambar III.80 di bawah ini merupakan perancangan antarmuka produk menu
produk secara acak yang berfungsi sebagai halaman informasi produk secara acak di AKININI RE-KREASI TI BANDUNG.
Beranda Keranjang
Belanja Informasi
Perusahaan Pemesanan
Pembayaran Retur Barang
Ongkos Login
Daftar Tanya jawab
Header image Pencarian Produk
Gambar Cari
Kategori Aksesoris
Kaos Sepatu Lukis
Mugh Cantik Produk
Produk Terbaru Produk Diskon
Produk Secara Acak Produk Terbanyak
dilihat Produk Terlaris
Gambar Produk Terlaris Informasi Jaringan
Hubungi Kami Lewat Yahoo Gambar Chat With Me
Keranjang Belanja Gambar
Cart ...item
Subtotal ...
Gambar Facebook
Facebook AKININI RE-
KREASI TI BANDUNG
Gambar Twitter
Twitter AKININI RE-KREASI TI
BANDUNG
Transfer Gambar Logo
Produk Secara Acak
Footer
P19
Nama Layar : P19 Ukuran Layar : 1024 X 768
Font : Arial Warna BackGround : Putih
- Klik Beranda Menuju P01 - Klik Keranjang Belanja menuju
P02 - Klik Informasi Perusahaan
menuju P03 - Klik Pemesanan Menuju P04
- Klik Pembayaran Menuju P05 - Klik Retur Barang Menuju P06
- Klik Ongkos Menuju P07 - Klik Login Menuju P08
- Klik Dafrar Menuju P09 - Klik Tanya Jawab Menuju P10
- Klik Menu di Kategori Menuju P15
- Klik Menu Produk Terbaru Menuju P16
- Klik Menu Produk Diskon Menuju P17
- Klik Menu Produk Terbanyak dilihat Menuju P18
- Klik Menu Produk Secara Acak Menuju P19
- Isi Data di Label Pencarian Produk Menuju P22
Gambar Gambar
Gambar
Gambar Gambar
Gambar Gambar
Gambar Gambar
Nama Produk Nama Produk
Nama Produk
Nama Produk Nama Produk
Nama Produk
Nama Produk Nama Produk
Nama Produk
Gambar III.80 Perancangan antarmuka produk menu produk secara acak
20. Perancangan antarmuka pemesanan kembali berbelanja Gambar III.81 di bawah ini merupakan perancangan antarmuka pemesanan
kembali berbelanja yang berfungsi sebagai halaman informasi seluruh produk di AKININI RE-KREASI TI BANDUNG.
Beranda Keranjang
Belanja Informasi
Perusahaan Pemesanan
Pembayaran Retur Barang
Ongkos Login
Daftar Tanya jawab
Header image Pencarian Produk
Gambar Cari Kategori
Aksesoris Kaos
Sepatu Lukis Mugh Cantik
Produk Produk Terbaru
Produk Diskon Produk Secara Acak
Produk Terbanyak dilihat
Produk Terlaris Gambar Produk Terlaris
Informasi Jaringan Hubungi Kami Lewat Yahoo
Gambar Chat With Me Keranjang Belanja
Gambar Cart
...item Subtotal ...
Gambar Facebook
Facebook AKININI RE-
KREASI TI BANDUNG
Gambar Twitter
Twitter AKININI RE-KREASI TI
BANDUNG
Transfer Gambar Logo
Inilah Seluruh Kategori Barang yang Ada di AKININI RE-KREASI TI BANDUNG
Footer
P21
Nama Layar : P21 Ukuran Layar : 1024 X 768
Font : Arial Warna BackGround : Putih
Gambar
.. Jenis dan .. Stok
Gambar
.. Jenis dan .. Stok
Gambar
.. Jenis dan .. Stok
Gambar
.. Jenis dan .. Stok - Klik Beranda Menuju P01
- Klik Keranjang Belanja menuju P02
- Klik Informasi Perusahaan menuju P03
- Klik Pemesanan Menuju P04 - Klik Pembayaran Menuju P05
- Klik Retur Barang Menuju P06 - Klik Ongkos Menuju P07
- Klik Login Menuju P08 - Klik Dafrar Menuju P09
- Klik Tanya Jawab Menuju P10 - Klik Selengkapnya pada
bawah gambar Akan menuju P11
- Klik Menu di Kategori Menuju P15
- Klik Menu Produk Terbaru Menuju P16
- Klik Menu Produk Diskon Menuju P17
- Klik Menu Produk Terbanyak dilihat Menuju P18
- Klik Menu Produk Secara Acak Menuju P19
- Isi Data di Label Pencarian Produk Menuju P22
Nama Kategori Nama Kategori
Nama Kategori
Nama Kategori
Gambar III.81 Perancangan antarmuka pemesanan kembali berbelanja
21. Perancangan antarmuka pencarian produk Gambar III.82 di bawah ini merupakan perancangan antarmuka pencarian
produk yang berfungsi sebagai halaman pencarian produk di AKININI RE- KREASI TI BANDUNG.
Beranda Keranjang
Belanja Informasi
Perusahaan Pemesanan
Pembayaran Retur Barang
Ongkos Login
Daftar Tanya jawab
Header image Pencarian Produk
Gambar Cari
Kategori Aksesoris
Kaos Sepatu Lukis
Mugh Cantik Produk
Produk Terbaru Produk Diskon
Produk Secara Acak Produk Terbanyak
dilihat Produk Terlaris
Gambar Produk Terlaris Informasi Jaringan
Hubungi Kami Lewat Yahoo Gambar Chat With Me
Keranjang Belanja Gambar
Cart ...item
Subtotal ...
Gambar Facebook
Facebook AKININI RE-
KREASI TI BANDUNG
Gambar Twitter
Twitter AKININI RE-KREASI TI
BANDUNG
Transfer Gambar Logo
Menu Pencarian
Footer
P22
Nama Layar : P22 Ukuran Layar : 1024 X 768
Font : Arial Warna BackGround : Putih
- Klik Beranda Menuju P01 - Klik Keranjang Belanja menuju
P02 - Klik Informasi Perusahaan
menuju P03 - Klik Pemesanan Menuju P04
- Klik Pembayaran Menuju P05 - Klik Retur Barang Menuju P06
- Klik Ongkos Menuju P07 - Klik Login Menuju P08
- Klik Dafrar Menuju P09 - Klik Tanya Jawab Menuju P10
- Klik Selengkapnya pada bawah gambar Akan menuju
P11 - Klik Menu di Kategori Menuju
P15 - Klik Menu Produk Terbaru
Menuju P16 - Klik Menu Produk Diskon
Menuju P17 - Klik Menu Produk Terbanyak
dilihat Menuju P18 - Klik Menu Produk Secara Acak
Menuju P19 - Isi Data di Label Pencarian
Produk Menuju P22
Nama Barang : Diskon :
Kategori : ke Atas
Gambar Search
Gambar
Selengkapnya Nama Kategori
Gambar
Selengkapnya Nama Kategori
Gambar
Selengkapnya Nama Kategori
Gambar III.82 Perancangan antarmuka pencarian produk
3. 2. 4. 3. Perancangan Antarmuka Operator