Penyusunan Struktur Menu Aplikasi

commit to user i

3.3.2 Rancangan Desain

a. Tata Letak Dalam penyusunan tata letak baik dari segi gambar maupun ilustrasi dibuat konsep yang sederhana dan teks disusun secara teratur agar memudahkan user dalam belajar membaca Al- . Penyusunan yang tepat bertujuan agar aplikasi pembelajaran Al- yang dibuat menjadi lebih menarik tanpa mengabaikan unsur unsur yang ada. b. Grafis Grafis yang digunakan dalam aplikasi pembelajaran AL- ini meliputi, tipografi, warna dan gambar.

3.4 Penyusunan

Layout dan Desain Grafis Penyusunan layout adalah usaha untuk menyusun, menata unsur unsur grafis menjadi media komunikasi yang efektif. Dalam penyusunan layout, memerlukan kaidah kaidah yang perlu diketahui seperti : Proporsi, Keseimbangan, Irama, Kesatuan, Fokus dan Kontras. Penyusunan layout disesuaikan dengan penggunaan grafis agar tidak mengurangi unsur unsur yang ada. Unsur unsur grafis tersebut meliputi : a. Tipografi Penentuan tipografi yang akan digunakan disesuaikan dengan tema yang dibuat, dalam hal ini tipografi lebih menggunakan unsur formal dan informatif. Penggunaan huruf Arial dan AgencyFB merupakan huruf yang informatif dan huruf yang formal sehingga memudahkan untuk dibaca dan cocok digunakan dalam aplikasi pembelajaran Al- commit to user i b. Warna Warna adalah pelengkap dari suatu bentuk serta merupakan salah satu unsur dalam menambah daya tarik visual. Warna merupakan komponen yang penting, karena warna dapat menjadikan suatu gambar menjadi lebih menarik untuk diperhatikan. Dalam pembuatan desain pembelajaran Al- ini menggunakan warna yang cerah karena anak anak lebih tertarik kepada warna yang cerah. c. Gambar Unsur unsur gambar yang digunakan dalam pembuatan pembelajaran Al- ini adalah desain gambar huruf huruf hijjaiyyah.

3.5 Struktur Menu Aplikasi

Aplikasi multimedia pembelajaran yang dibangun terdiri dari lima menu utama antara lain adalah huruf hijaiyah, tanda baca, makhrojul huruf, hukum bacaan, dan kuis. Namun sebelum masuk ke menu utama maka harus melewati halaman intro. Halaman intro adalah halaman pengantar saja sebelum masuk ke menu utama. Dengan kata lain adalah halaman pembuka aplikasi. Pada menu tanda baca terdapat lima materi yang disampaikan. Pada menu hukum bacaan terdapat lima sub menu yang didalamnya masih terdapat banyak opsi. Untuk halaman kuis pengguna dapat menguji meteri yang sudah di serap sebelumnya. Struktur menu pada aplikasi multimedia digambarkan pada Gambar 3.5 commit to user i INTRO MENU HURUF HIJAIYAH TANDA BACA HUKUM BACAAN KUIS KELUAR MATERI SIMULASI Tanda baca Baris dua Tanda baca baris satu Tanda baca mati Tanda baca ganda Tanda baca panjang idzhaar idgham iqlab madd Idzhaar halqi Idzhaar syafawi Idzhaar qamariyah Idgham bighunnah Idgham bilaghunnah Idgham mimi Idgham mutajanitsain Idgham mutaqaribain 1 2 3 4 Madd asli Madd MAKHRAJUL HURUF Gambar 3.5 Struktur Menu Aplikasi

3.6 Rancangan Desain Aplikasi