3.6. Perancangan Desain Antarmuka Pengguna
3.6.1. Menu Staff
3.6.1.1. Menu Utama Staff
Tampilan halaman ini adalah halaman login dimana admin hendak masuk ke dalam sistem informasi bahan pokok.
Gambar 3. 14 Halaman Login staff
Halaman staff Logo
Title
username password
Login
3.6.1.2. Tampilan halaman menu awal
Halaman ini adalah tampilan pertama kali saat staff mengakses sistem informasi perkembangan harga bahan
pokok.
Gambar 3. 15 Halaman Menu Awal
Home Pengolahan Data Pengolahan Data Harga Laporan Gudang Data Logout
Footer
Header
Slide Show
3.6.1.3. Tampilan menu pengelolaan data
Gambar 3. 16 Halaman menu pengelolaan data
3.6.1.4. Tampilan halaman data pasar
Halaman ini merupakan tampilan untuk data pasar yang hanya bisa diakses oleh staff.
Gambar 3. 17 Halaman pengelolaan data pasar
Home Pengelolaan Data Pengelolaan Data Harga Laporan Gudang Data Logout
Footer
Header
Data pasar Data satuan berat
bahan pokok Data bahan pokok
Data jenis bahan pokok
Home Pengelolaan Data Pengelolaan Data Harga Laporan Gudang Data Logout
Daftar Pasar id
Pasar Alamat
Latitude Longitude
- -
- -
- Edit
Hapus -
- -
- -
Edit Hapus
Footer
Header
Tambah
3.6.1.5. Tampilan halaman insert data pasar
Halaman ini digunakan untuk melakukan tambah data pasar yang baru. Halaman ini hanya dapat diakses oleh staff.
Gambar 3. 18 Halaman insert data pasar
Form Tambah Data Pasar
Masukkan Nama Pasar Masukkan Alamat Pasar
Masukkan Latitude Pasar Masukkan Longitude Pasar
Kembali Simpan
3.6.1.6. Tampilan halaman edit data pasar
Halaman untuk mengedit data pasar yang akan dilakukan oleh staff.
Gambar 3. 19 Halaman edit data pasar
Form Edit Data Pasar
Nama Pasar Alamat Pasar
Latitude Pasar Longitude Pasar
Kembali Simpan
xxxx
xxxx xxxx
xxxx
3.6.1.7. Tampilan halaman data satuan
Halaman ini dimana staff ingin mengakses ataupun melihat data satuan.
Gambar 3. 20 Halaman pengelolaan data satuan
Home Pengelolaan Data Pengelolaan Data Harga Laporan Gudang Data Logout
Daftar Satuan No
Satuan Singkatan
- -
- Edit
Hapus -
- -
Edit Hapus
Footer
Header
Tambah Data
3.6.1.8. Tampilan halaman edit data satuan