Klik frame 1 layer tombol kemudian buatlah symbol button Dengan cara yang sama, buatlah 3 tombol

119 Dalam pemrograman terdapat istilah garbage collector, dimana listener-listener yang sudah tidak digunakan harus dihapus. Apabila seluruh konten ditampilkan ke dalam timeline utama Scene, maka akan muncul peluang kode yang ada di frame 1 halaman depan berulang beberapa kali, sehingga akan menambah kebutuhan memori dan memperlambat kerja aplikasi. Dengan memasukkan seluruh konten ke dalam movieclip kode akan lebih mudah diatur, diaktivasi dan dihapus. Untuk menambahkan kode navigasi, perhatikan langkah-langkah berikut :

22. Lanjutkan file tutorial sebelumnya. Kemudian buatlah sebuah layer baru layer

2.

23. Klik frame 1 layer 2, kemudian buka panel Action F9 dan ketikan kode

berikut : 1. konten . stop ; 2. konten . tombol_home . addEventListener MouseEvent . CLICK , aturNavigasi ; 3. konten . tombol_materi . addEventListener MouseEvent . CLICK , aturNavigasi ; 4. konten . tombol_animasi . addEventListener MouseEvent . CLICK , aturNavigasi ; 5. konten . tombol_kuis . addEventListener MouseEvent . CLICK , aturNavigasi ; 6. 7. function aturNavigasi e : MouseEvent : void { 8. var namaTombol : String = e . currentTarget . name ; 9. if namaTombol == tombol_home { 10. konten . gotoAndStop hal_1 ; 11. } 12. if namaTombol == tombol_materi { 13. konten . gotoAndStop hal_2 ; 14. } 15. if namaTombol == tombol_animasi { 16. konten . gotoAndStop hal_3 ; 17. } 18. if namaTombol == tombol_kuis { 19. konten . gotoAndStop hal_4 ; 20. } 21. } 24. Jalankan aplikasi dengan menekan Ctrl+Enter. Uji coba tombol dan navigasinya, pastikan semua bekerja dengan baik. Apabila tidak ada langkah yang salah, maka sistem navigasi dari media pembelajaran interaktif akan berfungsi dengan baik. Membuat Transisi Halaman Untuk memperoleh sebuah interktif multimedia yang dinamis, pergantian antar halaman dapat ditambahkan sebuah efek transisi. Efek tersebut bisa berupa animasi motion tween, efek fade inout, efek zoom inout dan sebagainya. Pada contoh berikut dijelaskan proses pembuatan transisi halaman dengan menggunakan movieclip. Untuk lebih jelasnya perhatikan langkah berikut : 25. Lanjutkan file di atas. Buatlah sebuah layer baru di atas layer 1 layer 3. Kemudian atur kembali nama layer menjadi layer “konten”, “transisi” dan “kode” beruturan dari bawah ke atas.

26. Klik frame 1 layer transisi kemudian buatlah sebuah kotak dengan ukuran yang

sama persis dengan ukuran stage, dan posisikan tepat menutupi konten. Selanjutnya buatlah garis horizontal yang membelah kotak tersebut tepat di tengah digunakan untuk membuat animasi transisi yang menutup bagian atas dan bagian bawah. Lock layer konten untuk mempermudah proses agar konten tidak terganggu. Gambar 160. Mengatur transisi 27. Seleksi gambar di layer transisi tersebut, kemudian Convert to Symbol menjadi movieclip “transisi”. Selanjutnya dobel klik untuk mengeditnya.

28. Pada mode edit, seleksi bagian atas dari kotak yang terbelah, kemudian Convert to Symbol

menjadi movieclip “tutup atas”. 29. seleksi bagian bawah dari kotak yang terbelah, kemudian Convert to Symbol menjadi movieclip “tutup bawah”. Hapus outline yang tersisa dari stage, sehingga hanya menyisakan 2 movieclip.