Gambar 4.34 Halaman biaya perjalanan dinas bagian luar wilayah
Gambar 4.35 Halaman biaya perjalanan dinas bagian dalam kota ke bandarastasiun
4.3.11 Halaman Biaya Mess
Halaman biaya mess merupakan tampilan untuk mengelola data biaya mess. Halaman biaya mess ini memiliki fitur pencarian, tambah data, memperbarui
data dan menghapus data. Tampilan halaman biaya mess ini dapat dilihat pada Gambar 4.36.
Gambar 4.36 Halaman biaya mess
Proses menambah, memperbarui dan menghapus data menggunakan modal. Saat pengguna menekan tombol tambah data maka sistem akan
menampilkan modal seperti pada Gambar 4.37 sedangkan saat pengguna menekan ikon gerigi
untuk memperbarui data maka sistem akan menampilkan data yang telah disimpan seperti pada Gambar 4.38. Pengguna yang menekan ikon sampah
maka akan muncul seperti Gambar 4.39.
Gambar 4.37 Tambah biaya mess
Gambar 4.38 Perbarui biaya mess
Gambar 4.39 Hapus biaya mess
4.3.12 Halaman Anggaran
Halaman anggaran merupakan tampilan untuk mengelola data anggaran. Halaman anggaran memiliki fitur lihat detail anggaran, pencarian, tambah data,
memperbarui data dan menghapus data. Tampilan halaman golongan ini dapat dilihat pada Gambar 4.40.
Gambar 4.40 Halaman Anggaran
Proses menambah, memperbarui dan menghapus data menggunakan modal. Saat pengguna menekan tombol tambah data maka sistem akan
menampilkan modal seperti pada Gambar 4.41. Pengguna dapat menyimpan data dengan menekan tombol simpan setelah mengetikan semua data. Saat pengguna
menekan ikon gerigi untuk memperbarui data maka sistem akan menampilkan
data yang telah disimpan seperti pada Gambar 4.42. Setelah pengguna memasukkan data pembaruan, pengguna dapat menekan tombol perbarui untuk meyimpan data
yang baru. Pengguna yang menekan ikon sampah maka akan muncul seperti
Gambar 4.43. Jika pengguna menekan tombol hapus, maka data yang tersimpan akan terhapus pada basis data. Pengguna yang ingin melihat detail anggaran dapat
menekan ikon persegi dengan panah ke kanan atas maka akan muncul seperti Gambar 4.44.
Gambar 4.41 Tambah data anggaran
Gambar 4.42 Perbarui data anggaran
Gambar 4.43 Hapus data anggaran
Gambar 4.44 Lihat detail anggaran
4.3.13 Halaman Pengajuan
