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 media pembelajaran matematika kelas VIII tingkat SMP.
Adapun struktur yang dibuat adalah sebagai berikut :
Gambar 3.1 Struktur Rancangan Media Pembelajaran Matematika
Halaman Awal Daftar Isi
Bab 1 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 atau bisa juga tekan ctrl+F8, kemudian pilih Button pada menu type, lalu ok.
Matematika Tingkat SMP Kelas VII
Silahkan Klik Untuk Halaman Selanjutnya
GAMBAR
Universitas Sumatera Utara
5. Tombol “
Silahkan Klik Untuk Halaman Selanjutnya
”
berfungsi untuk masuk ke halaman daftar isi yaitu pada layer daftar isi. Cara untuk membuat fungsi tombol
adalah dengan mengklik tombol lalu pada jendela Actions-Button ketikkan script program sebagai berikut :
onrelease{ gotoAndStop Frame 2;
}
3.3 Mendesain Daftar Isi
Desain tampilan Daftar Isi adalah sebagai berikut :
Gambar 3.3 Rancangan Tampilan Daftar Isi
Daftar Isi
Bab 1 Garis dan Sudut Bab 2. Segitiga dan Segiempat
A. Garis
A. Segitiga B.
Perbandingan Segmen Garis B. Jumlah Sudut
– Sudut Segitiga C.
Sudut C. Hubungan Panjang Sisi dan Sudut
D. Menggambar dan Memberi Nama
Segitiga Sudut
D. Keliling dan Luas Segitiga E.
Jenis – Jenis Sudut E. Segiempat
Bab 3. Teorema Pythagoras
TUTUP
Universitas Sumatera Utara
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.
3. Untuk pembuatan background pada layer awal pilih import pada menu file,
kemudian pilih import to stage.
4. Membuat tombol Bab 1 sampai Bab 3 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. Tombol Bab 1 sampai Bab 3 berfungsi untuk masuk ke halaman isi dari Bab 1
sampai Bab 3. Cara untuk membuat fungsi tombol Bab 1 sampai Bab 3 adalah dengan mengklik tombol Bab 1 sampai Bab 3 lalu pada jendela Actions-Button
ketikkan script program sebagai berikut : onrelease{
gotoAndStopframe 3 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.
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 tutup 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;
}
Universitas Sumatera Utara
3.4 Mendesain Halaman Bab 1 sampai Bab 5