Struktur Navigasi Merancang Storyboard

A. Struktur Navigasi

Struktur navigasi Aplikasi Perangkat Ajar Bahasa Arab Tingkat Pemula ini adalah sebagai berikut : Gambar 3. Struktur Navigasi dan Rancangan Menu Utama

B. Merancang Storyboard

Dalam tahap ini juga dilakukan perancangan storyboard. Storyboard merupakan rangkaian gambar yang dibuat secara keseluruhan sehingga menggambarkan suatu cerita, dan gambaran dari cerita yang akan dibuat, maka harus mudah dimengerti oleh semua pihak. Berikut rancangan Storyboard aplikasi perangkat ajar Bahasa Arab : A. Perancangan Layar Menu Utama Judul Aplikasi Menu Utama Mulai Gambar 4. Rancangan Menu Utama Penjelasan Gambar 4 : a Judul aplikasi : Merupakan judul yang akan ditulis pada menu utama, berupa tulisan. b Tombol Mulai : Merupakan tombol yang akan menuju ke menu materi. B. Perancangan Layar Menu Materi Menu Materi Materi 1 Materi 2 Materi 3 Materi 4 Materi 5 Latihan Profil Sistem aplikasi perangkat ajar Bahasa Arab tingkat pemula Mufrodat kosakata Qoidah struktur bahasa Hiwar percakapan Pelajaran pertama Menu utama Menu materi Mufrodat kosakata Qoidah struktur bahasa Hiwar percakapan Pelajaran kedua Mufrodat kosakata Qoidah struktur bahasa Hiwar percakapan Pelajaran ketiga Mufrodat kosakata Qoidah struktur bahasa Hiwar percakapan Pelajaran keempat Mufrodat kosakata Qoidah struktur bahasa Hiwar percakapan Pelajaran kelima Mulai Latihan Profil Gambar 5. Rancangan Menu Materi Penjelasan Gambar 5: a Materi 1 : Tombol yang akan menuju ke menu materi 1 b Materi 2 : Tombol yang akan menuju ke menu materi 2 c Materi 3 : Tombol yang akan menuju ke menu materi 3 d Materi 4 : Tombol yang akan menuju ke menu materi 4 e Materi 5 : Tombol yang akan menuju ke menu materi 5 f Latihan : Tombol yang akan menuju ke menu latihan g Profil : Tombol yang akan menuju ke menu profil C. Perancangan Layar Menu Materi 1 Home Menu Materi 1 Hiwar percakapan Qoidah struktur bahasa Mufrodat kosakata Gambar 4.5 Rancangan Menu Materi 1 Penjelasan Gambar 4.5 : a Hiwar : Tombol yang akan menuju ke menu Hiwar b Mufrodat : Tombol yang akan menuju ke menu Mufrodat c Qoidah : Tombol yang akan menuju ke menu Qoidah d Home : Tombol yang akan menuju ke menu materi D. Perancangan Layar Menu Materi 2 : C. STD State Transition Diagram Aplikasi Perangkat Ajar Bahasa Arab Tingkat Dasar 6 STD Layar Menu Utama Gambar 6. STD Layar Menu Utama STD Layar Menu Pelajaran Pertama Gambar 7. STD Layar Menu Pelajaran Pertama 7. Merancang Grafik Dalam merancang grafik, penulis memilih grafik yang sesuai dengan dialog, meliputi merancang grafikgamabar dua dimensi, merancang audio, merancang animasi. Sumber file gambar, audio, serta animasi dapat dilihat pada tabel berikut : Elemen Nama Folder Tipe File Keterangan Gambar Arab Pic_soal .jpg Gambar yang digunakan untuk menampilkan soal. Suara Arab Suara Naskah .wav Suara yang digunkan dalam aplikasi pada setiap menu pelajaran dan latihan, merupakan suara naskah oleh dubber. Naskah Suara Arab Naskah .doc Tulisan yang dibacakan oleh dubber dalam mengisi suara. Animasi Arab .fla Animasi yang digunakan dalam membentuk aplikasi . Tabel 3. Sumber file dalam aplikasi perangkat ajar Bahasa Arab tingkat dasar.

A. Rancangan Layar Aplikasi Perangkat