Perancangan Antarmuka User Perancangan Antar Muka

siswa. Di dalam menu keuangan terdapat menu – menu yang akan dipilih seperti lihat data – data pembayaran, tambah data pembayaran, edit data, hapus data pembayaran, rekap pembayaran dan lihat grafik pembayaran.

A. Perancangan Antarmuka User

Setelah melalui index user di hadapkan dengan halaman daftar. Di masukan berupa username, password, nama, jenis ke halaman daftar wali murid harus me lamin, tempat dan tanggal lahir, alamat dan no telepon.setelah daftar maka akan pindah ke halaman login dengan memasukan username dan password, kemudian aplikasi akan mencocokan dengan data siswa yang terdapat pada basis data yang apabila login valid maka akn muncul menu pilihan yang dapat digunakan untuk mendaftarakan siswa baru. Tabel 3.7 Menu Untuk User Anggota No Menu Kegunaan 1 Daftar Untuk mendaftarkan anggota baru 2 Login Form aplikasi login 3 Tamb swa ah data si baru Untuk mendaftarkan siswa baru 4 Ubah data Untuk mengubah data record 5 Upload siswa foto Untuk memasukan foto siswa baru 6 Upl ah oad foto ijaz Untuk memasukan foto ijazah siswa baru 7 lihat Untuk melihat data siswa 8 cetak Untuk mencetak pendaftaran 9 logout Untuk membebaskan menonaktifkan data session B erancang armuka B kut adalah erancan ftaran . P an Ant Admin Pendaftaran eri tabel p gan antar muka admin pendaftaran : Tabel 3.8 Menu Admin Penda No Menu Kegunaan 1 Login Form aplikasi login 3 Tamb iswa ah data s baru Untuk mendaftarkan siswa baru 4 Ubah data Untuk mengubah data record 5 Upload siswa foto Untuk memasukan foto siswa baru 6 Upl ah oad foto ijaz Untuk memasukan foto ijazah siswa baru 7 lihat Untuk melihat data siswa 8 cetak Untuk mencetak pendaftaran 9 Hapus data Untuk menghapus record siswa 10 Logout Untuk membebaskan menonaktifkan data session C rancang rmuka Berikut adalah tabel perancangan antar m ka admin pendaftaran : yaran . Pe an Anta Admin Pendaftaran u Tabel 3.9 Menu Admin Pemba No Menu Kegunaan 1 Login Form aplikasi login 3 Tam ta bah da pe n mbayara Untuk menambah pe swa mbayaran si 4 Ce n tak pembayara Untuk mencetak kwitansi 5 Li n hat pembayara Untuk mengecek pembayaran siswa siswa 6 Hapus data Untuk menghapus pembayaran siswa 7 Rekap perbulan Untuk rekapan pada bulan tertentu 8 Rekap pertahun Untuk rekapan pada tahun tertentu 9 Grafik Untuk melihat grafik pembayaran pada tahun 10 Tambah tahun Untuk menambahkan tahun pembayaran 11 Tambah pembayaran Untuk menambahkan jenis pembayaran 12 Logout Untuk membebaskan menonaktifkan data session D erancan armuk erikut adalah tabel perancangan antar muka admin pendaftaran : kses User . P gan Ant a Admin Hak Akses B Tabel 3.10 Menu Admin Hak A No Menu Kegunaan 1 Login Form aplikasi login 3 Tamba dmin h data a baru Untuk mendaftarkan admin baru 4 Ubah data Untuk mengubah data record 5 Hapus data Untuk menghapus record 6 Logout Untuk membebaskan menonaktifkan data session

3.3.5 Implementasi Sistem