• 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-Quran
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-Quran 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-Quran dan bagaimana cara membedakan ucapan dari masing-masing huruf.
Gambar 3.5. Storyboard Makharijul Huruf
57
3.2.2.2. Perancangan Arsitektur Navigasi