Form Login Learner Form Register Form Menu Learner Form Menu Section Form Menu Tema

4.2.1 Form Login Learner

Berikut ini adalah tampilan awal dari program sekaligus merupakan login form. Pada form ini learner juga dapat melakukan registrasi dengan menekan pada area register. Gambar 4.1 Form Login Apabila berusaha login tapi belum terdaftar maka akan muncul pesan error sebagai berikut. Gambar 4.2 Alert Gagal Login

4.2.2 Form Register

Pada form ini Learner dapat melakukan registrasi dengan memasukkan data yang dibutuhkan. Pada form ini juga terdapat term agreement dalam penggunaan aplikasi ini. Gambar 4.3 Form Register Setelah user memasukkan semua data yang dibutuhkan dan menekan tombol save maka akan keluar konfirmasi sebagai berikut apabila proses registrasi berhasil. Gambar 4.4 Alert Registration

4.2.3 Form Menu Learner

Form ini muncul apabila learner sudah berhasil login. Pada form ini terdapat menu-menu aktifitas learner, yang terdiri antara lain adalah: a. Menu Study : dimana learner dapat memulai proses pembelajarannya. b. Menu Progress : dimana learner dapat melihat report dan status terakhirnya dalam pembelajaran. c. Menu Change Password : pada menu ini learner dapat mengganti password nya d. Menu Help : pada menu ini dikhususkan untuk pengguna awal yang belum pernah menggunakan aplikasi ini sebelumnya. e. Menu About : pada menu ini terdapat informasi mengenai program f. Menu Logout : digunakan untuk kembali ke halaman login. Gambar 4.5 Form Menu Learner

4.2.4 Form Menu Section

Pada menu ini terdapat daftar dari Section yang ada, form ini muncul pada saat kita menekan Menu Study dimana masing-masing didalamnya terdapat tema-tema yang nantinya akan menjadi materi Gambar 4.6 Form Menu Section

4.2.5 Form Menu Tema

Pada menu ini terdapat daftar tema dari section yang telah kita pilih, semisal pada section environtment terdapat tiga buah tema yaitu: House, FarmStead dan Pollution. Gambar 4.7 Form Menu Tema

4.2.6 Form Pre Test