Mendesain Halaman Jenis Kupu-kupu

background lalu pilih arrange kemudian pilih send to back, maka gambar background akan terletak dibelakang gambar dan tulisan. 12. Aktifkan layer pilihan lalu import music yang diinginkan. Pilih menu file →import→import to library. Drag music pada panel library ketengah stage. Dan ketikkan script berikut pada Action-Frame : MySound=new Sound; MySound.attachSoundmusic1; MySound.stop; MySound.start;

3.5 Mendesain Halaman Jenis Kupu-kupu

Desain tampilan halaman jenis kupu-kupu adalah sebagai berikut : Gambar 3.5 Rancangan Tampilan Halaman Jenis Kupu-kupu Lepidoptera Kupu-kupu Latar Belakang gambar HOME Lycaenidae BACK Nymphalidae Papilionidae Pieridae Riodinidae Universitas Sumatera Utara Cara pembuatannya adalah sebagai berikut : 1. Membuat layer baru klik kanan pada layer pilihan setelah itu pilih insert layer. Ganti nama layer ke-3 dengan nama kupu. Dalam layer kupu tersebut klik kanan pada Frame kupu, lalu pilih Insert KeyFrame.Lalu pada menu properties ganti nama Frame dengan nama kupu 2. Pada layer kupu menggunakan background yang bergambar kupu-kupu. Membuat background tersebut dengan cara pilih menu file, pilih import lalu pilih import to stage, kemudian pilih gambar lalu pilih open. Kemudian sesuaikan letak background. Klik kanan pada background lalu pilih arrange kemudian pilih send to back, maka gambar background akan terletak dibelakang gambar dan tulisan. 3. Untuk pembuatan judul pada halaman jenis kupu-kupu yang terdapat pada layer kupu. Pilih text tools T yang terdapat pada menu tools, Setelah itu klikkan pada lembar kerja lalu ketik judulnya. Untuk mengatur warna teksnya yaitu pada Text Fill color pada menu Properties. 4. Membuat tombol menu Lycaenidae , Nymphalidae, Papilionidae, Pieridae dan Riodinidae pilih Rectangle Tool R yang terdapat pada menu tools, lalu buat bentuk pesegi.Kemudian untuk mennganti warnanya pilih Fill color pada menu properties. Untuk kembali menormalkan kursor pilih Selection Tool V pada menu tools. Kemudian double klik pada kotak setelah itu klik kanan dan pilih Convert to symbol F8, lalu klik Button dan klik ok. 5. Untuk membuat teks pada kotak tombol tersebut klik Teks Tool T pada menu tools. Klik di dalam kotak dan beri nama tombol. Untuk memberi warna tulisan buka menu properties lalu pilih Text Fill color, kemudian pilih Selection Tool V pada menu tools untuk menormalkan kursor. Universitas Sumatera Utara 6. Berikan efek menonjol pada tombol dengan cara klik kanan pada tombol , pilih Timeline effect kemudian pilih efek Blur, lalu ok. 7. Untuk pembuatan tombol BACK pilih import pada menu file, kemudian pilih import to stage, lalu masukkan gambar yang bertuliskan BACK. Kemudian double klik pada gambar tersebut, Klik kanan pada gambar menu lalu pilih Convert to symbol atau bisa juga dengan menekan F8, kemudian pilih Button pada menu Behavior lanjutkan dengan memilih Registration untuk titik fokus, lalu ok. 8. Tombol BACK berfungsi untuk kembali ke menu utama. Cara untuk membuat fungsi tombol BACK adalah dengan mengklik tombol BACK lalu pada jendela Actions-Button ketikkan script program sebagai berikut : onpress{ gotoAndPlaypilihan; } 9. Untuk pembuatan tombol HOME pilih import pada menu file, kemudian pilih import to stage, lalu masukkan gambar yang bertuliskan HOME. Kemudian double klik pada gambar tersebut, Klik kanan pada gambar menu lalu pilih Convert to symbol atau bisa juga dengan menekan F8, kemudian pilih Button pada menu Behavior lanjutkan dengan memilih Registration untuk titik fokus, lalu ok. 10. Tombol HOME berfungsi untuk kembali ke halaman awal. Cara untuk membuat fungsi tombol HOME adalah dengan mengklik tombol HOME lalu pada jendela Actions-Button ketikkan script program sebagai berikut : onpress{ gotoAndPlaymenu; } Universitas Sumatera Utara

3.5.1 Mendesain Halaman Lycaenidae

