6. Perancangan Antarmuka Laporan Detail Data Produk
Berikut dapat dilihat perancangan antarmuka halaman laporan detail data produk untuk Manajer. Perancangannya disajikan dalam gambar dibawah ini:
Footer Ukuran Layar
: 1024 x 768 Jenis Font
: Lucida Sans Unicode, Arial Warna Latar
: f7fcf8
· Klik Welcome untuk menuju
TMN01 ·
Klik Logout untuk menuju T01
· Klik Profil Saya untuk
menuju TMN02 ·
Klik UbahBatal untuk menuju TMN02
· Klik Laporan Data Produk
untuk menuju TMN05 ·
Klik Laporan Data Produk untuk menuju TMN07
TMN06 Freshrock
Menu Utama
Laporan Detail Data Produk Profil Saya
WelcomStaff Marketing Logout Data Laporan
Laporan Data Produk Laporan Data Penjualan
ID_order id_order
Nama Pembeli nama_pembeli
Nama Produk namaproduk
Total Bayar total
Total Bayar total_bayar
Save
Gambar 3.112 Perancangan Antarmuka Detail Data Produk
7. Perancangan Antarmuka Laporan Data Penjualan
Berikut dapat dilihat perancangan antarmuka halaman laporan Data penjualan untuk Manajer. Perancangannya disajikan dalam gambar dibawah ini:
Footer Ukuran Layar
: 1024 x 768 Jenis Font
: Lucida Sans Unicode, Arial Warna Latar
: f7fcf8
· Klik Welcome untuk menuju
TMN01 ·
Klik Logout untuk menuju T01
· Klik Profil Saya untuk
menuju TMN02 ·
Klik UbahBatal untuk menuju TMN02
· Klik Laporan Data Produk
untuk menuju TMN05 ·
Klik Laporan Data Produk untuk menuju TMN07
· Klik Submit untuk menuju
TMN08
TMN07 Freshrock
Menu Utama
Laporan Data Penjualan
Profil Saya
WelcomStaff Marketing Logout
Data Laporan Laporan Data Produk
Laporan Data Penjualan
Bulan submit
Tahun
Gambar 3.113 Perancangan Antarmuka Laporan Data Penjualan
8. Perancangan Antarmuka Laporan Detail Data Penjualan
Berikut dapat dilihat perancangan antarmuka halaman laporan Detail data penjualan untuk Manajer. Perancangannya disajikan dalam gambar dibawah
ini:
Footer Ukuran Layar
: 1024 x 768 Jenis Font
: Lucida Sans Unicode, Arial Warna Latar
: f7fcf8
· Klik Welcome untuk menuju
TMN01 ·
Klik Logout untuk menuju T01
· Klik Profil Saya untuk
menuju TMN02 ·
Klik UbahBatal untuk menuju TMN02
· Klik Laporan Data Produk
untuk menuju TMN05 ·
Klik Laporan Data Penjualan untuk menuju
TMN07
TMN08 Freshrock
Menu Utama
Laporan Detail Data Penjualan
Profil Saya
WelcomManajer Logout
Data Laporan Laporan Data Produk
Laporan Data Penjualan ID_order
id_order Nama Pembeli
nama_pembeli Nama Produk
namaproduk Total Bayar
total Total Bayar
total_bayar
Save
Gambar 3.114 Perancangan Antarmuka Laporan Detail Penjualan
3.2.2.2.6 Perancangan Antarmuka Pengunjung
1. Perancangan Antarmuka Halaman Utama Pengunjung
Berikut dapat dilihat perancangan antarmuka halaman utama untuk Member. Perancangannya disajikan dalam gambar dibawah ini:
Footer Ukuran Layar
: 1024 x 768 Jenis Font
: Lucida Sans Unicode, Arial Warna Latar
: f7fcf8
· Klik Beranda untuk menuju
TPE01 ·
Klik Tentang Kami untuk menuju TPE02
· Klik Cara Pembelian untuk
menuju TPE03 ·
Klik Semua Produk untuk menuju TPE04
· Klik Daftar untuk menuju
TPE07 ·
Klik Login untuk menuju TPE08
· Klik Nama Kategori Produk
untuk menuju TPE09 ·
Klik Detail untuk menuju TPE10
·
TPE01 Freshrock
Kategori Produk nama_kategori
nama_kategori nama_kategori
….. Produk Terlaris
Beranda Tentang Kami
Cara Pembelian Semua Produk
Produk Paling Banyak Dilihat Layanan Pelanggan
Akun YM nama_pemilik_akun
Jejaring Sosial Facebook
Produk Terbaru Gambar
Produk nama_produk
Gambar Produk
nama_produk Gambar
Produk nama_produk
Gambar Produk
nama_produk Gambar
Produk nama_produk
Gambar Produk
nama_produk Gambar
Produk nama_produk
Gambar Produk
nama_produk Gambar
Produk nama_produk
Gambar Produk
nama_produk Gambar
Produk nama_produk
Gambar Produk
nama_produk Gambar
Produk nama_produk
Stok [0] Detail]
Stok [0] [Detail]
Stok [0] [Detail]
Stok [0] [Detail]
Stok [0] [Detail]
Stok [0] [Detail]
Stok [0] [Detail]
Stok [0] [Detail]
Stok [0] [Detail]
Stok [0] [Detail]
Stok [0] [Detail]
Stok [0] [Detail]
Stok [0] [Detail]
rating rating
rating rating
rating rating
rating rating
rating rating
rating rating
Daftar Login
Cari
Gambar 3.115 Perancangan Antarmuka Halaman Utama
2. Perancangan Antarmuka Tentang Kami
Berikut dapat dilihat perancangan antarmuka halaman tentang kami untuk member. Perancangannya disajikan dalam gambar dibawah ini:
Footer Ukuran Layar
: 1024 x 768 Jenis Font
: Lucida Sans Unicode, Arial Warna Latar
: f7fcf8
· Klik Beranda untuk menuju
TPE01 ·
Klik Tentang Kami untuk menuju TPE02
· Klik Cara Pembelian untuk
menuju TPE03 ·
Klik Semua Produk untuk menuju TPE04
· Klik Daftar untuk menuju
TPE07 ·
Klik Login untuk menuju TPE08
· Klik Nama Kategori Produk
untuk menuju TPE09 ·
Klik Detail untuk menuju TPE10
·
TPE02 Freshrock
Kategori Produk nama_kategori
nama_kategori nama_kategori
….. Produk Terlaris
Beranda Tentang Kami
Cara Pembelian Semua Produk
Gambar Produk
nama_produk Stok [0]
[Detail] Daftar
Login
Cari
Tentang Kami
DESKRIPSI Layanan Pelanggan
Akun YM nama_pemilik_akun
Jejaring Sosial Facebook
Gambar 3.116 Perancangan Antarmuka Tentang Kami
3. Perancangan Antarmuka Cara Pembelian
Berikut dapat dilihat perancangan antarmuka halaman cara pembelian untuk member. Perancangannya disajikan dalam gambar dibawah ini:
Footer Ukuran Layar
: 1024 x 768 Jenis Font
: Lucida Sans Unicode, Arial Warna Latar
: f7fcf8
· Klik Beranda untuk menuju
TPE01 ·
Klik Tentang Kami untuk menuju TPE02
· Klik Cara Pembelian untuk
menuju TPE03 ·
Klik Semua Produk untuk menuju TPE04
· Klik Daftar untuk menuju
TPE07 ·
Klik Login untuk menuju TPE08
· Klik Nama Kategori Produk
untuk menuju TPE09 ·
Klik Detail untuk menuju TPE10
·
TPE03 Freshrock
Kategori Produk nama_kategori
nama_kategori nama_kategori
….. Produk Terlaris
Beranda Tentang Kami
Cara Pembelian Semua Produk
Gambar Produk
nama_produk Stok [0]
[Detail]
Daftar Login
Cari Cara Pemelian
DESKRIPSI Layanan Pelanggan
Akun YM
nama_pemilik_akun
Jejaring Sosial Facebook
Gambar 3.117 Perancangan Antarmuka Cara Pembelian