BAB IV

PEMBAHASAN

A. Penjelasan Program

Berdasarkan dari design interface yang telah diuraikan di atas

maka pada penjelasan program kali ini akan menjelaskan secara

detail dalam bentuk aslinya dari program yang diusulkan. Di

program Aplikasi Pembayaran SPP ini akan di bahas sesuai

dengan hak akses yang telah diberikan oleh admin.

1. Halaman Login

Pada halaman ini admin dan kepala sekolah bisa

melakukan login, jika login dengan level admin maka akan

menuju ke halaman utama admin dan jika login dengan level

kepala sekolah maka akan menuju ke halaman utama kepala

sekolah. Ketika user memasukan username dan password,

kemudian user menekan button submit untuk melakukan login

maka secara otomatis program akan melakukan pemeriksaan

secara otomatis untuk mengetahui level dari user yang

melakukan login pada saat itu dan juga menampilkan pesan

kesalahan apabila user salah dalam memasukan username

atau password.

62
 63

Gambar 4.1 Halaman Login

2. Halaman Utama Admin

Pada halaman ini, admin bisa melihat fitur dan mengakses

mulai dari menambahkan atau menghapus data user, data spp,

dan data siswa sampai mencetak transaksi pembayaran dan

laporan pembayaran tersebut. Bisa dilihat pada gambar seperti

dibawah ini.
 64

Gambar 4.2 Halaman Utama Admin

3. Halaman Tampil Data User Admin

Pada halaman ini, admin bisa menambah, mengubah

ataupun menghapus data user sesuai dengan kebutuhannya.

Apabila admin ingin menambahkan data user maka admin

harus mengklik button tambah berwarna hijau, apabila admin

ingin mengubah maka admin harus mengklik button ubah yang

berwarna biru dan apabila ingin menghapus maka admin

mengklik button hapus yang berwarna merah yang dapat kita

lihat dibawah ini.

 65

Gambar 4.3 Halaman Tampil Data User Admin

4. Halaman Tambah Data User Admin

Pada halaman ini, admin dapat menambah data user

seusuai dengan kebutuhan, setelah mengklik button tambah

berwarna hijau maka akan masuk kedalam input data user

Setelah itu admin harus mengisi data mulai dari username,

password, level, dan nama lengkap lalu klik button biru untuk

menyimpan data apabila ingin menambahkan user dan

sebaliknya klik button merah apabila ingin membatalkan.

 66

Gambar 4.4 Halaman Tambah Data User Admin

5. Halaman Tampil Data SPP Admin

Pada halaman ini, admin bisa menginput data spp,

mengubah ataupun menghapus data sesuai dengan

angkatannya, Apabila admin ingin menambahkan data spp

maka admin harus mengklik button tambah berwarna hijau,

apabila admin ingin mengubah maka admin harus mengklik

button ubah yang berwarna biru dan apabila ingin menghapus

maka admin mengklik button hapus yang berwarna merah yang

dapat kita lihat dibawah ini..

 67

Gambar 4.5 Halaman Tampil Data SPP Admin

6. Halaman Tambah Data SPP Admin

Pada halaman ini, admin dapat menambah data spp dan

mengisi kolom data yang telah disediakan berdasarkan kode

spp, tahun angkatan dan spp, setelah mengklik tombol tambah

berwarna hijau diatas maka akan tampil halaman seperti ini.

Setelah selesai mengisi data dan ingin menyimpan maka admin

harus mengklik button berwarna biru dan apabila ingin

membatalkan maka klik button berwarna merah.

 68

Gambar 4.6 Halaman Tambah Data SPP Admin

7. Halaman Tampil Data Siswa Admin

Pada halaman ini, admin bisa menambah, mengubah,

ataupun menghapus data siswa. Apabila admin ingin

menambahkan data siswa maka admin harus mengklik button

tambah berwarna hijau, apabila admin ingin mengubah maka

admin harus mengklik button ubah yang berwarna biru dan

apabila ingin menghapus maka admin mengklik button hapus

yang berwarna merah yang dapat kita lihat dibawah ini.

 69

