P. 1
Tugas Akhir Animasi Sistem Reproduksi Manusia

Tugas Akhir Animasi Sistem Reproduksi Manusia

|Views: 4,694|Likes:
Published by skull_fetish

More info:

Published by: skull_fetish on Aug 04, 2010
Copyright:Attribution Non-commercial

Availability:

Read on Scribd mobile: iPhone, iPad and Android.
download as PDF, TXT or read online from Scribd
See more
See less

07/02/2015

pdf

text

original

ANIMASI SISTEM REPRODUKSI MANUSIA PADA PELAJARAN BIOLOGI SEKOLAH MENENGAH PERTAMA DENGAN ADOBE FLASH CS 3

TUGAS AKHIR

RIA ARNISHA 072406117

PROGRAM STUDI D3 ILMU KOMPUTER FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMATERA UTARA MEDAN 2010

ANIMASI SISTEM REPRODUKSI MANUSIA PADA PELAJARAN BIOLOGI SEKOLAH MENENGAH PERTAMA DENGAN ADOBE FLASH CS 3

TUGAS AKHIR

Diajukan untuk melengkapi tugas dan memenuhi syarat memperoleh gelar Ahli Madya

RIA ARNISHA 072406117

PROGRAM STUDI D3 ILMU KOMPUTER DDEPARTEMEN MATEMATIKA FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMATERA UTARA MEDAN 2010

PERSETUJUAN

Judul

Kategori Nama Nomor Induk Mahasiswa Program Studi Departemen Fakultas

: ANIMASI SISTEM REPRODUKSI MANUSIA PADA PELAJARAN BIOLOGI SEKOLAH MENENGAH PERTAMA DENGAN ADOBE FLASH CS 3 : TUGAS AKHIR : RIA ARNISHA : 072406117 : D3 ILMU KOMPUTER : MATEMATIKA : MATEMATIKA DAN ILMU PENGETAHUAN ALAM (FMIPA) UNIVERSITAS SUMATERA UTARA

Diluluskan di Medan, Juni 2010

Komisi Pembimbing

:

Diketahui Departemen Matematika FMIPA USU Ketua,

Pembimbing,

Dr.Saib Suwilo,M.Sc NIP. 19640109 198803 1 004

Syahriol Sitorus, S.Si, M.IT NIP. 19710310 199703 1 004

PERNYATAAN

ANIMASI SISTEM REPRODUKSI MANUSIA PADA PELAJARAN BIOLOGI SEKOLAH MENENGAH PERTAMA DENGAN ADOBE FLASH CS 3

TUGAS AKHIR

Saya mengakui bahwa tugas akhir ini adalah hasil kerja saya sendiri, kecuali beberapa kutipan dan ringkasan yang masing-masing disebutkan sumbernya.

Medan, 6 Mei 2010

RIA ARNISHA 072406117

Akhirnya. selaku pembimbing pada penyelesaian tugas akhir ini yang telah memberikan panduan dan penuh kepercayaan kepada saya untuk menyempurnakan kajian ini. dorongan. Ucapan terima kasih saya sampaikan kepada Bapak Syahriol Sitorus.. dan rekan-rekan kuliah. M. S. Hendri Rani Sitepu. Semoga Tuhan Yang Maha Esa akan membalasnya. M.PENGHARGAAN Puji dan syukur penulis panjatkan kepada Tuhan Yang Maha Pemurah dan Maha Penyayang. M. Dr. tidak terlupakan kepada orang tua tercinta serta sanak saudara penulis yang selama ini memberikan bantuan. dan Drs. . pegawai di FMIPA USU. Panduan ringkas dan padat dan profesional telah diberikan kepada saya agar penulis dapat menyelesaikan tugas ini. Dekan dan Pembantu Dekan Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara.Sc. Saib Suwilo.Si. dan doa yang diperlukan.Si. semua dosen pada departemen Matematika FMIPA USU. dengan limpah karunia-Nya kertas kajian ini berhasil diselesaikan dalam waktu yang telah ditetapkan. Ucapan terima kasih juga ditujukan kepada Ketua dan Sekretaris Departemen Matematika. IT.

Tujuan dari sistem pembelajaran ini adalah untuk membantu para siswa untuk mempelajari pelajaran Biologi khususnya tentang Sistem Reproduksi Manusia. Isi yang disampaikan mulai dari teori tentang anatomi pria. .ABSTRAK Kajian ini bertujuan untuk membangun sebuah aplikasi pembelajaran. sistem reproduksi. Selain itu. Aplikasi ini dapat dijalankan dengan Flash Player atau browser. Selain itu aplikasi ini juga dapat membantu guru menyampaikan materi tentang Sistem Reproduksi Manusia. sampai pada soal latihan yang menguji pemahaman siswa. anatomi wanita. juga digunakan Adobe Photoshop CS 3 untuk membantu pembuatan gambar. Sistem pembelajaran Biologi tentang Sistem Reproduksi Manusia ini dibuat dengan menggunakan perangkat lunak Adobe Flash CS 3 Professional.

Macromedia Fireworks is also used to help in making an object. there is a task to know how deep the student has understood the lesson. This Biology study application about human reproduction system is developed by using software Adobe Flash CS3 Professional. reproduction system. This application also can help teacher to teach about human reproduction system. This application can be run in Flash Player or browser. . The aim of this study system is to help students to learn Biology especially about Biology especially about Human Reproduction System. Beside that. woman’s reproduction organ.ANIMATION OF HUMAN REPRODUCTION SYSTEM ABSTRACT This study is to develop a study application. andat the end. The contents start from the theory about man’s reproduction organ.

2 Wanita Bab 3 Analisis dan Perancangan 3.6 Dasar-Dasar Penggunaan Adobe Flash CS 3 2.3.5 Action Script 2.1.1 Halaman Start 2.4 Pengembangan Animasi Pembelajaran Biologi Tentang Sistem Reproduksi Manusia 2.6.7.7.2 Mendesain Menu Utama ii iii iv v vi vii ix x 1 2 3 3 4 5 6 7 7 8 9 9 9 10 10 11 12 14 15 16 16 16 17 19 20 20 21 23 .3 Multimedia 2.1.5 Sistematika Penulisan Bab 2 Landasan Teori 2.2 Media Pembelajaran Berbasis Komputer 2.4 Metode Penelitian 1.1 Latar Belakang 1.2 Analisis Sistem Pembelajaran yang akan Dibangun 3.6.7.3.5 Flash 2.1 Objek Multimedia 2.1 Organ Reproduksi Manusia 2.6.3.DAFTAR ISI Halaman Persetujuan Pernyataan Penghargaan Abstrak Abstract Daftar Isi Daftar Gambar Daftar Tabel Bab 1 Pendahuluan 1.1 Analisis Sistem Pembelajaran yang sedang Berjalan 3.5.4 Library 2.6.2 Jendela Utama 2.2 Adobe Flash CS 3 2.1 Mendesain Tampilan Awal animasi Pembelajaran 3.3 Tujuan dan Manfaat 1.2 Identifikasi Masalah 1.7 Sistem Reproduksi Manusia 2.5.6.3 Rancangan Animasi 3.1 Pria 2.3 Toolbox 2.1 Sekilas Tentang Flash 2.1 Pengertian Media Pembelajaran 2.

10 Mendesain Animasi Exit 3.3.5 Mendesain Animasi Deskripsi 3.7 Mendesain Animasi Menu Soal Latihan 3.3.1.1.1.1.3.1 Hasil 4.5 Sistem Reproduksi 4.4 Storyboard Pembelajaran Biologi Tentang Sistem Reproduksi Manusia Berbasis Komputer Bab 4 Hasil dan Pembahasan 4.3 Mendesain Animasi Anatomi Pria 3.8 Menu Exit 4.3.3.3 Anatomi Pria 4.3.1.1 Kelebihan Aplikasi yang Telah Dibuat 4.3.2 Pembahasan 4.2 Saran Daftar Pustaka LAMPIRAN 25 26 27 28 31 32 33 34 35 45 45 46 47 48 49 53 54 56 58 59 60 60 61 62 63 .1 Awal Pembuka Animasi 4.1.2 Kekurangan Aplikasi Bab 5 Kesimpulan dan Saran 5.2.6 Menu Soal Latihan 4.1 Kesimpulan 5.1.2 Menu Utama 4.1.8 Menu Soal Latihan Essay 4.4 Mendesain Animasi Anatomi Wanita 3.9 Mendesain Animasi Soal Latihan Essay 3.7 Menu Soal Latihan Pilihan Ganda 4.8 Mendesain Animasi Soal Latihan Pilihan Ganda 3.6 Mendesain Animasi Reproduksi 3.1.3.2.3.4 Anatomi Wanita 4.

2 Gambar 2.1 Gambar 3.4 Gambar 3.12 Gambar 4.3 Gambar 3.1 Gambar 2.3 Gambar 2.4 Gambar 4.5 Gambar 4.1 Gambar 4.3 Gambar 4.4 Gambar 3.10 Gambar 4.2 Gambar 4.2 Gambar 3.13 Gambar 4.5 Gambar 4.16 Gambar 4.6 Gambar 4.8 Gambar 4.DAFTAR GAMBAR Halaman Gambar 2.18 Tampilan Star Page Adobe Flash CS 3 Jendela Utama Panel Library Panel Action Papan Tulis Movie Clip Siswi SMP Movie Clip Girl Tampilan di Frame Kedua Tampilan pada Frame Kelima Tampilan Pembuka Animasi Pembelajaran Tampilan Menu Utama Tampilan Animasi Anatomi Pria Tampilan Animasi Deskripsi Kandung Kemih Tampilan Animasi Anatomi Wanita Tampilan Frame Pertama Tampilan Frame Kedua Tampilan Frame Ketiga Tampilan Frame Keempat Tampilan Frame Kelima Tampilan Menu Soal Latihan Tampilan Awal Mulai Kuis Tampilan Soal Kuis Tampilan Saat User Kalah Tampilan Saat User Menang Tampilan Awal Mulai Kuis Essay Tampilan Soal Essay Tampilan Exit 10 11 14 15 22 23 28 29 30 45 46 47 49 49 49 50 51 52 53 53 54 55 55 56 57 57 58 .11 Gambar 4.15 Gambar 4.14 Gambar 4.9 Gambar 4.7 Gambar 4.17 Gambar 4.

1 Storyboard Animasi Biologi 44 .DAFTAR TABEL Halaman Tabel 3.

.

Bagi siswa. Salah satu perangkat lunak pembuat animasi yang cukup populer pada saat ini adalah Flash. Adobe Flash CS 3 menawarkan berbagai fitur dan kemudahan dalam penggunaanya. animasi dapat meningkatkan minat belajar siswa terhadap suatu bidang ilmu tertentu dan bagi pihak pengajar. . Animasi tidak hanya digunakan dalam dunia hiburan seperti pembuatan film dan permainan. Animasi juga digunakan dalam pembuatan desain web dan juga digunakan dalam dunia pendidikan. Animasi dalam dunia pendidikan memberikan berbagai keuntungan bagi siswa dan pengajar. Salah satunya dengan animasi. banyak cara untuk menyampaikan suatu pelajaran. fungsi dan pilihan palet yang beragam.1.BAB 1 PENDAHULUAN 1. Tampilan interface. Flash adalah sebuah program yang diciptakan untuk membuat animasi berupa teks maupun gambar mulai dari yang sederhana hingga yang kompleks. animasi dapat mempermudah proses pembelajaran dan pengajaran dalam penyampaian materi kepada siswa. Adobe Flash CS 3 merupakan salah satu dari sekian banyak software pembuat animasi. Latar Belakang Pada zaman modern seperti sekarang ini. serta kumpulan tool yang lengkap sangat membantu dalam pembuatan karya animasi yang menarik.

