17. Perancangan Antarmuka Data Produk
Berikut dapat dilihat perancangan antarmuka halaman data produk 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 Ukuran untuk menuju TG11
· Klik Vendor untuk menuju
TG14 ·
Klik Produk untuk menuju TG17
· Klik Tambah Produk untuk
menuju TG18 ·
Klik Ubah untuk menuju TG19
· Klik Hapus untuk menuju
TG17 ·
Klik Pesanan Produk untuk menuju TG20
TG17 Freshrock
Menu Utama
Data Produk Kategori
Warna Ukuran
Vendor Produk
Produk Profil Saya
WelcomStaff Gudang Logout Tambah Produk
ID Produk id_produk
Nama nama
Halaman : 1 | Ukuran
ukuran Harga
harga Stok
stok Aksi
Ubah | Hapus
Status status
Diskon diskon
Berat berat
Pesanan Produk
Gambar 3.72 Perancangan Antarmuka Data Produk
18. Perancangan Antarmuka Tambah Data Produk
Berikut dapat dilihat perancangan antarmuka halaman tambah data produk 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 Ukuran untuk menuju TG11
· Klik Vendor untuk menuju
TG14 ·
Klik Produk untuk menuju TG17
· Klik SimapnBatal untuk
menuju TG17 ·
Klik Pesanan Produk untuk menuju TG20
TG18 Freshrock
Menu Utama
Data Produk Kategori
Warna Ukuran
Vendor Produk
Tambah Produk Profil Saya
WelcomStaff Gudang Logout Nama
Simpan Batal
Kategori - pilih kategori -
Warna Diskon
Deatail Gambar
: Browse
- pilih warna - Ukuran
- pilih ukuran - Vendor
- pilih vendor - Harga
Stok Berat
Kemampuan Produksi
Status - pilih status -
Pesanan Produk
Gambar 3.73 Perancangan Antarmuka Tambah Data Produk
19. Perancangan Antarmuka Ubah Data Produk
Berikut dapat dilihat perancangan antarmuka halaman Ubah data produk 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 Ukuran untuk menuju TG11
· Klik Vendor untuk menuju
TG14 ·
Klik Produk untuk menuju TG17
· Klik SimpanBatal untuk
menuju TG17 ·
Klik Pesanan Produk untuk menuju TG20
TG19 Freshrock
Menu Utama
Data Produk Kategori
Warna Ukuran
Vendor Produk
Tambah Produk
Profil Saya
WelcomStaff Gudang Logout Nama
Simpan Batal
Kategori
- pilih kategori -
Warna Diskon
diskon
Deatail
detail
Gambar :
gambar
Browse
nama_produk - pilih warna -
Ukuran
- pilih ukuran -
Vendor
- pilih vendor -
Harga
harga
Stok
stok
Berat
berat
Kemampuan Produksi
kmp_produksi
Status
- pilih status - Pesanan Produk
Gambar 3.74 Perancangan Antarmuka Ubah Data Produk
20. Perancangan Antarmuka Data Pesanan Produk
Berikut dapat dilihat perancangan antarmuka halaman data pesanan produk 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 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
TG20 Freshrock
Menu Utama
Data Produk Kategori
Warna Ukuran
Vendor Produk
Daftar Pesanan Profil Saya
WelcomStaff Gudang Logout ID Pesanan
id_pesanan Status Antrian
status_antrain Halaman : 1 |
Aksi Detail
Pesanan Produk
Gambar 3.75 Perancangan Antarmuka Data Ukuran