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
9. Perancangan Antarmuka Tambah Data Warna
Berikut dapat dilihat perancangan antarmuka halaman tambah 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 SimpanBatal untuk
menuju TG05 ·
Klik Warna untuk menuju TG08
· Klik Simpan Batal untuk
menuju T08 ·
Klik Ukuran untuk menuju TG11
· Klik Vendor untuk menuju
TG14 ·
Klik Produk untuk menuju TG17
· Klik Pesanan Produk untuk
menuju TG20
TG09 Freshrock
Menu Utama
Data Produk Kategori
Warna Ukuran
Vendor Produk
Tambah Warna Profil Saya
WelcomStaff Gudang Logout Nama Warna
: Simpan
Batal Pesanan Produk
Gambar 3.64 Perancangan Antarmuka Tambah Data Warna
10. Perancangan Antarmuka Ubah Data Warna
Berikut dapat dilihat perancangan antarmuka halaman ubah 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 Simpan Batal untuk menuju T08
· Klik Ukuran untuk menuju
TG11 ·
Klik Vendor untuk menuju TG14
· Klik Produk untuk menuju
TG17 ·
Klik Pesanan Produk untuk menuju TG20
TG10 Freshrock
Menu Utama
Data Produk Kategori
Warna Ukuran
Vendor Produk
Ubah Warna Profil Saya
WelcomStaff Gudang Logout Nama Warna
: nama_warna
Simpan Batal
Gambar 3.65 Perancangan Antarmuka Ubah Data Warna