commit to user
21
BAB IV IMPLEMENTASI DAN ANALISA
4.1 Membuat
Draft Aplikasi
Langkah awal yang dilakukan sebelum pembuatan aplikasi ini adalah membuat ide cerita atau story board, yaitu istilah untuk kertas berisi ide cerita,
susunan gambar serta detail dari setiap karakter. Ide cerita yang digunakan penulis dalam aplikasi ini adalah background bergambar tekstur kayu yang gelap dan
sederhana, dengan logo dengan tulisan Lucid Dream yang berkesan misterius menggambarkan Lucid Dream sendiri yang hingga saat ini bersifat misterius
karena tidak semua orang mengetahuinya.
4.2 Pembuatan Aplikasi Multimedia
Untuk pembuatan aplikasi ini menggunakan Adobe Flash CS3 dengan memasukkan semua elemen yang dibutuhkan seperti gambar, teks, suara, dan
animasi. Proses pembuatan dan editing obyek gambar menggunakan Adobe Photoshop CS3.
Pembuatan animasi pada aplikasi ini bertujuan untuk mempercantik tampilan aplikasi yang dibuat. Dalam pembuatan aplikasi multimedia interaktif
ini, penulis menggunakan teknik variabel pada tiap frame agar penggabungan antar halaman lebih mudah.
Materi - materi atau isi yang ada dalam CD interaktif diambil dari studi pustaka.
1. Pembuatan Halaman
Intro
Halaman intro dalam aplikasi ini sangat sederhana, hanya menampilkan animasi gerak yang hasil akhirnya membentuk sebuah
tulisan nama dari pembuat aplikasi ini . Langkah pertama adalah melakukan import elemen - elemen yang telah dibuat sebelumnya pada
commit to user
pembuatan draft aplikasi dengan memilih File – Import To Library. Setelah itu meletakkan segala macam elemen sesuai dengan draft
rancangan dan kemudian menganimasikannya. Animasi pada halaman intro ini tidak terlalu rumit, yaitu membuat tulisan dengan Static Text,
kemudian melakukan klik kanan – Break Apart untuk memecah tulisan menjadi per huruf dan menjadikannya objek baru.
Setelah itu, lakukan distribute to layer pada tiap huruf dan tambahkan animasi pada tiap elemen dengan meggunakan motion tween.
Gambar 4.1 Pembuatan Halaman Intro Pertama Untuk mempercantik transisi ke halaman intro kedua, ditambahkan
animasi fade out dengan memberikan Alpha Color pada tiap elemen huruf dengan kapasitas 0.
Setelah itu, animasi akan menuju ke bagian movie clip dimana movie clip tersebut didalamnya memuat animasi judul, dan juga tombol
enter untuk masuk ke dalam halaman menu utama. Pada halaman ini juga di iringi dengan sound yang lembut dan dilengkapi dengan tombol exit di
sebelah kanan bawah yang berfungsi untuk keluar dari aplikasi.
commit to user
Gambar 4.2 Pembuatan Halaman Intro Kedua Agar tombol enter dapat berinteraksi ke halaman menu utama
maka perlu diberi actionscript pada tombol tersebut. Berikut adalah actionscript untuk tombol enter :
on release { loadMovieNummain.swf, 0;
} Kemudian pada tombol exit juga diberikan actionscript , dimana ketika
tombol exit ditekan maka akan secara langsung keluar dari aplikasi. Berikut actionscript untuk tombol exit :
onrelease{ fscommandquit;
}
2. Pembuatan Halaman Menu Utama
Halaman menu utama ini terdapat tombol -tombol utama dari aplikasi ini, yaitu tombol CHAPTER 1, CHAPTER 2, CHAPTER 3 dan
CHAPTER 4 yang berinteraksi pada halaman isi. Tombol - tombol ini dibuat dengan sebuah animasi menggunakan variabel pada tiap tombol dan
ditambahkan actionscript pada frame diatas layer tombol - tombol
commit to user
tersebut. Hal ini dilakukan untuk memudahkan kita saat mengganti nama - nama tiap tombol tersebut dengan rincian sebagai berikut:
b1.txt = CHAPTER 1; b2.txt = CHAPTER 2;
b3.txt = CHAPTER 3; b4.txt = CHAPTER 4;
b1.desc = Dasar - Dasar Lucid Dream; b2.desc = Memulai Lucid Dream;
b3.desc = Teknik Induksi Lucid Dream; b4.desc = Stimulus Lucid Dream;
Dan script dibawah berfungsi untuk interaksi tombol menu dan halaman isi dimana tiap tombol mem punyai halaman tujuan yang berbeda.
b1.p = p1; b2.p = p2;
b3.p = p3; b4.p = p4;
Selain itu tiap tombol menu diberikan actionscript agar dapat berhubungan dengan script sebelumnya. Berikut adalah actionscript yang
digunakan : on rollOver, dragOver {
gotoAndPlaygo; }
on rollOut, dragOut { gotoAndPlayback;
} on release {
_root.page = p; _root.play;}
commit to user
Gambar 4.3 Pembuatan Halaman Menu Utama
3. Pembuatan Halaman Sub Menu
Kategori