27
Menu Utama Login
Lupa password
Home Account
setting Pengolahan data
master Ganti
password Edit profile
Pengolahan data transaksi
Konfirmasi pembayaran
Transaksi penjualan
Detail Hapus
Update status Tampil
laporan Pengolahan data
kategori Tambah
kategori Hapus
kategori pencarian
Ubah kategori
Pengolahan data barang
Tambah barang
Hapus barang
pencarian Ubah
barang Pengolahan data
warna Tambah
warna Hapus
warna pencarian
Ubah warna
Pengolahan data ukuran
Tambah ukuran
Hapus ukuran
pencarian Ubah
ukuran Pengolahan data
barang detail Tambah
barang detail Hapus
barang detail pencarian
Ubah barang detail
Pengolahan data provinsi
Tambah provinsi
Hapus provinsi
pencarian Ubah
provinsi Pengolahan data
kota Tambah
kota Hapus
kota pencarian
Ubah kota
Pengolahan data jenis pengiriman
Tambah jenis pengiriman
Hapus jenis pengiriman
pencarian Ubah
jenis pengiriman Laporan
penjualan Laporan
penjualan harian Laporan penjualan
mingguan Laporan penjualan
bulanan Laporan penjualan
tahunan Logout
Laporan barang
Cetak PDF Pengolahan data
member Hapus
member pencarian
Pengolahan data mata uang
Edit mata uang
Hapus mata uang
Pengolahan data ongkir
Tambah ongkir
Hapus ongkir
pencarian Ubah
ongkir Cetak label
pengiriman
Gambar 3. 39 Struktur Menu Admin
27
3.4.2 Perancangan Antar Muka
Perancangan interface untuk aplikasi E-Commerce pada distro Parental Advisory Baby Clothing
adalah sebagai berikut :
3.4.2.1 Perancangan Antarmuka Pengunjung
1. Perancangan Antar Muka Menu Utama Home Perancangan antar muka menu pengunjung adalah sebagai berikut:
Klik home menuju P01
kemudian memilih menu
produk terbaru dropdown
menuju P02,klik P04
untuk registrasi
menuju member,PO5
untuk masuk cara
pembelian,P0 9 menuju cara
pembayaran,d an P10
menuju data kontak
P01 Banner
Logo parental Beranda
Produk Registrasi
Bantuan Produk terbaru
Katalog produk Produk terlaris
Produk paling banyak dilihat
Cara pembelian Data kontak
Cara pembayaran Masuk
Email : Kata sandi :
1. Teks kategori 2. Teks kategori
3.Teks kategori Kategori
Prev 1,2,3....4 next Nama barang
Gambar Nama barang
Nama barang Gambar
Gambar
Gambar Nama barang
Detail Nama barang
Nama barang Gambar
Gambar Detail
Detail
Detail Detail
Detail Pncarian
Keranjang belanja
Layanan Konsumen
Pembayaran
JNE Tracking Paypal
Mandiri BCA
FACEBOOK Yahoo
Messanger
Nama layar: P01 Ukuran layar:800x600
Font : Times New Roman Warna backround:putih biru
Gambar 3. 40 Struktur Menu Pengunjung
2. Perancangan Antarmuka Produk Terbaru
Perancangan antar muka produk terbaru adalah sebagai berikut:
Klik home menuju
P01 kemudian
memilih menu
produk terbaru
dropdown menuju
P02,klik P04 untuk
registrasi menuju
member,kli k P03
menuju login,PO5
untuk masuk cara
pembelian, P09
menuju cara
pembayara n,dan P10
menuju data kontak
P02 Banner
Logo parental Beranda
Produk Registrasi
Bantuan Produk terbaru
Katalog produk Produk terlaris
Produk paling banyak dilihat
Cara pembelian Data kontak
Cara pembayaran Masuk
Email : Kata sandi :
1. Teks kategori 2. Teks kategori
3.Teks kategori Kategori
Prev 1,2,3....4 next Nama barang
Gambar Nama barang
Nama barang Gambar
Gambar Gambar
Nama barang Detail
Nama barang Nama barang
Gambar Gambar
Detail Detail
Detail Detail
Detail Pencarian
Keranjang belanja
Layanan Konsumen
Pembayaran JNE Tracking
Paypal Mandiri
BCA FACEBOOK
Yahoo Messanger
Nama layar: P02 Ukuran layar:800x600
Font : Times New Roman Warna backround:putih biru
Gambar 3. 41 Produk Terbaru
3. Perancangan Antarmuka Login
Perancangan antar muka menu login adalah sebagai berikut:
Klik home menuju P01
KLIK Produk Terbaru klik
login menuju halaman
member,jika email salah
dan password maka akan
menuju M01,P08
menuju lupa password,
menuju P10 untuk data
kontak
Nama layar: P03 Ukuran layar:800x600
FONT :Times New Roman Warna Backround:putih biru
P03 Banner
Logo parental Beranda
Produk Registrasi
Bantuan Produk terbaru
Katalog produk Produk terlaris
Produk most view Cara pembelian
Data kontak Cara pembayaran
Masuk Email :
Kata Sandi :
1. Teks kategori 2. Teks kategori
3.Teks kategori Kategori
Prev 1,2,3....4 next Nama barang
Gambar Nama barang
Nama barang Gambar
Gambar Gambar
Nama barang Detail
Nama barang Nama barang
Gambar Gambar
Detail Detail
Detail Detail
Detail Pencarian
Keranjang belanja
Layanan Konsumen
Pembayaran JNE Tracking
Paypal Mandiri
BCA FACEBOOK
Yahoo Messanger
Login Lupa Kata
Sandi
Gambar 3.42 Masuk