Desain tampilan halaman Lycaenidae adalah sebagai berikut : Gambar 3.6 Rancangan Tampilan Halaman Lycaenidae Cara pembuatannya adalah sebagai berikut : 1. Membuat layer baru klik kanan pada layer kupu setelah itu pilih insert layer. Ganti nama layer ke-4 dengan nama lycaenidae. Dalam layer lycaenidae tersebut klik kanan pada Frame satu, lalu pilih Insert KeyFrame.Lalu pada menu properties ganti nama Frame dengan nama satu. 2. Untuk pembuatan judul pada halaman Lycaenidae yang terdapat pada layer Lycaenidae. Pilih text tools T yang terdapat pada menu tools, Setelah itu klikkan pada lembar kerja lalu ketik judulnya. Untuk mengatur warna teksnya yaitu pada Text Fill color pada menu Properties. 3. Pada layer Lycaenidae masukkan gambar kupu-kupu, pilih menu file, lalu pilih import stage dan pilih tempat penyimpanan gambar. Setelah gambar masuk Lycaenidae Latar Belakang Gambar HOME Gambar Gambar Gambar Gambar Gambar Gambar BACK Universitas Sumatera Utara ubah gambar tersebut menjadi Button dengan cara klik kanan pada gambar, lalu pilih Convert to symbol F8, lalu pilih Behavior, kemudian Button dan ok. 4. Setelah jadi Button klik dua kali pada gambar lalu pada menu timeline di layer satu klik kanan pada over. Lalu pilih Insert KeyFrame dan masukkan teks penjelasan disamping gambar kupu-kupu dengan memilih Text Tool T pada menu tools dan klik pada lembar kerja, lalu ketikkan penjelasan gambar tersebut. 5. Kemudian klik kanan pada Down, lalu pilih Insert KeyFrame dan buka file, lalu pilih import dan pilih Import to Library, setelah itu buka file suara di tempat penyimpanan data. 6. Untuk pembuatan tombol HOME pilih import pada menu file, kemudian pilih import to stage, lalu masukkan gambar yang bertuliskan HOME. Kemudian double klik pada gambar tersebut, Klik kanan pada gambar menu lalu pilih Convert to symbol atau bisa juga dengan menekan F8, kemudian pilih Button pada menu Behavior lanjutkan dengan memilih Registration untuk titik fokus, lalu ok. 7. Tombol HOME berfungsi untuk kembali ke halaman awal. Cara untuk membuat fungsi tombol HOME adalah dengan mengklik tombol HOME lalu pada jendela Actions-Button ketikkan script program sebagai berikut : onpress{ gotoAndPlaymenu; } 8. Untuk pembuatan tombol BACK pilih import pada menu file, kemudian pilih import to stage, lalu masukkan gambar yang bertuliskan BACK. Kemudian double klik pada gambar tersebut, Klik kanan pada gambar menu lalu pilih Universitas Sumatera Utara Convert to symbol atau bisa juga dengan menekan F8, kemudian pilih Button pada menu Behavior lanjutkan dengan memilih Registration untuk titik fokus, lalu ok. 10. Tombol BACK berfungsi untuk kembali ke halaman awal. Cara untuk membuat fungsi tombol BACK adalah dengan mengklik tombol BACK lalu pada jendela Actions-Button ketikkan script program sebagai berikut : onpress{ gotoAndPlaykupu; } 11. Mebuat background dengan cara pilih menu file, pilih import lalu pilih import to stage, kemudian pilih gambar background lalu pilih open. Kemudian sesuaikan letak background. Klik kanan pada background lalu pilih arrange kemudian pilih send to back, maka gambar background akan terletak dibelakang gambar dan tulisan. Universitas Sumatera Utara

3.5.2 Mendesain Halaman Nymphalidae

