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 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