Implementasi Basis Data Implementasi Interface

55

3. Desain Basis Data

Desain Basis Data dari Sistem Informasi Pembayaran Sekolah ini ditunjukkan oleh Gambar 30. Gambar 30. Desain Basis Data

D. Implementasi

1. Implementasi Basis Data

Implementasi basis data dari Sistem Informasi Pembayaran Sekolah ini ditunjukkan oleh Gambar 31. 56 Gambar 31. Desain Implementasi Basis Data

2. Implementasi Interface

a. Halaman Login Implementasi antarmuka halaman login ditunjukkan oleh Gambar 32: Gambar 32. Implementasi Halaman Login 57 b. Halaman Transaksi Siswa Implementasi antarmuka halaman transaksi siswa ditunjukkan oleh Gambar 33. Pada halaman ini petugas memilih siswa yang akan melakukan pembayaran. Gambar 33. Implementasi Halaman Transaksi Siswa c. Halaman Rekap Data Pembayaran Implementasi antarmuka halaman rekap data pembayaran ditunjukkan oleh Gambar 34. Halaman ini menampilkan data pembayaran setiap siswa. Gambar 34. Implementasi Halaman Rekap Data Pembayaran 58 d. Halaman Tambah Transaksi Implementasi antarmuka halaman tambah transaksi ditunjukkan oleh Gambar 35. Gambar 35. Implementasi Halaman Tambah Transaksi e. Halaman Data Tunggakan Implementasi antarmuka halaman data tunggakan ditunjukkan oleh Gambar 36. Pada halaman ini menampilkan data siswa yang belum membayar jenis bayar tertentu. Petugas dapat mengirim pesan ke nomor telepon siswa maupun orang tua dari siswa yang belum membayar administrasi. 59 Gambar 36. Implementasi Halaman Data Tunggakan f. Halaman Tambah Data Siswa Implementasi antarmuka halaman tambah data siswa ditunjukkan oleh Gambar 37: Gambar 37. Implementasi Halaman Tambah Data Siswa 60 g. Halaman Impor Data Siswa Implementasi antarmuka halaman impor data siswa ditunjukkan oleh Gambar 38. Pada halaman ini petugas dapat mengimpor data dari format excel ke sistem sehingga dapat memudahkan dan mempercepat proses menambah data. Gambar 38. Implementasi Halaman Impor Data Siswa h. Halaman Kirim Pesan Gambar 39. Implementasi Halaman Kirim Pesan 61 Implementasi antarmuka halaman kirim pesan ditunjukkan oleh Gambar 39. Pada halaman ini petugas dapat mengirim pesan ke seluruh nomor siswa maupun orang tua siswa. i. Halaman Kotak Masuk Implementasi antarmuka halaman kotak masuk ditunjukkan oleh Gambar 40 sebagai berikut: Gambar 40. Implementasi Halaman Kotak Masuk

E. Pengujian