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
7. Perancangan Antarmuka Ubah Data Kategori
Berikut dapat dilihat perancangan antarmuka halaman ubah 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
TG07 Freshrock
Menu Utama
Data Produk Kategori
Warna Ukuran
Vendor Produk
Ubah Kategori Profil Saya
WelcomStaff Gudang Logout Nama Kategori :
nama_kategori Simpan
Batal Pesanan Produk
Gambar 3.62 Perancangan Antarmuka Ubah Data Kategori
8. Perancangan Antarmuka Data Warna
Berikut dapat dilihat perancangan antarmuka halaman data warna 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 Warna untuk menuju
TG08 ·
Klik Tambah Warna untuk menuju TG09
· Klik Ubah untuk menuju
TG10 ·
Klik Hapus untuk menuju TG08
· Klik Ukuran untuk menuju
TG11 ·
Klik Vendor untuk menuju TG14
· Klik Produk untuk menuju
TG17 ·
Klik Pesanan Produk untuk menuju TG20
TG08 Freshrock
Menu Utama
Data Produk Kategori
Warna Ukuran
Vendor Produk
Warna Profil Saya
WelcomStaff Gudang Logout Kode Warna
id_warna Nama Warna
nama_warna Halaman : 1 |
Aksi Ubah | Hapus
Tambah Warna Pesanan Produk
Gambar 3.63 Perancangan Antarmuka Data Warna