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