Gambar 4. 11 Implementasi insert data bahan pokok
4.1.2.1.12. Halaman edit data bahan pokok
Jika terdapat data bahan pokok yang ingin diperbaharui oleh staff maka staff dapat mengklik tombol edit data untuk
mengakses halaman edit bahan pokok. Pada halaman tersebut staff dapat mengedit nama bahan pokok jika terdapat
kesalahan saat menambahkannya kedalam database.
Gambar 4. 12 Implementasi edit bahan pokok
4.1.2.1.13. Halaman data jenis bahan pokok
Halaman jenis bahan pokok ini digunakan untuk mengolah data jenis bahan pokok seperti beras dengan
jenisnya yaitu IR I dan IR II. Pada halaman ini terdapat menu
tambah data untuk menambahkan data baru, menu edit data untuk mengedit jika terdapat data yang ingin diperbaharui dan
menu hapus data untuk menghapus data dari sistem.
Gambar 4. 13 Implementasi pengelolaan data jenis bahan pokok
4.1.2.1.14. Halaman tambah data jenis bahan pokok
Pada menu tambah data jenis bahan pokok ini staff mengisikan nama jenis bahan pokok yang disimpan. Lalu
memilih menu drop down dimana memilih nama jenis bahan
pokok tersebut masuk ke kategori bahan pokok yang mana dan memilih satuan yang sesuai dengan nama jenis bahan
pokok yang diisi. Jika sudah dalam pengisian data maka tekan tombol simpan untuk memproses pemasukan data dalam
database.
Gambar 4. 14 Implementasi insert data jenis bahan pokok
4.1.2.1.15. Halaman edit jenis bahan pokok
Halaman edit jenis bahan pokok dapat diakses oleh staff ketika mengklik tombol edit data. Halaman ini hanya
untuk mengedit nama jenis bahan pokok. Terdapat tombol simpan untuk mengupdate data jenis bahan pokok tersebut.
Gambar 4. 15 Implementasi edit data bahan pokok
4.1.2.1.16. Halaman pengelolaan data harga
Halaman pengelolaan data harga berisi tombol pasar- pasar yang bisa dipilih sesuai dengan data yang ada. Pasar-
pasar ini didapat dari record database sistem.
Gambar 4. 16 Implementasi pengelolaan data harga
4.1.2.1.17. Halaman tambah data harga
Halaman tambah data harga digunakan untuk memasukkan data harga bahan pokok yang baru per hari.
Gambar 4. 17 Implementasi tambah data harga
Pada gambar 4.17 terlihat field tanggal untuk memilih
tanggal guna keperluan menambahkan data harga maka staff cukup mengklik
field tanggal tersebut sehingga akan tampak seperti gambar 4.18 setelah itu menekan tombol pilih.
Gambar 4. 18 Langkah dalam memilih tanggal pada pengelolaan data harga
Saat tanggal sudah dipilih maka tampilan halaman tambah data harga akan seperti ditunjukkan pada gambar 4.19.
Pada tanggal yang tidak memiliki data harga maka tabel data harga bahan pokok akan kosong. Staff dapat menekan tombol
tambah data harga jenis bahan pokok untuk memulai memasukkan data harga yang baru.
Gambar 4. 19 Tampilan halaman data harga pada tanggal yang sudah dipilih
Berikut adalah tampilan untuk halaman pengisian data harga bahan pokok ditunjukkan pada gambar 4.20.
Gambar 4. 20 Implementasi insert data harga
Pada bagian bawah form pengisian data harga terdapat
tombol simpan untuk menyimpan data harga jika data sudah terisi sesuai data yang terkumpul. Lalu tombol batal
digunakan untuk mengosongkan field jika terdapat data harga
yang salah. Kemudian tombol kembali untuk menuju ke halaman sebelumnya yaitu halaman utama dari tambah data
harga. Berikut adalah tampilan halaman utama data harga
ketika tanggal pada database sudah memiliki data harga bahan
pokok.
Gambar 4. 21 Tampilan halaman data harga setelah insert data harga
Tampilan halaman data harga ketika sudah memiliki data harga bahan pokok berbeda saat halaman data harga
dengan tanggal yang masih belum memiliki data harga. Terdapat penambahan tombol hapus data harga pada sisi
kanan tombol tambah data harga jenis bahan pokok. Tombol
hapus tersebut digunakan jika staff ingin menghapus data harga pada tanggal tertentu.
4.1.2.1.18. Halaman edit data harga