commit to user
26
4. Pembuatan Aplikasi
Membuat aplikasi dan mengintegrasikan semua elemen– elemen yang dibutuhkan sep erti gambar, teks, maupun suara sehingga menghasilka n
ap likasi mu ltimedia yang baik dan mudah dip ahami.
3.2 Perancangan Konsep
Dari hasil perancangan aplikasi ini d apat diketahu i ap likasi terdiri dari bagan-bagan sep erti dibawah ini.
3.2.1 Rancangan Tampilan Awal
Gambar 3.2 Rancangan Tampilan Awal Keterangan :
Halaman awal merup akan halaman utama ketika menjalankan ap likasi ini. Dari aplikasi d i atas terdapat dua tombol yaitu Qur’an dan Index. Tombol Al
Qur’an a kan mengarahkan aplikasi ke menu Qur’an. Sedangkan To mbol Index akan mengarahkan aplikasi ke menu indeks istilah di dalam AlQu r’an.
Al Qur’an
Index Al Qur’an
commit to user
27
3.2.1 Rancangan Tampilan Menu Al Qur’an
Dibawah ini merupakan rancangan tampilan darip ad a aksi ketika tombol Qur’an pada tampilan menu u tama d i klik.
Gambar 3.3 Rancanga n Tampilan Menu Al Qur’an Keterangan :
1. Merup akan combobox yang berisi surat-surat Al Qur’an.
2. Merup akan combobox yang berisi ayat-a yat Al Qur’an. 3.
Merup akan combobox yang digunakan untu k mengubah arti dari ayat Al- Qur’an b erbahasa Indonesia maupun Inggris.
4. Merup akan tombo l untu k menafsirkan Al Qur’an. 5.
Merup akan area untuk menampilkan a yat-a yat b eserta arti dari Al Qur’an. 6. Merup akan tombo l untuk kemb ali ke menu utama.
7. Merup akan tombol untuk mendengarkan mau pu n menghentikan murotal
surat dari Al Qur’an.
commit to user
28
3.2.2 Rancangan Tampilan Menu Tafsir
Dibawah ini merup akan rancangan tampilan daripada aksi ketika to mbol Tafsir pada tampilan menu Qur’an di klik.
Gambar 3.4 Rancangan Tampilan Menu Tafsir
Keterangan : Dari gambar 3.4 d iatas, terdapat 3 menu yaitu co mbobox Surat , co mbobox
INDENG, dan to mbol Back ke M enu Qur’an. Sama halnya dengan seb elumnya tombol INDENG berguna u ntuk mengko nversi tafsir yang ditampilkan pada text
area diatas berbahasa Indonesia maupun Inggris. Sed angkan to mbol Back digunakan untuk menuju ke tamp ilan sebelu mnya yaitu ke tamp ilan Qur’an.
commit to user
29
3.2.3 Rancangan Tampilan Menu Index
Dibawah ini merup akan rancangan tampilan daripada aksi ketika to mbol Ind ex pad a tampilan menu utama di klik.
Gambar 3.5 Rancangan Tampilan Menu Index Keterangan :
Dari gambar rancangan diatas, terdap at sekumpulan abjad yang merupakan tombol di tiap -tiap abjad . Tombol abjad tersebut bermaksud u ntuk
mengelompokkan istilah-istilah dalam al-Qur’an yang sesuai dengan abjadnya. Tombol back digunaka n untuk kemb ali ke menu utama.
commit to user
30
3.2.4 Rancangan Tampilan Index Abjad