Gambar 4.7 Halaman Tampil Data Siswa Admin

8. Halaman Tambah Data Siswa Admin

Pada halaman ini, admin dapat menambah data siswa

dengan mengklik button tambah berwarna hijau maka akan

tampil halaman seperti ini. Setelah itu admin harus mengisi data

mulai dari nis, nama, kelas, jenis kelamin, tempat lahir, tanggal

lahir, dan alamat lalu klik button biru untuk menyimpan data

apabila ingin menambahkan siswa dan sebaliknya klik button

merah apabila ingin membatalkan.

 70

Gambar 4.8 Halaman Tambah Data Siswa Admin

9. Halaman Tampil Transaksi Admin

Pada halaman ini, admin dapat mengubah, menghapus

serta mencetak data transaksi pembayaran. Jika admin ingin

menginput data maka admin dapat menekan button tambah

data pembayaran yang berwarna hijau. apabila admin ingin

mencetak maka admin harus mengklik button cetak yang

berwarna biru dan apabila ingin menghapus maka admin

mengklik button hapus yang berwarna merah yang dapat kita

lihat dibawah ini.

 71

Gambar 4.9 Halaman Tampil Transaksi Admin

10. Halaman Tambah Transaksi Admin

Pada halaman ini, admin dapat menambah data

pembayaran siswa dan setelah mengklik button tambah diatas

maka akan muncul halaman seperti ini. Setelah itu admin

hanya mengisi nis, semester, lama bayar, dari bulan, sampai

bulan, dan sisanya akan otomatis terisi sendiri apabila admin

telah mengisi data pembayarannya dan klik button simpan

yang berwarna biru apabila data ingin disimpan sebaliknya klik

button batal yang berwarna merah apabila ingin membatalkan.

 72

Gambar 4.10 Halaman Tambah Transaksi

11. Halaman Lembar Cetak Kwitansi Admin

Pada halaman ini ditampilkan kwitansi pembayaran siswa

yang akan dicetak, mulai dari data tanggal, lama bayar, dari

bulan, sampai bulan dan jumlah pembayarannya yang telah

dilakukan oleh siswa.

 73

Gambar 4.11 Halaman Lembar Cetak Kwitansi

12. Halaman Proses Laporan Admin

Pada halaman ini admin harus mengklik datetimepicker

otomatis dari tanggal berapa sampai dengan tanggal berapa

siswa yang sudah membayar dan memilih kelas agar laporan

dapat di proses dengan mengklik button proses berwarna biru

dibawah ini.
 74

Gambar 4.12 Halaman Proses Laporan Admin

13. Halaman Tampil Laporan Pembayaran Admin

Pada halaman ini admin dapat mengetahui hasil laporan

beberapa bulan belakang siswa yang sudah membayar pada

admin serta juga admin dapat mencetak hasil laporan langsung

dan memberikan kepada kepala sekolah sebagai hasil

laporannya.
 75

Gambar 4.13 Halaman Laporan Pembayaran Admin

14. Halaman Lembar Cetak Laporan Admin

Pada halaman ini admin dapat melihat hasil Laporan

pembayaran spp yang akan dicetak, mulai dari tanggal, nis,

nama, kelas, tahun ajaran, spp, lama bayar, dari bulan, sampai

bulan dan Total pembayarannya.

 76

Gambar 4.14 Halaman Cetak Laporan Pembayaran Admin

B. Flowchart Program

Perancangan flowchart ada setelah adanya perancangan

design interface dan penjelasan program. Flowchart berfungsi

untuk menerangkan atau menjelaskan alur-alur setiap proses yang

terjadi di aplikasi pembayaran spp ini. Dengan upaya para

pengguna lebih mengerti tentang program ini.

 77

Gambar 4.15 Flowchart Halaman Login

 78

Gambar 4.16 Flowchart Halaman Admin

 79

Gambar 4.17 Flowchart Halaman Data User Admin

 80

Gambar 4.18 Flowchart Halaman Data SPP Admin

 81

Gambar 4.19 Flowchart Halaman Data Siswa Admin