Perancangan Storyboard Perancangan design

• Interaktif : Menggunakan link berupa tombol yang dapat berpindah dari satu halaman ke halaman yang lainnya.

3.2.2. Perancangan design

Tahap ini merupakan tahap perancangan aplikasi, dimana perancangan tersebut berupa perancangan storyboard , perancangan arsitektur navigasi, perancangan diagram transisi state transition diagram , dan perancangan antarmuka user interface .

3.2.2.1. Perancangan Storyboard

Storyboard merupakan deskripsi dari setiap scene yang secara jelas menggambarkan objek multimedia serta perilakunya, penjelasan dapat menggunakan simbol maupun teks Luther, 1994 1 . 1 Ariesto Hadi Sutopo, Multimedia Interaktif Dengan Flash Jakarta : Graha Ilmu, 2003, h. 36. 54 Storyboard Modul : 1 Halaman : Opening Judul Aplikasi Nama File : Opening.dir Gambar : Huruf Hijaiyah dan Al-Qur΍an Audio : Musik Intro.mp3 Huruf Hijaiyah Gambar Keterangan : Halaman Opening adalah halaman awal dari tampilan aplikasi yang baru dijalankan, di mana pada halaman ini berisi tentang nama program, huruf hijaiyah,masuk ke menu utama, dan keluar Gambar 3.3. Storyboard Opening 55 Storyboard Modul : 2 Halaman : Menu Utama Nama File : Menu Utama.dir Gambar : Al-Qur΍an Audio : Musik Intro.mp3 Navigasi gambar Huruf Hijaiyah Pengantar : Untuk masuk ke halaman Pengantar Sifat Huruf Hijaiyah : Untuk masuk ke halaman Sifat Huruf Hijaiyah Makharijul Huruf : Untuk masuk ke halaman Makharijul Huruf Hijaiyah Evaluasi : Untuk masuk ke halaman Evaluasi Tentang Penulis : Untuk masuk ke halaman Tentang Penulis Keluar : Untuk keluar dari program Keterangan : Halaman Menu Utama merupakan halaman pertama dari aplikasi Makharijul Huruf Hijaiyah. Dalam Menu Utama ini terdapat 6 tombol untuk masuk ke menu selanjutnya yang berisi materi yang berbeda. Gambar 3.4. Storyboard Menu Utama 56 Storyboard Modul : 3 Halaman : Makharijul Huruf Nama File : Makharijul Huruf.dir gambar Animasi Mulut Navigasi Al-Jauf : Untuk masuk ke halaman Al-Jauf Al-Halqu : Untuk masuk ke halaman Al-Halqu Al-Lisan : Untuk masuk ke halaman Al-Lisan Asy-Syafatain : Untuk masuk ke halaman Asy-Syafatain Al-Khoisyum : Untuk masuk ke halaman Al-Khoisyum Menu Utama : Untuk masuk ke Menu Utama keterangan : Halaman Makharijul Huruf merupakan inti dari aplikasi Makharijul Huruf Hijaiyah yang berisikan materi tentang pembagian tempat keluar huruf hijaiyah di dalam membaca Al-Qur΍an dan bagaimana cara membedakan ucapan dari masing-masing huruf. Gambar 3.5. Storyboard Makharijul Huruf 57

3.2.2.2. Perancangan Arsitektur Navigasi