10. Perancangan Antarmuka Data Detail Pemesanan
Berikut dapat dilihat perancangan antarmuka halaman data detail pemesanan untuk Staff Marketing. 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
TM01 ·
Klik Logout untuk menuju T01
· Klik Profil Saya untuk
menuju TM02 ·
Klik Bank untuk menuju TM05
· Klik Member untuk menuju
TM08 ·
Klik Pemesanan untuk menuju TM09
· Klik Ubah Status untuk
menuju TM10 ·
Klik Retur untuk menuju TM11
TM10 Freshrock
Detail Pemesanan WelcomStaff Marketing Logout
No. Pesanan Tgl. dan Jam Pesanan
Status Pesanan Ubah Status
Nama Produk Berat
Jumlah Harga Satuan
Sub Total xxx
Total Rp. Ongkos Kirim Rp.
kg Total Berat Rp.
kg Total Ongkos Kirim Rp.
Grand Total Rp. Nama Pelanggan
Data Pelanggan Alamat Pengiriman
No. TlpHP Email
Menu Utama
Menu Data Transaksi Bank
Member Pesanan
Retur Profil Saya
Gambar 3.104 Perancangan Antarmuka Detail Pemesanan
11. Perancangan Antarmuka Data Retur
Berikut dapat dilihat perancangan antarmuka halaman data bank untuk Staff Marketing. 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
TM01 ·
Klik Logout untuk menuju T01
· Klik Profil Saya untuk
menuju TM02 ·
Klik Bank untuk menuju TM05
· Klik Member untuk menuju
TM08 ·
Klik Pemesanan untuk menuju TM09
· Klik Retur untuk menuju
TM11 ·
Klik Detail untuk menuju TM12
TM11 Freshrock
Retur WelcomStaff Marketing Logout
ID_retur id_retur
ID_pesanan id_pesanan
Tanggal Retur tgl_retur
Aksi detail
Menu Utama
Menu Data Transaksi Bank
Member Pesanan
Retur Profil Saya
Gambar 3.105 Perancangan Antarmuka Data Retur
12. Perancangan Antarmuka Detail Retur
Berikut dapat dilihat perancangan antarmuka halaman data detail retur untuk Staff Marketing. 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
TM01 ·
Klik Logout untuk menuju T01
· Klik Profil Saya untuk
menuju TM02 ·
Klik Bank untuk menuju TM05
· Klik Member untuk menuju
TM08 ·
Klik Pemesanan untuk menuju TM09
· Klik Retur untuk menuju
TM11 ·
Klik Rubah Status Retur untuk menuju TM11
TM12 Freshrock
Detail Retur WelcomStaff Marketing Logout
Id_order :id_order
Id_retur :id_retur
Tanggal Retur :tgl_retur
Status Retur :status_retur
No. Resi dari Pelanggan :no.resi_pel
No. Resi Pengiriman Kembali :no_resi_kembali
Rubah Status Detail Rubah Status Retur
: No Resi Pengiriman Kembali
: no_resi_kembali
Detail Pesanan Yang Diretur
No no
Nama nama_produk
Jumalah jumlah
Alasan alasan
Menu Utama
Menu Data Transaksi Bank
Member Pesanan
Retur Profil Saya
Gambar 3.106 Perancangan Antarmuka Detail Retur
3.2.2.2.5 Perancangan Antarmuka Manajer
1. Perancangan Antarmuka Halaman Utama
Berikut dapat dilihat perancangan antarmuka halaman 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 Laporan Data Produk untuk menuju TMN05
· Klik Laporan Data Produk
untuk menuju TMN06
TMN01 Freshrock
Menu Utama
Selamat Datang nama_pegawai anda berada di halaman Manajer. Silahkan klik menu pilihan yang berada di sebelah kiri untuk mengelola konten website.
WelcomManajer Logout
Data Laporan Laporan Data Produk
Laporan Data Penjualan Profil Saya
Data Statistik Grafik
Gambar 3.107 Perancangan Antarmuka Halaman Utama