15. Perancangan Antarmuka Ubah Data Kecamatan
Berikut dapat dilihat perancangan antarmuka halaman ubah data kecamatan untuk DBA. 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
T02 ·
Klik Logout untuk menuju T01
· Klik Profil Saya untuk
menuju T03 ·
Klik Pegawai untuk menuju T06
· Klik Provinsi untuk menuju
T07 ·
Klik Kota untuk menuju T10 ·
Klik Kecamatan untuk menuju T13
· Klik UbahBatal untuk
menuju T13 ·
Klik Backup untuk menuju T16
T15 Freshrock
WelcomDBA Logout
Ubah Kecamatan Pilih Provinsi
nama_provinsi Ubah
Batal Kota
nama_kota
Menu Utama
Data Pegawai Pegawai
Data Wilayah Provinsi
Kota Profil Saya
Backup Restore Backup
Kecamatan Kecamatan
nama_kecamatan
Gambar 3.54 Perancangan Antarmuka Ubah Data Kecamatan
16. Perancangan Antarmuka Backup dan Restore
Berikut dapat dilihat perancangan antarmuka halaman backup dan restore untuk DBA. 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
T02 ·
Klik Logout untuk menuju T01
· Klik Profil Saya untuk
menuju T03 ·
Klik Pegawai untuk menuju T06
· Klik Provinsi untuk menuju
T07 ·
Klik Kota untuk menuju T10 ·
Klik Kecamatan untuk menuju T13
· Klik Backup untuk menuju
T16 ·
Klik Restore untuk menuju T16
T16 Freshrock
WelcomDBA Logout
Backup dan Restore Backup
Restore
Menu Utama
Data Pegawai Pegawai
Data Wilayah Provinsi
Kota Profil Saya
Backup Restore Backup
Kecamatan
Gambar 3.55 Perancangan Antarmuka Backup Restore
3.2.2.2.2 Perancangan Antarmuka Staff Gudang
1. Perancangan Antarmuka Halaman Utama
Berikut dapat dilihat perancangan antarmuka halaman utama 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
TG01 Freshrock
Menu Utama
Data Produk Kategori
Warna Ukuran
Vendor Produk
Selamat Datang nama_pegawai anda berada di halaman Gudang. Silahkan klik menu pilihan yang berada di sebelah kiri untuk mengelola konten website.
Profil Saya
WelcomStaff Gudang Logout
Pesanan Produk
Gambar 3.56 Perancangan Antarmuka Halaman Utama Staff Gudang
2. Perancangan Antarmuka Profil Saya
Berikut dapat dilihat perancangan antarmuka halaman profil saya 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 Ubah Profil untuk menuju TG03
· Klik Ubah Password untuk
menuju TG04 ·
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
TG02 Freshrock
Menu Utama
Data Produk Kategori
Warna Ukuran
Vendor Produk
Profil Saya
Profil Saya
WelcomStaff Gudang Logout
Ubah Profil Nama
: ________________________ Alamat
: ________________________ Email
: ________________________ No. Telp
: ________________________ Ubah Password
ID Pegawai : ________________________
Pesanan Produk
Gambar 3.57 Perancangan Antarmuka Profil Saya
Kategori