Seleksi gambar tersebut dan Convert to Symbol menjadi Dobel klik movieclip konten untuk masuk ke mode edit.

Gambar 158. Label secara keseluruhan 17. Simpan file. Penambahan Instance Name Seperti pada penjelasan bab sebelumnya, penambahan instance name diperlukan agar beberapa object bisa diakses oleh actionscipt. Dalam multimedia interaktif yang dikembangkan pada bab ini, objek utama yang harus memiliki instance name adalah tombol-tombol dan movieclip konten. 18. Klik tombol “halaman_depan”, kemudian buka panel properties dan ketikkan “tombol_home” pada kolom instance name. Gambar 159. Instance name tombol_home

19. Dengan cara yang sama tambahkan instance name “tombol_materi”,

“tombol_animasi” dan “tombol_kuis”. 20. Keluar dari mode edit movieclip “konten” dengan menekan Ctrl+E. Selanjutnya klik movieclip konten dan tambahkan instance name “konten”. 21. Simpan file. Penambahan Actionscript untuk Navigasi Setelah masing-masing elemen tersusun dengan baik dan memiliki instance name, tahapan berikutnya adalah menambahkan kode action script. Jika muncul pertanyaan kenapa seluruh halaman diletakkan di dalam movieclip “konten”, hal tersebut dikarenakan pengaturan objek dalam sebuah movieclip akan lebih mudah dilakukan, dan kode akan dijalankan satu kali saja sehingga tidak membutuhkan memori yang banyak. 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