5. Struktur Menu Gudang
MENU UTAMA
PRODUK HOME
LAPORAN LOGIN
LOGOUT
KATEGORI PRODUK
UKURAN WARNA
LAPORAN BARANG
Gambar 3.31 Struktur Menu Gudang
6. Struktur Menu Bagian Keuangan
MENU UTAMA
HOME LAPORAN
LOGIN
LOGOUT
LAPORAN KEUANGAN
Gambar 3-32 Struktur Menu Bagian Keuangan
3.2.4 Perancangan Antar Muka
Interface atau antar muka merupakan tampilan dari suau program aplikasi yang berperan sebagai media komunikasi yang digunakan sebagai sarana berdialog
antara program dengan user. Sistem yang akan dibangun diharapkan menyediakan interface yang mudah dipahami dan digunakan oleh user.
Perancangan interface untuk aplikasi E-Commerce di Toko Vera Fashion adalah sebagai berikut:
3.2.4.1 Perancangan Antarmuka Pengunjung
1. Perancangan Antarmuka Menu Utama Beranda Berikut ini adalah perancangan antarmuka pengunjung menu utama beranda
di Toko Vera Fashion :
Cari produk LOGO VERA FASHION
Beranda Profil
Produk
Hubungi Kami Bantuan
Gambar Gambar
Gambar
Gambar Gambar
Gambar Detail
Nama Layar : A01 Ukuran Layar : 1366 x 768
Font : Times New Roman
A01
Klik Profil menuju A02
Klik Cara Pembelian
menuju A04
Klik Semua Produk menuju
A03
Klik Hubungi Kami menuju A05
Klik Login Anggota menuju
A06
Selamat datang xxx
Gambar
Gambar Detail
Detail Detail
Detail Detail
Detail Detail
Selamat Datang di www.verafashion.com
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxx
Login Anggota
Statistik Pengunjung Kategori
Kategori produk Kategori produk
Kategori produk
Chat Via YM Online Now
Online Now Operator
Admin Jasa Pengiriman
Bank Pembayaran Gambar
No Rekening Atas Nama
Pengunjung hari ini : xx Pengunjung Online : xx
Jasa Pengiriman Follow Us
Logo FB, Twitter, Yahoo
Gambar 3.33 Antarmuka Menu Utama
2. Perancangan Antarmuka Menu lihat Profil Berikut ini adalah perancangan antarmuka pengunjung menu lihat Profil di
Toko Vera Fashion:
Cari produk LOGO VERA FASHION
Beranda Profil
Produk
Hubungi Kami Bantuan
Nama Layar : A02 Ukuran Layar : 1366 x 768
Font : Times New Roman A02
Klik Beranda menuju A01
Klik Cara Pembelian menuju
A04
Klik Semua Produk menuju A03
Klik Hubungi Kami menuju A05
Klik Login Anggota menuju A06
Selamat datang xxx Profil Kami
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
Login Anggota
Statistik Pengunjung Kategori
Kategori produk Kategori produk
Kategori produk Chat Via YM
Online Now Online Now
Operator Admin
Jasa Pengiriman Bank Pembayaran
Gambar No Rekening
Atas Nama
Pengunjung hari ini : xx Pengunjung Online : xx
Jasa Pengiriman Follow Us
Logo FB, Twitter, Yahoo
Gambar 3.34 Antarmuka Menu Lihat Profil
3. Perancangan antarmuka menu lihat semua produk Berikut ini adalah perancangan antarmuka pengunjung menu lihat semua
produk di Toko Vera Fashion :
Cari produk LOGO VERA FASHION
Beranda Profil
Produk
Hubungi Kami Bantuan
Gambar Gambar
Gambar
Gambar Gambar
Gambar Detail
Nama Layar : A03 Ukuran Layar : 1366 x 768
Font : Times New Roman
A03
Klik Profil menuju A02
Klik Cara Pembelian menuju
A04
Klik Hubungi Kami menuju A05
Klik Login Anggota menuju A06
Selamat datang xxx
Gambar
Gambar Detail
Detail Detail
Detail Detail
Detail Detail
Selamat Datang di www.verafashion.com xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
Login Anggota
Halaman :First | Prev | | 1 | 2 | Next | Last |
Klik Beranda menuju A01
Statistik Pengunjung Kategori
Kategori produk Kategori produk
Kategori produk
Chat Via YM Online Now
Online Now Operator
Admin
Jasa Pengiriman Bank Pembayaran
Gambar No Rekening
Atas Nama
Pengunjung hari ini : xx Pengunjung Online : xx
Jasa Pengiriman Follow Us
Logo FB, Twitter, Yahoo
Gambar 3.35 Antarmuka Menu Lihat Produk
4. Perancangan antarmuka menu cara pembelian Berikut ini adalah perancangan antarmuka pengunjung menu lihat cara
pembelian di Toko Vera Fashion:
Cari produk LOGO VERA FASHION
Beranda Profil
Produk
Hubungi Kami Bantuan
Nama Layar : A04 Ukuran Layar : 1366 x 768
Font : Times New Roman
A04
Klik Beranda menuju A01
Klik Profil menuju A02
Klik Produk menuju A03
Klik Hubungi Kami menuju A05
Klik Login Anggota menuju A06
Selamat datang xxx
Profil Kami xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
Login Anggota
Statistik Pengunjung Kategori
Kategori produk Kategori produk
Kategori produk
Chat Via YM Online Now
Online Now Operator
Admin
Jasa Pengiriman Bank Pembayaran
Gambar No Rekening
Atas Nama
Pengunjung hari ini : xx Pengunjung Online : xx
Jasa Pengiriman Follow Us
Logo FB, Twitter, Yahoo
Gambar 3.36 Perancangan Antarmuka Menu Cara Pembelian
5. Perancangan antarmuka menu hubungi kami Berikut adalah perancangan antarmuka pengunjung menu hubungi kami di
Toko Vera Fashion:
Hubungi Kami Secara Online Nama :
Email : Subjek :
Pesan : Captcha
Kirim Pesan
Cari produk LOGO VERA FASHION
Beranda Profil
Produk
Hubungi Kami Bantuan
Nama Layar : A05 Ukuran Layar : 1366 x 768
Font : Times New Roman
A05
Klik Beranda menuju A01
Klik Profil menuju A02
Klik Produk menuju A03
Klik Cara Pembelian menuju
A04
Klik Login Anggota menuju A06
Selamat datang xxx
Login Anggota
Statistik Pengunjung Kategori
Kategori produk Kategori produk
Kategori produk
Chat Via YM Online Now
Online Now Operator
Admin
Jasa Pengiriman Bank Pembayaran
Gambar No Rekening
Atas Nama
Pengunjung hari ini : xx Pengunjung Online : xx
Jasa Pengiriman Follow Us
Logo FB, Twitter, Yahoo
Gambar 3.37 Perancangan Antarmuka Hubungi Kami