bab 4 rancangan implementasi sistem perancangan sis tem informasi pendaftaran online be smart in...

8

Click here to load reader

Upload: ricko-skywriter

Post on 24-May-2015

439 views

Category:

Education


6 download

DESCRIPTION

Bab 4 Rancangan Implementasi Sistem Perancangan Sistem Informasi Pendaftaran Online Be Smart In English

TRANSCRIPT

Page 1: Bab 4 Rancangan Implementasi Sistem perancangan sis tem informasi pendaftaran online be smart in english

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

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

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

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

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

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