BAB 4
IMPLEMENTASI SISTEM
4.1 Hasil
4.1.1 Halaman Intro
Pertama kali kita membuka aplikasi pembelajarn ini maka tampilan yang akan muncul adalah halaman intro. Halaman ini berisi tombol yang akan menuju kehalaman menu
seperti dibawah ini :
Gambar 4.1 Halaman Intro
Universitas Sumatera Utara
4.1.2 Halaman Menu
Halaman ini berisi link-link yang dapat kita klik dan akan menuju kehalaman desain berikutnya. Link-link tersebut menampilkan informasi dari pembelajaran yang tersedia
yaitu : 1.
Hewan 2.
Benda 3.
Angka 4.
Buah 5.
Hijaiyah 6.
Quiz 7.
Profil
Gambar 4.2 Halaman Menu
Universitas Sumatera Utara
4.1.3 Halaman Teori Kosa Kata Hewan
Halaman ini menampilkan sepuluh daftar hewan dalam bahasa arab dan jika dipilih gambarnya akan menampilkan suara penulis mengucapkan bahasa arab tersebut.
Untuk melihat gambar selanjutnya user dapat menekan tombol button next berikut adalah tampilannya.
Gambar 4.3 Tampilan Teori Kosa Kata Hewan
Universitas Sumatera Utara
4.1.3.1 Halaman Teori Kosa Kata Hewan Lanjutan
Gambar 4.4 Tampilan Teori Kosa Kata Hewan Lanjutan
Halaman ini merupakan kelanjutan dari Halaman teori kosa kata hewan. Apabila halaman ini telah sampai pada urutan kesepuluh maka user dapat kembali pada menu
home dengan menekan tombol link yang ada.
Universitas Sumatera Utara
4.1.4 Halaman Teori Kosa Kata Benda
Halaman ini menampilkan sepuluh daftar benda dalam bahasa arab dan jika dipilih gambarnya akan menampilkan suara penulis mengucapkan bahasa arab tersebut.
Untuk melihat gambar selanjutnya user dapat menekan tombol button next berikut adalah tampilannya
Gambar 4.5 Tampilan Teori Kosa Kata Benda
Universitas Sumatera Utara
4.1.4.1 Halaman Teori Kosa Kata Benda Lanjutan
Gambar 4.6 Tampilan Teori Kosa Kata Benda Lanjutan
Halaman ini merupakan kelanjutan dari Halaman teori kosa kata Benda. Apabila halaman ini telah sampai pada urutan kesepuluh maka user dapat kembali pada menu
home dengan menekan tombol link yang ada.
Universitas Sumatera Utara
4.1.5 Halaman Teori Pengenalan Angka
Halaman ini menampilkan sepuluh daftar angka dalam bahasa arab dan juga jika dipilih gambarnya akan menampilkan suara penulis mengucapkan bahasa arab
tersebut. Untuk melihat gambar selanjutnya user dapat menekan tombol button next berikut adalah tampilannya
Gambar 4.7 Tampilan Teori Pengenakan Angka
Universitas Sumatera Utara
4.1.5.1 Halaman Teori Pengenalan Angka Lanjutan
Gambar 4.8 Tampilan Teori pengenalan Angka Lanjutan
Halaman ini merupakan kelanjutan dari Halaman Teori pengenalan angka. Apabila halaman ini telah sampai pada urutan kesepuluh maka user dapat kembali pada menu
home dengan menekan tombol link yang ada.
Universitas Sumatera Utara
4.1.6 Halaman Teori Kosa Kata Buah
Halaman ini menampilkan sepuluh daftar buah dalam bahasa arab dan juga jika dipilih gambarnya akan menampilkan suara penulis mengucapkan bahasa arab tersebut.
Untuk melihat gambar selanjutnya user dapat menekan tombol button next berikut adalah tampilannya
Gambar 4.9 Tampilan Teori Kosa Kata Buah
Universitas Sumatera Utara
4.1.6.1 Halaman Teori Kosa Kata Buah Lanjutan
Gambar 4.10 Tampilan Teori Kosa Kata Buah lanjutan
Halaman ini merupakan kelanjutan dari Halaman Teori prngenalan buah. Apabila halaman ini telah sampai pada urutan kesepuluh maka user dapat kembali pada menu
home dengan menekan tombol link yang ada.
Universitas Sumatera Utara
4.1.7 Halaman Teori Pengenalan Huruf Hijaiyah
Halaman ini menampilkan daftar huruf hijaiyah dalam bahasa arab dan cara membacanya berikut adalah tampilannya
Gambar 4.11 Tampilan Teori Pengenalan Huruf Hijaiyah
Universitas Sumatera Utara
4.17.1 Halaman Teori Pengenalan Huruf Hijaiyah Lanjutan
Gambar 4.12 Tampilan Teori Pengenalan Huruf Hijaiyah lanjutan
Halaman ini merupakan kelanjutan dari halaman teori pengenalan huruf hijaiyah.. Apabila halaman ini telah sampai pada urutan huruf Ya’ maka user dapat kembali
pada menu home dengan menekan tombol link yang ada.
Universitas Sumatera Utara
4.1.8 Quiz
Halaman ini berisi soal-soal yang akan menguji pemahaman siswa atau pengguna setelah teori disampaikan. Soal yang diberikan adalah lima soal. Berikut adalah
tampilannya
Gambar 4.13 Tampilan Quis
Universitas Sumatera Utara
4.1.8.1 Halaman Hasil Quiz
Jika pengguna menjawab dengan benar kelima soal yang diberikan maka pengguna akan mendapatkan nilai 100. Berikut adalah tampilannya
Gambar 4.14 Tampilan Hasil Quiz
Universitas Sumatera Utara
4.1.9 Halaman Profil
Gambar 4.15 Tampilan Profi
4.2 Pembahasan