penulis berusaha menarik minat siswa terhadap pelajaran Biologi dengan menawarkan interface yang lebih menarik. Animasi yang akan dibuat oleh penulis adalah animasi tentang pelajaran Biologi. 1. Oleh sebab itu. Hasil dari animasi tersebut akan dituangkan dalam bentuk tugas akhir dengan judul “ Animasi Sistem Reproduksi Manusia Pada Pelajaran Biologi Sekolah Menengah Pertama Dengan Adobe Flash CS 3 ”. sehingga siswa tidak merasa jenuh belajar Biologi. . Mengingat Biologi adalah ilmu pengetahuan yang berhubungan dengan kehidupan dan alam sekitar kita. Identifikasi Masalah Masalah yang diangkat disini adalah bagaimana membuat animasi dari pelajaran Biologi khususnya tentang Sistem Reproduksi Manusia yang dapat memudahkan siswa memahami pelajaran tersebut serta menjadikan Biologi menjadi pelajaran yang benar-benar menarik minat siswa.Berdasarkan permasalahan diatas. Pelajaran Biologi yang akan dibuat animasinya oleh penulis difokuskan pada materi tentang Sistem Reproduksi Manusia. tetapi banyak siswa yang kurang tertarik akan pelajaran tersebut.2. maka penulis sangat tertarik untuk membuat animasi di bidang pendidikan.

4 Metode Penelitian Untuk mendapatkan data yang penulis butuhkan dalam pembuatan animasi ini. dengan interface Manfaat yang diperoleh dalam pembuatan animasi Sistem Reproduksi Manusia ini adalah : 1. memperoleh sarana yang menarik untuk meningkatkan proses belajar dan mengajar 1.Tujuan dan Manfaat Berdasarkan permasalahan – permasalahan yang penulis temukan. 3. Memberikan kesempatan bagi penulis untuk mengembangkan kemampuan berkreativitas di tengah perkembangan ilmu komputer pada saat ini. Bagi penulis.3. 2.1. Membuat animasi Biologi untuk memudahkan siswa dalam mempelajari Biologi dan membantu pihak pengajar dalam menyampaikan materi pelajaran Biologi khususnya tentang Sistem Reproduksi Manusia yang lebih menarik dari sekedar membaca buku. Penulis melakukan penelitian kepustakaan dengan membaca buku dan browsing internet tentang teori-teori yang berkaitan dengan pelajaran Biologi serta cara pembuatan animasi dengan menggunakan Adobe Flash CS 3. 2. Bagi dunia pendidikan. menambah wawasan dan pengetahuan tentang animasi. maka penulis memilih metode penelitian studi pustaka. . Membuat permainan bagi siswa yang mengandung pengetahuan. pembuatan animasi ini bertujuan untuk: 1.

. BAB 3 : Analisis dan Perancangan Bab ini akan membahas tentang analisis sistem dan perancangan dari animasi Biologi tentang Sistem Reproduksi Manusia dan gambaran umum rancangan serta storyboard Animasi Pembelajaran Sistem Reproduksi Manusia. identifikasi masalah.1. serta sistematika penulisan tugas akhir. tampilan interface. BAB 2 : Landasan Teori Bab ini menguraikan landasan teori yang membahas masalah secara teoritis yaitu teori-teori yang berkaiatan dengan permasalahan pelajaran Biologi tentang Sitem Reproduksi Manusia serta beberapa teori dasar Adobe Flash CS 3. dan kelebihan serta kekurangan dari aplikasi yang telah dirancang. dan saran-saran dari hasil akhir penelitian serta pemecahan masalah untuk kesempurnaan aplikasi. BAB 5 : Kesimpulan dan Saran Bab ini menguraiakan tentang kesimpulan. BAB 4 : Hasil dan Pembahasan Bab ini akan membahas analisis hasil dan pembahasan animasi Biologi tentang Sistem Reproduksi Manusia yang dirancang.5 Sistematika Penulisan Sistematika penulisan tugas akhir ini adalah sebagai berikut: BAB 1 : Pendahuluan Bab ini menguraikan latar belakang. tujuan dan manfaat penelitian. metode penelitian.

.

perantara atau pengantar. Penggunaan media secara efektif dengan mencari. fotografis atau elektronis untuk menangkap. . materi. tidak membosankan. penyajian konsep jelas. memproses. Secara lebih khusus. menarik minat siswa. sesuai dengan perkembangan kematangan dan pengalaman subjek yang dipelajarinya. menemukan dan memilih media yang memenuhi kebutuhan belajar siswa. yaitu menggunakan pembelajaran berbantuan komputer. namun apabila dipahami secara garis besar adalah manusia. Pemilihan media perlu dikuasai dengan baik oleh guru bila tidak menghendaki adanya kesulitan-kesulitan yang setiap saat bisa timbul. dan menyusun informasi visual atau verbal. dapat diulang-ulang sendiri. dilengkapi dengan latihan soal dan pembahasan. Salah satu cara untuk membuat kegiatan pembelajaran menarik.1 Pengertian Media Pembelajaran Kata media berasal dari bahasa Latin medius yang berarti tengah. atau kejadian yang membangun kondisi yang membuat kita mampu memperoleh pengetahuan.BAB 2 LANDASAN TEORI 2. Pengertian media sangat luas. keterampilan atau sikap. pengertian media dalam proses belajar diartikan sebagai alat-alat grafis.

dan evaluasi terhadap sumber dan proses untuk belajar. suara.2 Media Pembelajaran Berbasis Komputer Media pembelajaran berbasis teknologi merupakan sebuah teori dan praktek dalam hal desain. artinya sesuai dengan kebutuhan siswa dan berdasarkan pertimbangan efektifitas belajar siswa. tetapi ketepatan pemilihan media yang akan berpengaruh terhadap efektifitas pencapaian tujuan pembelajaran. dengan cara mengidentifikasi. serta menggunakan segala macam sumber belajar. pemanfaatan. dan perasaan. pendengaran. baik yang disengaja dirancang maupun yang diambil manfaatnya. . mengorganisasi. mengembangkan. seni grafik. maupun perorangan. 2. yang mampu mempengaruhi sebanyak mungkin indera yang dimiliki manusia seperti penglihatan. Dalam menciptakan komunikasi yang bersifat interaktif maka teknologi komputasi multimedia mengintegrasikan teks. animasi. Pendidikan dapat berlangsung secara efektif baik di dalam kelompok. pengelolaan. Pemilihan media hendaknya dilakukan secara objektif. gambar. dan belajar dapat diperoleh dari siapa dan apa saja. Keberhasilan pembelajaran yang dilakukan dalam satu kegiatan pendidiakan adalah bagaimana siswa dapat belajar. pengembangan. Prinsip utama pemilihan media adalah harus didasarkan pada tujuan belajar yang ditentukan dengan mengingat karakteristik khusus yang ada pada diri siswa.Efektifitas tercapainya tujuan pembelajaran tidak tergantung pada modern atau tidaknya media yang digunakan. dan video.

teks. Multimedia dapat digunakan dalam: 1. 2. Bidang periklanan yang efektif dan interaktif Bidang pendidikan dalam penyampaian bahan pengajaran secara interaktif dan dapat mempermudah pembelajaran karena dididukung oleh berbagai aspek: suara. ataupun alat elektronik lainnya yang berperan penting bagi orang banyak. bidang pendidikan pada khususnya. video. sekarang ini berbagai alat teknologi seperti komputer. dan interaktif 2. Bidang jaringan dan internet yang membantu dalam pembuatan website yang menarik.3 Multimedia Multimedia dapat diartikan sebagai penggunaan beberapa media yang berbeda untuk menggabungkan dan menyampaikan informasi dalam bentuk text. 2. audio.1 Objek Multimedia Multimedia memiliki beberapa objek. VCD player. animasi. Dalam bidang pendidikan komputer dimanfaatkan sebagai media pembelajaran yang biasanya disebut pembelajaran menggunakan multimedia.3. dan grafik 3. dan video. animasi. Sebagai contoh komputer memiliki fungsi dalam berbagai bidang. grafis. diantaranya : . informatif.Semakin berkembangnya zaman.

Teks. Hybrid. bentuk campuran atau penggabungan objek multimedia seperti Audio Video 6. bentuk berupa gambar yang digunakan untuk menyampaikan pesan 3. dan menggunakan bahasa pemrograman yang terdapat pada Flash yang lebih dikenal dengan ActionScript.4 Pengembangan Animasi Pembelajaran Biologi Tentang Sistem Reproduksi Manusia Pengembangan animasi media pembelajaran Biologi Tentang Sistem Reproduksi Manusia yang akan dihasilkan ini diharapkan dapat memberikan kemudahan bagi siswa dalam belajar Biologi serta dapat menumbuhkan minat siswa untuk belajar Biologi baik di sekolah maupun di luar sekolah dan diharapkan dapat membantu tugas guru dalam mengevaluasi hasil belajar Biologi siswa secara cepat dan tepat. Animasi. Video. bentuk yang paling mudah dan efektif untuk menyampaikan pesan atau informasi 2.1. berupa kumpulan gambar yang diolah sedemikian rupa sehingga muncul pergerakan 2. bentuk objek yang ditangkap dengan sistem pendengaran 4. Dalam pengembangan animasi media pembelajaran Biologi yang dinamis dan interaktif diperlukan software dan bahasa pemrograman yang sesuai. Adapun Software yang digunakan untuk merancang animasi pembelajaran ini adalah Flash. Grafis. Sound. . bentuk objek yang ditangkap dengan sistem penglihatan 5.

