Struktur Menu Admin Perancangan Arsitektur
Perancangan antarmuka halaman daftar P02
HEADER
Data Akun Pelanggan
P02 ·
Klik Beranda menuju ke Form
P01. ·
Klik Daftar|Login menuju ke Form
P02. ·
Klik Produk menuju ke Form p03.
· Klik cara belanja
menuju ke Form P04.
· Klik Cara bayar
menuju ke Form P05.
· Klik Tentang Kami
menuju ke Form p06.
· Klik Gambarl
Produk menuju ke Form p07.
FOOTER
Cari produk
Data Pribadi Email
Nama Ulangi Password
Password :
: :
Alamat Kota
Provinsi No. telepon
: :
: :
:
v v
Kode Pos :
Simpan Batal
Beranda Produk
Cara Belanja Cara bayaran
Tentang Kami
Kategori produk
Kategori Kategori
Testimoni anda Keranjang belanja
Telusuri Pengiriman
Daftar | login
Produk Terlaris
GAMBAR PRODUK
LOGIN PELANGGAN
Email
MASUK
Password :
: Masukan Email dan Password
Formulil PENDAFTARAN PELANGGAN
Lupa password
Gambar 3.39 Tampilan Antarmuka halaman daftar pengunjung
Perancangan Antarmuka Halaman produk P03
HEADER
Semua Produk
GAMBAR PRODUK
GAMBAR PRODUK
GAMBAR PRODUK
GAMBAR PRODUK
GAMBAR PRODUK
GAMBAR PRODUK
GAMBAR PRODUK
GAMBAR PRODUK
P03 ·
Klik Beranda menuju ke Form
P01. ·
Klik Daftar menuju ke Form P02.
· Klik Produk menuju
ke Form p03. ·
Klik cara belanja menuju ke Form
P04. ·
Klik Cara bayar menuju ke Form
P05. ·
Klik Tentang Kami menuju ke Form
p06. ·
Klik Detail Produk menuju ke Form
p07.
FOOTER
JUDUL HALAMAN
Cari produk
GAMBAR PRODUK
GAMBAR PRODUK
GAMBAR PRODUK
GAMBAR PRODUK
Beranda Produk
Cara Belanja Cara bayaran
Tentang Kami
Kategori produk
Kategori Kategori
Testimoni anda Keranjang belanja
Telusuri Pengiriman
Daftar | login
Produk Terlaris
GAMBAR PRODUK
Kategori
Gambar 3.40 Tampilan Antarmuka halaman produk Pengunjung
Perancangan Antarmuka halaman cara belanjaP04
HEADER
Beranda Produk
Cara Belanja Cara bayaran
Tentang Kami
P04 ·
Klik Beranda menuju ke Form
P01. ·
Klik Daftar menuju ke Form P02.
· Klik Produk menuju
ke Form p03. ·
Klik cara belanja menuju ke Form
P04. ·
Klik Cara bayar menuju ke Form
P05. ·
Klik Tentang Kami menuju ke Form
p06. ·
Klik Detail Produk menuju ke Form
p07.
FOOTER
JUDUL HALAMAN
Cari produk
TEXT KETERANGAN TENTANG CARA BERBELANJA DI SITUS ECOMMERCE DI
TOKO ANCHA-SHOP
Kategori produk
Kategori Kategori
Testimoni anda Keranjang belanja
Telusuri Pengiriman
Daftar | login
Produk Terlaris
GAMBAR PRODUK
Kategori
Gambar 3.41 Tampilan Antarmuka halaman cara belanja Pengunjung
Perancangan antar muka Halaman cara bayar P05
HEADER
Beranda Produk
Cara Belanja Cara bayaran
Tentang Kami
P05 ·
Klik Beranda menuju ke Form
P01. ·
Klik Daftar menuju ke Form P02.
· Klik Produk menuju
ke Form p03. ·
Klik cara belanja menuju ke Form
P04. ·
Klik Cara bayar menuju ke Form
P05. ·
Klik Tentang Kami menuju ke Form
p06. ·
Klik Detail Produk menuju ke Form
p07.
FOOTER
JUDUL HALAMAN
Cari produk
TEXT KETERANGAN TENTANG CARA BAYAR DI SITUS ECOMMERCE DI TOKO
ANCHA-SHOP
Kategori produk
Kategori Kategori
Testimoni anda Keranjang belanja
Telusuri Pengiriman
Daftar | login
Produk Terlaris
GAMBAR PRODUK
Kategori
Gambar 3.42 Tampilan Antarmuka halaman cara bayar Pengunjung