Desain tampilan halaman Nymphalidae adalah sebagai berikut : Gambar 3.7 Rancangan Tampilan Halaman Nymphalidae Cara pembuatannya adalah sebagai berikut : 1. Membuat layer baru klik kanan pada Lycaenidae setelah itu pilih insert layer. Ganti nama layer ke-5 dengan nama Nymphalidae. Dalam layer Nymphalidae tersebut klik kanan pada Frame dua, lalu pilih Insert KeyFrame. Lalu pada menu properties ganti nama Frame dengan nama dua. 2. Untuk pembuatan judul pada halaman Nymphalidae yang terdapat pada layer Nymphalidae. Pilih text tools T yang terdapat pada menu tools, Setelah itu klikkan pada lembar kerja lalu ketik judulnya. Untuk mengatur warna teksnya yaitu pada Text Fill color pada menu Properties. Nymphalidae Latar Belakang Gambar Gambar Gambar Gambar Gambar Gambar BACK HOME Universitas Sumatera Utara 3. Pada layer Nymphalidae masukkan gambar kupu-kupu, pilih menu file, lalu pilih import stage dan pilih tempat penyimpanan gambar. Setelah gambar masuk ubah gambar tersebut menjadi Button dengan cara klik kanan pada gambar, lalu pilih Convert to symbol F8, lalu pilih Behavior, kemudian Button dan ok. 4. Setelah jadi Button klik dua kali pada gambar lalu pada menu timeline di layer satu klik kanan pada over. Lalu pilih Insert KeyFrame dan masukkan teks penjelasan disamping gambar kupu-kupu dengan memilih Text Tool T pada menu tools dan klik pada lembar kerja, lalu ketikkan penjelasan gambar tersebut. 5. Kemudian klik kanan pada Down, lalu pilih Insert KeyFrame dan buka file, lalu pilih import dan pilih Import to Library, setelah itu buka file suara di tempat penyimpanan data. 6. Untuk pembuatan tombol HOME pilih import pada menu file, kemudian pilih import to stage, lalu masukkan gambar yang bertuliskan HOME. Kemudian double klik pada gambar tersebut, Klik kanan pada gambar menu lalu pilih Convert to symbol atau bisa juga dengan menekan F8, kemudian pilih Button pada menu Behavior lanjutkan dengan memilih Registration untuk titik fokus, lalu ok. 7. Tombol HOME berfungsi untuk kembali ke halaman awal. Cara untuk membuat fungsi tombol HOME adalah dengan mengklik tombol HOME lalu pada jendela Actions-Button ketikkan script program sebagai berikut : onpress{ gotoAndPlaymenu; } Universitas Sumatera Utara 8. Untuk pembuatan tombol BACK pilih import pada menu file, kemudian pilih import to stage, lalu masukkan gambar yang bertuliskan BACK. Kemudian double klik pada gambar tersebut, Klik kanan pada gambar menu lalu pilih Convert to symbol atau bisa juga dengan menekan F8, kemudian pilih Button pada menu Behavior lanjutkan dengan memilih Registration untuk titik fokus, lalu ok. 10. Tombol BACK berfungsi untuk kembali ke halaman awal. Cara untuk membuat fungsi tombol BACK adalah dengan mengklik tombol BACK lalu pada jendela Actions-Button ketikkan script program sebagai berikut : onpress{ gotoAndPlaykupu; } 11. Mebuat background dengan cara pilih menu file, pilih import lalu pilih import to stage, kemudian pilih gambar background lalu pilih open. Kemudian sesuaikan letak background. Klik kanan pada background lalu pilih arrange kemudian pilih send to back, maka gambar background akan terletak dibelakang gambar dan tulisan. Universitas Sumatera Utara

3.5.3 Mendesain Halaman Papillionidae

Desain tampilan halaman Papillionidae adalah sebagai berikut : Gambar 3.8 Rancangan Tampilan Halaman Papillionidae Cara pembuatannya adalah sebagai berikut : 1. Membuat layer baru klik kanan pada Nymphalidae setelah itu pilih insert layer. Ganti nama layer ke-6 dengan nama Papillionidae. Dalam layer Papillionidaetersebut klik kanan pada Frame tiga, lalu pilih Insert KeyFrame.Lalu pada menu properties ganti nama Frame dengan nama tiga. 2. Untuk pembuatan judul pada halaman Papillionidae yang terdapat pada layer Papillionidae. Pilih text tools T yang terdapat pada menu tools, Setelah itu klikkan pada lembar kerja lalu ketik judulnya. Untuk mengatur warna teksnya yaitu pada Text Fill color pada menu Properties. Papillionidae Latar Belakang Gambar BACK Gambar Gambar Gambar Gambar Gambar HOME Universitas Sumatera Utara 3. Pada layer Papillionidae masukkan gambar kupu-kupu, pilih menu file, lalu pilih import stage dan pilih tempat penyimpanan gambar. Setelah gambar masuk ubah gambar tersebut menjadi Button dengan cara klik kanan pada gambar, lalu pilih Convert to symbol F8, lalu pilih Behavior, kemudian Button dan ok. 4. Setelah jadi Button klik dua kali pada gambar lalu pada menu timeline di layer satu klik kanan pada over. Lalu pilih Insert KeyFrame dan masukkan teks penjelasan disamping gambar kupu-kupu dengan memilih Text Tool T pada menu tools dan klik pada lembar kerja, lalu ketikkan penjelasan gambar tersebut. 5. Kemudian klik kanan pada Down, lalu pilih Insert KeyFrame dan buka file, lalu pilih import dan pilih Import to Library, setelah itu buka file suara di tempat penyimpanan data. 6. Untuk pembuatan tombol HOME pilih import pada menu file, kemudian pilih import to stage, lalu masukkan gambar yang bertuliskan HOME. Kemudian double klik pada gambar tersebut, Klik kanan pada gambar menu lalu pilih Convert to symbol atau bisa juga dengan menekan F8, kemudian pilih Button pada menu Behavior lanjutkan dengan memilih Registration untuk titik fokus, lalu ok. 7. Tombol HOME berfungsi untuk kembali ke halaman awal. Cara untuk membuat fungsi tombol HOME adalah dengan mengklik tombol HOME lalu pada jendela Actions-Button ketikkan script program sebagai berikut : onpress{ gotoAndPlaymenu; } Universitas Sumatera Utara 8. Untuk pembuatan tombol BACK pilih import pada menu file, kemudian pilih import to stage, lalu masukkan gambar yang bertuliskan BACK. Kemudian double klik pada gambar tersebut, Klik kanan pada gambar menu lalu pilih Convert to symbol atau bisa juga dengan menekan F8, kemudian pilih Button pada menu Behavior lanjutkan dengan memilih Registration untuk titik fokus, lalu ok. 10. Tombol BACK berfungsi untuk kembali ke halaman awal. Cara untuk membuat fungsi tombol BACK adalah dengan mengklik tombol BACK lalu pada jendela Actions-Button ketikkan script program sebagai berikut : onpress{ gotoAndPlaykupu; } 11. Mebuat background dengan cara pilih menu file, pilih import lalu pilih import to stage, kemudian pilih gambar background lalu pilih open. Kemudian sesuaikan letak background. Klik kanan pada background lalu pilih arrange kemudian pilih send to back, maka gambar background akan terletak dibelakang gambar dan tulisan. Universitas Sumatera Utara

