4. Perancangan Antarmuka Ubah Password
Berikut dapat dilihat perancangan antarmuka halaman ubah password 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 TMN06
TMN04 Freshrock
Menu Utama
Ubah Password
Profil Saya
WelcomStaff Marketing Logout
Data Laporan Laporan Data Produk
Laporan Data Penjualan
Masukkan Password Lama Ubah
Batal Masukkan Password Baru
Masukkan Lagi Password Baru
Data Statistik Grafik
Gambar 3.110 Perancangan Antarmuka Ubah Password
5. Perancangan Antarmuka Laporan Data Produk
Berikut dapat dilihat perancangan antarmuka halaman laporan 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 Submit untuk menuju TMN06
· Klik Laporan Data Produk
untuk menuju TMN07
TMN05 Freshrock
Menu Utama
Laporan Data Produk Profil Saya
WelcomStaff Marketing Logout Data Laporan
Laporan Data Produk Laporan Data Penjualan
Bulan submit
Tahun
Gambar 3.111 Perancangan Antarmuka Laporan Data Produk
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