6. Perancangan Antarmuka Tambah Data Bank
Berikut dapat dilihat perancangan antarmuka halaman tambah 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 SimpanBatal untuk
menuju TM05 ·
Klik Member untuk menuju TM08
· Klik Pemesanan untuk
menuju TM09 ·
Klik Retur untuk menuju TM11
TM06 Freshrock
Tambah Bank WelcomStaff Marketing Logout
Nama Bank :
Simpan Batal
Nama Pemilik : No. Rekening
:
Menu Utama
Menu Data Transaksi Bank
Member Pesanan
Retur Profil Saya
Gambar 3.100 Perancangan Antarmuka Tambah Data Bank
7. Perancangan Antarmuka Edit Data Bank
Berikut dapat dilihat perancangan antarmuka halaman edit 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 simpanBatal untuk
menuju TM05 ·
Klik Member untuk menuju TM08
· Klik Pemesanan untuk
menuju TM09 ·
Klik Retur untuk menuju TM11
TM07 Freshrock
Tambah Bank WelcomStaff Marketing Logout
Nama Bank :
nama_bank
Simpan Batal
Nama Pemilik :
nama_pemilik
No. Rekening :
no_rek
Menu Utama
Menu Data Transaksi Bank
Member Pesanan
Retur Profil Saya
Gambar 3.101 Perancangan Antarmuka Ubah Data Bank
8. Perancangan Antarmuka Data Member
Berikut dapat dilihat perancangan antarmuka halaman data member 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 BlockDelete untuk menuju TM08
· Klik Pemesanan untuk
menuju TM09 ·
Klik Retur untuk menuju TM11
TM08 Freshrock
Member WelcomStaff Marketing Logout
Id_member id_member
Username username
Email email
Nama nama
Telp telp
Aksi Block | Delete
Menu Utama
Menu Data Transaksi Bank
Member Pesanan
Retur Profil Saya
Gambar 3.102 Perancangan Antarmuka Data Pemesanan
9. Perancangan Antarmuka Data Pemesanan
Berikut dapat dilihat perancangan antarmuka halaman data 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 detail untuk menuju
TM10 ·
Klik Retur untuk menuju TM11
TM09 Freshrock
Pemesanan WelcomStaff Marketing Logout
No. Pesanan id_order
Nama Pelanggan nama_pelanggan
Tanggal Pesan tgl_pesan
Jam jam
Status status
Aksi detail
Menu Utama
Menu Data Transaksi Bank
Member Pesanan
Retur Profil Saya
Gambar 3.103 Perancangan Antarmuka Data Pemesanan
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