50
dalam tabel jenis pembayaran dengan idPembayaran sebagai primary key.
10. Tabel Tunggakan Tabel tunggakan berfungsi untuk mengelola dan menyimpan
data tunggakan siswa dalam database. Struktur tabel transaksi pembayaran dapat dilihat pada Tabel 3.12.
Tabel 3.12 Tabel Tunggakan
Field Data Type
Null Extra
idTunggakan int
no primary key
Bulan varchar20
yes Total
decimal18, 2 yes
idAbsensi int
no Status
varchar20 yes
Tabel 3.12 menjelaskan field-field yang terdapat dalam tabel transaksi tunggakan yang akan dirancang dalam database beserta
dengan tipe data tiap field. Dimana terdapat lima field dalam tabel jenis pembayaran dengan idTunggakan sebagai primary key.
3.6.2 Perancangan Interface
Dalam perancangan
sistem informasi
administrasi pembayaran SPP diperlukan interface dalam penggunaannya.
Perancangan interface dilakukan untuk mendasari pembuatan tampilan aplikasi yang akan dibuat. Perancangan sistem dapat
digambarkan sebagai berikut:
51
1. Desain Menu Utama
Gambar 3.20 Desain Menu Utama
Gambar 3.20 merupakan desain tampilan menu utama pada sistem informasi administrasi pembayaran SPP yang akan
dibangun. Pada menu utama ini, user dapat memilih menu sesuai kebutuhannya. Menu-menu yang tersedia adalah menu setting
tahun ajaran, input data, pembayaran, kartu SPP, laporan, dan keluar.
2. Desain Menu Setting Tahun Ajaran
Gambar 3.21 Desain Menu Setting Tahun Ajaran
52
Pada gambar 3.21 merupakan desain tampilan untuk menu setting tahun ajaran. Pada halaman setting tahun ajaran terdapat
menu manajemen tahun ajaran yaitu menambah, mengubah, dan set aktif tahun ajaran untuk memilih tahun ajaran yang sedang
berjalan. 3. Desain Menu Input Data
Gambar 3.22 Desain Menu Input Data
Pada gambar 3.22 merupakan desain menu Input Data dimana di dalamnya terdapat sub menu yaitu data kelas, data
siswa, dan jenis pembayaran. Rancangan halaman untuk masing- masing sub menu adalah sebagai berikut:
53
- Desain Halaman Data Kelas
Gambar 3.23 Desain Halaman Data Kelas
Gambar 3.23 merupakan perancangan halaman data kelas yang digunakan user untuk mengelolah data kelas, yaitu
menambah, mengubah, dan menghapus kelas.
- Desain Halaman Data Siswa
Gambar 3.24 Desain Halaman Data Siswa
54
Gambar 3.24 merupakan desain halaman data siswa yang digunakan user untuk mengelolah data siswa yang terdiri dari
menambah, mengubah, dan menghapus data siswa. Selain itu user juga dapat mengimport data siswa dari jenis file excel.
- Desain Halaman Jenis Pembayaran
Gambar 3.25 Desain Halaman Jenis Pembayaran
Gambar 3.25 merupakan perancangan halaman jenis pembayaran yang digunakan user untuk mengelolah jenis
pembayaran beserta rincian pembayaran yang harus dibayar siswa perbulannya. Manajemen jenis pembayaran terdiri dari
menambah, mengubah, dan menghapus jenis pembayaran.
55
4. Desain Menu Pembayaran
Gambar 3.26 Desain Menu Pembayaran
Gambar 3.26 merupakan desain menu pembayaran yang digunakan user untuk memproses transaksi pembayaran SPP
yang dilakukan siswa, dan dapat mencetak kuitansi pembayaran sebagai bukti pembayaran yang telah dilakukan siswa.
56
5. Desain Menu Kartu Pembayaran SPP
Gambar 3.27 Desain Menu Kartu SPP
Gambar 3.27 merupakan desain menu kartu SPP yang digunakan user untuk melihat dan mencetak kartu SPP untuk
masing-masing siswa.
57
6. Desain Menu Laporan
Gambar 3.28 Desain Menu laporan
Pada gambar 3.28 merupakan desain menu laporan di dalamnya terdapat sub menu laporan pembayaran dan laporan
tunggakan. Rancangan halaman untuk masing-masing sub menu adalah sebagai berikut:
- Desain Halaman Laporan Pembayaran
Gambar 3. 29 Halaman Laporan Pembayaran
58
Gambar 3.29 merupakan desain tampilan halaman laporan pembayaran. Pada halaman laporan pembayaran dapat dicetak
untuk transaksi per kelas atau hanya per siswa, berdasarkan periode waktu transaksi yang dipilih.
- Desain Halaman Laporan Tunggakan
Gambar 3.30 Halaman Laporan Tunggakan
Gambar 3.30 merupakan desain tampilan halaman laporan tunggakan. Pada halaman laporan tunggakan ini dapat dicetak
untuk daftar tunggakan per kelas atau hanya per siswa.
59
Bab 4 Hasil dan Pembahasan
