2. Perancangan Antarmuka Tentang Kami
Berikut dapat dilihat perancangan antar muka menu tentang kami. Pada gambar dibawah ini:
Gambar 3. 39 Perancangan Antarmuka Tentang Kami
3. Perancangan Antarmuka Kategori
Berikut dapat dilihat perancangan antar muka menu Kategori. Pada gambar dibawah ini:
HEADER
LOGO
KATEGORI PENCARIAN
KATEGORI 1 KATEGORI 2
KATEGORI 3
UKURAN 1 UKURAN 2
UKURAN 3 UKURAN
KURS TRACKING JNE
BARANG TERBARU GAMBAR
GAMBAR
CARI
KONTAK KAMI LOGO YAHOO MESSANGER
NO TELP PEMBAYARAN
LOGO BNI LOGO BCA
LOGO PAYPAL
FOOTER
HARGA UKURAN
STOK HARGA
UKURAN STOK
HARGA UKURAN
STOK HARGA
UKURAN STOK
HARGA UKURAN
STOK HARGA
UKURAN STOK
HARGA UKURAN
STOK HARGA
UKURAN STOK
HARGA UKURAN
STOK HARGA
UKURAN STOK
HARGA UKURAN
STOK HARGA
UKURAN STOK
GAMBAR BARANG
GAMBAR BARANG
GAMBAR BARANG
GAMBAR BARANG
GAMBAR BARANG
GAMBAR BARANG
GAMBAR BARANG
GAMBAR BARANG
GAMBAR BARANG
GAMBAR BARANG
GAMBAR BARANG
GAMBAR BARANG
BELI
DETAIL
BELI
DETAIL
BELI
DETAIL
BELI
DETAIL
BELI
DETAIL
BELI
DETAIL
BELI
DETAIL
BELI
DETAIL
BELI
DETAIL
BELI
DETAIL
BELI
DETAIL
BELI
DETAIL
- KLIK CARA BELANJA MENUJU F04 - KLIK TENTANG KAMI MENUJU F02
- KLIK DAFTAR MENUJUF06 - KLIK HALAMAN UTAMA MENUJU F01
- KLIK MASUK MENUJU F07 - KLIK BELI MENUJU F09
- KLIK DETAIL MENUJU F10 - KLIK KONFIRMASI PEMBAYARAN MENUJU
F12 - KLIK DATA PEMESANAN MENUJU F13
- KLIK RETUR BARANG MENUJU F14 - KLIK LOGOUT MENUJU F01
HALAMAN UTAMA | CARA BELANJA | TENTANG KAMI | KONFIRMASI PEMBAYARAN | DATA PEMESANAN | RETUR BARANG | PROFIL | LOGOUT
NAMA LAYAR : F05
UKURAN LAYAR : 1024X768
UKURAN LAYAR HEADER : 1024x204
UKURAN LAYAR MENU KANAN : 256x768
UKURAN LAYAR MENU KIRI : 256x768
UKURAN LAYAR MENU TENGAH : 512x768
UKURAN LAYAR FOOTER : 1024x404
FONT : ARIAL
BACKGROUND : COKLAT
F05
KERANJANG LOGO KERANJANG
JUMLAH BARANG YG DIPESAN WELCOME
PEMESAN
Gambar 3. 40 Perancangan Antarmuka Kategori
4. Perancangan Antarmuka Konfirmasi Pembayaran
Berikut dapat dilihat perancangan antar muka Konfirmasi Pembayaran. Pada gambar dibawah ini:
HEADER
LOGO
KATEGORI PENCARIAN
KATEGORI 1 KATEGORI 2
KATEGORI 3
UKURAN 1 UKURAN 2
UKURAN 3 UKURAN
KURS TRACKING JNE
BARANG TERBARU GAMBAR
GAMBAR
CARI
KONTAK KAMI LOGO YAHOO MESSANGER
NO TELP PEMBAYARAN
LOGO BNI LOGO BCA
LOGO PAYPAL
FOOTER - KLIK CARA BELANJA MENUJU F04
- KLIK TENTANG KAMI MENUJU F02 - KLIK DAFTAR MENUJUF06
- KLIK HALAMAN UTAMA MENUJU F01 - KLIK MASUK MENUJU F07
- KLIK BELI MENUJU F09 - KLIK DETAIL MENUJU F10
- KLIK DATA PEMESANAN MENUJU F13 - KLIK RETUR BARANG MENUJU F14
- KLIK LOGOUT MENUJU F01 HALAMAN UTAMA | CARA BELANJA | TENTANG KAMI | KONFIRMASI PEMBAYARAN | DATA PEMESANAN | RETUR BARANG | PROFIL | LOGOUT
NAMA LAYAR : F12
UKURAN LAYAR : 1024X768
UKURAN LAYAR HEADER : 1024x204
UKURAN LAYAR MENU KANAN : 256x768
UKURAN LAYAR MENU KIRI : 256x768
UKURAN LAYAR MENU TENGAH : 512x768
UKURAN LAYAR FOOTER : 1024x404
FONT : ARIAL
BACKGROUND : COKLAT
F12
KERANJANG LOGO KERANJANG
JUMLAH BARANG YG DIPESAN WELCOME
PEMESAN KONFIRMASI PEMBAYARAN
NO ORDER NAMA
PELANGGAN TOTAL
BANK PAYPAL
BAYAR LOGO
Gambar 3. 41 Perancangan Antarmuka Konfirmasi Pembayaran
5. Perancangan Antarmuka Data Pesanan