3.5.4 Mendesain Halaman Pieridae

Desain tampilan halaman Pieridae adalah sebagai berikut : Gambar 3.9 Rancangan Tampilan Halaman Pieridae Cara pembuatannya adalah sebagai berikut : 1. Membuat layer baru klik kanan pada Papillionidae setelah itu pilih insert layer. Ganti nama layer ke-7 dengan nama Pieridae. Dalam layer Pieridaetersebut klik kanan pada Frame empat, lalu pilih Insert KeyFrame.Lalu pada menu properties ganti nama Frame dengan nama empat. 2. Untuk pembuatan judul pada halaman Pieridae yang terdapat pada layer Pieridae. Pilih text tools T yang terdapat pada menu tools, Setelah itu klikkan pada lembar kerja lalu ketik judulnya. Untuk mengatur warna teksnya yaitu pada Text Fill color pada menu Properties. Pieridae Latar Belakang Gambar BACK Gambar Gambar Gambar Gambar HOME Universitas Sumatera Utara 3. Pada layer Pieridae masukkan gambar kupu-kupu, pilih menu file, lalu pilih import stage dan pilih tempat penyimpanan gambar. Setelah gambar masuk ubah gambar tersebut menjadi Button dengan cara klik kanan pada gambar, lalu pilih Convert to symbol F8, lalu pilih Behavior, kemudian Button dan ok. 4. Setelah jadi Button klik dua kali pada gambar lalu pada menu timeline di layer satu klik kanan pada over. Lalu pilih Insert KeyFrame dan masukkan teks penjelasan disamping gambar kupu-kupu dengan memilih Text Tool T pada menu tools dan klik pada lembar kerja, lalu ketikkan penjelasan gambar tersebut. 5. Kemudian klik kanan pada Down, lalu pilih Insert KeyFrame dan buka file, lalu pilih import dan pilih Import to Library, setelah itu buka file suara di tempat penyimpanan data. 6. Untuk pembuatan tombol HOME pilih import pada menu file, kemudian pilih import to stage, lalu masukkan gambar yang bertuliskan HOME. Kemudian double klik pada gambar tersebut, Klik kanan pada gambar menu lalu pilih Convert to symbol atau bisa juga dengan menekan F8, kemudian pilih Button pada menu Behavior lanjutkan dengan memilih Registration untuk titik fokus, lalu ok. 7. Tombol HOME berfungsi untuk kembali ke halaman awal. Cara untuk membuat fungsi tombol HOME adalah dengan mengklik tombol HOME lalu pada jendela Actions-Button ketikkan script program sebagai berikut : onpress{ gotoAndPlaymenu; } Universitas Sumatera Utara 8. Untuk pembuatan tombol BACK pilih import pada menu file, kemudian pilih import to stage, lalu masukkan gambar yang bertuliskan BACK. Kemudian double klik pada gambar tersebut, Klik kanan pada gambar menu lalu pilih Convert to symbol atau bisa juga dengan menekan F8, kemudian pilih Button pada menu Behavior lanjutkan dengan memilih Registration untuk titik fokus, lalu ok. 10. Tombol BACK berfungsi untuk kembali ke halaman awal. Cara untuk membuat fungsi tombol BACK adalah dengan mengklik tombol BACK lalu pada jendela Actions-Button ketikkan script program sebagai berikut : onpress{ gotoAndPlaykupu; } 11. Mebuat background dengan cara pilih menu file, pilih import lalu pilih import to stage, kemudian pilih gambar background lalu pilih open. Kemudian sesuaikan letak background. Klik kanan pada background lalu pilih arrange kemudian pilih send to back, maka gambar background akan terletak dibelakang gambar dan tulisan. Universitas Sumatera Utara

