14
BAB IV HASIL DAN PEMBAHASAN
4.1 Detail Aplikasi
Aplikasi multimedia ini di desain untuk dapat digunakan oleh masyarakat mulai dari anak-anak, remaja hingga dewasa khususnya bagi yang belum bisa
membaca huruf Al Qur’an. Untuk anak-anak, dalam pemakaiannya perlu ada bimbingan dan arahan dari orang tua. Aplikasi ini berisi tentang huruf-huruf Al
Qur’an mulai dari huruf yang sederhana hingga huruf yang kompleks. Karena dalam Al Qur’an tidak hanya berisi huruf-huruf arab saja, maka di dalam aplikasi
ini disisipkan pula pengenalan tentang angka-angka arab sehingga akan dapat membantu pengguna dalam mempelajari Al Qur’an secara keseluruhan.
Pada bagian awal dari aplikasi ini disajikan tentang pengenalan huruf sekaligus angka arab beserta latihan-latihannya. Pada bagian selanjutnya
pengguna akan diajak untuk mempelajari huruf arab lebih dalam lagi.
4.2 Analisa Kebutuhan 4.2.1 Kebutuhan Pengguna
Aplikasi ini dibuat untuk diterapkan pada masyarakat mulai dari anak- anak, remaja hingga dewasa khususnya bagi yang belum bisa membaca huruf Al
Qur’an. Untuk anak-anak, dalam pemakaiannya perlu ada bimbingan dan arahan dari orang tua.
4.2.2 Kebutuhan Sistem
Aplikasi yang dibuat di desain untuk dijalankan pada komputer berbasis windows dengan spesifikasi sebagai berikut:
Sistem Operasi : Windows 98 atau yang lebih baru.
Processor : kelas Intel atau AMD dengan 900 MHz atau yang lebih
tinggi. Memory
: minimal 128 MB. Hardisk
: memiliki ruang kosong 300 MB.
CD ROM : 8 X atau lebih.
Monitor : SVGA dengan resolusi minimal 640 x 480.
Perlengkapan :
speaker, keyboard, dan mouse.
4.3 Pembuatan Aplikasi 4.3.1 Persiapan Awal
Sebelum pembuatan aplikasi ini, hal yang dilakukan adalah melakukan pendataan obyek yang akan digunakan dan menentukan musik pengiring.
Selanjutnya mendesain dan membuat obyek yang telah ditentukan beserta interface kedalam komputer.
4.3.2 Pembuatan Obyek
Obyek utama yang digunakan dalam aplikasi ini adalah huruf arab. Dalam Macromedia Flash telah tersedia tipe font arabic. Tetapi jika menggunakan Flash
dalam pembuatannya, akan ditemui kesulitan karena tidak bisa dengan mudah menemukan huruf yang diinginkan. Oleh karena itu alternatif lain yang digunakan
dalam pembuatan huruf-huruf Arab yaitu dengan menggunakan CorelDRAW. Macromedia Flash digunakan untuk membuat desain aplikasi. Tool yang
telah tersedia dalam Flash dapat digunakan untuk pembuatannya, seperti fasilitas line tool, pencil tool, oval tool, rectangle tool. Pewarnaan obyek digunakan
fasilitas brush tool dan paint tool.
4.3.3 Pembuatan Tombol Navigasi
Tombol yang digunakan dalam aplikasi ini dibuat dengan menggunakan fasilitas pencil tool, line tool, oval tool dan text tool. Proses pewarnaan yang
diterapkan pada tombol menggunakan color mixer. Warna solid untuk menghasilkan satu warna. Sedangkan untuk membuat tombol dengan warna
mengkilat digunakan gradasi warna linier dan radial. Dalam aplikasi ini tombol yang dibuat ada dua jenis, yaitu berupa movie clip dan button. Tombol yang
dibuat berupa movie clip untuk mempermudah dalam melakukan proses animasi.
Gambar 4.1 Proses Pembuatan Tombol
4.3.4 Pemrograman dengan Actionscript
Pemrograman dengan actionscript dilakukan untuk menjalankan aksi pada frame, movie clip dan button dalam melakukan navigasi. Berikut ini contoh script
pada salah satu tombol dalam aplikasi : on rollOver {
_root.bt_next.gotoAndPlay2; }
on rollOut { _root.bt_next.gotoAndPlay1;
} on release {
_root.gotoAndPlayNulis; }
Script yang digunakan untuk menyembunyikan movie clip ketika movie di load yaitu
onClipEvent load { _visible=false;
}
Script di atas digunakan dalam pembuatan halaman yang menampilkan message box ketika user berinteraksi dengan aplikasi yang berisi latihan.
Selain pada button dan movie clip, actionscript juga terdapat pada frame. Contoh actionscript pada frame adalah sebagai berikut :
1. Stop; untuk proses berhenti movie ketika movie berada di atas frame tertentu. 2. GotoAndPlay; untuk memainkan movie ketika movie berada di atas frame
tertentu. 3. fscommandquit,true; untuk mengakhiri movie ketika movie berada di atas
frame tertentu.
Gambar 4.2 Proses Pemrograman dengan Actionscript
4.3.5 Import File Suara
Setelah semua desain aplikasi selesai dibuat, proses selanjutnya adalah import suara. Tidak semua file suara dapat di-import ke dalam Flash. File suara
yang dapat di-import ke dalam Flash antara lain adalah file yang ber-extensi .wav dan .mp3.
4.3.6 Test Movie dan Publikasi File
Sebelum melakukan publikasi file terlebih dahulu dilakukan test movie yang bertujuan untuk melakukan pengujian agar dapat mengetahui aplikasi dapat
berjalan dengan baik atau tidak. Publikasi file dilakukan dengan tujuan untuk mendapatkan file dengan
extensi .swf agar dapat berjalan pada Flash Player untuk obyek movie obyek. Sedangkan untuk tampilan utama dipublikasikan dengan extensi .exe agar dapat
berjalan di atas windows tanpa adanya instalasi Flash Player dalam komputer yang bersangkutan.
4.4 Tampilan Aplikasi
1. Halaman muka Halaman muka merupakan tampilan awal dari aplikasi yang akan dijalankan.
Gambar 4.3 Halaman Muka 2. Halaman kata pengantar
Halaman ini berisi pengantar mengenai aplikasi yang dibuat.
Gambar 4.4 Halaman Menu Daftar Isi 3. Halaman menu daftar isi
Halaman menu berisi tentang daftar isi dari aplikasi, dimulai dari pengenalan huruf sampai iqro’ 6.
Gambar 4.5 Halaman Menu Daftar Isi
4. Halaman pengenalan huruf hijaiyah Halaman ini berisi tentang pengenalan huruf-huruf hijaiyah mulai dari
huruf hijaiyah awal alif hingga huruf hijaiyah terakhir ya’.
5. Halaman mengenal angka arab Pada halaman ini user diajak untuk mengenal angka-angka Arab.
Gambar 4.7 Halaman Mengenal Angka Arab Gambar 4.6 Halaman Pengenalan Huruf Hijaiyah
6. Halaman latihan huruf Pada halaman ini user diajak untuk berlatih mengingat kembali
pengenalan huruf hijaiyah yang telah dipelajari sebelumnya.
Gambar 4.8 Halaman Latihan Huruf 7. Halaman latihan angka
Pada halaman ini user diajak untuk berlatih mengingat kembali pengenalan angka arab yang telah dipelajari sebelumnya.
Gambar 4.9 Halaman Latihan Angka
8. Halaman iqro’ 1 awal Halaman ini berisi tampilan awal memasuki iqro’ 1.
Gambar 4.10 Halaman Iqro’ 1 awal 9. Halaman iqro’ 1 isi
Halaman ini adalah isi dari iqro’ 1. Pada halaman ini disajikan langkah- langkah awal membaca huruf Al Qur’an.
Gambar 4.11 Halaman Iqro’ 1 Isi
10. Halaman iqro’ 4 isi Halaman ini merupakan isi dari iqro’ 4. User diajak untuk belajar
membaca Al Qur’an lebih dalam lagi.
4.5 Kerja Aplikasi
Kategori