antara program dengan user. Sistem yang akan dibangun diharapkan menyediakan interface
yang mudah dipahami dan digunakan oleh user. Perancangan interface untuk modul e-commerceiniadalah sebagai berikut.
4.6.1.1 Perancangan Antar Muka Pengunjung dan Member
1. Perancangan Antar Muka Beranda
Beranda Produk Panduan Tentang Kami Kontak Kami
Anda Pelanggan baru? Daftar Login
Katagori Produk Pencarian Produk
Produk Banyak Dilihat
Produk Promo Layanan Pembayaran
Layanan Online Pelanggan
L O G O Keranjang Belanja
Layanan Pengiriman Gambar
Gambar Gambar
Produk Terbaru Produk Terlaris
Gambar Gambar
Gambar F01
Klik Beranda menuju F01 Klik Daftar menuju F02
Klik Login menuju F03 Klik Produk menuju F04
klik Panduan menuju F05 Klik Tentang Kami menuju F06
Klik Kontak Kami menuju F07 Klik Keranjang Belanja menuju F08
Klik Beli menuju F09
Beli Beli
Beli
Beli Beli
Beli
Gambar 0-41 Perancangan Antar muka Beranda
2. Perancangan Antar Muka Pendaftaran
Beranda Produk Panduan Tentang Kami Kontak Kami
Anda Pelanggan baru? Daftar Login
Katagori Produk Layanan Pembayaran
L O G O Keranjang Belanja
Layanan Pengiriman F02
Klik Beranda menuju F01 Klik Daftar menuju F02
Klik Login menuju F03 Klik Produk menuju F04
klik Panduan menuju F05 Klik Tentang Kami menuju F06
Klik Kontak Kami menuju F07 Klik Keranjang Belanja menuju F08
Klik Beli menuju F09
PENDAFTARAN MEMEBER
AKUN LOGIN Email
Password Ulang Password
DATA DIRI Nama Lengkap
Jenis Kelamin Alamat
Provinsi KabupatenKota
Kode Pos No. TelpHP
PERSYARATAN XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
Buat account saya Batal
Gambar 0-42 Perancangan Antar muka Pendaftaran
3. Perancangan Antar Muka Login Member
Beranda Produk Panduan Tentang Kami Kontak Kami
Anda Pelanggan baru? Daftar Login
Katagori Produk Layanan Pembayaran
L O G O Keranjang Belanja
Layanan Pengiriman F03
Klik Beranda menuju F01 Klik Daftar menuju F02
Klik Login menuju F03 Klik Produk menuju F04
klik Panduan menuju F05 Klik Tentang Kami menuju F06
Klik Kontak Kami menuju F07 Klik Keranjang Belanja menuju F08
Klik Beli menuju F09
LOGIN PELANGGAN Email
Password Login
Lupas Password
Gambar 0-43 Perancangan Antar Login Member
4. Perancangan Antar muka Produk
Beranda Produk Panduan Tentang Kami Kontak Kami
Anda Pelanggan baru? Daftar Login
Katagori Produk Layanan Pembayaran
L O G O Keranjang Belanja
Layanan Pengiriman F04
Klik Beranda menuju F01 Klik Daftar menuju F02
Klik Login menuju F03 Klik Produk menuju F04
klik Panduan menuju F05 Klik Tentang Kami menuju F06
Klik Kontak Kami menuju F07 Klik Keranjang Belanja menuju F08
Klik Beli menuju F09
Nama Produk Cari
Gambar Gambar
Gambar
Beli Beli
Beli
Gambar Gambar
Gambar
Beli Beli
Beli
Gambar 0-44 Perancangan Antar Muka Produk 5.
Perancangan Anatar Muka Keranjang Belanja
Beranda Produk Panduan Tentang Kami Kontak Kami
Anda Pelanggan baru? Daftar Login
Katagori Produk Layanan Pembayaran
L O G O Keranjang Belanja
Layanan Pengiriman F08
Klik Beranda menuju F01 Klik Daftar menuju F02
Klik Login menuju F03 Klik Produk menuju F04
klik Panduan menuju F05 Klik Tentang Kami menuju F06
Klik Kontak Kami menuju F07 Klik Keranjang Belanja menuju F08
Klik Belanja Lagi menunu F04 Klik Ceckout menuju F10
KERANJANG BELANJA XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX XX
Nama Produk Hapus Berat Diskon Qty Harga Total
xxxxx xxx
xxx xxx
x x
xxx Sub Total
xxxxx Belanja Lagi
Checkout
Gambar 0-45 Perancangan Antar Muka Keranjang Belanja
6. Perancangan Antar Muka Detail Produk