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