2 1
3 4
F
Tampilan Madd
Proses Y
Tombol Home
T
Selesai Teori
Madd Tombol
Contoh Y
F.Cont oh
T Tombol ON
Mainkan Suara
Y
Tombol Off T
Matikan Suara
Y T
Selesai
3.3.9 Halaman madd
Halaman ini berisi teori yang menjelaskan tentang madd. Dalam halaman ini terdapat tombol “home” untuk kembali ke halaman menu. Dalam halaman ini terdapat juga
tombol “contoh” yang apabila diklik akan membawa user ke halaman contoh-contoh madd. Halaman ini terdiri dari background berupa sebuah papan tulis yang berisikan
teori tentang qalqalah. Pada saat dijalankan background akan muncul bersamaaan dengan tombol
”home” dan tombol “contoh”, dan tombol home akan sedikit membesar ketika kursor diarahkan terhadap tombol tersebut. Disebelah kanan atas
terdapat 2 tombol berbentuk speaker berfungsi untuk mendengarkan audio teori.
Gambar 3.11 Kerangka dan Flowchart Halaman Madd Ket:
1. Tombol “home”
2. Teori
Universitas Sumatera Utara
3. Tombol contoh
4. Tombol on off audio teori
Tampilan ini memiliki perpaduan warna coklat, coklat muda dan hitam. Pada saat diajalankan teori dan tombo-tombolnya akan muncul bersamaan.
3.3.10 Halaman contoh ikhfa’ haqiqi
Halaman ini berisi contoh-contoh ikhfa’ haqiqi berupa tulisan dan audio cara
membaca contoh ikhfa’ haqiqi tersebut. Audio akan terdengar ketika salah satu contoh
ikhfa’ haqiqi diklik. Dalam halaman ini terdapat tombol “home” untuk kembali ke halaman menu. Dalam halaman
ini terdapat juga tombol “kembali” yang apabila diklik akan membawa user ke halaman ikhfa haqiqi. Halaman ini terdiri dari
background berupa sebuah buku yang dihiasi dedaunan dan alat lukis disebelah kirinya. Buku tersebut berisi contoh
ikhfa’ haqiqi. Pada saat dijalankan background akan muncul bersamaaan dengan tombol
”home” dan tombol “kembali”, dan tombol home akan sedikit membesar ketika kursor diarahkan terhadap tombol tersebut.
Sedangkan tombol “kembali” akan bergerak dari kanan ke kiri sejauh 20 frame, dan sedikit membesar juga ketika kursor diarahkan. Di sebelah kanan atas terdapat 2
tombol berbentuk speaker berfungsi untuk mendengarkan audio teori.
Universitas Sumatera Utara
B.Cont oh
Halaman Contoh
Proses Tombol
Contoh Y
Suara Contoh
Y
Kembali T
Teori Ikhfa’
Y T
Tombol Home
Halaman Menu
Y
Halaman Contoh
T
Selesai Selesai
T Selesai
2 1
3
Gambar 3.12 Kerangka dan Flowchart Halaman Contoh Ikhfa’ Haqiqi
Ket:
1. Tombol “home”
2. Contoh tajwid
3. Tombol
“kembali”
Tampilan ini memiliki perpaduan warna coklat muda, coklat tua hitam, kuning dan merah. Tombol home akan sedikit lebih membesar pada saat kursor diarahkan kepada
tombol tersebut. Tombol kembali akan berjalan dari kanan ke kiri sejauh 20 frame.
Universitas Sumatera Utara
2 1
3 C.Cont
oh
Halaman Contoh
Proses Tombol
Contoh Y
Suara Contoh
Y
Kembali T
Teori Izhar
Halqi Y
T Tombol
Home Halaman
Menu Y
Halaman Contoh
T
Selesai Selesai
T Selesai
3.3.11 Halaman contoh izhar halqi