g. Untuk layer mata_ayam, penulis mengambil suatu gambar pada internet
lalu memberi efek agar mata ayam terlihat berkedip. Mata ayam ini hanya terdapat pada layer penjelasan dari 3 macam teori yang telah penulis buat.
3.2 Menu Teori dan Simulasi
Pada bagian ini terdapat 2 buah menu, tetapi pada menu teori terdapat 3 menu lagi. Penjelasannya sebagai berikut:
1. Tombol Bagian Teori
Gambar 3.1 Tampilan untuk dijadikan tombol teori
Text berupa tulisan “TEORI” akan diubah menjadi sebuah tombol dengan
cara klik kanan lalu pilih convert to symbol lalu pilih button, kemudian klik 2 kali sehingga muncul tampilan sebagai berikut:
Gambar 3.2 Tombol Teori
Universitas Sumatera Utara
Pada bagian Up ketikkan kata TEORI lalu pilih insert key frame pada Over, begitu juga pada Down. Pada button ini jika diklik maka akan muncul suara.
Cara memunculkan suara ini dengan cara mengklik pada frame Down lalu pilih properties, dan sisipkan sound pada library yang sudah di import. Maka ketika
tombol ini ditekan akan muncul sound secara otomatis.
Tombol teori ini akan terkoneksi dengan menu-menu yang terdapat di samping dari tombol teori tersebut. Untuk mengkoneksikan teks yang telah
berhasil dibuat menjadi button dibutuhkan adanya action script, script tersebut adalah:
on release { gotoAndStop3;
} Disini penulis membuat frame selanjutnya yaitu frame 3. Berikut tampilan
scriptnya:
Gambar 3.3 Script tombol ke jenis-jenis teori
Universitas Sumatera Utara
1.1 Tombol Pengertian Gunung Meletus
Sisipkan text yang bertuliskan “Apa itu gunung meletus?” lalu ubah text tersebut
menjadi sebuah tombol dengan cara klik kanan lalu pilih convert to symbol lalu pilih button, kemudian klik dua kali maka akan muncul tampilan sebagai berikut:
Gambar 3.4 Tombol Pengertian Gunung Meletus
Pada tombol ini penulis memberi efek agar tombol terlihat lebih menarik. Untuk memberi efek ini harus diubah menjadi movie clip terlebih dahulu dengan
cara klik kanan lalu pilih convert to symbol lalu pilih movie clip. Efek yang diberikan penulis menggunakan motion tween. Klik dua kali pada movie clip
tersebut maka akan muncul tampilan sebagai berikut:
Gambar 3.5 Movie Clip Pengertian Gunung Meletus
Disini penulis memberikan rentang frame hingga 30 pada tombol pengertian. Setelah diberi motion tween penulis mereverse motion tersebut.
Universitas Sumatera Utara
Setelah di reverse penulis memberikan action script pada frame terakhir agar button tersebut tidak hilang muncul. Action script tersebut adalah:
Stop ;
Berikut tampilannya:
Gambar 3.6 Script berhenti
Setelah teks tersebut sudah menjadi button dan sudah diberi efek motion tween, maka button harus di koneksikan dengan menggunakan action script agar
dapat lanjut ke frame “apa” dengan cara pilih windows actions atau langsung
saja menekan F9 pada keyboard lalu akan muncul tampilan action tersebut. Script yang digunakan sebagai berikut:
on press { gotoAndStopapa;
} Penulis membuat nama layer
selanjutnya adalah “apa”. Berikut tampilannya:
Gambar 3.7 Script ke halaman selanjutnya
Universitas Sumatera Utara
1.2 Tombol Ciri-ciri Gunung Meletus
Sisipkan sebuah text pada frame menu seperti gambar berikut:
Gambar 3.8 Tampilan text untuk dijadikan tombol
Text tersebut diubah menjadi sebuah tombol dengan cara klik kanan lalu pilih convert to symbol lalu pilih button, kemudian klik 2 kali sehingga muncul
tampilan sebagai berikut:
Gambar 3.9 Tombol Ciri-ciri Gunung Meletus
Koneksikan teks tersebut yang telah berhasil dibuat menjadi button dengan action script agar dapat lanjut ke layer cirri-ciri dari teori ini dengan cara pilih
windows actions atau langsung dengan menekan F9 pada keyboard maka akan muncul tampilan action tersebut, dan ketikkan action script berikut ini:
onrelease{ gotoAndStopciri;
}
Universitas Sumatera Utara
Penulis membuat nama frame selanjutnya adalah “ciri”, berikut tampilannya:
Gambar 3.10 Script ke halaman ciri-ciri
1.3 Tombol Jalur Evakuasi
Penulis menyisipkan sebuah teks yang akan diubah menjadi tombol. Teks tersebut seperti gambar berikut:
Gambar 3.11 Tampilan teks untuk dijadikan sebuah tombol
Penulis mengubah teks tersebut menjadi sebuah tombol dengan cara klik kanan lalu pilih convert to symbol lalu pilih button, kemudian klik 2 kali sehingga
muncul tampilan sebagai berikut:
Gambar 3.12 Tombol Ciri-ciri
Universitas Sumatera Utara
Kemudian koneksikan teks yang telah berhasil dibuat button dengan action script agar bias lanjut ke frame selanjutnya dengan cara pilih windows action
atau langsung menekan F9 pada keyboard maka akan muncul tampilan action tersebut, dan ketikkan script berikut ini:
onrelease{ gotoAndStopevakuasi;
} Penulis membuat nama frame
berikutnya adalah “evakuasi”, berikut tampilannya:
Gambar 3.13 Script ke halaman penjelasan evakuasi
2. Tombol Simulasi
Sisipkan sebuah text pada lembar kerja sebagai berikut:
Gambar 3.14 Tampilan teks untuk dijadikan tombol simulasi
Universitas Sumatera Utara
Setelah disisipkan teks tersebut lalu ubah teks menjadi sebuah tombol dengan cara klik kanan lalu pilih convert to symbol lalu pilih button, kemudian
klik dua kali sehingga muncul tampilan sebagai berikut:
Gambar 3.15 Tombol Simulasi
Pada bagian Over pilih insert keyframe, teks akan otomatis tersedia sesuai yang ada pada frame Up. Insert key frame lagi pada down. Penulis juga
memberikan sound pada button, jika tombol diklik maka akan mengeluarkan suara. Peletakan suara ini terdapat di key frame Down, lalu sisipkan lagu yang
ingin dipilih pada library.
Setelah teks sudah berhasil dibuat menjadi button, kemudian koneksikan teks agar dapat lanjut ke halaman selanjutnya menggunakan action script dengan
cara pilih windows action atau langsung menekan F9 pada keyboard maka akan muncul tampilan action tersebut, dan ketikkan script di bawah ini:
on release { gotoAndStop simulasi;
} Penulis memberi nama frame selanjutnya deng
an “simulasi”, berikut tampilannya sebagai berikut:
Universitas Sumatera Utara
Gambar 3.16 Script ke halaman simulasi
3. Tombol Back
Penulis membuat tombol back ini tidak menggunakan gambar yang ada pada library, melainkan membuat sendiri dengan cara create new symbol atau langsung
saja menekan Ctrl + F8 yang terdapat pada keyboard lalu pilih button. Penulis terlebih dahulu membuat oval tool dan memberikan efek warna agar terlihat
menarik dan menyisipkan kata “back”. Berikut tampilannya:
Gambar 3.17 Tombol Back
Setelah tombol sudah diberi efek dan disisipkan teks tersebut maka insert key frame pada over, dan down. Penulis memberi sound pada tombol ini dengan
cara menyisipkan lagu yang sudah tersedia pada key frame Down.
Universitas Sumatera Utara
Kemudian koneksikan teks yang telah berhasil dibuat menjadi button dengan action script agar dapat kembali ke frame sebelumnya dengan cara pilih
windows actions atau menekan F9 pada keyboard maka akan muncul tampilan action tersebut, lalu ketikkan script sebagai berikut:
onrelease{ gotoAndStopawal;
} Penulis membuat nama tampilan awal adalah “awal”, berikut tampilannya:
Gambar 3.18 Script kembali ke halaman awal
3.3 Layer
