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
3.2.2.2.3 Perancangan Antarmuka Staff Administratif
1. Perancangan Antarmuka Halaman Utama
Berikut dapat dilihat perancangan antarmuka halaman utama untuk Staff Administratif. 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
TA01 ·
Klik Logout untuk menuju T01
· Klik Profil Saya untuk
menuju TA02 ·
Klik Jabatan untuk menuju TA05
· Klik Pegawai untuk menuju
TA08 ·
Klik Jasa Pengiriman untuk menuju TA11
· Klik Kategori Pengiriman
untuk menuju TA14 ·
Klik Ongkos Kirim untuk menuju TA17
TA01 Freshrock
Menu Utama
Data Pengiriman Jasa Pengiriman
Kategori Pengiriman Ongkos Kirim
Selamat Datang nama_pegawai anda berada di halaman Adminstratif. Silahkan klik menu pilihan yang berada di sebelah kiri untuk mengelola konten website.
Profil Saya
WelcomStaff Adminstratif Logout
Data Pegawai Jabatan
Pegawai
Gambar 3.76 Perancangan Antarmuka Halaman Utama
2. Perancangan Antarmuka Profil Saya
Berikut dapat dilihat perancangan antarmuka halaman profil saya untuk Staff Administratif. 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
TA01 ·
Klik Logout untuk menuju T01
· Klik Profil Saya untuk
menuju TA02 ·
Klik Ubah Profil untuk menuju TA03
· Klik Ubh Password untuk
menuju TA04 ·
Klik Jabatan untuk menuju TA05
· Klik Pegawai untuk menuju
TA08 ·
Klik Jasa Pengiriman untuk menuju TA11
· Klik Kategori Pengiriman
untuk menuju TA14 ·
Klik Ongkos Kirim untuk menuju TA17
TA02 Freshrock
Profil Saya WelcomStaff Administratif Logout
Ubah Profil Nama
: ________________________ Alamat
: ________________________ Email
: ________________________ No. Telp
: ________________________ Ubah Password
ID Pegawai : ________________________
Menu Utama
Data Pengiriman Jasa Pengiriman
Kategori Pengiriman Ongkos Kirim
Profil Saya Data Pegawai
Jabatan Pegawai
Gambar 3.77 Perancangan Antarmuka Profil Saya