commit to user 27
} Selain tombol menu, dibagian kanan atas terdapat juga tombol exit yang
berfungsi untuk keluar dari menutup atau keluar dari aplikasi. Sama halnya dengan halaman intro, tombol ini juga menggunakan actionscript untuk dapat
berinteraksi keluar dari aplikasi.
Gambar 4.3 Pembuatan Halaman Menu
3. Pembuatan Halaman Materi
Halaman materi merupakan bagian dari halaman isi. Halaman isi sendiri dibagi menjadi 6 bab, dimana mulai dari BAB 1 sampai dengan BAB
5 berisi tentang materi – materi pembahasan fotografi dan BAB 6 berisi
tentang kuisioner. Halaman materi ini mempunyai animasi dan layout yang sama mulai
dari BAB 1 sampai dengan BAB 5. Untuk lebih mempersingkat maka akan dibahas pembuatan halaman materi BAB 1. Halaman materi mempunyai
animasi yang kompleks dan interaktif. Dimulai dari animasi judul yang berada di atas bergerak dari kiri ke kanan. Pembuatan animasi dibuat dengan
menggunakan animasi motion tween. Yaitu animasi yang menggerakkan
commit to user 28
objek dari tempat 1 ke tempat yang lain. Pembuatan animasi ini dilakukan dengan membuat 2 frame awal yang diisi objek, kemudian meletakkan objek
yang sama di tempat yang berbeda. Setelah itu muncul animasi garis menu materi beserta teks keterangan
BAB 1. Sebelumnya garis menu dibuat dengan menggunakan Adobe Photoshop CS3 dan di export ke library, setelah itu animasi dibuat dengan
menggunakan motion tween dengan tambahan fade in, yaitu dengan membuat transparent pada awal frame dan mengembalikan tingkat transparent di akhir
frame dengan tool Alpha. Kemudian dari bawah garis menu muncul sinar yang bergerak sesuai
arah garis menu. Cahaya ini dibuat dengan menggunakan Adobe Photoshop CS3 dan di export ke library. Setelah itu animasi dibuat dengan menggunakan
motion guide. Animasi pada halaman ini kemudian berlanjut pada animasi tombol materi
– materi yang berjumlah enam buah. Seperti halnya dengan garis menu, tombol ini juga dibuat dengan motion tween dengan tambahan
fade in untuk lebih memperhalus animasi.
Gambar 4.4 Pembuatan halaman materi
commit to user 29
Animasi terakhir adalah, animasi background untuk materi – materi
tentang pembelajaran fotografi. Dibuat dengan menggunakan shape yang diperoleh dari rectangle tool yang diberi sedikit transparent. Animasi dibuat
menggunakan Shape Tween, yang merupakan animasi perubahan bentuk. Konsep dasar shape tween sama dengan motion tween, dimana perbedaannya
adalah di animasi shape tween dapat merubah bentuknya sesuai yang dikehendaki.
Tombol materi di sebelah kanan, dapat berinteraksi memanggil materi –
materi yang dibutuhkan baik berupa teks, video maupun simulasi . Setiap materi
– materi dimasukkan di dalam scene baru bernama scene sub-menu. Dimana di dalam 1 stage ada 7 scene. Scene 1 berisi animasi
– animasi awal dan scene 2 sampai scene terakhir berisi materi
– materi. Untuk dapat menghubungkan setiap scene, diperlukan actionscript yang
nantinya di letakkan di setiap tombol materi agar dapat menghubungkan dengan materi
– materi yang dibutuhkan. Berikut adalah actionscripnya : on release{
_root.gotoAndPlaysub-bab2; }
Gambar 4.5 Pemberian Actionscript Pada Tombol Materi
commit to user 30
Di atas tombol materi terdapat tombol next bab dan prev bab yang berfungsi untuk maju dan kembali ke bab sebelumnya. Untuk dapat
berinteraksi diperlukan juga actionscript. Actionscript yang digunakan sama dengan actionscript yang digunakan pada tombol materi.
Selain itu dibawah tombol materi juga dilengkapi dengan tombol home dan tombol exit. Tombol home berfungsi untuk kembali ke halaman menu
sedangkan tombol exit berfungsi untuk menutup aplikasi. Kedua tombol tersebut juga menggunakan actionscript untuk dapat berinteraksi. Untuk
tombol exit, actionscript yang digunakan sama dengan pada halaman menu. Sedangkan untuk tombol home, berikut actionscriptnya :
on release { loadMovieNummenu.swf, 0;
}
4. Pembuatan Halaman Kuisioner