Mengatur Halaman
Proses berikutnya yang sangat penting dan cukup rumit dalam proses pengembangan multimedia pembelajaran interaktif adalah mengatur halaman. Halaman di atur di dalam timeline sedemikian rupa sehingga dapat diakses dengan mudah oleh kode dan memiliki struktur yang memudahkan kita nantinya untuk menambah atau mengubah materi. Ada beberapa teknik yang dapat digunakan, mulai dari teknik menyusun konten secara manual di timele sampai dengan teknik pemrograman seutuhnya (menyusun semua layout dan halaman dengan kode). Pada buku ini akan dijelaskan teknik yang paling mudah yaitu menyusun konten atau materi secara manual. Untuk lebih jelasnya perhatikan contoh berikut :
1. Buatlah sebuah file baru. Selanjutnya atur file dengan membuka properties, sehingga file memiliki ukuran standard untuk aplikasi mobile yaitu 800 x 480 pixel dan 30 FPS.
Gambar 146. Properties dokumen
2. Buatlah sebuah tampilan untuk halaman pertama dari multimedia dengan menggunakan drawing tool, atau dengan cara File > Import > Import to Stage.
Gambar 147. Contoh halaman awal multimedia.
3. Seleksi gambar tersebut, kemudian buka panel properties, pastikan posisi gambar berada di kordinat x = 0; y = 0; dan ukuran gambar tepat 800x480 pixel. Jika belum tepat, nilai tersebut dapat diedit secara langsung melalui panel properties.
Gambar 148. Position and size properties
4. Seleksi gambar tersebut dan Convert to Symbol menjadi movieclip “konten”, sebelum mengklik tombol OK pastikan titik registrasi movieclip berada di kiri atas.
Gambar 149. Titik registrasi movieclip konten
5. Dobel klik movieclip konten untuk masuk ke mode edit.
Gambar 150. Mode edit movieclip konten
6. Rename nama layer 1 menjadi layer background (dengan cara dobel klik pada nama layer) , kemudian buatlah buatlah 5 buah layer baru dan ubah nama masing-masing layer sesuai dengan urutannya mulai dari atas yaitu layer : action, label, tombol, sub_halaman dan halaman isi.
Gambar 151. Susunan layer movieclip konte
7. Klik frame 1 layer tombol kemudian buatlah symbol button “tombol_home” sesuai dengan layout yang telah didesain sebelumnya. Letakkan tombol tersebut pada posisi yang sesuai.
Gambar 152. Tombol halaman depan dan posisinya terhadap background
8. Dengan cara yang sama, buatlah 3 tombol selanjutnya yaitu tombol “materi”, tombol “animasi” dan “tombol kuis”. Untuk mempertahankan konsistensi dan mempermudah proses pembuatan, dapat digunakan fitur Duplicate Symbol. Klik kanan “tombol_home” lalu Copy dan Paste kan di sebelah kanannya. Selanjutnya klik kanan “tombol_home” hasil copy-paste, lalu pilih Duplicate Symbol. Ketikan nama baru, yaitu “tombol materi” dan klik OK. Kemudian dobel klik untuk mengeditnya.
Gambar 153. Duplicate Symbol
Gambar 154. Pengaturan posisi tombol
9. Klik kanan frame 40 layer tombol kemudian pilih Insert Frame, sehingga tombol akan tampil sampai dengan frame 40 tanpa perubahan apapun. Hal ini dikarenakan tombol yang ada akan selalu muncul di seluruh halaman.
10. Kemudian klik kanan frame 10 layer background dan pilih Insert Blank Keyframe. Selanjutnya buatlah sebuah gambar background atau import gambar siap pakai ke stage. Pastikan background yang digunakan tidak mengganggu tampilan materi yang akan ditambahkan. Selanjutnya klik kanan frame 40 layer background dan pilih Insert frame agar background tersebut muncul sampai dengan frame 40.
Gambar 155. Background di frame 10.
11. Klik kanan frame 10 layer halaman isi kemudian pilih Insert Blank Keyframe. Pada frame ini ditujukan untuk meletakkan materi. Pada frame ini dapat ditambahkan text, animasi movieclip, maupun video sesuai dengan konsep yang telah dibuat sebelumnya. Untuk sementara, tambahkan sebuah static text "materi tata surya" pada stage. Pada bab selanjutnya teks tersebut akan diganti dengan materi yang lebih kompleks.
Gambar 156. Konten sementara untuk materi tata surya
12. Klik kanan frame 20 layer halaman isi kemudian pilih Insert Blank Keyframe. Kemudian tambahkan sebuah static text "animasi tata surya" pada stage.
13. Klik kanan frame 30 layer halaman isi kemudian pilih Insert Blank Keyframe. Kemudian tambahkan sebuah static text "kuis tata surya" pada stage.
Penggunaan kelipatan 10 setiap Keyframe dimaksudkan untuk mempermudah anda untuk menambahkan efek transisi dan memudahkan proses editing di kemudian hari.
14. Simpan file.
“Sumber Informasi”
Thanks for reading Mengatur Halaman. Please share...!