video maupun file gambar dari aplikasi lain. Animasi yang dihasilkan flash adalah animasi berupa file movie. serta kumpulan tool yang sangat lengkap sangat membantu dalam pembuatan karya animasi yang menarik. 2008 ). . serta mudah dipelajari ( M. Movie yang dihasilkan dapat berupa grafik atau teks. fungsi dan pilihan palet yang beragam. Tampilan interface.2 Adobe Flash CS 3 Adobe Flash CS 3 adalah salah satu aplikasi pembuat animasi yang cukup dikenal saat ini. animasi akan ditampilkan lebih cepat dan terlihat halus.5 Flash 2.1 Sekilas Tentang Flash Flash merupakan software yang memiliki kemampuan menggambar sekaligus menganimasikannya.5. tetapi pada zaman sekarang ini flash juga banyak digunakan untuk keperluan lainnya seperti dalam pembuatan game. Flash tidak hanya digunakan dalam pembuatan animasi. Grafik yang dimaksud disini adalah grafik yang berbasis vektor. Amarullah Akbar et al. Salah satu aplikasi pembuat animasi yang cukup dikenal saat ini adalah Adobe Flash CS 3. Selain itu flash juga memiliki kemampuan untuk mengimpor file suara.5. sehingga saat diakses melalui internet. animasi pembelajaran. Berbagai fitur dan kemudahan yang dimiliki menyebabkan Adobe Flash CS 3 menjadi program animasi favorit dan cukup populer. bahkan juga dalam pembuatan film. 2. presentasi.2.

Oleh karena itu ActionScript juga dibutuhkan untuk memberi efek gerak dalam animasi. dan programming. mewarnai.6 Dasar-Dasar Penggunaan Adobe Flash CS 3 2. Tetapi jika sudah mengenalnya. ActionScript di flash pada awalnya memang sulit dimengerti jika seseorang tidak mempunyai dasar atau mengenal flash. ilustrasi.1 Halaman Start Ketika pertama kali membuka Adobe Flash CS 3. Mulai dari fitur menggambar. animasi. maka akan muncul start page seperti berikut : Gambar 2.6.1 Tampilan Star Page Adobe Flash CS 3 .Flash seperti software gado-gado dimana didalamnya terdapat semua kelengkapan yang dibutuhkan. kita tidak bisa lepas dari ActionScript karena sangat menyenangkan dan dapat membuat pekerjaan jauh lebih cepat dan mudah. 2.

2.6.2 Jendela Utama

Jendela utama merupakan awal dari pembuatan program, pembuatannya dilakukan dalam kotak movie dan stage yang didukung oleh tools lainnya. Seperti yang pernah dijelaskan dalam sebuah tulisan “Jendela kerja flash terdiri dari panggung (stage) dan panel-panel. Panggung merupakan tempat objek diletakkan, tempat menggambar dan menganimasikan objek. Sedangkan panel disediakan untuk membuat gambar, mengedit gambar, menganimasi, dan pengeditan lainnya.” (Diginnovac et al, 2008) Berikut ini adalah bentuk tampilan jendela utama pada Adobe Flash CS 3 : 1 2

2

3

4

5 Gambar 2.2 Jendela Utama

6

Keterangan gambar : 1. Menu Bar adalah kumpulan yang terdiri atas dasar menu-menu yang digolongkan dalam satu kategori. Misalnya menu file terdiri atas perintah New, Open, Save, Import, Export, dan lain-lain. 2. Timeline adalah sebuah jendela panel yang digunakan untuk

mengelompokkan dan mengatur isi sebuah movie, pengaturan tersebut meliputi penentuan masa tayang objek, pengaturan layer, dan lain-lain. 3. Stage adalah area untuk berkreasi dalam membuat animasi yang digunakan untuk mengkomposisi frame-frame secara individual dalam sebuah movie. 4. Toolbox adalah kumpulan tools yang sering digunakan untuk melakukan seleksi, menggambar, mewarnai objek, memodifikasi objek, dan mengatur gambar atau objek. 5. Properties adalah informasi objek-objek yang ada di stage. Tampilan panel properties secara otomatis dapat berganti-ganti dalam menampilkan informasi atribut-atribut properties dari objek yang terpilih. 6. Panels adalah sebagai pengontrol yang berfungsi untuk mengganti dan memodifikasi berbagai atribut dari objek dari animasi secara cepat dan mudah.

2.6.3 Toolbox

Fasilitas Toolbox seperti telah dijelaskan sekilas diawal adalah sekumpulan tool atau alat yang mempunyai fungsi-fungsi tersendiri untuk keperluan desain (M. Amarullah Akbar et al, 2008). Berikut penjelasan setiap tool yang terdapat pada Toolbox.

1. Arrow Tool Arrow Tool atau sering disebut selection tool berfungsi untuk memilih atau menyeleksi suatu objek. 2. Subselection Tool Subselection Tool berfungsi menyeleksi bagian objek lebih detail dari pada selection tool. 3. Free Transform Tool Free Transform Tool berfungsi untuk mentransformasi objek yang terseleksi. 4. Gradient Transform Tool Gradien Transform Tool berfungsi untuk mentransformasi warna dari fill objek yang terseleksi. 5. Lasso Tool Lasso Tool digunakan untuk melakukan seleksi dengan menggambar sebuah garis seleksi. 6. Pen Tool Pen Tool digunakan untuk menggambar garis dengan bantuan titik-titik bantu seperti dalam pembuatan garis, kurva atau gambar. 7. Text Tool Text Tool digunakan untuk membuat objek teks 8. Line Tool Line Tool digunakan untuk membuat atau menggambar garis. 9. Rectangle Tool Rectangle Tool digunakan untuk menggambar bentuk bentuk persegi panjang atau bujur sangkar.

10. Oval Tool Oval Tool digunakan untuk membuat bentuk bulat atau oval. 11. Poly Star Tool Poly Star Tool digunakan untuk menggambar bentuk dengan jumlah segi yang diinginkan. 12. Pencil Tool Pencil Tool digunakan untuk membuat garis 13. Brush Tool Brush Tool digunakan untuk menggambar bentuk garis-garis dan bentukbentuk bebas. 14. Dan lain sebagainya

2.6.4 Library

Fungsi dari library adalah sebagai wadah untuk menyimpan program-program terpisah yang sudah jadi, seperti tombol, objek grafis, audio, video, dan lain-lain. Berikut tampilan panel library.

Gambar 2.3 Panel Library

dan lain-lain.6. Action Script mengizinkan untuk membuat intruksi berorientasi action (lakukan perintah) dan instruksi berorientasi logic (analisa masalah sebelum melakukan perintah) . Action Script berisi banyak elemen yang berbeda serta strukturnya sendiri. Gambar 2. Kita harus merangkainya dengan benar agar Action Script dapat menjalankan dokumen sesuai dengan keinginan. frame. movie clip. atau objek lainlain. Action Script juga dapat diterapkan untuk action pada frame.(Arry Maulana Syarif. tombol. 2008) Berikut tampilan dari panel ActionScript pada Adobe Flash CS 3.5 Action Script Action Script adalah bahasa pemrograman Adobe Flash CS 3 yang digunakan untuk membuat animasi atau interaksi (Ferry Herlambang. Action frame adalah action yang diterapkan pada frame untuk mengontrol navigasi movie.2. Jika tidak merangkai semuanya dengan benar. 2007). Sama dengan bahasa pemrograman yang lain.4 Panel Action . Diginnovac. maka hasil yang didapat kan akan berbeda dan file flash tidak akan bekerja sama sekali.

Penis 2.2. Skrotum Organ reproduksi dalam terdiri dari : 1.7. Dalam testis banyak terdapat saluran halus yang disebut tubulus seminiferus.1 Pria Organ reproduksi pada pria dibedakan menjadi organ kelamin luar dan organ kelamin dalam. kita harus mengetahui terlebih dahulu organ-organ kelamin yang terlibat serta proses yang berlangsung di dalamnya. Berfungsi untuk menyimpan sperma sementara dan mematangkan sperma. Tujuannya adalah untuk mempertahankan jenisnya dan melestarikan jenis agar tidak punah. 2. Testis merupakan kelenjar kelamin yang berjumlah sepasang dan akan menghasilkan sel-sel sperma serta hormon testosteron. Sehingga dengan demikian reproduksi pada manusia dilakukan dengan cara generatif atau seksual. 2. 2006).1.1 Organ Reproduksi Manusia 2. Epididimis merupakan saluran panjang yang berkelok yang keluar dari testis. . Organ reproduksi luar terdiri dari : 1. Pada manusia untuk menghasilkan keturunan yang baru diawali dengan peristiwa fertilisasi. Untuk dapat mengetahui reproduksi pada manusia.7 Sitem Reproduksi Manusia Reproduksi adalah kemampuan makhluk hidup untuk menghasilkan keturunan yang baru (Kadaryanto et al.7.

4. Berjumlah sepasang dan terletak di dalam rongga perut pada daerah pinggang sebelah kiri dan kanan. . Vagina 2. Menghubungkan uterus dengan saluran vagina dan sebagai jalan keluarnya janin dari uterus menuju saluran vagina.1. 3. 2.2 Wanita Organ reproduksi wanita dibedakana menjadi organ kelamin luar dan organ kelamin dalam. Organ reproduksi luar terdiri dari : 1. Vas deferens merupakan saluran panjang dan lurus yang mengarah ke atas dan berujung di kelenjar prostat. Tuba fallopi merupakan saluran memanjang setelah infundibulum yang bertugas sebagai tempat fertilisasi dan jalan bagi sel ovum menuju uterus dengan bantuan silia pada dindingnya. Uterus merupakan organ yang berongga dan berotot. Berfungsi untuk mengangkut sperma menuju vesikula seminalis.7. Berfungsi sebagai tempat pertumbuhan embrio. Vulva Organ reproduksi dalam terdiri dari : 1. Berbentuk seperti buah pir dengan bagian bawah yang mengecil.3. Serviks merupakan bagian dasar dari uterus yang bentuknya menyempit sehingga disebut juga sebagai leher rahim. Ovarium merupakan organ utama pada wanita. 2.

6.5. . Saluran vagina merupakan saluran lanjutan dari serviks dan sampai pada vagina. Sering disebut dengan klentit. Klitoris merupakan tonjolan kecil yang terletak di depan vulva.

.

Ditambah lagi. Masalahnya. tetapi tidak kalah menariknya belajar dengan alat peraga. penulis mencoba mencari suatu solusi untuk memudahkan siswa belajar tanpa alat peraga yang mahal. Tanpa bantuan alat peraga siswa akan mengalami kesulitan dalam belajar Biologi karena siswa harus mampu berimajinasi untuk membayangkan setiap kejadian yang diceritakan. Animasi adalah gambar yang bergerak yang mampu merepresentasikan kejadian yang diceritakan dalam pelajaran.1 Analisis Sistem Pembelajaran yang Sedang Berjalan Sistem pembelajaran pelajaran Biologi yang selama ini berlangsung hanya berpatok pada buku pegangan. Hal ini disebabkan oleh ketidakmampuan pihak sekolah dalam hal pembiayaan untuk membeli alat peraga tersebut. Animasi adalah salah satu solusi untuk masalah tersebut.BAB 3 ANALISIS DAN PERANCANGAN 3. tidak semua sekolah mempunyai alat peraga yang lengkap untuk setiap pelajaran. Dari analisis tersebut. Jika pun ada. proses pembelajaran hanya dibantu oleh alat peraga seadanya yang tersedia di sekolah. batuan dari pemerintah untuk alat peraga disetiap sekolah masih sangat minim. Animasi juga dapat dilengkapi dengan video dan suara sehingga interface yang ditampilkan akan semakin menarik minat .

3. 3. Selain itu. Spesifikasi animasi disini juga menjelaskan mengenai langkah-langkah pembuatan animasi yang bertujuan untuk membuat program animasi menjadi menarik.3 Rancangan Animasi Pembuatan animasi pembelajaran Biologi ini menggunakan teknik yang sederhana.2 Analisis Sistem Pembelajaran yang akan Dibangun Sistem Pembelajaran yang akan dibangun adalah dengan menggunakan animasi. gambar lebih mudah diingat daripada tulisan. Animasi harus memenuhi spesifikasi tertentu. Adapun pengertian animasi telah dijelaskan di bab sebelumnya. Maka dari itu. pemberian suara. tulisan dan suara sehingga proses belajar dapat dilakukan secara optimal. teks. menurut penelitian. penulis menggabungkan gambar.siswa untuk belajar dan memahami pelajaran yang disampaikan. pembuatan efek gerak dan pembuatan interaktif animasi yang menggunakan ActionScript. Spesifikasi ini merupakan bagian dari program yang berhubungan langsung dengan pemakai. Teknik yang sederhana ini tentunya juga didukung oleh peranan ActionScript yang sangat membantu dalam penyederhanaan hasil publikasi flash semaksimal mungkin . yaitu meliputi pembuatan gambar. Pembuatan animasi disini dijelaskan dalam bentuk rancangan animasi yang menggambarkan segala sesuatu yang tampak pada layar monitor.

3. Ubah ukuran stage menjadi 550 x 400 pixels. Buka aplikasi Adobe Flash CS 3. Pertama kita akan membuat background perbukitan. Kita dapat menambahkannya dengan cara meng-import gambar-gambar kedalam library. Kemudian kita warnai bukit sebelah kiri dengan warna hijau yang lebih tua. tanaman. seperti awan. Pilih tool Rectangle kemudian buatlah sebuah kotak dengan fill color warna putih dan stroke color warna hitam.3. 4. kemudian pada panel Color tentukanlah warna gradasi biru-putih. 6. kemudian pilihlah warna hijau muda. 5.sehingga didapatkan objek yang dinamis. Klik tool Paint Bucket untuk mewarnainya. Klik pada bagian bukit sebelah kanan. 3. Selanjutnya kita warnai sketsa perbukitan tersebut. 2. Kemudian kita akan membuat papan tulis yang akan diletakkan ditengah. kemudian buatlah rangkaian garis untuk membuat sketsa perbukitan. Kemudian pilih tool Line untuk membuat garis penyangga papan tulis. Pada layer background. Aktifkan tool Paint Bucket. interaktif dan tidak terjadi pemakaian ruang publikasi secara berlebihan. dan yang lainnya. Kita dapat mempercantik tampilan dengan menambahkan objek-objek lain. Aktifkan tool Paint Bucket. Dimana tampilan papan tulisnya akan seperti gambar berikut : . kemudian masukkan kedalam stage dan atur sedemikian rupa. Klik tool Paint Bucket dibagian bukit sebelah kiri untuk mewarnainya.1 Mendesain Tampilan Awal Animasi Pembelajaran 1. Selanjutnya kita akan mewarnai area langit dengan warna gradasi biru-putih. aktifkan tool Line.

8. kemudian buat kembali lingkaran yang lebih besar untuk membuat rambut. Pertama. Sehingga hasilnya akan seperti gambar dibawah ini : .Gambar 3. 11. Untuk membuat baju dan rok. Aktifkan line tool dan buatlah garis untuk memotong lingkaran yang besar. kemudian seleksilah segmen lingkaran yang berada dibawah rangkaian garis dan tekan tombol Del untuk menghapusnya. dan line tool untuk membuat garis mulut. 9. 10. pilih oval tool untuk membuat kepala. gunakan line tool dan buatlah rangakaian garis untuk membentuk badan dan rok objek. 12. Pilih oval tool untuk membuat mata. Untuk membuat tangan dan kaki objek. gunakan juga line tool dan rangkailah agar membentuk tangan dan kaki. Biologi Sistem Reproduksi Manusia. Di dalam papan tulis kita ketikkan judul daripada animasi pembelajaran ini yaitu. Pada bagian bawah judul buatlah tombol menu yang mana jika user meng-klik tombol menu ini maka akan memanggil animasi menu utama.1 : Papan Tulis 7. Selanjutnya kita akan membuat movie clip siswi SMP.

Pada layer background. Terakhir simpan file dengan nama index-biologi.mp3. kemudian pada layer ini tambah file suara first. Untuk menambahkan suara maka harus meng-import suara kedalam library. Selanjutnya tambahkan lagi layer baru. Pada frame 150 ketiklah pada action frame action script berikut ini : stop().swf 3. Pertama kita akan membuat background perbukitan.2 Mendesain Menu Utama 1. kemudian buatlah rangkaian garis untuk membuat sketsa perbukitan. .mp3. aktifkan tool Line. 2. Ubah ukuran stage menjadi 550 x 400 pixels. 15. Double click movie clip siswi SMP. Langkah selanjutnya adalah menambahkan suara.Gambar 3. 14. kita akan membuat action script untuk menghentikan suara narasi.3. Pilih file suara yang akan di-import yaitu first. Buka aplikasi Adobe Flash CS 3. Caranya klik File kemudian pilih Import pilih Import to Library. kemudian buat layer baru untuk menambahkan sound.2 : Movie Clip Siswi SMP 13.

Anatomi Wanita. Klik pada bagian bukit sebelah kanan. Kemudian tulisan Anatomi Pria. dan Exit diubah menjadi tombol. Terakhir simpan dengan nama menu-utama. dan yang lainnya. Kita dapat menambahkannya dengan cara meng-import gambar-gambar kedalam library. 9. Klik tool Paint Bucket untuk mewarnainya. Anatomi Wanita. kemudian pilihlah warna hijau muda.3. Import file kitten ke library yang akan dijadikan backsound pada animasi ini. 6. 8. Aktifkan tool Paint Bucket. tong. dan Exit dan atur didalam papan tulis. 4. Aktifkan tool Paint Bucket. caranya ubah tulisan menjadi movie clip. Kita dapat mempercantik tampilan dengan menambahkan objek-objek lain. Selanjutnya menambahkan suara. Sistem Reproduksi. klik tool Paint Bucket dibagian bukit sebelah kiri untuk mewarnainya. 5. seperti awan. tanaman. kucing. Selanjutnya kita akan mewarnai area langit dengan warna gradasi biru-putih. Soal Latihan. kemudian pada panel Color tentukanlah warna gradasi biru-putih. Sistem Reproduksi. 7. Kemudian buatlah papan tulis kecil dimana menu-menu pada animasi pembelajaran ini akan ditampilkan dipapan tulis ini. Anatomi Pria. Kemudian kita warnai bukit sebelah kiri dengan warna hijau yang lebih tua. . Soal Latihan. kemudian masukkan kedalam stage dan atur sedemikian rupa. kemudian pada movie clip ketikkan action script yang fungsinya untuk memanggil animasi yang dituju.swf. Selanjutnya kita warnai sketsa perbukitan tersebut. Kemudian ketiklah tulisan Biologi. 10.

pilih text tool kemudian ketik ANATOMI PRIA sebagai judul animasi.swf. pilih rectangle tool untuk membuat sebuah persegi pada animasi ini. 3. Pada layer background. 7. dan pada background color pilih warna abu-abu. Buka aplikasi Adobe Flash CS 3. jika telah terseleksi kemudian klik kanan pilih convert to symbol. Kemudian tombol MENU akan dijadikan tombol yang akan memanggil menu-utama. 6. Kemudian kita meng-import file gambar anatomi-pria pada library lalu drag kedalam stage. Masih pada layer background.3 Mendesain Animasi Anatomi Pria 1. Import gambar guru ke dalam library.3. kemudian drag ke dalam stage.swf. 5. 2. Pada layer ini kita akan membuat tulisan pada gambar anatomi-pria sebagai tombol. dan layer 9. 4.3. Buat 3 layer. Caranya pilih rectangle tool kemudian seleksi tulisan pada gambar anatomi-pria. Untuk stoke color pilih warna hitam. maka akan muncul jendela Convert to Symbol kemudian beri nama Symbol 1 pilih type button dan klik ok. . Begitulah seterusnya. Dan untuk fill color nya pilih no color. Ubah ukuran stage menjadi 700 x 450 pixels. Pada bawah gambar buatlah 2 buah tombol. yang jika tombol tersebut di klik maka akan muncul animsi deskripsi. dan beri nama layer tersebut masing-masing dengan nama background. tombol. atur posisinya. sedangkan tombol EXIT di-link-kan ke animasi exit. yaitu tombol MENU dan tombol EXIT. Selanjutnya beralih ke layer tombol.

swf. sehingga cukup memakai file anatomi-pria kemudian mengganti judul menjadi ANATOMI WANITA dan menghapus file gambar anatomi-pria. Import gambar guru ke dalam library. Double click movie clip guru. dan tambahkan sound. 9. 3.3. pada layer ini kita akan membuat tulisan pada gambar anatomi-wanita sebagai tombol. Caranya pilih rectangle tool kemudian seleksi tulisan pada gambar anatomi-wanita. Caranya. kemudian kita akan meng-import file gambar anatomi-wanita pada library lalu drag pada kotak pertama.8. kemudian tambahkan layer baru. 4. Kemudian tombol MENU akan dijadikan tombol yang akan memanggil menu-utama. Pada layer 9. Klik pada layer background. sedangkan tombol EXIT di-link-kan ke animasi exit. 10. yaitu tombol MENU dan tombol EXIT. yang jika tombol tersebut diklik maka akan muncul animasi deskripsi yang sesuai. Selanjutnya ke layer tombol. atur posisinya. Pada bawah gambar buatlah 2 buah tombol. kemudian drag ke dalam stage.swf 3.swf. jika telah terseleksi kemudian klik . convert gambar guru menjadi movie clip. Simpan file dengan nama anatomi-pria. Tampilan pada animasi ini sama seperti animasi anatomi-pria.4 Mendesain Animasi Anatomi Wanita 1. kemudian pilih Save As dan simpan dengan nama anatomi-wanita. 2. kita akan membuat action script pada frame pertama untuk menampilkan animasi salju jatuh. Pada animasi ini juga kita tambahkan sound sebagai backsound dari animasi ini.

aktifkan tool Line. Aktifkan tool Paint Bucket. 7. Kemudian kita warnai bukit sebelah kiri dengan warna hijau yang lebih tua. Kita dapat menambahkannya dengan cara .3. Buka aplikasi Adobe Flash CS 3. dan tambahkan sound. Ubah ukuran stage menjadi 550 x 400 pixels. convert gambar guru menjadi movie clip. 3. 5. Pada animasi ini juga kita tambahkan sound sebagai backsound dari animasi ini. Selanjutnya kita akan mewarnai area langit dengan warna gradasi biru-putih. kita akan membuat action script pada frame pertama untuk menampilkan animasi salju jatuh. Kemudian klik tombol save. kemudian buatlah rangkaian garis untuk membuat sketsa perbukitan. 2. Pada layer 6. 6. Kita dapat mempercantik tampilan dengan menambahkan objek-objek lain. Selanjutnya kita warnai sketsa perbukitan tersebut. Klik pada bagian bukit sebelah kanan. kemudian pada panel Color tentukanlah warna gradasi biru-putih. klik tool Paint Bucket dibagian bukit sebelah kiri untuk mewarnainya. Aktifkan tool Paint Bucket. tanaman. Pertama kita akan membuat background perbukitan.5 Mendesain Animasi Deskripsi 1. Caranya. seperti awan. Klik tool Paint Bucket untuk mewarnainya. dan yang lainnya. 5. maka akan muncul jendela Convert to Symbol kemudian beri nama Symbol 1 pilih type button dan klik ok. kemudian pilihlah warna hijau muda. Pada layer background. Double click movie clip guru.kanan pilih convert to symbol. 4. Begitulah seterusnya. 3. kemudian tambahkan layer baru.

Tambahkan layer baru untuk layer sound.3 : Movie Clip Girl 8.3. Ubah ukuran stage menjadi 700 x 450 pixels. Kita akan membuat gerakan pada movie clip tersebut dengan mengatur tampilan gambar pada frame. tombol. 2. 10.6 Mendesain Animasi Reproduksi 1. Kemudian buatlah papan tulis. 11. . Buat 3 layer. 9. Simpan file sesuai dengan nama deskripsi. Pada animasi ini kita menggunakan 5 buah frame. 3. dan letakkan ditengah. kemudian masukkan kedalam stage dan atur sedemikian rupa. sehingga tampilannya akan seperti berikut : Gambar 3. dan action layer. Ketikkan deskripsi pada papan tulis dengan menggunakan tool Text. Langkah selanjutnya adalah meng-import movie clip girl kedalam library. Buka aplikasi Adobe Flash CS 3. dan beri nama background. 7. ubah warna background. import sound sesuai dengan deskripsi.meng-import gambar-gambar kedalam library. 6. Letakkan movie clip girl disamping papan tulis.

swf. sehingga tampilannya akan seperti berikut : Gambar 3. Pilih rounded green back dan drag kedalam stage untuk tombol previous. kemudian pilih rounded green forward dan drag kedalam stage untuk tombol next. Lanjut pada frame berikutnya. kita akan membuat tampilan seperti animasi awal. di frame awal kita akan menampilkan video dan tombol navigasi next dan previous untuk berpindah frame. Drag video dari library kedalam stage dan atur posisinya. 5. pilih menu Window kemudian Common Library dan pilih Button maka akan muncul jendela library button. Kemudian untuk membuat tombol navigasi next dan previous yang diletakkan pada layer tombol.3. Klik layer background. Pertama untuk meng-import video klik pada menu File kemudian Import dan pilih Import Video. 4. cari file yang akan di-import perlu diingat flash hanya bisa meng-import video dalam format . maka akan muncul jendela Import Video. dan kita akan bekerja di frame pertama.flv sehingga jika video dalam format lain flash akan meng-convert-nya terlebih dahulu.4 : Tampilan di Frame Kedua . Maka perlu di-import movie clip siswi SMP.

pada frame ini kita meng-import video. Import gambar kedalam library. Deskripsi tentang gambar akan diletakkan di dalam papan tulis yang terdapat di samping gambar.6. sound. 8. Terakhir pada layer action. caranya double-clik movie clip sisiwi SMP. dan pada saat video berjalan secara otomatis akan muncul keterangan tentang video pada papan tulis yang diletakkan disamping video.5 : Tampilan pada Frame 5 . untuk berhenti. Begitu juga untuk frame keempat. Lanjut ke frame terakhir. action. pada frame 80 ketikkan actionscript stop (). Pilih text tool dan ketikkan keterangan tentang gambar disampingnya. atur posisi di sebelah kiri stage. 7. Atur posisinya sehingga seperti tampilan berikut : Gambar 3. Import file suara kedalam library kemudian drag ke layer sound. Untuk frame ketiga. pada layer girl. kita akan menampilkan gambar berserta keterangan. atur gerakan mulut objek sesuai dengan lafal suara. Kita ingin menambahkan suara pada movie clip siswi SMP. disini akan kita buat 3 buah layer dan beri nama girl.

Buat layer baru. Tombol terakhir adalah tombol Menu Utama. tombol ini akan memanggil banksoal. Buka aplikasi Adobe Flash CS 3. dan fill color pilih warna ungu. Simpan file dengan nama menu-kuis. 3. 3. Ubah ukuran stage menjadi 5500 x 400 pixels. 10. tombol ini akan memanggil animasi soal_essay. Langkah selanjutnya adalah membuat 3 buah tombol yang akan diletakkan disamping sebelah kanan movie clip. 2. 5.swf yaitu soal dalam bentuk isian. Buatlah judul Soal Latihan. 7. 4. Tombol kedua adalah tombol Essay.swf yaitu animasi kuis dalam bentuk multiple choice. atur posisi movie clip didalam stage.swf. tombol ini akan memanggil animasi menu-utama. 6. Simpan file dengan nama reproduksi. Kemudian import movie clip girl kedalam library. Aktifkan tool Rectangle. Tombol pertama adalah tombol Pilihan Ganda. . Lanjut ke layer action.fla. pada masing-masing frame. pada stroke color pilih warna hitam.swf. kemudian di-layer ini tambahkan sound yang sudah di-import.3. Masukkan sound yang akan dijadikan backsound dari animasi ini dengan cara meng-import file suara kedalam library. kemudian buatlah persegi besar.7 Mendesain Animasi Menu Soal Latihan 1. ketik action script stop().9.

Klik pada layer action. 4. maka variabel jawaban akan diisi nilai string abjad yang diklik. Soal dimulai dari frame 2 sehingga untuk kunci jawaban juga dimulai dari frame 2.Klik pada layer hit. kunci. . Selanjutnya buat data array untuk diisi dengan jumlah bank soal. Buat 9 layer dan masing-masing layer beri nama background. Lanjut sampai keyframe 11. Sama seperti soal. variabel jawaban dan kunci diisi nilai kosong. pada saat pertama kali movie dimainkan. Kita akan memberikan action script pada tombol hit. 7. Ubah ukuran stage menjadi 550 x 400 pixels. soal. Klik keyframe 2 pada layer kunci. Selanjutnya kita akan menambahkan tombol hit untuk diletakkan diatas pilihan jawaban.3. kunci jawaban juga didistribusikan per-frame. 5. Selanjutnya butlah kotak dynamic text dengan nama variabel jawaban. pada frame satu ketikkan action script yang fungsinya. yang fungsinya jika user mengklik tombol ini. pastikan posisi tombol hit berada diatas pilihan abjad jawaban. layer 8.3. label. 2. 3. playback akan berhenti di frame satu. Selanjutnya adalah mendesain sistem evaluasi jawaban. 9. kemudian di panel Action ketikkan action untuk jawaban soal. Klik pada layer action. nomor soal. hit. 6. Pada layer soal.8 Mendesain Animasi Soal Latihan Pilihan Ganda 1. Kemudian kita melanjutkan untuk mendesain sistem acak soal. pada frame pertama ketiklah action script berikut : stop(). Klik pada layer kunci. ketikkan soal latihan dimulai dari frame 2 sampai frame 11. timer. yaitu 10 nomor. Buka aplikasi Adobe Flash CS 3. Kotak ini berfungsi untuk menampilkan jawaban yang dipilih user. mulai. 8. selanjutnya kita akan membuat kunci jawaban untuk setiap soal.

dan fill color pilih warna ungu. kemudian buatlah persegi besar. Kemudian buatlah tombol Mulai.3. Pada frame 2 dan 3. dan 0 ) maka playback akan diperintahkan berhenti di frame dengan label frame_kalah. 11. pada samping soal buatlah kotak untuk mengisi jawaban. selanjutnya kita akan membuat sistem penomoran soal. kemudian buatlah action script untuk kunci jawaban dari soal. buatlah soal masing-masing 5 buah. dan 50 ) maka playback akan diperintahkan berhenti di frame dengan label frame_menang. . 3. Intinya jika isi variabel jawaban sama dengan isi variabel kunci.9 Mendesain Animasi Soal Latihan Essay 1. 13. Setelah itu kita akan membuat tombol untuk melanjutkan soal. Dan jika user mendapat skor lebih kecil dari 30 ( yaitu : nilai 20. 12. 3. dan melakukan evaluasi jawaban dan penilaian soal. Aktifkan tool Rectangle. 4. Simpan file dengan nama bank-soal. Klik pada layer nomor soal. Selajutnya adalah membuat frame menang dan frame kalah. 2. Buka aplikasi Adobe Flash CS 3. 40. Jika user mendapat skor lebih besar dari 20 ( yaitu : nilai 30. Setiap satu sesi permainan terdapat 5 buah pertanyaan yang harus dijawab oleh user dalam waktu kurang dari 1 menit. 10. Penomoran soal kita buat dalam kotak dynamic text. Buatlah judul Soal Essay.swf. yang mana jika user meng-klik tombol mulai maka akan menuju frame 2 dimana soal diletakkan. Ubah ukuran stage menjadi 550 x 400 pixels. maka variabel nilai akan ditambah 10.10. Setelah itu kita juga mendesain pembatasan soal berdasarkan jumlah soal. pada stroke color pilih warna hitam.

kemudian buatlah motion tweening untuk awan ini. 4. Ubah ukuran stage menjadi 550 x 400 pixels. Aktifkan tool Paint Bucket.3. kedua tombol Koreksi yang fungsinya untuk mengkoreksi jawaban. Terakhir buatlah tombol Menu yang berfungsi untuk memanggil animasi menu-utama. Pada layer background. 3. Aktifkan tool Paint Bucket. Klik pada bagian bukit sebelah kanan. 2. klik tool Paint Bucket dibagian bukit sebelah kiri untuk mewarnainya.10 Mendesain Animasi Exit 1. apakah jawaban yang dimasukkan user sudah sesuai dengan kunci jawaban atau belum. Pertama tombol Reset yang fungsinya untuk mereset soal. .fla. Kemudian kita warnai bukit sebelah kiri dengan warna hijau yang lebih tua.swf. Selanjutnya kita warnai sketsa perbukitan tersebut. 5. kemudian buatlah tombol Next pada frame 2 yang fungsinya untuk berpindah ke soal pada frame 3. Selanjutnya kita akan mewarnai area langit dengan warna gradasi biru-putih. kemudian pada panel Color tentukanlah warna gradasi biru-putih. Pertama kita akan membuat background perbukitan. aktifkan tool Line. kemudian pilihlah warna hijau muda. gambar awan ini di-convert menjadi movie clip. 6. Simpan file dengan nama soal_essay. Kemudian buatlah gambar awan. Klik tool Paint Bucket untuk mewarnainya. Kemudian buatlah 4 buat tombol.5. Double click movie clip awan. sedangkan pada frame 3 buatlah tombol Prev yang fungsinya untuk berpindah ke soal pada frame 2. 3. Buka aplikasi Adobe Flash CS 3. kemudian buatlah rangkaian garis untuk membuat sketsa perbukitan.

mp3. Pada storyboard dijelaskan tentang susunan materi yang disampaikan pada detik demi detik beserta suara. Double click movie clip. dan video yang dibutuhkan.6. Lalu buatlah motion tweening untuk movie clip pesawat ini.4 Storyboard Pembelajaran Biologi Tentang Sistem Reproduksi Manusia Berbasis Komputer Storyboard atau papan cerita dibuat untuk menjelaskan skenario secara lebih detail dari detik demi detik. 3. grafis. 7. Simpan file dengan nama exit. tambahkan layer untuk memasukkan suara narator dengan file exit. animasi. Drag movie clip kedalam stage. Berikut Storyboard Pembelajaran Biologi Tentang Sistem Reproduksi Manusia dijabarkan dalam bentuk tabel berikut : .fla. Langkah selanjutnya ialah meng-import movie clip pesawat terbang dengan anak kecil.

Sistem Reproduksi.mozart strauss beethoven . Anatomi Wanita. 4 Tampilan awal animasi Anatomi Pria. Untuk lebih lanjutnya klik tombol menu nya ya. maka akan memanggil animasi menu-utama. Dimana awan bergerak. salam jumpa. Tombol MENU untuk kembali ke menu awal. Exit. Soal Kuis. Burung Bunga 2 Akhir dari animasi pembuka.swf 3 Menu Utama : Gambar + animasi pelengkap. Menu Materi : Animasi Anatomi Pria. dimana terdapat tulisan menu pada sudut bawah papan tulis. Gambar + animasi pelengkap. Jika tombol menu diklik.NO 1 DESKRIPSI Pembuka : Animasi Pembelajaran Biologi Sistem Reproduksi Manusia Seorang siswi SMP berdiri disamping papan tulis dengan background alam perbukitan. Gambar : Siswi SMP Papan tulis VISUAL AUDIO Siswi SMP : Hai. Suara anak kucing mengeong. Musik clasic : amadeus . Mari kita belajar Biologi. Dan tombol EXIT. Kali ini kita akan membahas tentang sistem reproduksi manusia.

Penis terdiri dari tiga rongga yang berisi jaringan spons. 6 Uraian Materi : User mengklik tulisan glans penis pada gambar di animasi Anatomi Pria. Saat user mengklik tombol CLOSE disudut kanan atas. Gambar : Narator : Glans penis. Deskripsi diletakkan didalam papan tulis.NO 5 DESKRIPSI Uraian Materi : Tampilan setelah user meng-klik tulisan kandung kemih pada gambar di animasi Anatomi Pria. Dua rongga yang terletak dibagian atas berupa jaringan spon korpus kavernosa. maka akan kembali ke animasi Anatomi Pria. Gambar : Narator : Penis. . Dimana user dapat memilih kembali deskripsi yang ingin dilihat. 1 lagi berada di bagian bawah berupa jaringan spons korpus spongiosum yang membungkus uretra. Glans penis adalah bagian paling depan dari penis yang tidak terdapat lubang kecil untuk saluran ekskresi. Deskripsi diletakkan didalam papan tulis. 7 Uraian Materi : Anatomi Pria User mengklik tulisan penis pada gambar di animasi Anatomi Pria. Deskripsi diletakkan didalam papan tulis. Gambar : VISUAL AUDIO Narator : Kandung kemih. Kandung kemih adalah organ tubuh yang mengumpulkan air kencing yang dikeluarkan oleh ginjal sebelum dibuang.

Organ ini berfungsi sebagai tempat penyimpanan sementara feses. Dimana user dapat memilih deskripsi yang ingin dilihat. Rektum adalah organ terakhir dari usus besar pada beberapa jenis mamalia yang berakhir di anus. 10 Uraian Materi : User mengklik tulisan Rektum pada gambar di animasi Anatomi Wanita. Gambar : Narator : Rektum. Gambar : Narator : Tuba Falopii. maka akan kembali ke animasi Anatomi Wanita. Oviduk berfungsi untuk menyalurkan ovum dari ovarium menuju uterus. Deskripsi diletakkan didalam papan tulis. Dan tombol EXIT. Gambar : VISUAL AUDIO Musik clasic : Bethoven chopin schubert mozart piano 9 Uraian Materi : Tampilan setelah user meng-klik tulisan tuba falopii pada gambar di animasi Anatomi Wanita. Saat user mengklik tombol CLOSE disudut kanan atas. . Tuba falopii (oviduk) atau saluran telur yang berjumlah sepasang. Tombol MENU untuk kembali ke menu awal. Gambar + animasi pelengkap. Ovum yang ditangkap oleh infundibulum akan masuk ke oviduk. Deskripsi diletakkan didalam papan tulis. Bagian pangkal oviduk berbentuk corong yang disebut infundibulum.NO 8 DESKRIPSI Tampilan awal animasi Anatomi Wanita.

NO 11 DESKRIPSI Uraian Materi : Sistem Manusia Video singkat tentang pertumbuhan manusia. Sedangkan perubahan fisik yang dialami oleh wanita ditandai dengan membesarnya pinggul dan payudara. next nya ya! . suara lebih berat dan organ kelamin membesar dan terjadinya mimpi basah. klik tombol animasi sebelumnya. janggut dan rambut-rambut halus disekitar alat kelamin. hingga menjadi sorang remaja. munculnya rambutrambut halus disekitar kemaluan dan terjadinya menstruasi. Perubahan fisik pada laki-laki ditandai dengan dada terlihat bidang. Narator : Nah dengan bagaimana videonya? 12 Animasi : Mulut siswi SMP Gambar : berkecap-kecap bertanya kepada user tentang video pada Supaya lebih paham lagi. Tumbuh jakun. Reproduksi VISUAL Gambar dan Video AUDIO Narator : Proses reproduksi yang terjadi pada laki-laki atau perempuan dimulai pada saat dia dilahirkan. Mulai masa pubertas tubuh laki-laki dan perempuan akan mengalamai perubahan. tumbuh kumis. Setelah lahir bayi tersebut akan tumbuh besar mulai dari merangkak. berdiri. Baik pada laki-laki maupun perempuan.

Hari ke-2 : Pembelahan kedua 2 sel menjadi 4 sel. Hari ke-4 : Fase 16 – 32 sel kumpulan sel yang berbentuk bola pejal (morula) 14 Uraian Materi : Pembelahan Sel Deskripsi tentang Gambar : pembelahan sel pada manusia yang diletakkan pada papan tulis yang terdapat pada sebelah kanan gambar . cortical granules dilepaskan yang membuat sel telur tidak bisa dipenetrasi lagi oleh sperma lainnya. Narator : Pembelahan Sel.1 sel menjadi 2 sel. Setiap orang tua akan memberikan gen. Fertilisasi biasanya terjadi pada Tuba Fallopi. sel telur dan sel sperma bergabung membentuk zigot. 200 juta sperma berebut untuk melakukan penetrasi pada sebuah sel telur . sel pertama pembentuk makhluk hidup. Ketika sebuah sperma melakukan penetrasi pada zona pellucida. Gambar : VISUAL AUDIO Narator : Fertilisasi. Setelah fertilisasi. Hari ke-3 : Fase 6 – 12 sel. Hari ke-1 : Pembelahan pertama .NO 13 DESKRIPSI Uraian Materi : Fertilisasi Deskripsi tentang fertilisasi yang diletakkan pada papan tulis yang terdapat pada sebelah kanan gambar.

Essay. embrio menyusuri tuba falopii. Gambar : Musik instrument : Ost Death Note L Theme . jika ingin soal isian.NO 15 DESKRIPSI Uraian Materi : Sitem Reproduksi Manusia Tampilan awal pada saat video mulai berjalan. Saat user meng-klik tombol MENU maka akan kembali ke animasi Menu Utama. klik tombol ESSAY. VISUAL Gambar dan Video AUDIO Video Sound 16 Uraian Materi : Sitem Reproduksi Manusia Dalam video dijelaskan visualisasi pertumbuhan embrio setelah fertilisasi. Menu Utama. Dalam video diceritakan setelah pembelahan sel. Jika user ingin soal berbentuk pilihan ganda klik tombol PILIHAN GANDA. Gambar dan Video Video Sound 17 Menu Soal Latihan : Movie Clip anak perempuan dan tombol menu. Terdapat menu Pilihan Ganda.

Tampilan awal untuk game soal latihan. Jika user mendapatkan skor dibawah 50 maka user dinyatakan kalah dengan tampilan animasi seorang anak perempuan yang sedang menangis Gambar : Suara orang menagis. Setelah user mengklik jawaban maka tekan tombol LANJUT untuk ke pertanyaan berikutnya. Gambar : 20 Akhir Permainan : Setelah user menjawab 5 pertanyaan maka akan akan muncul nilainya. .NO 18 DESKRIPSI Menu Pilihan Ganda : Tampilan saat user Gambar : VISUAL AUDIO memilih menu Pilihan Ganda pada animasi Menu Kuis. 19 Pertanyaan : 1 sesi game diberikan 5 pertanyaan yang harus dijawab oleh user dalam waktu kurang dari dua menit. User meng-klik tombol MULAI untuk memulai game.

Setelah selesai menjawab klik tombol KOREKSI. Jika user mendapatkan skor 50 maka user dinyatakan menang dengan tampilan animasi seorang anak perempuan yang sedang tersenyum. 22 Menu Essay : Tampilan saat user memilih menu Essay pada Kuis. animasi Menu 23 Pertanyaan : Pada game awal diberikan 5 pertanyaan yang harus dijawab oleh user dengan cara mengisi jawaban yang benar pada kotak kosong disamping pertanyaan. User meng-klik tombol MULAI untuk memulai game. Gambar : VISUAL AUDIO Suara tepuk tangan. Tampilan awal untuk game essay.NO 21 DESKRIPSI Akhir Permainan : Setelah user menjawab 5 pertanyaan maka akan akan muncul nilainya. Gambar : .

NO 24 DESKRIPSI Pertanyaan : Setelah user meng klik tombol NEXT pada Gambar : VISUAL AUDIO game sebelumnya. Gambar : Narator : Terima kasih ya karena sudah menyaksikan animasi pembelajaran Biologi ini.1 : Storyboard Animasi Biologi . Saat user meng-klik tombol MENU maka akan kembali ke animasi Menu Kuis. Setelah selesai menjawab klik tombol KOREKSI. Tabel 3. Pada game selanjutnya diberikan 5 pertanyaan yang harus dijawab oleh user dengan cara mengisi jawaban yang benar pada kotak kosong disamping pertanyaan. Tampilan muncul saat user meng-klik tombol EXIT pada animasi Menu Utama. 25 Tampilan animasi akhir : Gambar pesawat yang berjalan secara horizontal dari kanan ke kiri.

.

1.1 Awal Pembuka Animasi Pertama kali kita membuka aplikasi pembelajaran ini maka tampilan yang akan muncul adalah seperti dibawah ini : Gambar.1 : Tampilan Pembuka Animasi Pembelajaran .BAB 4 HASIL DAN PEMBAHASAN 4.1 Hasil Pada bab ini akan dibahas mengenai hasil atau tampilan dari animasi pembelajaran Biologi tentang Sistem Reproduksi Manusia. 4. 4.

1. Lalu pilih salah satu dari menu yang tersedia. Tulisan yang terdapat dipapan tulis sudah diubah fungsinya menjadi tombol . Pada halaman ini terdapat movie clip siswi smp yang ditambahkan suara narasi intro dari animasi pembelajaran. 4.swf yang telah diubah fungsinya sebagai tombol. maka user tinggal mengklik tulisan MENU pada animasi index-biologi. Adapun gambar dari hasil tampilan disaat tombol MENU di klik dapat dilihat pada gambar dibawah ini : Gambar. Untuk menampilkan menu dari animasi pembelajaran ini. 4.2 : Tampilan Menu Utama Pada halaman ini berisi menu dari animasi pembelajaran Biologi Sistem Reproduksi Manusia.2 Menu Utama Untuk masuk kedalam menu utama pembelajaran.Halaman ini adalah tampilan awal dari animasi pembelajaran Biologi tentang Sistem Reproduksi Manusia. user cukup mengklik tulisan menu yang ada didalam papan tulis.

Dimana gambar berikut adalah gambar alat reproduksi pria. . Anatomi Wanita 3.1. Adapun link-link yang tersedia yaitu : 1. 4. Sistem Reproduksi 4. Exit 4.atau link yang dapat di klik dan akan menuju kehalaman animasi yang dimaksudkan.3 : Tampilan Animasi Anatomi Pria Halaman ini berisi tentang penjelasan mengenai alat kelamin pria. Soal Latihan 5. Anatomi Pria 2.3 Anatomi Pria Adapun tampilan dari animasi Anatomi Pria adalah sebagai berikut : Gambar.

Berikut adalah tampilan saat user mengklik tombol kandung kemih : Gambar. selain itu juga terdapat suara yang sesuai dengan deskripsi.4 : Tampilan Animasi Deskripsi Kandung Kemih Halaman ini berisi penjelasan atau deskripsi dari gambar yang dipilih. user harus mengarahkan kursor dan mengklik tulisan yang terdapat di dalam gambar yang telah . bedanya pada halaman ini berisi tentang penjelasan mengenai alat kelamin wanita. Dimana gambar yang terdapat pada animasi adalah gambar alat reproduksi wanita. Untuk melihat deskripsi atau keterangan mengenai gambar. User cukup mengklik tombol close untuk kembali ke animasi anatomi pria.Untuk melihat deskripsi atau keterangan mengenai gambar. 4. 4.1.4 Anatomi Wanita Sama seperti animasi anatomi pria. Maka akan muncul animasi tentang deskripsi tersebut. user harus mengarahkan kursor dan mengklik tulisan yang terdapat di dalam gambar yang telah diubah fungsinya menjadi tombol.

4. Adapun tampilan dari animasi Anatomi Wanita adalah sebagai berikut : Gambar.1.5 Sistem Reproduksi Adapun tampilan dari animasi Sistem Reproduksi terbagi dalam 5 frame.6 : Tampilan Frame Pertama . Untuk tampilan frame pertama adalah sebagai berikut : Gambar.5 : Tampilan Animasi Anatomi Wanita 4. 4. Maka akan muncul animasi tentang deskripsi tersebut.diubah fungsinya menjadi tombol.

dan movie clip siswi SMP menganjurkan user untuk mengklik tombol next untuk melihat animasi pada frame selanjutnya. siswi SMP ingin berinteraksi dengan user dengan menanyakan pendapat tentang video pada frame pertama. dimana deskripsi tentang fertilisasi diletakkan pada papan tulis yang berada disebelah gambar. Frame ketiga menjelaskan tentang gambar fertilisasi. Tampilan animasi pada frame kedua : Gambar. selain itu juga ditambahkan suara yang sesuai dengan deskripsi yang ada dipapan tulis. 4.Animasi yang terdapat pada frame pertama berisi video singkat tentang proses terjadinya reproduksi pada manusia. Pada halaman ini juga terdapat tombol navigasi next untuk berpindah ke frame selanjutnya dan tombol navigasi previous untuk berpindah ke frame sebelumnya. mulai dari bayi sampai akhirnya tumbuh menjadi dewasa. Pada halaman ini. user harus mengklik tombol navigasi next. Pada frame .7 : Tampilan Frame Kedua Frame kedua memuat halaman yang menampilkan movie clip siswi SMP yang telah ditambahkan suara. Jika user ingin melihat animasi pada frame kedua.

selain itu juga ditambahkan suara yang sesuai dengan deskripsi yang ada dipapan tulis. 4. Jika user ingin kembali ke animasi pada frame sebelumnya user harus mengklik tombol previous.8 : Tampilan Frame Ketiga Animasi pada frame keempat menjelaskan tentang pembelahan sel.ini juga terdapat tombol navigasi next dan previous. Sedikit penjelasan tentang pembelahan sel. Dimana gambar pada kotak sebelah kiri adalah gambar yang menjelaskan tentang pembelahan sel. pembelahan sel harus melewati beberapa fase yang akhirnya kumpulan sel akan berbentuk seperti bola pejal atau morula. dan deskripsi tentang pembelahan sel dimuat di dalam papan tulis yang terdapat pada sebelah kanan dari gambar. dan sebaliknya jika ingin ke frame selanjutnya user tinggal mengklik tombol next. Berikut tampilan atau interface dari animasi pada frame ketiga : Gambar. Berikut tampilan atau interface dari animasi pada frame keempat : .

swf. Pada saat video berjalan. Halaman ini memuat video yang menjelaskan tentang proses yang terjadi setelah pembelahan sel. Berikut tampilan atau interface dari animasi pada frame kelima : . ditambahkan tombol Menu yang diletakkan dibawah video. mulai dari perjalanan embrio menyusuri tuba falopi dan mencapai uterus. maka akan kembali ke animasi menuutama.9 : Tampilan Frame Keempat Lanjut pembahasan mengenai animasi pada frame kelima atau frame yang terakhir. Sampai akhirnya embrio menjadi fetus dan menjadi manusia sempurna namun masih berukuran sangat kecil. deskripsi yang dimuat pada papan tulis yang terdapat disebelahnya akan berganti secara otomatis sesuai dengan pergerakan perubahan pada video tersebut. Jika user mengklik tombol Menu. Pada frame terakhir ini. 4.Gambar.

maka akan memanggil animasi kuis yang berbentuk multiple choice. jika user mengklik tombol Pilihan Ganda.Gambar. 4.10 : Tampilan Frame Kelima 4.11 : Tampilan Menu Soal Latihan Halaman ini berisi tombol menu. Jika user . 4.1.6 Menu Soal Latihan Adapun tampilan dari animasi Menu Soal Latihan adalah sebagai berikut : Gambar.

Kuis ini menggunakan waktu. Tetapi tidak boleh lebih dari dua menit. dan yang kalah menuju frame kalah. 4.7 Menu Soal Latihan Pilihan Ganda Adapun tampilan dari animasi Soal Latihan Pilihan Ganda adalah sebagai berikut : Gambar. Jika pengguna mampu menjawab semua soal dengan benar.12 : Tampilan Awal Mulai Kuis Halaman ini berisi soal-soal yang akan menguji pemahaman siswa atau pengguna setelah teori disampaikan. Jika user mengklik tombol Menu Utama maka akan kembali ke animasi menu utama. maka akan memanggil animasi kuis yang berbentuk isian.mengklik tombol Essay. Soal yang diberikan adalah lima soal. . 4.1. Untuk memulainya klik tombol ”mulai” seperti yang terlihat pada gambar 4.12. Jika dua menit telah habis maka animasi akan menunjukkan nilai yang pengguna peroleh selama dua menit. Pengguna yang menang akan menuju frame menang. maka pengguna akan menang.

user dapat menekan tombol lanjut untuk maju ke soal selanjutnya. 4. Jadi user dapat mengetahui berapa soal yang dapat dijawabnya dengan benar. Halaman ini langsung memberi tahu nilai yang diperoleh. Gambar.14 : Tampilan Saat User Kalah . Jawaban masih dapat digantiganti sebelum menekan tombol lanjut.13 : Tampilan Soal Kuis Ketika user kalah. yaitu nilainya kurang dari tiga puluh.Setelah pengguna mengklik tombol ”mulai” maka pengguna akan disuguhkan lima buah pertanyaan yang harus dijawab oleh pengguna. 4. user harus memilih jawaban yang telah disediakan. maka tampilan akan menuju pada frame kalah seperti pada gambar dibawah. Setelah merasa yakin. Pada halaman soal ini. Gambar.

1. maka akan kembali ke animasi Menu Kuis.15 : Tampilan Saat User Menang Jika user mengklik tombol Menu pada sudut bawah animasi.8 Menu Soal Latihan Essay Adapun tampilan awal dari animasi Soal Latihan Essay adalah sebagai berikut : . 4. User yang menang akan tahu nilainya berapa.15. Gambar. Sehingga user khususnya siswa dapat lebih melatih diri dengan mengerjakan soal-soal biologi yang lain. maka tampilan akan seperti pada gambar 4. 4.Jika user menang.

16 : Tampilan Awal Mulai Kuis Essay Setelah pengguna mengklik tombol ”mulai” maka pengguna akan disungguhkan lima buah pertanyaan yang berbentuk isian yang harus dijawab oleh pengguna. klik tombol KOREKSI. Pada game awal diberikan 5 pertanyaan yang harus dijawab oleh user dengan cara mengisi jawaban yang benar pada kotak kosong disamping pertanyaan.Gambar. 4. Selain tombol . Setelah selesai menjawab. 4. Berikut tampilan animasinya : Gambar.17 : Tampilan Soal Essay Pada animasi game Essay ini terdapat 10 buah pertanyaan dalam bentuk isian yang dibagi menjadi 5 buah yang diletakkan di 2 frame yang berbeda.

Koreksi juga terdapat tombol Reset. Animasi ini akan muncul saat user meng-klik tombol EXIT pada animasi Menu Utama.9 Menu Exit Berikut tampilan atau interface dari animasi exit : Gambar. . 4. tombol Menu yang jika diklik akan kembali ke animasi menu kuis. dan tombol Next dan Prev yang berfungsi untuk berpindah frame soal. yang berfungsi untuk me-reset game. Pada halaman animasi ini terdapat gambar pesawat yang berjalan secara horizontal dari kanan ke kiri.1.18 : Tampilan Exit Halaman ini berisi tampilan akhir dari animasi pembelajaran Biologi ini. 4.

7. 10. 10.6. Sistem operasi .4.Microsoft Windows: Windows 2000 atau windows XP .5.Macintosh: 192 disarankan minimal 256 MB 3. 4. atau G5) 2.Macintosh: 146 MB 5.2 Pembahasan Animasi ini dapat dijalankan dengan menggunakan Flash Player. Prosesor . Hardisk Kosong . 10.2. Adobe Flash CS3 professional ini dapat digunakan pada komputer yang telah memenuhi spesifikasi tertentu.Macintosh: 1024 x 768 .4.2. G4. Hasilnya akan lebih halus bila dijalankan dengan browser.2. Jika pun pada awalnya kita menggunakan aplikasi flash player untuk menjalankan animasi tersebut.Microsoft Windows: Intel Pentium 3 atau 4 .Macintosh: Power PC (G3. Kartu VGA . RAM . Namun selain itu animasi ini juga dapat dijalankan dengan menggunakan browser. ketika mengklik link yang tersedia.Microsoft Windows: 192 disarankan minimal 256 MB .2.Microsoft Windows: 146 MB . halaman yang dipanggil akan ditampilkan secara otomatis ke browser.Macintosh: Mac Os X 10.Microsoft Windows: 1024 x 768 . Spesifikasi tersebut adalah: 1.

.1 Kelebihan Aplikasi yang Telah Dibuat 1.2 Kekurangan Aplikasi 1. Animasi yang ditampilkan masih berupa animasi 2 dimensi sehingga terlihat tidak begitu nyata seperti film-film animasi yang telah banyak beredar.2. 4. aplikasi ini juga mempunyai kelebihan. Selain itu. Aplikasi ini lebih murah dibanding belajar dengan alat peraga 4. 2. Aplikasi ini masih memiliki beberapa kekurangan dari segi hasil yang kita dapatkan. Animasi ini bersifat statis. Perubahan informasi yang ditampilkan harus di ubah dari file . Memberikan media pembelajaran yang menarik bagi siswa dengan aplikasi yang full color sehingga siswa tidak merasa jenuh 2.Dari hasil animasi pembelajaran Biologi yang telah dibuat ini dapat dikemukakan beberapa hal yang berkaitan dengan aplikasi ini.fla nya.2.

.

. lebih efisien dan mempermudah dalam memahami pelajaran yang behubungan dengan materi tersebut. Penggunaan animasi ini sangat cocok bagi pembelajaran Biologi pada siswa SMP yang akan mempelajari tentang Sistem Reproduksi Manusia. Belajar lebih menyenangkan karena materi disajikan dalam bentuk multimedia (animasi dan video). 3. 2.BAB 5 KESIMPULAN DAN SARAN 5. 4. 5. Kesulitan yang penulis hadapi dalam pembuatan animasi pembelajaran ini adalah penyesuaian dalam penggunaan ActionScript yang dikarenakan penulis belum mengetahui secara mendalam tentang ActionScript.1 Kesimpulan Berdasarkan hasil pembuatan animasi pembelajaran ini. Dengan dibuatnya animasi pembelajaran ini dapat berperan juga menggantikan alat-alat peraga yang tidak selalu tersedia. penulis mengambil kesimpulan sebagai berikut : 1. Dengan terbatasnya kemampuan yang penulis miliki maka hasil animasi yang ditampilkan masih jauh dari kata sempurna.

maka tampilan interface animasi pembelajaran harus dibuat semenarik mungkin. Hendaknya para staff pengajar seperti guru menyampaikan materi yang diajarkannya dalam bentuk animasi pembelajaran sehingga mempermudah siswa dalam meyerap informasi yang disampaikan. Dalam mempublikasikan flash sebaiknya jadikan file tersebut menjadi file HTML agar komputer yang tidak mempunyai flash player tetap dapat melihat hasil animasi.5. Hendaknya pihak . 5. 4. . Buatlah back up dari animasi pembelajaran yang telah selesai untuk menghindari segala kemungkinan yang tidak diinginkan.2 Saran Adapun saran yang penulis ingin sampaikan adalah sebagai berikut : 1. 2.pihak perpustakaan menyediakan komputer sehingga animasi pembelajaran dapat dilihat pembaca sehingga akan lebih mudah dipahami. Agar para siswa bersemangat untuk belajar. 3.

Diakses pada tanggal 25 Desember 2009. Hidayatullah Priyanto. Suheri. Jakarta. Nasution Karina. Draw and Animate with Flash. 27_33_pak_agus. Membuat Efek Khusus dengan ActionScript. Diakses pada tanggal 13 Januari 2010. Elex Media Komputindo. Bandung. 2007. Jakarta. Kadaryanto et al. Diakses pada tanggal 25 Desember 2009. Rahim Zaky. 2006. Herlambang Ferry. http://www. Akbar M. http://gurungeblog. Animasi Multimedia Pembelajaran. Biologi 2.org.com.wikipedia. Informatika. 2008. 2008.scribd. Diakses pada tanggal 2 Mei 2010. http://www.pdf . Tip dan Trik Membuat Fitur Game Flash. Amarullah.com. Jakarta. Jakarta. Maulana Arry. Elex Media Komputindo. Elex Media Komputindo.wordpress. Making Educational Animation Using Flash. Diginnovac.DAFTAR PUSTAKA Diginnovac.youtube. 2006. Maulana Arry.com. 2008. Yudhistira. http://www. Agus.

L A M P I R A N .

0).kecepatan = random(6)+2. _root.HALAMAN AWAL Layer 9 : fscommand("fullscreen".swf". } Movie Clip sis repro on(release){ loadMovie("reproduksi. } Movie Clip anatomi wanita on(release){ loadMovie("anatomi-wanita.swf".true). //nilai ukuran salju sama dengan nilai acak 30 ditambah 60 salju.swf".swf"._yscale=random(30)+60.width). _y:0}).getNextHighestDepth(). } Movie Clip soal on(release){ loadMovie("menu-kuis. . //membuat variable kecepatan di dalam movie clip salju dengan nilai acak 6 ditambah 2 salju.swf". 0). {_x:random(Stage. } Movie Clip exit on(release){ loadMovie("exit. 0).getNextHighestDepth().swf". "salju"+_root. Tombol Menu : on(release){ loadMovie("menu-utama. 0). 0). 0). } ANATOMI PRIA Layer 9 Frame 1 Membuat Animasi Salju Jatuh //membuat variable bernama jumlah_animasi dengan nilai 0 jumlah_animasi = 0._xscale = salju. } MENU UTAMA Movie Clip anatomi pria on(release){ loadMovie("anatomi-pria. //perintah yang dijalankan ketika frame ini dimainkan onEnterFrame = function () { //jika jumlah_animasi kurang dari 30 if (jumlah_animasi<30) { //memasukkan movie clip berlinkage salju ke dalam stage dengan instance name salju pada posisi x sama dengan nilai acak panjang stage dan posisi y sama dengan 0 salju = attachMovie("salju".

_y += this. //nilai ukuran salju sama dengan nilai acak 30 ditambah 60 salju. //nilai variable jumlah_animasi dikurangi 1 jumlah_animasi -= 1. //perintah yang dijalankan ketika frame ini dimainkan onEnterFrame = function () { //jika jumlah_animasi kurang dari 30 if (jumlah_animasi<30) { //memasukkan movie clip berlinkage salju ke dalam stage dengan instance name salju pada posisi x sama dengan nilai acak panjang stage dan posisi y sama dengan 0 salju = attachMovie("salju"._y>Stage.getNextHighestDepth().//varibale jumlah_animasi ditambah 1 jumlah_animasi += 1. "salju"+_root. //perintah yang dijalankan ketika frame movie clip salju dimainkan salju. //jika nilai koordinat y movie clip ini lebih dari nilai lebar stage if (this. } }.kecepatan._xscale = salju. } ANATOMI WANITA Layer 6 Frame 1 Membuat Animasi Salju Jatuh //membuat variable bernama jumlah_animasi dengan nilai 0 jumlah_animasi = 0.removeMovieClip(). . _y:0}).onEnterFrame = function() { //koordinat y movie clip ini ditambah nilai variable kecepatan movie clip ini this. Tombol Menu on(release){ loadMovie("menu-utama.kecepatan = random(6)+2. //perintah yang dijalankan ketika frame movie clip salju dimainkan salju. 0). } }.onEnterFrame = function() { //koordinat y movie clip ini ditambah nilai variable kecepatan movie clip ini this. } Tombol Exit on(release){ loadMovie("exit._yscale=random(30)+60._y += this. //varibale jumlah_animasi ditambah 1 jumlah_animasi += 1.width).swf".height) { //hapus movie clip ini dari stage this. //membuat variable kecepatan di dalam movie clip salju dengan nilai acak 6 ditambah 2 salju.getNextHighestDepth().kecepatan. 0). _root. {_x:random(Stage.swf".

'. } else if ((playheadTime>=68) and (playheadTime<=69)) { _root.deskripsi. } else if ((playheadTime>=72) and (playheadTime<=93)) { _root.\n\n' +'Pada minggu berikutnya.'.removeMovieClip().text = 'Tiga minggu setelah fertilisasi. terbentuk sebuah struktur kompleks yang terdiri dari jaringan dan sel-sel yang dikenal dengan nama plasenta.deskripsi.//jika nilai koordinat y movie clip ini lebih dari nilai lebar stage if (this. } else if ((playheadTime>=70) and (playheadTime<=71)) { _root. embrio mencapai uterus yang memang dipersiapkan untuk menerima embrio. } else if ((playheadTime>=38) and (playheadTime<=67)) { _root.deskripsi. } else if ((playheadTime>=94) and (playheadTime<=125)) { _root. } else if ((playheadTime>=18) and (playheadTime<=37)) { _root. embrio masih berukuran lebih kecil dari sebutir nasi tapi telah memiliki jantung primitif. //nilai variable jumlah_animasi dikurangi 1 jumlah_animasi -= 1. } }. \n\n' +'Sekitar 1 minggu setelah konsepsi. \n\n' +'Pada minggu keempat. Action Component pada Video di frame ke 5 on (playheadUpdate) { if ((playheadTime>=0) and (playheadTime<=17)) { _root.deskripsi.deskripsi. embrio kemudian dikenal dengan nama fetus dan sudah menjadi manusia sempurna namun dengan ukuran yang sangat kecil.text = 'Jejaring pembuluh darah embrio berdekatan langsung dengan persediaan darah dari ibunya.height) { //hapus movie clip ini dari stage this. embrio menyusuri tuba fallopi.'. \n\n' +'Sebagian selnya menjadi seperti jari yang menancapkan embrio pada uterus untuk mengambil nutrisi dan oksigen serta menghindarkan embrio dari limbah/kotoran. embrio akan terlihat seperti terlihat pada video.\n\n' .'.text = '6 minggu'.text = 'Pada bulan kedua.text = '7 minggu'.text = 'Setelah sel membelah. \n\n' +'Pada minggu kelima. ukuran embrio seperti sebuah kacang polong._y>Stage.deskripsi. SISTEM REPRODUKSI MANUSIA Layer Action Frame 1 sampai Frame 5 stop(). \n\n' +'Ketika embrio menempel pada uterus.deskripsi. \n\n' +'Sel-sel yang menancap pada uterus mengeluarkan hormon yang mencegah terjadinya menstruasi. jaringan dan organ pada embrio berkembang. } }.text = 'Pada saat ini embrio telah menjadi sebuah bola yang dilapisi cairan dan terdiri dari hampir 100 sel.

deskripsi.swf". maka akan terbentuk pusar.+'Darah ibu dan embrio tidak benar-benar bercampur tetapi zat-zat seperti oksigen. 0). Ototnya pun mengejang.text = 'Pada bulan kelima. \n\n' +'Detak jantungnya sekitar 140 kali/menit. semua organ pada fetus sudah berada pada tempatnya. jawaban = "" .swf".deskripsi. } else if ((playheadTime>=126) and (playheadTime<=145)) { _root. nomor_soal = 0 . '. .text = 'Dari plasenta muncul tali ari-ari yang menghubungkan plasenta dengan perut fetus. embrio akan dianggap sebagai organisme asing karena hanya memiliki setengah gen dari ibunya. 0). plasenta dan tali ari-ari berfungsi sebagai penyedia semua kebutuhan fetus untuk tumbuh. fetus memiliki panjang hampir 21 cm atau sekitar 9 inci. nilai = 0 . '.text = 'Pada bulan ketiga. \n\n' +'Selama kehamilan. } Tombol menu utama on(release){ loadMovie("menu-utama. kunci = "" . } else if ((playheadTime>=156) and (playheadTime<=165)) { _root. fetus berukuran dua kali lipat (dibandingkan sebelumnya).deskripsi. } else if ((playheadTime>=146) and (playheadTime<=155)) { _root. \n\n' +'Jika darah keduanya benar-benar bercampur. dua kali lipat orang dewasa. } BANK SOAL Layer 8 Frame 1 stop () . '. '. nutrisi maupun kotoran dapat saling bertukar antara ibu dan embrio.swf". } Tombol essay on(release){ loadMovie("soal_essay. '. \n\n' +'Dan pada saat tersebut fetus memasuki tahap pertumbuhan yang intensif. \n\n' +'Ketika tali ari-ari ini dipotong ketika bayi lahir nanti. } else if ((playheadTime>=166) and (playheadTime<=181)) { _root.text = 'Pada bulan keempat. 0). } } MENU SOAL LATIHAN Tombol bank soal on(release){ loadMovie("bank-soal.deskripsi.

0.7.5. menit = 2 .0. }else { tampil_detik = detik .i++){ belum=0. . if(detik < 0){ detik = 59 . } if(menit == 0 and detik ==0 ){ mulai = 1 . sudah=new Array(0. _root.0. } onClipEvent(enterFrame){ if(mulai == 0){ if(_currentframe == 12){ detik -= 1 . menit -= 1 } } } if(detik < 10){ tampil_detik = "0" + detik .10) . hasil=new Array(0. } } } } acak_soal() trace(hasil) Movie Clip Waktu onClipEvent(load){ detik = 0 . if(sudah[item]==0){ belum=1.9.0.bank_soal =new Array (1.8.6.0.3.0.0. sudah[item]=1.4. mulai = 1 .0.2.0.0.gotoAndStop ("frame_kalah") .i<5.0. hasil[i]=bank_soal[item]+1. } if(detik==60){ tampil_detik="00" } if(menit < 10){ tampil_menit = "0" + menit . }else { tampil_menit = menit .0). naik=-1 function acak_soal(){ for(i=0.0). while(belum==0){ item=random(6).

jawaban_asli5 = "penis".waktu. } Layer Background Frame 2 //daftar jawaban sebenarnya jawaban_asli1 = "fimbriae". jawaban_asli5 = "testis". Layer Background Frame 3 //daftar jawaban sebenarnya jawaban_asli1 = "vagina". } naik+=1 gotoAndStop(hasil[naik]) . //nilai pertama kali sama dengan 0 .mulai = 0 nomor_soal+=1 naik+=1 trace(naik) gotoAndStop(hasil[naik]) . //nilai pertama kali sama dengan 0 nilai = 0. jawaban_asli2 = "infundibulum". jawaban_asli2 = "progesteron". if(nomor_soal > 5){ _root.} } Tombol Lanjut on(release){ nomor_soal+=1 if(jawaban == kunci){ nilai += 10 .mulai = 1 . jawaban_asli4 = "esterogen". Tombol Mulai on(release){ gotoAndStop(2). jawaban_asli4 = "spermiasi". jawaban_asli3 = "monopouse". jawaban_asli3 = "impotensi". } SOAL ESSAY Layer Background Frame 1 stop().waktu. if(nilai > 20){ gotoAndStop("frame_menang") }else{ gotoAndStop("frame_kalah") } } } Tombol Mulai on(release){ _root.

i<6. i++) { //jika jawaban_user+i sama dengan jawaban_asli+i if (_root["jawaban_user"+i] == _root["jawaban_asli"+i]) { //nilai ditambah 1 nilai += 1. i++) { //jawaban_user+i dikosongkan _root["jawaban_user"+i] = "". //tanda+i pindah ke frame 2 _root["tanda"+i].gotoAndStop(3). //warna tombol koreksi tidak transparan koreksi. i=3. //tanda+i pindah ke frame 1 _root["tanda"+i].swf".nilai = 0._alpha = 40. //nilai diubah menjadi 0 nilai = 0. Tombol Reset on (release) { //tombol koreksi dapat ditekan koreksi. i=4. } Tombol Prev on(release){ gotoAndStop(2). } Tombol Menu on(release){ loadMovie("menu-kuis. i=4. i<6. } .enabled = true. i=2. i=3.enabled = false. i=5 for (i=1. //menghasilkan variable i=1. 0). i=5 for (i=1._alpha = 100. //tombol koreksi lebih transparan koreksi.gotoAndStop(2).gotoAndStop(1). i=2. } Tombol Next on(release){ gotoAndStop(3). } else { //tanda+i pindah ke frame 3 _root["tanda"+i]. } } //tombol koreksi tidak bisa ditekan koreksi. } } Tombol Koreksi //ketika tekanan mouse dilepaskan setelah mouse ditekan on (release) { //menghasilkan variable i=1.

Pembimbing Utama/ Penanggung Jawab Dr.M. M.Sc NIP.IT : 7 Maret 2010 Tanggal Selesai Bimbingan : 25 Mei 2010 No . Bioteknologi No. pada Bab : Pengajuan Proposal TA Pengajuan Bab 1-5 Revisi Bab 1-5 Uji Program ACC Bab 1-5 ACC Uji Program Paraf Dosen Pembimbing Keterangan Kartu ini harap dikembalikan ke Departemen Matematika bila bimbingan telah selesai. 19640109 198803 1 004 Syahriol Sitorus. S. (061) 8214290 KARTU BIMBINGAN TUGAS AKHIR MAHASISWA Nama Mahasiswa Nomor Stambuk Judul Tugas Akhir : RIA ARNISHA : 072406117 : Animasi Sistem Reproduksi Manusia Pada Pelajaran Biologi Sekolah Menengah Pertama Dengan Adobe Flash CS 3 Dosen Pembimbing Tanggal Mulai Bimbingan : Syahriol Sitorus.Si. Fax. Diketahui. Ketua Departemen Matematika USU Disetujui.KEMENTRIAN PENDIDIKAN NASIONAL UNIVERSITAS SUMATERA UTARA FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM Jl. M. 19710310 199703 1 004 .Saib Suwilo. (061) 8211050.IT NIP. S.1 Kampus USU Padang Bulan Medan-20155 Telp.Si. 1 2 3 4 5 6 Tanggal Asisten Bimbingan 7 Maret 2010 30 April 2010 8 Mei 2010 19 Mei 2010 25 Mei 2010 25 Mei 2010 Pembahasan pada Asistensi Mengenai.

25 Mei 2010 Dosen Pembimbing / Kepala Lab.SURAT KETERANGAN Hasil Uji Program Tugas Akhir Yang bertanda tangan di bawah ini.IT NIP. M.Si. menerangkan bahwa Mahasiswa Tugas Akhir Program Diploma 3 Ilmu Komputer/Statistika : Nama NIM Program Studi Judul Tugas Akhir : RIA ARNISHA : 072406117 : Ilmu Komputer : Animasi Sistem Reproduksi Manusia Pada Pelajaran Biologi Sekolah Menengah Pertama Dengan Adobe Flash CS 3 Telah melaksanakan tes program Tugas Akhir Mahasiswa tersebut di atas pada tanggal : 25 Mei 2010 Dengan Hasil : SUKSES Demikian diterangkan untuk digunakan melengkapi syarat pendaftaran Ujian Meja Hijau Tugas Akhir Mahasiswa bersangkutan di Departemen Matematika FMIPA USU Medan. 19710310 199703 1 004 . Medan. S. Komputer Program Studi D-3 Ilmu Komputer/Statistika Syahriol Sitorus.

You're Reading a Free Preview

Download
scribd
/*********** DO NOT ALTER ANYTHING BELOW THIS LINE ! ************/ var s_code=s.t();if(s_code)document.write(s_code)//-->