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