4. Perancangan Antarmuka Ubah Password
Berikut dapat dilihat perancangan antarmuka halaman ubah password 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 UbahBatal untuk menuju TM02
· Klik Bank untuk menuju
TM05 ·
Klik Member untuk menuju TM08
· Klik Pemesanan untuk
menuju TM09 ·
Klik Retur untuk menuju TM11
TM04 Freshrock
Ubah Password WelcomStaff Marketing Logout
Masukkan Password Lama Ubah
Batal Masukkan Password Baru
Masukkan Lagi Password Baru
Menu Utama
Menu Data Transaksi Bank
Member Pesanan
Retur Profil Saya
Gambar 3.98 Perancangan Antarmuka Ubah Password
5. Perancangan Antarmuka Data Bank
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 Tambah Bank untuk
menuju TM06 ·
Klik Ubah untuk menuju TM07
· Klik Member untuk menuju
TM08 ·
Klik Pemesanan untuk menuju TM09
· Klik Retur untuk menuju
TM11
TM05 Freshrock
Bank WelcomStaff Marketing Logout
Tambah Bank Nama Bank
nama_bank No. Rekening
no_rek Halaman : 1 |
Aksi
Ubah | Hapus
Nama Pemilik nama_pemilik
Menu Utama
Menu Data Transaksi Bank
Member Pesanan
Retur Profil Saya
Gambar 3.99 Perancangan Data Bank
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