bab 4 rancangan implementasi sistem perancangan sis tem informasi pendaftaran online be smart in...
DESCRIPTION
Bab 4 Rancangan Implementasi Sistem Perancangan Sistem Informasi Pendaftaran Online Be Smart In EnglishTRANSCRIPT
![Page 1: Bab 4 Rancangan Implementasi Sistem perancangan sis tem informasi pendaftaran online be smart in english](https://reader038.vdokumen.com/reader038/viewer/2022100600/5560d954d8b42a3c158b581c/html5/thumbnails/1.jpg)
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 :
49
Gambar 4. 1. Halaman Login
![Page 2: Bab 4 Rancangan Implementasi Sistem perancangan sis tem informasi pendaftaran online be smart in english](https://reader038.vdokumen.com/reader038/viewer/2022100600/5560d954d8b42a3c158b581c/html5/thumbnails/2.jpg)
50
Pada halaman registrasi dapat memasukkan nama, alamat, nomor
telepon, email, password dan data anak. Untuk tampilannya sebagai
berikut :
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. 2. Menu registrasi
Gambar 4. 3. Admin home menu
![Page 3: Bab 4 Rancangan Implementasi Sistem perancangan sis tem informasi pendaftaran online be smart in english](https://reader038.vdokumen.com/reader038/viewer/2022100600/5560d954d8b42a3c158b581c/html5/thumbnails/3.jpg)
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.
Lalu jika admin memilih edit maka akan menampilkan halaman edit
seperti berikut :
Gambar 4. 4. Halaman view peserta
Gambar 4. 5. Halaman edit peserta
![Page 4: Bab 4 Rancangan Implementasi Sistem perancangan sis tem informasi pendaftaran online be smart in english](https://reader038.vdokumen.com/reader038/viewer/2022100600/5560d954d8b42a3c158b581c/html5/thumbnails/4.jpg)
52
Lalu sebagai admin juga bisa melakukan penambahan peserta secara
langsung melalui pilihan tambah peserta.
Dan yang terakhir adalah logout :
Gambar 4. 6. Halaman tambah peserta
Gambar 4. 7. Logout
![Page 5: Bab 4 Rancangan Implementasi Sistem perancangan sis tem informasi pendaftaran online be smart in english](https://reader038.vdokumen.com/reader038/viewer/2022100600/5560d954d8b42a3c158b581c/html5/thumbnails/5.jpg)
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 :
Lalu masuk ke halaman view data untuk melihat data diri
Gambar 4. 8. Home menu peserta
Gambar 4. 9. Halaman view data peserta
![Page 6: Bab 4 Rancangan Implementasi Sistem perancangan sis tem informasi pendaftaran online be smart in english](https://reader038.vdokumen.com/reader038/viewer/2022100600/5560d954d8b42a3c158b581c/html5/thumbnails/6.jpg)
54
Lalu dipilihan selajutnya adalah edit data, halaman ini dapat digunakan
oleh peserta untuk mengubah data dirinya jika ada perubahan yang
diperlukan.
Dan setelah halaman edit data, peserta juga dapat melihat pembayaran
yang telah dilakukan
Gambar 4. 10. Halaman edit data
Gambar 4. 11. Halaman statistik pembayaran