Mendesain Tampilan Abiotik Mendesain Tampilan Gambar

3.7 Mendesain Tampilan Abiotik

Sebagai contoh tampilan dari setiap topik pembelajaran ekosistem di sini adalah abiotik, karena pada tampilan pada bagian abiotik yang lainnya sama saja, yang membedakannya hanyalah pada bagian script dimana frame yang dituju akan berbeda. Desain tampilan kubus adalah sebagai berikut : Gambar 3.10 Rancangan Tampilan Abiotik Cara pembuatannya adalah sebagai berikut : 1. Membuat Frame baru klik kanan pada Frame awal setelah itu pilih insert Blank KeyFrame. 2. Untuk pembuatan tombol back pada tampilan kali ini sama dengan tombol button yang sebelumnya bedanya hanya pada bentuk tampilan yang lebih kreatif yang disimbolkan dengan gambar dan beda pada script frame nya, untuk membuat script Judul topik pembelajaran Penjelasan Back Button selanjutnya Universitas Sumatera Utara pada tombol back dengan mengklik pada jendela action-buttons ketikkan script program sebagai berikut: onrelease{ gotoAndStopmateri1,1; } Jika kita mengklik button back maka kita akan kembali ke tampilan menu bangun ruang. 3. Button untuk selanjutnya pada bagian ini berupa teks tulisan yang telah diconvert menjadi button. Fungsi dari button ini adalah memindahkan kita ke frame selanjutnya sesuai dengan topik pembelajaran kita. Untuk membuat script pada tombol melihat gambar dengan mengklik pada jendela action-buttons ketikkan script program sebagai berikut: onrelease{ gotoAndStop3; } Universitas Sumatera Utara

3.8 Mendesain Tampilan Gambar

Pada bagian gambar ini akan ditunjukkan bagaimana gambar setiap ekosistem yang dipelajari. Desain tampilan gambar kita ambil dari contoh kubus adalah sebagai berikut : Gambar 3.11 Rancangan Tampilan Gambar Setelah kita mengklik button untuk melihat gambar, maka akan ditampilkan gambar dari pengertian ekosistem tersebut. Pada bagian button kita masukkan script sebagai berikut : onrelease{ gotoAndStopgambar,1; } Judul topik pembelajaran menggunakaan teks animasi Penjelasan Back Button untuk melihat gambar Universitas Sumatera Utara Maksud dari script di atas adalah kita akan berpindah ke scene yang telah diberi nama gambar dan menuju ke frame 1 di dalam scene itu dimana di dalam frame 1 telah terdapat gambar ekosistem. Untuk gambar bangun datar dan bangun ruang lainnya juga berada pada scene gambar ini, yang membedakan script nya adalah pada bagian frame nya. Berikut rancangan desain dari bagian gambar : Gambar 3.12 Rancangan Tampilan Gambar Cara pembuatannya adalah sebagai berikut : 1. Membuat scene baru dengan cara insert kemudian pilih scene, beri nama scene tersebut gambar. Dimana di dalam scene ini hanya terdapat kumpulan gambar dari semua ekosistem yang dipelajari. 2. Frame baru klik kanan pada Frame awal setelah itu pilih insert Blank KeyFrame. 3. Untuk pembuatan tombol back pada tampilan kali ini sama dengan tombol button yang sebelumnya bedanya hanya pada bentuk tampilan yang lebih kreatif yang disimbolkan dengan gambar. Untuk membuat script pada tombol back dengan mengklik pada jendela action-buttons ketikkan script program sebagai berikut : Nama gambar Gambar ekosistem back Universitas Sumatera Utara onrelease{ gotoAndStopmateri1,1; } Jika kita mengklik button back maka kita akan kembali ke pembelajaran bangun ruang yang sedang kita pelajari

3.9 Mendesain Tampilan Profil