Bab 4 membahas implementasi sistem registrasi peserta didik dengan menggunakan bahasa PHP dan database MySQL. Sistem memiliki fitur login untuk admin dan peserta, registrasi peserta baru, menu admin untuk mengelola data peserta, serta menu peserta untuk melihat dan mengedit profilnya.

1. BAB IV
IMPLEMENTASI SISTEM
4.1. Login dan registrasi
Untuk desain interface sistem ini menggunakan bahasa pemrograman
php dan menggunakan mySQL untuk sistem data basenya. Sistem
loginnya berfungsi untuk masuk kedalam sistem dengan memasukkan
email dan password. Untuk tampilan loginnya adalah sebagai berikut :
Gambar 4. 1. Halaman Login
49

2. 50
Pada halaman registrasi dapat memasukkan nama, alamat, nomor
telepon, email, password dan data anak. Untuk tampilannya sebagai
berikut :
Gambar 4. 2. Menu registrasi
4.2. Admin Menu
Admin menu adalah menu khusus bagi yang melakukan login sebagai
admin. Admin menu terbagi dari menu home, view dan edit peserta,
tambah peserta dan logout. Untuk menu home sebagai berikut :
Gambar 4. 3. Admin home menu

3. 51
Lalu untuk menu peserta jika dipilih maka akan menuju kehalaman view
semua peserta yang telah mendaftar. Disini juga ada aksi yang dapat
dilakukan oleh admin untuk mengedit ataupun menghapus peserta.
Gambar 4. 4. Halaman view peserta
Lalu jika admin memilih edit maka akan menampilkan halaman edit
seperti berikut :
Gambar 4. 5. Halaman edit peserta

4. 52
Lalu sebagai admin juga bisa melakukan penambahan peserta secara
langsung melalui pilihan tambah peserta.
Gambar 4. 6. Halaman tambah peserta
Dan yang terakhir adalah logout :
Gambar 4. 7. Logout

5. 53
4.3. Menu Peserta
Menu peserta adalah menu khusus bagi user yang telah mendaftar dan
telah
terverifikasi
sampai
pembayaran
administrasi
sehingga
mendapatkan hak akses untuk melakukan login. Halaman utama sebagai
berikut :
Gambar 4. 8. Home menu peserta
Lalu masuk ke halaman view data untuk melihat data diri
Gambar 4. 9. Halaman view data peserta

6. 54
Lalu dipilihan selajutnya adalah edit data, halaman ini dapat digunakan
oleh peserta untuk mengubah data dirinya jika ada perubahan yang
diperlukan.
Gambar 4. 10. Halaman edit data
Dan setelah halaman edit data, peserta juga dapat melihat pembayaran
yang telah dilakukan
Gambar 4. 11. Halaman statistik pembayaran