3.5.5 Mendesain Halaman Riodinidae

Desain tampilan halaman Riodinidae adalah sebagai berikut : Gambar 3.10 Rancangan Tampilan Halaman Riodinidae Cara pembuatannya adalah sebagai berikut : 1. Membuat layer baru klik kanan pada Pieridae setelah itu pilih insert layer. Ganti nama layer ke-8 dengan nama Riodinidae. Dalam layer Riodinidae tersebut klik kanan pada Frame lima, lalu pilih Insert KeyFrame.Lalu pada menu properties ganti nama Frame dengan nama lima. 2. Untuk pembuatan judul pada halaman Riodinidae yang terdapat pada layer Riodinidae. Pilih text tools T yang terdapat pada menu tools, Setelah itu klikkan pada lembar kerja lalu ketik judulnya. Untuk mengatur warna teksnya yaitu pada Text Fill color pada menu Properties. Riodinidae Latar Belakang Gambar BACK Gambar Gambar Gambar Gambar HOME Universitas Sumatera Utara 3. Pada layer Riodinidae masukkan gambar kupu-kupu, pilih menu file, lalu pilih import stage dan pilih tempat penyimpanan gambar. Setelah gambar masuk ubah gambar tersebut menjadi Button dengan cara klik kanan pada gambar, lalu pilih Convert to symbol F8, lalu pilih Behavior, kemudian Button dan ok. 4. Setelah jadi Button klik dua kali pada gambar lalu pada menu timeline di layer satu klik kanan pada over. Lalu pilih Insert KeyFrame dan masukkan teks penjelasan disamping gambar kupu-kupu dengan memilih Text Tool T pada menu tools dan klik pada lembar kerja, lalu ketikkan penjelasan gambar tersebut. 5. Kemudian klik kanan pada Down, lalu pilih Insert KeyFrame dan buka file, lalu pilih import dan pilih Import to Library, setelah itu buka file suara di tempat penyimpanan data. 6. Untuk pembuatan tombol HOME pilih import pada menu file, kemudian pilih import to stage, lalu masukkan gambar yang bertuliskan HOME. Kemudian double klik pada gambar tersebut, Klik kanan pada gambar menu lalu pilih Convert to symbol atau bisa juga dengan menekan F8, kemudian pilih Button pada menu Behavior lanjutkan dengan memilih Registration untuk titik fokus, lalu ok. 7. Tombol HOME berfungsi untuk kembali ke halaman awal. Cara untuk membuat fungsi tombol HOME adalah dengan mengklik tombol HOME lalu pada jendela Actions-Button ketikkan script program sebagai berikut : onpress{ gotoAndPlaymenu; } Universitas Sumatera Utara 8. Untuk pembuatan tombol BACK pilih import pada menu file, kemudian pilih import to stage, lalu masukkan gambar yang bertuliskan BACK. Kemudian double klik pada gambar tersebut, Klik kanan pada gambar menu lalu pilih Convert to symbol atau bisa juga dengan menekan F8, kemudian pilih Button pada menu Behavior lanjutkan dengan memilih Registration untuk titik fokus, lalu ok. 10. Tombol BACK berfungsi untuk kembali ke halaman awal. Cara untuk membuat fungsi tombol BACK adalah dengan mengklik tombol BACK lalu pada jendela Actions-Button ketikkan script program sebagai berikut : onpress{ gotoAndPlaykupu; } 11. Mebuat background dengan cara pilih menu file, pilih import lalu pilih import to stage, kemudian pilih gambar background lalu pilih open. Kemudian sesuaikan letak background. Klik kanan pada background lalu pilih arrange kemudian pilih send to back, maka gambar background akan terletak dibelakang gambar dan tulisan. Universitas Sumatera Utara

3.6 Mendesain Halaman Jenis Kumbang