Desain Transaksi Implementasi DesainInputOutput

4.5.2.1. Halaman Utama Aplikasi

Halaman utama aplikasi merupakan form yang di gunakan memasukkan username dan password terlebih dahulu sebelum masuk kedalam menu utama aplikasi. Lebih jelasnya ada pada Gambar 4.37. Gambar 4.37 Implementasi Desain Halaman Utama Aplikasi Gambar 4.37 diatas merupakan form yang muncul pertama kali pada saat aplikasi dijalankan. User memasukkan username dan password agar dapat masuk kedalam aplikasi surat pertanggungjawaban tersebut. User harus memasukkan username dan password sesuai yang sudah ditentukan. Jika username dan password tidak sesuai dengan apa yang sudah ditentukan, maka akan muncul popup untuk mengecek username dan password kembali dan user tidak masuk kedalam aplikasi tersebut.

4.5.2.2. Menu Utama

Menu utama aplikasi merupakan form yang terbuka setelah memasukkan username dan password pada halaman utama aplikasi. Lebih jelasnya ada pada Gambar 4.38. Gambar 4.38 Implementasi Desain Menu Utama Gambar 4.38 diatas merupakan menu yang akan digunakan oleh user, dimana di dalam menu utama terdapat 4 tab menu yang akan digunakan untuk pembuatan surat pertanggungjawaban dan pembuatan bukti pengeluaran perjalanan dinas. 4 tab tersebut yaitu tabfile untuk logout aplikasi dan keluar, tab data master untuk mengelola data master yang ada, tab transaksi untuk pembuatan surat pertanggungjawaban dan bukti pengeluaran serta tab cetak laporan sppd untuk mencetak laporan rekapitulasi bulanan sppd yang sudah dibuat.

4.5.2.3. Form Surat Pertanggungjawaban Dinas SPPD

Formsurat pertanggungjawaban merupakan menu yang digunakan oleh user untuk pembuatan surat pertanggungjawaban. Lebih jelasnya ada pada Gambar 4.39. Gambar 4.39 Implementasi Desain Form Surat Pertanggungjawaban Dinas Gambar 4.39 merupakan menu yang digunakan oleh user untuk pembuatan surat pertanggungjawaban dinas luar kota. Di dalam menu tersebut setelah menyimpan inputan yang sudah ditentukan, user langsung dapat mencetak laporan dengan menekan tombol cetak.

4.5.2.4. Form Bukti Pengeluaran Kuitansi

Form bukti pengeluaran merupakan menu dari aplikasi yang digunakan untuk pembuatan bukti pengeluaran kuitansi. Lebih jelasnya ada pada Gambar 4.40. Gambar 4.40 Implementasi Desain Form Bukti Pengeluaran Kuitansi Gambar 4.40 merupakan menu yang digunakan oleh user untuk pembuatan bukti pengeluaran pada saat perjalanan dinas. Di dalam menu tersebut setelah menyimpan inputan yang sudah ditentukan, user langsung dapat mencetak laporan dengan menekan tombol cetak.

4.5.3. Desain Laporan

4.5.3.1. Laporan Surat Pertanggungjawaban Dinas A SPPD A

Laporan ini merupakan output laporan surat pertanggungjawaban dinas bagian pertama. Lebih jelasnya dapat dilihat pada Gambar 4.41. Gambar 4.41 Implementasi Laporan SPPD A Pada Gambar 4.41 tersebut adalah output laporan sppda yang dicetak setelah user memasukkan inputandi dalamformsurat pertanggungjawaban dinas. Laporan tersebut menjelaskan tentang siapa yang baru saja melaksanakan perjalanan dinas ke luar kota dan kemana tujuannya.