3. Perancangan Antarmuka Ubah Profil
Berikut dapat dilihat perancangan antarmuka halaman ubah profil untuk Staff Gudang. 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
TG01 ·
Klik Logout untuk menuju T01
· Klik Profil Saya untuk
menuju TG02 ·
Klik UbahBatal untuk menuju TG02
· Klik Kategori untuk menuju
TTG05 ·
Klik Warna untuk menuju TG08
· Klik Ukuran untuk menuju
TG11 ·
Klik Vendor untuk menuju TG14
· Klik Produk untuk menuju
TG17 ·
Klik Pesanan Produk untuk menuju TG20
TG03 Freshrock
Menu Utama
Data Produk Kategori
Warna Ukuran
Vendor Produk
Ubah Profil Profil Saya
WelcomStaff Gudang Logout Alamat
: Email
: No. Telp
: Nama
: ________________________ ID Pegawai
: ________________________
Ubah Batal
Pesanan Produk
Gambar 3.58 Perancangan Antarmuka Ubah Profil
4. Perancangan Antarmuka Ubah Password
Berikut dapat dilihat perancangan antarmuka halaman ubah password untuk Staff Gudang. 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
TG01 ·
Klik Logout untuk menuju T01
· Klik Profil Saya untuk
menuju TG02 ·
Klik UbahBatal untuk menuju TG02
· Klik Kategori untuk menuju
TTG05 ·
Klik Warna untuk menuju TG08
· Klik Ukuran untuk menuju
TG11 ·
Klik Vendor untuk menuju TG14
· Klik Produk untuk menuju
TG17 ·
Klik Pesanan Produk untuk menuju TG20
TG04 Freshrock
Menu Utama
Data Produk Kategori
Warna Ukuran
Vendor Produk
Ubah Password
Profil Saya
WelcomStaff Gudang Logout Masukkan Password Lama
Ubah Batal
Masukkan Password Baru Masukkan Lagi Password Baru
Pesanan Produk
Gambar 3.59 Perancangan Antarmuka Ubah Password
5. Perancangan Antarmuka Data Kategori
Berikut dapat dilihat perancangan antarmuka halaman data kategori untuk Staff Gudang. 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
TG01 ·
Klik Logout untuk menuju T01
· Klik Profil Saya untuk
menuju TG02 ·
Klik Kategori untuk menuju TG05
· Klik Tambah Kategori untuk
menuju TG06 ·
Klik Ubah untuk menuju TG07
· Klik Hapus untuk menuju
TG05 ·
Klik Warna untuk menuju TG08
· Klik Ukuran untuk menuju
TG11 ·
Klik Vendor untuk menuju TG14
· Klik Produk untuk menuju
TG17 ·
Klik Pesanan Produk untuk menuju TG20
TG05 Freshrock
Menu Utama
Data Produk Kategori
Warna Ukuran
Vendor Produk
Kategori Profil Saya
WelcomStaff Gudang Logout Kode Kategori
id_kategori Nama Kategori
nama_kategori Halaman : 1 |
Aksi Ubah | Hapus
Tambah Kategori Pesanan Produk
Gambar 3.60 Perancangan Antarmuka Data Kategori
6. Perancangan Antarmuka Tambah Data Kategori
Berikut dapat dilihat perancangan antarmuka halaman tambah data kategori untuk Staff Gudang. 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
TG01 ·
Klik Logout untuk menuju T01
· Klik Profil Saya untuk
menuju TG02 ·
Klik Kategori untuk menuju TG05
· Klik SimpanBatal untuk
menuju TG05 ·
Klik Warna untuk menuju TG08
· Klik Ukuran untuk menuju
TG11 ·
Klik Vendor untuk menuju TG14
· Klik Produk untuk menuju
TG17 ·
Klik Pesanan Produk untuk menuju TG20
TG06 Freshrock
Menu Utama
Data Produk Kategori
Warna Ukuran
Vendor Produk
Tambah Kategori Profil Saya
WelcomStaff Gudang Logout Nama Kategori :
Simpan Batal
Pesanan Produk
Gambar 3.61 Perancangan Antarmuka Tambah Data Kategori