Struktur Perancangan Mendesain Tampilan Awal Animasi Mendesain Daftar Isi

BAB 3 PERANCANGAN ANIMASI

3.1 Struktur Perancangan

Dalam suatu perancangan aplikasi sangat dibutuhkan pembuatan struktur perancangan. Struktur perancangan merupakan bagan yang menggambarkan alur kerja dari suatu aplikasi. Proses awal dari pembuatan aplikasi pembelajaran biologi ini juga \dimulai dari membuat suatu struktur perancangan agar mempermudah dalam pengerjaannya. Dengan menggunakan struktur, penulis dapat menggabarkan alur kerja dari animasi media pembelajaran biologi untuk kelas VIII SMP. Adapun struktur yang dibuat adalah sebagai berikut : Gambar 3.1 Struktur Rancangan Animasi Pembelajaran Biologi Halaman Awal Daftar Isi Bab 1 Bab 4 Bab 3 Bab 2 Universitas Sumatera Utara

3.2 Mendesain Tampilan Awal Animasi

Desain tampilan awal animasi adalah sebagai berikut : Gambar 3.2 Rancangan Tampilan Awal Animasi Cara pembuatannya adalah sebagai berikut : 1. Buka lembar kerja macromedia flash 8, kemudian pilih flash document. 2. Buat satu layer pada timeline, yaitu layer awal . 3. Untuk pembuatan background pada layer awal pilih import pada menu file, kemudian pilih import to stage. 4. Untuk pembuatan tombol biologi pilih insert lalu pilih new symbol atw bisajuga tekan ctrl+F8, kemudian pilih Button pada menu type, lalu ok. 5. Tombol biologi berfungsi untuk masuk ke halaman daftar isi yaitu pada layer daftar isi. Cara untuk membuat fungsi tombol biologi adalah dengan mengklik tombol biologi lalu pada jendela Actions-Button ketikkan script program sebagai berikut : onrelease{ gotoAndStop Frame 5; } Untuk Kelas VIII SMP GAMBAR Biologi Universitas Sumatera Utara

3.3 Mendesain Daftar Isi

Desain tampilan Daftar Isi adalah sebagai berikut : Gambar 3.3 Rancangan Tampilan Daftar Isi Cara pembuatannya adalah sebagai berikut : 1. Membuat Frame baru klik kanan pada Frame awal setelah itu pilih insert Blank KeyFrame. 2. Untuk pembuatan judul Daftar Isi yang terdapat pada layer pilihan. 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. Daftar Isi Back Bab 1 Pertumbuhan dan Perkembangan Bab 4. Sistem Pernapasan Pada Manusia 1.1 Pertumbuhan dan Perkembangan 4.1 Organ-Organ Pernapasan Bab 2 Sistem Gerak Pada Manusia 4.2 ProsesPernapasan 2.1 Sistem Gerak 4.3 Gangguan Pada Sistem Pernapasan 2.2 Tulang Penyusun Rangka Tubuh Bab 5 Sistem Peredaran Darah Pada Manusia 2.3 Macam-Macam Tulang 5.1 Darah 2.4 Persendian Pada Manusia 5.2 Alat Peredaran Darah 2.5 Otot 5.3 Gangguan Pada Sistem Peredaran Darah 2.6 Gangguan Pada Sistem Gerak Bab 3 Sistem Pencernaan Pada Manusia 3.1 Makanan dan Fungsinya 3.2 Organ-Organ Pencernaan 3.3 Gangguan Pada Sistem pencernaan Universitas Sumatera Utara 3. Untuk pembuatan background pada layer awal pilih import pada menu file, kemudian pilih import to stage. 4. Membuat tombol Bab 1 sampai Bab 5 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. 6. Tombol Bab 1 sampai Bab 5 berfungsi untuk masuk ke halaman isi dari Bab 1 sampai Bab 5. Cara untuk membuat fungsi tombol Bab 1 sampai Bab 5 adalah dengan mengklik tombol Bab 1 sampai Bab 5 lalu pada jendela Actions-Button ketikkan script program sebagai berikut : onrelease{ gotoAndStopframe 6 sampai seterusnya; } 7. Membuat tombol Back 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. Universitas Sumatera Utara 8. 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. 9. 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 : onrelease{ gotoAndStopframe 1; }

3.4 Mendesain Halaman Bab 1 sampai Bab 5