commit to user
3. XML Well Formed
3.5 Pembuatan Aplikasi
3.5Pembuatan Aplikasi
Proses pembuatan aplikasi menggunakan software Adobe Flash. Pembuatan aplikasi terdiri dari pembuatan latar belakang, tombol-tombol dan animasi. Pembuatan latar belakang sebagaian besar dikerjakan menggunakan Adobe Photo shop. Pro ses p embuatan menggunakan beberapa images yang kemudian digabung agar imag e tersebut lebih menarik. Sedangkan objek tambahan seperti judul ataupu n header dan footer menggunakan tools yang tersed ia pada Adobe F lash.
Dalam proses pembuatan button menggunakan images yang juga dibuat menggunakan Ad ob e Photoshop. untuk menjadikan sebu ah button, image yang digunakan diu bah kedalam bentu k button dengan cara klik kanan image > convert to symbol. Atau terlebih dahulu membu at symbo l dengan cara ctrl+F8 kemudian memilih tipe ke b entuk button. Kemudian meletakkan ima ge yang diinginkan kedalam symb ol tersebut.
Proses pembuatan animasi d apat menggunakan ActionScript. Akan tetapi untuk membuat animasi sederhana tidak memerlukan adanya Actio nScript. Animasi pada aplikasi ini d iletakkan pad a tamp ila n ap likasi , tombol-tombo l navigasi, maupun p ad a p erubahan dari interface aplika si 1 ke interface aplikasi yang lain.
commit to user
33 BAB IV IMPLEMENTASI
4.1 Pembuatan Aplikasi
Aplikasi multimedia ini merupakan aplikasi yang telah di buat semenarik mu ngkin gu na mengurangi tingkat kejenu han masyarakat dalam mengkaji dan memahami Al-Qur’an, sehingga masyarakat lebih tertarik dalam proses belajar.
Secara garis besar pembuatan ap likasi ini terdiri dari 2 menu utama yaitu menu Al-Qur’an d an menu Ind eks Al Qur’an. Pada menu Al-Qur’an informasi yang di sajikan mirip dengan kitab Al-Qur’an. Yaitu d i menu ini terd apat fasilitas yang digu nakan untuk memilih surat-surat Al-Qur’an. Ketika memilih su rat tertentu secara otomatis akan ditampilkan seju mlah ayat-ayat beserta artinya yang terkandung di dalam surat sesuai dengan su rat yang dipilih. Selain itu, juga terdapat menu untuk mengetahu i tafsir dari su rat Al-Qur’an yang d ipilih. Agar ap likasi ini lebih menarik dan tidak membosankan, di d alam menu Al-Qur’an ini juga diberi menu tambahan untu k mendengarkan murotal dari surat-surat Al-Qur’an.
Selain menu Al-Qur’an juga terdapat menu Indeks Al Qu r’an. Menu ini menyajikan beberapa sub-sub menu. Ketika menu ini dipilih, maka aplikasi aka n menampilkan abjad-abjad dimulai dari A samp ai dengan Z. Abjad -abjad ini merupakan suatu tombo l yang bermaksud u ntuk memudahkan pengguna ketika memilih kategori tema yang d iinginkan. Jad i, ketika salah satu abjad d ipilih, maka tema-tema yang akan ditampilkan akan muncu l sesu ai dengan kata dasar yang berawalan abjad yang dipilih. Tema yang ditampilkan merupakan suatu link. Ketika tema-tema yang berbentuk link tersebut dipilih, maka akan ditampilkan beberapa ayat-ayat su rat Al-Qur’an yang mengandung tema tersebut. Ayat-ayat tersebut juga berbentuk link. Hal ini bertujuan agar pengguna tidak harus kembali ke menu utama dan memilih menu Al-Qur’an untuk melihat ayat-a yat yang mengand ung tema yang telah dipilih o leh pengguna tersebut.
34
4.1.1 Pembuatan Obyek dan Background
Pada pembuatan ob yek b ackground, secara garis besar di gambar d engan menggunakan tools pada adobe flash d an p hotoshop. Pada tools pho toshop ob yek background menggu nakan beb erap a image yang d igabung menjadi satu. Untu k teknik penghalusan dari beberapa image yang digabung, tool yang dimanfaatka n pada Photoshop adalah Brush Tool. Dengan menggunakan Brush Too l ini image
yang berada diatas ima ge yang berfungsi sebagai background akan terlihat menyatu.
Setelah penggabungan ima ge seb agai b ackg round selesai dibuat, maka
image tersebut di masukkan ke panel library Adobe Flash. Image tersebut dapat diubah menjadi Gra ph ic ataupun MovieClip. Hal ini u ntuk memudahkan dalam penggunaan image b erulang kali d engan han ya mendrag image dari p anel library
ke stag e. Untuk penambahan teks pad a background, tool yang d igunakan yaitu
Text Tool yang dapat diambil dari panel Tool.
commit to user
4.1.2 Pembuatan Intro
Pada pembuatan intro ini, setiap obyek yang akan ditamp ilkan pada menu awal diletakkan pad a la yer-la yer yang b erbeda. Hal ini bertu juan u ntuk memud ahkan pro ses pembuatan dan mengurangi tingkat keru wetan dalam p roses pembuatan. Dalam pro ses p embu atan animasi, la ngkah pertama ad alah membuat objek bertipe Mo vieClip. Pada objek tersebut dibuat animasi dari frame awal berjalan hingga ke fra me yang diinginkan untu k berhenti. Untuk objek yang digunakan sebagai animasi, diambil dari imag e yang telah dibuat dari Adobe Photo shop. Kemud ian untu k menggabungkan setiap la yer yang berisi objek-objek diatas seperti button, graphic maupun movie clip agar menjadi intro yang menarik,
ad alah d engan meletakkan beberapa objek-objek yang d iinginkan pada frame
tertentu lalu mengatu rny sesuai dengan urutan munculnya objek yangdiinginkan pada setiap frame terebut.
36
4.1.3 Pembuatan Tombol Navigasi
Proses pembu atan tombol navigasi ini d apat dilakukan dengan cara membu at objek button yang berasal dari objek yang dapat d ibu at dari rectang le too l. Kemudian di ko nversi ke tipe Bu tton. Tombol ini pada akhirnya akan memud ahkan user ketika ingin ,meggumalan aplikasi mengoperasi.
Gambar 4.3 Pembuatan To mbol Navigasi
4.1.4 Pemrograman dengan Actionscript
ActionScript merup aka n action, function, event dan event handler yang memungkinkan Flash movie menjadi lebih komplek dan lebih interaktif. Dib awah ini merupakan beberapa ActionScript yang d igunakan dalam aplikasi multimedia ini adalah sebaga i beriku t :
commit to user
1. Action script pad a awal frame
fscommand("fullscreen", "true");
Penje lasan :
Script di atas merupakan script yang bertujuan untuk menamp ilkan tampilan ap likasi secara penuh (fullscreen). Parameter yang digunakan pad a perintah fullscreen di atas ad a du a yaitu fullscreen dan true. Yang b erarti perinta h
fullscreen akan dijalankan karena perintah tersebut bernilai tru e.
2. . Actionscript pada tombol untu k me-lo ad movie
on (release) {
loadMovie (“menu.swf”, movieClip_instance); }
Penje lasan :
Maksud dari script di atas ad alah ketika tombol d i klik maka secara oto matis akan memanggil file “menu .swf”. movieClip_instance dib elakang koma menunjukkan nama instance dari movie clip yang berarti file akan dimuat / ditampu ng dalam sebuah movie clip tersebut.
38