• Tidak ada hasil yang ditemukan

Bab 4 Implementasi Sistem

4.1 Hasil Aplikasi

4.1.1 Halaman utama

Pertama kali kita membuka aplikasi pembelajaran ini, maka tampilan yang akan muncul adalah seperti tampak dibawah ini:

Gambar 4.1 Tampilan halaman utama

Halaman utama menampilkan judul dari aplikasi “Pengenalan Huruf Hijaiyah Tingkat PAUD” pada saat aplikasi dijalankan. Halaman ini menampilkan teks salam pembukaan dan terdapat animasi – animasi yang bergerak. Pada halaman ini juga diberikan tombolmenu berupa tombol menu Masuk. Menu ini dapat kita klik dan akan menuju ke halaman belajar.

4.1.2 Halaman menu

Berikut merupakan tampilan dari movie untuk Menu. Halaman ini akan ditampilkan setelah tombol menu Masuk pada halaman awal ditekan. Halaman ini dilengkapi dengan musik untuk memulai belajar. Pada halaman ini juga terdapat berupa tombol menu Intro, Pengenalan Huruf Hijaiyah, Teori, Soal dan Profil. Menu – menu ini ditekan untuk menuju halaman berikutnya.

Gambar 4.2 Tampilan halaman menu

4.1.3 Halaman intro

Berikut adalah tampilan dari movie intro. Halaman ini akan ditampilkan setelah tombol menu Intro ditekan pada halaman Menu. Tampilan ini berupa gambar animasi yang bergerak. Halaman ini dilengkapi dengan musik dalam pengucapannya. Huruf akan tampil satu persatu sesuai dengan saat diucapkan lafal yang ditampilkan. Halaman ini dilengkapi dengan musik dalam pengucapannya. Huruf akan tampil satu persatu sesuai dengan saat diucapkan lafal yang ditampilkan.

.

4.1.4 Halaman pengenalan huruf hijaiyah

Berikut adalah tampilan awal dari movie untuk pengenalan huruf hijaiyah. Halaman ini akan ditampilkan setelah tombol menu Pengenlan Huruf Hijaiyah ditekan pada halaman Menu. Tampilan ini berupa kumpulan huruf hijiaiyah mulaiu dari alif sampai

ya’ yang berupa symbolbutton. Jika pointer mengarah ke tombol salah tombol huruf, maka tomboh huruf akan berubah warna dan saat tombol tersebut ditekan maka movie

akan mengeluarkan suara lafal buah tersebut dalam bahasa Arab. Movie ini juga ditampilkan dengan iringan musik relaksasi untuk belajar.

Gambar 4.4 Tampilan halaman pengenalan huruf hijaiyah

4.1.5 Halaman teori

Berikut adalah tampilan dari movie untuk teori. Halaman ini akan ditampilkan setelah tombol menu Teori ditekan pada halaman Menu. Tampilan ini berupa gambar animasi yang bergerak dan teks animasi. Pada halaman ini terdapat berupa tombol menu

Fathah (Baris Atas), Kasroh (Baris Bawah) dan Dhommah (Baris Depan) untuk memulai halaman teori membaca berikutnya.

a. Halaman Teori Membaca Fathah

Pada halaman ini berupa terdapat kumpulan huruf hijaiyah teori membaca dengan berbaris atas. Dan terdapat tombol gambar selanjutnya untuk melanjutkan teori membaca berikutnya dan tombol gambar untuk mengulang teori membaca sebelumnya.

Gambar 4.6 Tampilan halaman teori membaca fathah

b. Halaman Teori Membaca Kasroh

Pada halaman ini berupa terdapat kumpulan huruf hijaiyah teori membaca dengan berbaris bawah. Dan terdapat tombol gambar selanjutnya untuk melanjutkan teori membaca berikutnya dan tombol gambar untuk mengulang teori membaca sebelumnya.

c. Halaman Teori Membaca Dhommah

Pada halaman ini berupa terdapat kumpulan huruf hijaiyah teori membaca dengan berbaris atas. Dan terdapat tombol gambar kembali untuk mengulang teori membaca sebelumnya.

Gambar 4.8 Tampilan halaman teori membaca dhommah

4.1.7 Halaman soal

Halaman ini berisi soal-soal yang akan menguji pemahaman pengguna setelah teori disampaikan. Soal yang diberikan adalah pilihan berganda.Soal terdiri atas beberapa kategori yaitu pengujian ingatan user terhadap gambar dan pengujian pendengaran. Pengguna yang menang akan menuju frame menang, dan yang kalah menuju frame

kalah. Untuk memulainya pengguna harus memasukkan nama terlebih dahulu, lalu klik mainkan.

a. Halaman soal level 1

Setelah tombol mainkan ditekan maka movie kuis level pertama akan ditampilkan. Soal yang diberikan adalah lima soal. Soal yang diberikan adalah

pilihan berganda. Jika jawaban benar maka akan ditampilkan tanda centang dan efek suara jawaban benar. Jika jawaban salah maka akan ditampilkan tanda silang dan efek suara salah. Jika user mampu menjawab minimal tiga soal dengan benar, maka user akan menang. Jika user berhasil menjawab soal maka akan ditampilkan halaman user menang. Halaman ini menampilkan nama user

serta nilai yang didapat setelah menjawab soal. Juga akan diberikan efek suara menangsoal. Jika user tidak berhasil menjawab soal maka akan ditampilkan halaman user kalah. Halaman ini menampilkan nama user serta nilai yang didapat setelah menjawab kuis. Juga akan diberikan efek suara kalah soal.

Gambar 4.10 Tampilan halaman kuis level 1

b. Halaman kuis level 2

Setelah user berhasil di level satu, maka user akan lanjut kuis di level dua. Soal yang diberikan adalah lima soal. Soal yang diberikan adalah pilihan berganda dan telah menguji pendengaran dan pemahaman anak terhadap kata anak.

Gambar 4.11 Tampilan halaman kuis level 2

c. Halaman kuis level 3

Setelah user berhasil di level dua, maka user akan lanjut kuis di level tiga. Soal yang diberikan adalah sepuluh soal. Soal yang diberikan adalah pilihan berganda dan lebih banyak menguji pendengaran anak terhadap pengucapan bahasa Arab. Jika jawaban benar maka akan ditampilkan tanda centang dan efek suara jawaban benar. Jika jawaban salah maka akan ditampilkan tanda silang dan efek suara salah. Jika user mampu menjawab minimal tiga soal dengan benar, maka user akan menang.

Gambar 4.14 Tampilan halaman menang kuis

4.1.8 Tampilan halaman profil

Halaman profil akan ditampilkan saat user memilih tombol menu Profil. Halaman ini muncul dengan efek bergerak. Halaman ini menampilkan penjelasan dari aplikasi dan profil mengenai pembuat aplikasi.

Gambar 4.15 Tampilan halaman profil

Dokumen terkait