Halaman data jenis bahan pokok Halaman tambah data jenis bahan pokok Halaman edit jenis bahan pokok Halaman pengelolaan data harga Halaman tambah data harga

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