Perancangan Aplikasi dimulai dari perancangan database
dan pembuatan interface sistem. Setelah merancang sistem dengan UML (termasuk di dalamnya class diagram) langkah selanjutnya adalah perancangan database dan interface.
44
3.6.1 Perancangan Database
Setelah merancang sistem dengan UML langkah selanjutnya adalah perancangan database. Tabel merupakan salah satu komponen penting dalam pembuatan database. Tabel-tabel tersebut digunakan untuk menyimpan data yang berisi field-field
sebagai kolom penyimpanan data pada setiap tabel. Dalam pembuatan sistem ini terdapat lima tabel dalam database, yaitu sebagai berikut:
1. Tabel Tahun Ajaran
Tabel tahun ajaran berfungsi untuk mengelola dan menyimpan data tahun ajaran dalam database. Struktur tabel tahun ajaran dapat dilihat pada Tabel 3.3.
Tabel 3.3 TabelTahun Ajaran
Field Data Type Null Extra
Tahun_Ajaran varchar (20) no primary key Tanggal_Mulai date yes
Tanggal_Selesai date yes Status varchar (20) yes
Tabel 3.3 menjelaskan field-field yang terdapat dalam tabel tahun ajaran yang akan dirancang dalam database beserta dengan tipe data tiap field. Dimana terdapat empat field dalam tabel tahun ajaran dengan Tahun_Ajaran sebagai primary key.
45 2. Tabel Data Kelas
Tabel data kelas berfungsi untuk mengelola dan menyimpan data kelas dalam database. Struktur tabel kelas dapat dilihat pada Tabel 3.4.
Tabel 3.4 TabelData Kelas
Field Data Type Null Extra
idKelas int no primary key
Kelas varchar (20) yes tingkat varchar (10) yes Jenis varchar (20) yes
Tabel 3.4 menjelaskan field-field yang terdapat dalam tabel kelas yang akan dirancang dalam database beserta dengan tipe data tiap field. Dimana terdapat empat field dalam tabel kelas dengan idKelas sebagai primary key.
3. Tabel Data Siswa
Tabel data siswa berfungsi untuk mengelola dan menyimpan data siswa dalam database. Struktur tabel siswa dapat dilihat pada Tabel 3.5.
Tabel 3.5 Tabel Data Siswa
Field Data Type Null Extra
Nis varchar (20) no primary key Nama varchar (100) yes
46
Tabel 3.5 menjelaskan field-field yang terdapat dalam tabel siswa yang akan dirancang dalam database beserta dengan tipe data tiap field. Dimana terdapat dua field dalam tabel siswa dengan nis sebagai primary key.
4. Tabel Data Wali Kelas
Tabel data wali kelas berfungsi untuk mengelola dan
menyimpan data wali kelas dalam database. Struktur tabel siswa dapat dilihat pada Tabel 3.6.
Tabel 3.6 Tabel Data Wali Kelas
Field Data Type Null Extra
NIP varchar (20) no primary key Nama varchar (150) yes
Tabel 3.6 menjelaskan field-field yang terdapat dalam tabel wali kelas yang akan dirancang dalam database beserta dengan tipe data tiap field. Dimana terdapat dua field dalam tabel wali kelas dengan NIP sebagai primary key.
5. Tabel Data Kelas Pengajar
Tabel data kelas pengajar berfungsi untuk mengelola penempatan wali kelas ke dalam kelas yang di pimpin. Struktur tabel kelas pengajar dapat dilihat pada Tabel 3.7.
47
Tabel 3.7 Tabel Data Kelas Pengajar
Field Data Type Null Extra
idKelasPengajar int no primary key
idKelas int yes
NIP varchar (20) yes
tahunAjaran varchar (20) yes
Tabel 3.7 menjelaskan field-field yang terdapat dalam tabel kelas pengajar yang akan dirancang dalam database beserta dengan tipe data tiap field. Dimana terdapat empat field dalam tabel kelas pengajar dengan idKelasPengajar sebagai primary key.
6. Tabel Data Absensi
Tabel data absensi berfungsi untuk mengelola penempatan siswa ke dalam kelas. Struktur tabel kelas pengajar dapat dilihat pada Tabel 3.8.
Tabel 3.8 Tabel Data Absensi
Field Data Type Null Extra
idAbsensi int no primary key
idKelas int yes
Nis varchar (20) yes
tahunAjaran varchar (20) yes
Tabel 3.8 menjelaskan field-field yang terdapat dalam tabel kelas absensi yang akan dirancang dalam database beserta
48
dengan tipe data tiap field. Dimana terdapat empat field dalam tabel absensi dengan idAbsensi sebagai primary key.
7. Tabel Jenis Pembayaran
Tabel jenis pembayaran berfungsi untuk mengelola dan menyimpan data jenis pembayaran SPP dalam database. Struktur tabel jenis pembayaran dapat dilihat pada Tabel 3.6.
Tabel 3.9 Tabel Jenis Pembayaran
Field Data Type Null Extra
idJenisPembayaran int no primary key jenisPembayaran varchar (100) yes
tahunAjaran varchar (20) yes
idKelas int no
Tabel 3.9 menjelaskan field-field yang terdapat dalam tabel jenis pembayaran yang akan dirancang dalam database beserta dengan tipe data tiap field. Dimana terdapat empat field dalam tabel jenis pembayaran dengan idJenisPembayaran sebagai
primary key.
8. Tabel Rincian Pembayaran
Tabel rincian pembayaran berfungsi untuk mengelola dan menyimpan data rincian pembayaran SPP dalam database. Struktur tabel rincian pembayaran dapat dilihat pada Tabel 3.10.
49
Tabel 3.10 Tabel Rincian Pembayaran
Field Data Type Null Extra
idRincian int no primary key
rincian varchar (100) yes Harga decimal(18, 2) yes idJenisPembayaran int no
Tabel 3.10 menjelaskan field-field yang terdapat dalam tabel rincian pembayaran yang akan dirancang dalam database beserta dengan tipe data tiap field. Dimana terdapat empat field dalam tabel rincian pembayaran dengan idRincian sebagai primary key.
9. Tabel Pembayaran SPP
Tabel pembayaran berfungsi untuk mengelola dan menyimpan data transaksi pembayaran dalam database. Struktur tabel transaksi pembayaran dapat dilihat pada Tabel 3.11.
Tabel 3.11 Tabel Pembayaran SPP
Field Data Type Null Extra
idPembayaran int no primary key
Nis varchar (20) no
Bulan varchar (15) yes
tglBayar date yes
Total decimal(18, 2) yes
idAbsensi int ni
Tabel 3.11 menjelaskan field-field yang terdapat dalam tabel transaksi pembayaran SPP yang akan dirancang dalam database
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 varchar(20) yes
Total decimal(18, 2) yes
idAbsensi int no
Status varchar(20) 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
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
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
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