Professional Documents
Culture Documents
TUGAS AKHIR
RIA ARNISHA
072406117
TUGAS AKHIR
RIA ARNISHA
072406117
Diluluskan di
Medan, Juni 2010
Komisi Pembimbing :
Diketahui
Departemen Matematika FMIPA USU Pembimbing,
Ketua,
TUGAS AKHIR
Saya mengakui bahwa tugas akhir ini adalah hasil kerja saya sendiri, kecuali beberapa
kutipan dan ringkasan yang masing-masing disebutkan sumbernya.
RIA ARNISHA
072406117
PENGHARGAAN
Puji dan syukur penulis panjatkan kepada Tuhan Yang Maha Pemurah dan Maha
Penyayang, dengan limpah karunia-Nya kertas kajian ini berhasil diselesaikan dalam
waktu yang telah ditetapkan.
Ucapan terima kasih saya sampaikan kepada Bapak Syahriol Sitorus, S.Si,
M. IT, selaku pembimbing pada penyelesaian tugas akhir ini yang telah memberikan
panduan dan penuh kepercayaan kepada saya untuk menyempurnakan kajian ini.
Panduan ringkas dan padat dan profesional telah diberikan kepada saya agar penulis
dapat menyelesaikan tugas ini. Ucapan terima kasih juga ditujukan kepada Ketua dan
Sekretaris Departemen Matematika, Dr. Saib Suwilo, M.Sc. dan Drs. Hendri Rani
Sitepu, M.Si., Dekan dan Pembantu Dekan Fakultas Matematika dan Ilmu
Pengetahuan Alam Universitas Sumatera Utara, semua dosen pada departemen
Matematika FMIPA USU, pegawai di FMIPA USU, dan rekan-rekan kuliah.
Akhirnya, tidak terlupakan kepada orang tua tercinta serta sanak saudara penulis yang
selama ini memberikan bantuan, dorongan, dan doa yang diperlukan. Semoga Tuhan
Yang Maha Esa akan membalasnya.
ABSTRAK
ABSTRACT
This study is to develop a study application. This Biology study application about
human reproduction system is developed by using software Adobe Flash CS3
Professional. Beside that, Macromedia Fireworks is also used to help in making an
object. 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. The contents start from the theory about man’s
reproduction organ, woman’s reproduction organ, reproduction system, andat the end,
there is a task to know how deep the student has understood the lesson. This
application also can help teacher to teach about human reproduction system.
DAFTAR ISI
Halaman
Persetujuan ii
Pernyataan iii
Penghargaan iv
Abstrak v
Abstract vi
Daftar Isi vii
Daftar Gambar ix
Daftar Tabel x
Bab 1 Pendahuluan
1.1 Latar Belakang 1
1.2 Identifikasi Masalah 2
1.3 Tujuan dan Manfaat 3
1.4 Metode Penelitian 3
1.5 Sistematika Penulisan 4
Daftar Pustaka 63
LAMPIRAN
DAFTAR GAMBAR
Halaman
Halaman
PENDAHULUAN
Pada zaman modern seperti sekarang ini, banyak cara untuk menyampaikan suatu
pelajaran. Salah satunya dengan animasi. Animasi tidak hanya digunakan dalam dunia
hiburan seperti pembuatan film dan permainan. Animasi juga digunakan dalam
dan pengajar. Bagi siswa, animasi dapat meningkatkan minat belajar siswa terhadap
suatu bidang ilmu tertentu dan bagi pihak pengajar, animasi dapat mempermudah
Salah satu perangkat lunak pembuat animasi yang cukup populer pada saat ini
adalah Flash. Flash adalah sebuah program yang diciptakan untuk membuat animasi
berupa teks maupun gambar mulai dari yang sederhana hingga yang kompleks. Adobe
Flash CS 3 merupakan salah satu dari sekian banyak software pembuat animasi.
Tampilan interface, fungsi dan pilihan palet yang beragam, serta kumpulan tool yang
animasi di bidang pendidikan. Animasi yang akan dibuat oleh penulis adalah animasi
berhubungan dengan kehidupan dan alam sekitar kita, tetapi banyak siswa yang
kurang tertarik akan pelajaran tersebut. Oleh sebab itu, penulis berusaha menarik
minat siswa terhadap pelajaran Biologi dengan menawarkan interface yang lebih
Pelajaran Biologi yang akan dibuat animasinya oleh penulis difokuskan pada
materi tentang Sistem Reproduksi Manusia. Hasil dari animasi tersebut akan
dituangkan dalam bentuk tugas akhir dengan judul “ Animasi Sistem Reproduksi
Flash CS 3 ”.
Masalah yang diangkat disini adalah bagaimana membuat animasi dari pelajaran
siswa memahami pelajaran tersebut serta menjadikan Biologi menjadi pelajaran yang
Manfaat yang diperoleh dalam pembuatan animasi Sistem Reproduksi Manusia ini
adalah :
Untuk mendapatkan data yang penulis butuhkan dalam pembuatan animasi ini, maka
kepustakaan dengan membaca buku dan browsing internet tentang teori-teori yang
BAB 1 : Pendahuluan
Bab ini menguraikan latar belakang, identifikasi masalah, tujuan dan manfaat
Bab ini menguraikan landasan teori yang membahas masalah secara teoritis yaitu
Bab ini akan membahas tentang analisis sistem dan perancangan dari animasi Biologi
tentang Sistem Reproduksi Manusia dan gambaran umum rancangan serta storyboard
Bab ini akan membahas analisis hasil dan pembahasan animasi Biologi tentang Sistem
Bab ini menguraiakan tentang kesimpulan, dan saran-saran dari hasil akhir penelitian
LANDASAN TEORI
Kata media berasal dari bahasa Latin medius yang berarti tengah, perantara atau
pengantar. Pengertian media sangat luas, namun apabila dipahami secara garis besar
adalah manusia, materi, atau kejadian yang membangun kondisi yang membuat kita
pengertian media dalam proses belajar diartikan sebagai alat-alat grafis, fotografis
atau elektronis untuk menangkap, memproses, dan menyusun informasi visual atau
verbal.
Pemilihan media perlu dikuasai dengan baik oleh guru bila tidak menghendaki adanya
kesulitan-kesulitan yang setiap saat bisa timbul. Penggunaan media secara efektif
dengan mencari, menemukan dan memilih media yang memenuhi kebutuhan belajar
atau tidaknya media yang digunakan, tetapi ketepatan pemilihan media yang akan
pemilihan media adalah harus didasarkan pada tujuan belajar yang ditentukan dengan
mengingat karakteristik khusus yang ada pada diri siswa. Pemilihan media hendaknya
dilakukan secara objektif, artinya sesuai dengan kebutuhan siswa dan berdasarkan
komputasi multimedia mengintegrasikan teks, gambar, seni grafik, animasi, suara, dan
video, yang mampu mempengaruhi sebanyak mungkin indera yang dimiliki manusia
Media pembelajaran berbasis teknologi merupakan sebuah teori dan praktek dalam hal
proses untuk belajar. Pendidikan dapat berlangsung secara efektif baik di dalam
kelompok, maupun perorangan, dan belajar dapat diperoleh dari siapa dan apa saja,
komputer, VCD player, ataupun alat elektronik lainnya yang berperan penting bagi
orang banyak. Sebagai contoh komputer memiliki fungsi dalam berbagai bidang,
multimedia.
2.3 Multimedia
Multimedia dapat diartikan sebagai penggunaan beberapa media yang berbeda untuk
3. Bidang jaringan dan internet yang membantu dalam pembuatan website yang
informasi
Video
6. Animasi, berupa kumpulan gambar yang diolah sedemikian rupa sehingga muncul
pergerakan
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.
interaktif diperlukan software dan bahasa pemrograman yang sesuai. Adapun Software
yang digunakan untuk merancang animasi pembelajaran ini adalah Flash, dan
menggunakan bahasa pemrograman yang terdapat pada Flash yang lebih dikenal
dengan ActionScript.
2.5 Flash
tidak hanya digunakan dalam pembuatan animasi, tetapi pada zaman sekarang ini
flash juga banyak digunakan untuk keperluan lainnya seperti dalam pembuatan game,
Animasi yang dihasilkan flash adalah animasi berupa file movie. Movie yang
dihasilkan dapat berupa grafik atau teks. Grafik yang dimaksud disini adalah grafik
yang berbasis vektor, sehingga saat diakses melalui internet, animasi akan
ditampilkan lebih cepat dan terlihat halus. Selain itu flash juga memiliki kemampuan
untuk mengimpor file suara, video maupun file gambar dari aplikasi lain. Salah satu
aplikasi pembuat animasi yang cukup dikenal saat ini adalah Adobe Flash CS 3.
Adobe Flash CS 3 adalah salah satu aplikasi pembuat animasi yang cukup dikenal saat
ini. Berbagai fitur dan kemudahan yang dimiliki menyebabkan Adobe Flash CS 3
menjadi program animasi favorit dan cukup populer. Tampilan interface, fungsi dan
pilihan palet yang beragam, serta kumpulan tool yang sangat lengkap sangat
animasi, dan programming. Oleh karena itu ActionScript juga dibutuhkan untuk
memberi efek gerak dalam animasi. ActionScript di flash pada awalnya memang sulit
dimengerti jika seseorang tidak mempunyai dasar atau mengenal flash. Tetapi jika
sudah mengenalnya, kita tidak bisa lepas dari ActionScript karena sangat
menyenangkan dan dapat membuat pekerjaan jauh lebih cepat dan mudah.
Ketika pertama kali membuka Adobe Flash CS 3, maka akan muncul start page
seperti berikut :
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
Berikut ini adalah bentuk tampilan jendela utama pada Adobe Flash CS 3 :
1 2
4 5 6
1. Menu Bar adalah kumpulan yang terdiri atas dasar menu-menu yang
digolongkan dalam satu kategori. Misalnya menu file terdiri atas perintah New,
3. Stage adalah area untuk berkreasi dalam membuat animasi yang digunakan
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
2. Subselection Tool
Subselection Tool berfungsi menyeleksi bagian objek lebih detail dari pada
selection tool.
Gradien Transform Tool berfungsi untuk mentransformasi warna dari fill objek
yang terseleksi.
5. Lasso Tool
garis seleksi.
6. Pen Tool
Pen Tool digunakan untuk menggambar garis dengan bantuan titik-titik bantu
7. Text Tool
8. Line Tool
9. Rectangle Tool
Poly Star Tool digunakan untuk menggambar bentuk dengan jumlah segi yang
diinginkan.
bentuk bebas.
2.6.4 Library
terpisah yang sudah jadi, seperti tombol, objek grafis, audio, video, dan lain-lain.
Action Script adalah bahasa pemrograman Adobe Flash CS 3 yang digunakan untuk
membuat animasi atau interaksi (Ferry Herlambang, 2007). Action Script mengizinkan
Sama dengan bahasa pemrograman yang lain, Action Script berisi banyak
elemen yang berbeda serta strukturnya sendiri. Kita harus merangkainya dengan benar
agar Action Script dapat menjalankan dokumen sesuai dengan keinginan. Jika tidak
merangkai semuanya dengan benar, maka hasil yang didapat kan akan berbeda dan
file flash tidak akan bekerja sama sekali. Action Script juga dapat diterapkan untuk
action pada frame, tombol, movie clip, dan lain-lain. Action frame adalah action yang
diterapkan pada frame untuk mengontrol navigasi movie, frame, atau objek lain-
baru (Kadaryanto et al, 2006). Tujuannya adalah untuk mempertahankan jenisnya dan
melestarikan jenis agar tidak punah. Pada manusia untuk menghasilkan keturunan
yang baru diawali dengan peristiwa fertilisasi. Sehingga dengan demikian reproduksi
pada manusia dilakukan dengan cara generatif atau seksual. Untuk dapat mengetahui
reproduksi pada manusia, kita harus mengetahui terlebih dahulu organ-organ kelamin
2.7.1.1 Pria
Organ reproduksi pada pria dibedakan menjadi organ kelamin luar dan organ kelamin
dalam.
1. Penis
2. Skrotum
2. Epididimis merupakan saluran panjang yang berkelok yang keluar dari testis.
vesikula seminalis.
2.7.1.2 Wanita
Organ reproduksi wanita dibedakana menjadi organ kelamin luar dan organ kelamin
dalam.
1. Vagina
2. Vulva
terletak di dalam rongga perut pada daerah pinggang sebelah kiri dan kanan.
bertugas sebagai tempat fertilisasi dan jalan bagi sel ovum menuju uterus
3. Uterus merupakan organ yang berongga dan berotot. Berbentuk seperti buah
pertumbuhan embrio.
saluran vagina dan sebagai jalan keluarnya janin dari uterus menuju saluran
vagina.
5. Saluran vagina merupakan saluran lanjutan dari serviks dan sampai pada
vagina.
6. Klitoris merupakan tonjolan kecil yang terletak di depan vulva. Sering disebut
dengan klentit.
BAB 3
Sistem pembelajaran pelajaran Biologi yang selama ini berlangsung hanya berpatok
pada buku pegangan. Jika pun ada, proses pembelajaran hanya dibantu oleh alat
mempunyai alat peraga yang lengkap untuk setiap pelajaran. Hal ini disebabkan oleh
ketidakmampuan pihak sekolah dalam hal pembiayaan untuk membeli alat peraga
tersebut. Ditambah lagi, batuan dari pemerintah untuk alat peraga disetiap sekolah
masih sangat minim. Tanpa bantuan alat peraga siswa akan mengalami kesulitan
dalam belajar Biologi karena siswa harus mampu berimajinasi untuk membayangkan
memudahkan siswa belajar tanpa alat peraga yang mahal, tetapi tidak kalah
menariknya belajar dengan alat peraga. Animasi adalah salah satu solusi untuk
masalah tersebut.
kejadian yang diceritakan dalam pelajaran. Animasi juga dapat dilengkapi dengan
video dan suara sehingga interface yang ditampilkan akan semakin menarik minat
siswa untuk belajar dan memahami pelajaran yang disampaikan. Selain itu, menurut
penelitian, gambar lebih mudah diingat daripada tulisan. Maka dari itu, penulis
menggabungkan gambar, tulisan dan suara sehingga proses belajar dapat dilakukan
secara optimal.
memenuhi spesifikasi tertentu. Spesifikasi ini merupakan bagian dari program yang
menggambarkan segala sesuatu yang tampak pada layar monitor, yaitu meliputi
pembuatan gambar, teks, pemberian suara, pembuatan efek gerak dan pembuatan
Teknik yang sederhana ini tentunya juga didukung oleh peranan ActionScript yang
1. Buka aplikasi Adobe Flash CS 3. Ubah ukuran stage menjadi 550 x 400 pixels.
aktifkan tool Line, kemudian buatlah rangkaian garis untuk membuat sketsa
perbukitan.
3. Selanjutnya kita warnai sketsa perbukitan tersebut. Aktifkan tool Paint Bucket,
kemudian pilihlah warna hijau muda. Klik pada bagian bukit sebelah kanan.
Kemudian kita warnai bukit sebelah kiri dengan warna hijau yang lebih tua. Klik
4. Selanjutnya kita akan mewarnai area langit dengan warna gradasi biru-putih.
Aktifkan tool Paint Bucket, kemudian pada panel Color tentukanlah warna gradasi
awan, tanaman, dan yang lainnya. Kita dapat menambahkannya dengan cara
6. Kemudian kita akan membuat papan tulis yang akan diletakkan ditengah. Pilih
tool Rectangle kemudian buatlah sebuah kotak dengan fill color warna putih dan
stroke color warna hitam. Kemudian pilih tool Line untuk membuat garis
penyangga papan tulis. Dimana tampilan papan tulisnya akan seperti gambar
berikut :
Gambar 3.1 : Papan Tulis
7. Di dalam papan tulis kita ketikkan judul daripada animasi pembelajaran ini yaitu,
Biologi Sistem Reproduksi Manusia. Pada bagian bawah judul buatlah tombol
menu yang mana jika user meng-klik tombol menu ini maka akan memanggil
8. Selanjutnya kita akan membuat movie clip siswi SMP. Pertama, pilih oval tool
untuk membuat kepala, kemudian buat kembali lingkaran yang lebih besar untuk
membuat rambut.
9. Aktifkan line tool dan buatlah garis untuk memotong lingkaran yang besar,
kemudian seleksilah segmen lingkaran yang berada dibawah rangkaian garis dan
10. Pilih oval tool untuk membuat mata, dan line tool untuk membuat garis mulut.
11. Untuk membuat baju dan rok, gunakan line tool dan buatlah rangakaian garis
12. Untuk membuat tangan dan kaki objek, gunakan juga line tool dan rangkailah agar
membentuk tangan dan kaki. Sehingga hasilnya akan seperti gambar dibawah ini :
Gambar 3.2 : Movie Clip Siswi SMP
13. Langkah selanjutnya adalah menambahkan suara. Double click movie clip siswi
SMP, kemudian buat layer baru untuk menambahkan sound. Untuk menambahkan
suara maka harus meng-import suara kedalam library. Caranya klik File kemudian
pilih Import pilih Import to Library. Pilih file suara yang akan di-import yaitu
14. Selanjutnya tambahkan lagi layer baru, kita akan membuat action script untuk
menghentikan suara narasi. Pada frame 150 ketiklah pada action frame action
1. Buka aplikasi Adobe Flash CS 3. Ubah ukuran stage menjadi 550 x 400 pixels.
aktifkan tool Line, kemudian buatlah rangkaian garis untuk membuat sketsa
perbukitan.
3. Selanjutnya kita warnai sketsa perbukitan tersebut. Aktifkan tool Paint Bucket,
kemudian pilihlah warna hijau muda. Klik pada bagian bukit sebelah kanan.
Kemudian kita warnai bukit sebelah kiri dengan warna hijau yang lebih tua. klik
4. Selanjutnya kita akan mewarnai area langit dengan warna gradasi biru-putih.
Aktifkan tool Paint Bucket, kemudian pada panel Color tentukanlah warna gradasi
awan, tanaman, kucing, tong, dan yang lainnya. Kita dapat menambahkannya
Reproduksi, Soal Latihan, dan Exit dan atur didalam papan tulis.
Latihan, dan Exit diubah menjadi tombol, caranya ubah tulisan menjadi movie
clip, kemudian pada movie clip ketikkan action script yang fungsinya untuk
9. Selanjutnya menambahkan suara. Import file kitten ke library yang akan dijadikan
1. Buka aplikasi Adobe Flash CS 3. Ubah ukuran stage menjadi 700 x 450 pixels,
2. Buat 3 layer, dan beri nama layer tersebut masing-masing dengan nama
3. Pada layer background, pilih text tool kemudian ketik ANATOMI PRIA sebagai
judul animasi.
4. Masih pada layer background, pilih rectangle tool untuk membuat sebuah persegi
pada animasi ini. Untuk stoke color pilih warna hitam. Dan untuk fill color nya
pilih no color.
5. Import gambar guru ke dalam library, kemudian drag ke dalam stage, atur
posisinya.
6. Kemudian kita meng-import file gambar anatomi-pria pada library lalu drag
kedalam stage. Pada bawah gambar buatlah 2 buah tombol, yaitu tombol MENU
dan tombol EXIT. Kemudian tombol MENU akan dijadikan tombol yang akan
exit.swf.
7. Selanjutnya beralih ke layer tombol. Pada layer ini kita akan membuat tulisan
pada gambar anatomi-pria sebagai tombol, yang jika tombol tersebut di klik maka
akan muncul animsi deskripsi. Caranya pilih rectangle tool kemudian seleksi
tulisan pada gambar anatomi-pria, jika telah terseleksi kemudian klik kanan pilih
convert to symbol, maka akan muncul jendela Convert to Symbol kemudian beri
nama Symbol 1 pilih type button dan klik ok. Begitulah seterusnya.
8. Pada layer 9, kita akan membuat action script pada frame pertama untuk
9. Pada animasi ini juga kita tambahkan sound sebagai backsound dari animasi ini.
Caranya, convert gambar guru menjadi movie clip. Double click movie clip guru,
1. Tampilan pada animasi ini sama seperti animasi anatomi-pria, sehingga cukup
WANITA dan menghapus file gambar anatomi-pria, kemudian pilih Save As dan
2. Import gambar guru ke dalam library, kemudian drag ke dalam stage, atur
posisinya.
3. Klik pada layer background, kemudian kita akan meng-import file gambar
anatomi-wanita pada library lalu drag pada kotak pertama. Pada bawah gambar
buatlah 2 buah tombol, yaitu tombol MENU dan tombol EXIT. Kemudian tombol
4. Selanjutnya ke layer tombol, pada layer ini kita akan membuat tulisan pada
gambar anatomi-wanita sebagai tombol, yang jika tombol tersebut diklik maka
akan muncul animasi deskripsi yang sesuai. Caranya pilih rectangle tool kemudian
seleksi tulisan pada gambar anatomi-wanita, jika telah terseleksi kemudian klik
kanan pilih convert to symbol, maka akan muncul jendela Convert to Symbol
kemudian beri nama Symbol 1 pilih type button dan klik ok. Begitulah seterusnya.
5. Pada layer 6, kita akan membuat action script pada frame pertama untuk
6. Pada animasi ini juga kita tambahkan sound sebagai backsound dari animasi ini.
Caranya, convert gambar guru menjadi movie clip. Double click movie clip guru,
1. Buka aplikasi Adobe Flash CS 3. Ubah ukuran stage menjadi 550 x 400 pixels.
aktifkan tool Line, kemudian buatlah rangkaian garis untuk membuat sketsa
perbukitan.
3. Selanjutnya kita warnai sketsa perbukitan tersebut. Aktifkan tool Paint Bucket,
kemudian pilihlah warna hijau muda. Klik pada bagian bukit sebelah kanan.
Kemudian kita warnai bukit sebelah kiri dengan warna hijau yang lebih tua. klik
4. Selanjutnya kita akan mewarnai area langit dengan warna gradasi biru-putih.
Aktifkan tool Paint Bucket, kemudian pada panel Color tentukanlah warna gradasi
awan, tanaman, dan yang lainnya. Kita dapat menambahkannya dengan cara
meng-import gambar-gambar kedalam library, kemudian masukkan kedalam stage
7. Langkah selanjutnya adalah meng-import movie clip girl kedalam library. Kita
akan membuat gerakan pada movie clip tersebut dengan mengatur tampilan
10. Tambahkan layer baru untuk layer sound, import sound sesuai dengan deskripsi.
1. Buka aplikasi Adobe Flash CS 3. Ubah ukuran stage menjadi 700 x 450 pixels,
2. Buat 3 layer, dan beri nama background, tombol, dan action layer. Pada animasi
akan menampilkan video dan tombol navigasi next dan previous untuk berpindah
frame. Pertama untuk meng-import video klik pada menu File kemudian Import
dan pilih Import Video, maka akan muncul jendela Import Video, cari file yang
akan di-import perlu diingat flash hanya bisa meng-import video dalam format .flv
sehingga jika video dalam format lain flash akan meng-convert-nya terlebih
dahulu.
4. Drag video dari library kedalam stage dan atur posisinya. Kemudian untuk
membuat tombol navigasi next dan previous yang diletakkan pada layer tombol,
pilih menu Window kemudian Common Library dan pilih Button maka akan
muncul jendela library button. Pilih rounded green back dan drag kedalam stage
untuk tombol previous, kemudian pilih rounded green forward dan drag kedalam
5. Lanjut pada frame berikutnya, kita akan membuat tampilan seperti animasi
awal.swf. Maka perlu di-import movie clip siswi SMP, sehingga tampilannya akan
seperti berikut :
movie clip sisiwi SMP, disini akan kita buat 3 buah layer dan beri nama girl,
sound, action. Import file suara kedalam library kemudian drag ke layer sound.
pada layer girl, atur gerakan mulut objek sesuai dengan lafal suara. Terakhir pada
layer action, pada frame 80 ketikkan actionscript stop (); untuk berhenti.
7. Untuk frame ketiga, kita akan menampilkan gambar berserta keterangan. Import
gambar kedalam library, atur posisi di sebelah kiri stage. Deskripsi tentang
gambar akan diletakkan di dalam papan tulis yang terdapat di samping gambar.
Pilih text tool dan ketikkan keterangan tentang gambar disampingnya. Begitu juga
8. Lanjut ke frame terakhir, pada frame ini kita meng-import video, dan pada saat
video berjalan secara otomatis akan muncul keterangan tentang video pada papan
tulis yang diletakkan disamping video. Atur posisinya sehingga seperti tampilan
berikut :
1. Buka aplikasi Adobe Flash CS 3. Ubah ukuran stage menjadi 5500 x 400 pixels.
2. Aktifkan tool Rectangle, kemudian buatlah persegi besar, pada stroke color pilih
3. Buatlah judul Soal Latihan. Kemudian import movie clip girl kedalam library. atur
5. Tombol pertama adalah tombol Pilihan Ganda, tombol ini akan memanggil bank-
soal.swf yaitu animasi kuis dalam bentuk multiple choice. Tombol kedua adalah
tombol Essay, tombol ini akan memanggil animasi soal_essay.swf yaitu soal
dalam bentuk isian. Tombol terakhir adalah tombol Menu Utama, tombol ini akan
6. Masukkan sound yang akan dijadikan backsound dari animasi ini dengan cara
meng-import file suara kedalam library. Buat layer baru, kemudian di-layer ini
1. Buka aplikasi Adobe Flash CS 3. Ubah ukuran stage menjadi 550 x 400 pixels.
2. Buat 9 layer dan masing-masing layer beri nama background, timer, nomor soal,
3. Pada layer soal, ketikkan soal latihan dimulai dari frame 2 sampai frame 11.
4. Klik pada layer kunci, selanjutnya kita akan membuat kunci jawaban untuk setiap
soal. Sama seperti soal, kunci jawaban juga didistribusikan per-frame. Soal
dimulai dari frame 2 sehingga untuk kunci jawaban juga dimulai dari frame 2.
Klik keyframe 2 pada layer kunci, kemudian di panel Action ketikkan action untuk
5. Selanjutnya kita akan menambahkan tombol hit untuk diletakkan diatas pilihan
jawaban.Klik pada layer hit, pastikan posisi tombol hit berada diatas pilihan abjad
jawaban. Kita akan memberikan action script pada tombol hit, yang fungsinya jika
user mengklik tombol ini, maka variabel jawaban akan diisi nilai string abjad yang
diklik.
6. Selanjutnya butlah kotak dynamic text dengan nama variabel jawaban. Kotak ini
7. Kemudian kita melanjutkan untuk mendesain sistem acak soal. Klik pada layer
8. Selanjutnya buat data array untuk diisi dengan jumlah bank soal, yaitu 10 nomor.
9. Selanjutnya adalah mendesain sistem evaluasi jawaban. Klik pada layer action,
pada frame satu ketikkan action script yang fungsinya, pada saat pertama kali
movie dimainkan, playback akan berhenti di frame satu, variabel jawaban dan
evaluasi jawaban dan penilaian soal. Intinya jika isi variabel jawaban sama dengan
11. Klik pada layer nomor soal, selanjutnya kita akan membuat sistem penomoran
soal. Penomoran soal kita buat dalam kotak dynamic text. Setelah itu kita juga
mendesain pembatasan soal berdasarkan jumlah soal. Setiap satu sesi permainan
terdapat 5 buah pertanyaan yang harus dijawab oleh user dalam waktu kurang dari
1 menit.
12. Selajutnya adalah membuat frame menang dan frame kalah. Jika user mendapat
skor lebih besar dari 20 ( yaitu : nilai 30, 40, dan 50 ) maka playback akan
mendapat skor lebih kecil dari 30 ( yaitu : nilai 20, 10, dan 0 ) maka playback akan
1. Buka aplikasi Adobe Flash CS 3. Ubah ukuran stage menjadi 550 x 400 pixels.
2. Aktifkan tool Rectangle, kemudian buatlah persegi besar, pada stroke color pilih
3. Buatlah judul Soal Essay. Kemudian buatlah tombol Mulai, yang mana jika user
meng-klik tombol mulai maka akan menuju frame 2 dimana soal diletakkan.
4. Pada frame 2 dan 3, buatlah soal masing-masing 5 buah, pada samping soal
buatlah kotak untuk mengisi jawaban. kemudian buatlah action script untuk kunci
reset soal, kedua tombol Koreksi yang fungsinya untuk mengkoreksi jawaban,
apakah jawaban yang dimasukkan user sudah sesuai dengan kunci jawaban atau
belum, kemudian buatlah tombol Next pada frame 2 yang fungsinya untuk
berpindah ke soal pada frame 3, sedangkan pada frame 3 buatlah tombol Prev
yang fungsinya untuk berpindah ke soal pada frame 2. Terakhir buatlah tombol
1. Buka aplikasi Adobe Flash CS 3. Ubah ukuran stage menjadi 550 x 400 pixels.
aktifkan tool Line, kemudian buatlah rangkaian garis untuk membuat sketsa
perbukitan.
3. Selanjutnya kita warnai sketsa perbukitan tersebut. Aktifkan tool Paint Bucket,
kemudian pilihlah warna hijau muda. Klik pada bagian bukit sebelah kanan.
Kemudian kita warnai bukit sebelah kiri dengan warna hijau yang lebih tua. klik
4. Selanjutnya kita akan mewarnai area langit dengan warna gradasi biru-putih.
Aktifkan tool Paint Bucket, kemudian pada panel Color tentukanlah warna gradasi
5. Kemudian buatlah gambar awan, gambar awan ini di-convert menjadi movie clip.
Double click movie clip awan, kemudian buatlah motion tweening untuk awan ini.
6. Langkah selanjutnya ialah meng-import movie clip pesawat terbang dengan anak
kecil. Drag movie clip kedalam stage. Double click movie clip, tambahkan layer
untuk memasukkan suara narator dengan file exit.mp3. Lalu buatlah motion
Storyboard atau papan cerita dibuat untuk menjelaskan skenario secara lebih detail
dari detik demi detik. Pada storyboard dijelaskan tentang susunan materi yang
disampaikan pada detik demi detik beserta suara, grafis, animasi, dan video yang
dibutuhkan.
4.1 Hasil
Pada bab ini akan dibahas mengenai hasil atau tampilan dari animasi pembelajaran
Pertama kali kita membuka aplikasi pembelajaran ini maka tampilan yang akan
Reproduksi Manusia. Pada halaman ini terdapat movie clip siswi smp yang
ditambahkan suara narasi intro dari animasi pembelajaran. Untuk menampilkan menu
dari animasi pembelajaran ini, user cukup mengklik tulisan menu yang ada didalam
papan tulis.
Untuk masuk kedalam menu utama pembelajaran, maka user tinggal mengklik tulisan
MENU pada animasi index-biologi.swf yang telah diubah fungsinya sebagai tombol.
Lalu pilih salah satu dari menu yang tersedia. Adapun gambar dari hasil tampilan
disaat tombol MENU di klik dapat dilihat pada gambar dibawah ini :
Pada halaman ini berisi menu dari animasi pembelajaran Biologi Sistem Reproduksi
Manusia. Tulisan yang terdapat dipapan tulis sudah diubah fungsinya menjadi tombol
atau link yang dapat di klik dan akan menuju kehalaman animasi yang dimaksudkan.
1. Anatomi Pria
2. Anatomi Wanita
3. Sistem Reproduksi
4. Soal Latihan
5. Exit
Halaman ini berisi tentang penjelasan mengenai alat kelamin pria. Dimana
mengarahkan kursor dan mengklik tulisan yang terdapat di dalam gambar yang telah
diubah fungsinya menjadi tombol. Maka akan muncul animasi tentang deskripsi
tersebut. Berikut adalah tampilan saat user mengklik tombol kandung kemih :
Halaman ini berisi penjelasan atau deskripsi dari gambar yang dipilih, selain
itu juga terdapat suara yang sesuai dengan deskripsi. User cukup mengklik tombol
Sama seperti animasi anatomi pria, bedanya pada halaman ini berisi tentang
penjelasan mengenai alat kelamin wanita. Dimana gambar yang terdapat pada animasi
mengarahkan kursor dan mengklik tulisan yang terdapat di dalam gambar yang telah
diubah fungsinya menjadi tombol. Maka akan muncul animasi tentang deskripsi
tersebut. Adapun tampilan dari animasi Anatomi Wanita adalah sebagai berikut :
Adapun tampilan dari animasi Sistem Reproduksi terbagi dalam 5 frame. Untuk
terjadinya reproduksi pada manusia, mulai dari bayi sampai akhirnya tumbuh menjadi
dewasa. Pada halaman ini juga terdapat tombol navigasi next untuk berpindah ke
sebelumnya. Jika user ingin melihat animasi pada frame kedua, user harus mengklik
Frame kedua memuat halaman yang menampilkan movie clip siswi SMP yang
telah ditambahkan suara. Pada halaman ini, siswi SMP ingin berinteraksi dengan user
dengan menanyakan pendapat tentang video pada frame pertama, dan movie clip siswi
SMP menganjurkan user untuk mengklik tombol next untuk melihat animasi pada
frame selanjutnya.
fertilisasi diletakkan pada papan tulis yang berada disebelah gambar, selain itu juga
ditambahkan suara yang sesuai dengan deskripsi yang ada dipapan tulis. Pada frame
ini juga terdapat tombol navigasi next dan previous. Jika user ingin kembali ke
animasi pada frame sebelumnya user harus mengklik tombol previous, dan sebaliknya
Animasi pada frame keempat menjelaskan tentang pembelahan sel. Dimana gambar
pada kotak sebelah kiri adalah gambar yang menjelaskan tentang pembelahan sel, dan
deskripsi tentang pembelahan sel dimuat di dalam papan tulis yang terdapat pada
sebelah kanan dari gambar, selain itu juga ditambahkan suara yang sesuai dengan
deskripsi yang ada dipapan tulis. Sedikit penjelasan tentang pembelahan sel,
pembelahan sel harus melewati beberapa fase yang akhirnya kumpulan sel akan
Lanjut pembahasan mengenai animasi pada frame kelima atau frame yang
terakhir. Halaman ini memuat video yang menjelaskan tentang proses yang terjadi
setelah pembelahan sel, mulai dari perjalanan embrio menyusuri tuba falopi dan
mencapai uterus. Sampai akhirnya embrio menjadi fetus dan menjadi manusia
Pada saat video berjalan, deskripsi yang dimuat pada papan tulis yang terdapat
disebelahnya akan berganti secara otomatis sesuai dengan pergerakan perubahan pada
video tersebut.
Pada frame terakhir ini, ditambahkan tombol Menu yang diletakkan dibawah
video. Jika user mengklik tombol Menu, maka akan kembali ke animasi menu-
utama.swf.
Adapun tampilan dari animasi Menu Soal Latihan adalah sebagai berikut :
Halaman ini berisi tombol menu, jika user mengklik tombol Pilihan Ganda,
maka akan memanggil animasi kuis yang berbentuk multiple choice. Jika user
mengklik tombol Essay, maka akan memanggil animasi kuis yang berbentuk isian.
Jika user mengklik tombol Menu Utama maka akan kembali ke animasi menu utama.
Adapun tampilan dari animasi Soal Latihan Pilihan Ganda adalah sebagai berikut :
Halaman ini berisi soal-soal yang akan menguji pemahaman siswa atau pengguna
setelah teori disampaikan. Kuis ini menggunakan waktu. Soal yang diberikan adalah
lima soal. Jika pengguna mampu menjawab semua soal dengan benar, maka pengguna
akan menang. Pengguna yang menang akan menuju frame menang, dan yang kalah
menuju frame kalah. Tetapi tidak boleh lebih dari dua menit. Jika dua menit telah
habis maka animasi akan menunjukkan nilai yang pengguna peroleh selama dua
menit. Untuk memulainya klik tombol ”mulai” seperti yang terlihat pada gambar 4.12.
Setelah pengguna mengklik tombol ”mulai” maka pengguna akan disuguhkan
lima buah pertanyaan yang harus dijawab oleh pengguna. Pada halaman soal ini, user
harus memilih jawaban yang telah disediakan. Setelah merasa yakin, user dapat
menekan tombol lanjut untuk maju ke soal selanjutnya. Jawaban masih dapat diganti-
Ketika user kalah, yaitu nilainya kurang dari tiga puluh, maka tampilan akan
menuju pada frame kalah seperti pada gambar dibawah. Halaman ini langsung
memberi tahu nilai yang diperoleh. Jadi user dapat mengetahui berapa soal yang dapat
menang akan tahu nilainya berapa. Sehingga user khususnya siswa dapat lebih melatih
Jika user mengklik tombol Menu pada sudut bawah animasi, maka akan
Adapun tampilan awal dari animasi Soal Latihan Essay adalah sebagai berikut :
Gambar. 4.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.
Pada game awal diberikan 5 pertanyaan yang harus dijawab oleh user dengan
cara mengisi jawaban yang benar pada kotak kosong disamping pertanyaan. Setelah
Pada animasi game Essay ini terdapat 10 buah pertanyaan dalam bentuk isian yang
dibagi menjadi 5 buah yang diletakkan di 2 frame yang berbeda. Selain tombol
Koreksi juga terdapat tombol Reset, yang berfungsi untuk me-reset game, tombol
Menu yang jika diklik akan kembali ke animasi menu kuis, dan tombol Next dan Prev
Halaman ini berisi tampilan akhir dari animasi pembelajaran Biologi ini. Pada
halaman animasi ini terdapat gambar pesawat yang berjalan secara horizontal dari
kanan ke kiri. Animasi ini akan muncul saat user meng-klik tombol EXIT pada
Animasi ini dapat dijalankan dengan menggunakan Flash Player. Namun selain itu
animasi ini juga dapat dijalankan dengan menggunakan browser. Hasilnya akan lebih
halus bila dijalankan dengan browser. Jika pun pada awalnya kita menggunakan
aplikasi flash player untuk menjalankan animasi tersebut, ketika mengklik link yang
Adobe Flash CS3 professional ini dapat digunakan pada komputer yang telah
1. Prosesor
2. RAM
3. Sistem operasi
4. Hardisk Kosong
- Macintosh: 146 MB
5. Kartu VGA
dikemukakan beberapa hal yang berkaitan dengan aplikasi ini. Aplikasi ini masih
memiliki beberapa kekurangan dari segi hasil yang kita dapatkan. Selain itu, aplikasi
tidak begitu nyata seperti film-film animasi yang telah banyak beredar.
5.1 Kesimpulan
1. Penggunaan animasi ini sangat cocok bagi pembelajaran Biologi pada siswa
SMP yang akan mempelajari tentang Sistem Reproduksi Manusia, lebih efisien
materi tersebut.
4. Dengan terbatasnya kemampuan yang penulis miliki maka hasil animasi yang
2. Agar para siswa bersemangat untuk belajar, maka tampilan interface animasi
dipahami.
HTML agar komputer yang tidak mempunyai flash player tetap dapat melihat
hasil animasi.
Diginnovac, Maulana Arry, Nasution Karina, Draw and Animate with Flash, Elex
Maulana Arry, Diginnovac, Tip dan Trik Membuat Fitur Game Flash, Elex Media
Layer 9 :
fscommand("fullscreen",true);
Tombol Menu :
on(release){
loadMovie("menu-utama.swf", 0);
}
MENU UTAMA
ANATOMI PRIA
Layer 9 Frame 1
Membuat Animasi Salju Jatuh
//membuat variable bernama jumlah_animasi dengan nilai 0
jumlah_animasi = 0;
//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",
"salju"+_root.getNextHighestDepth(), _root.getNextHighestDepth(),
{_x:random(Stage.width), _y:0});
//nilai ukuran salju sama dengan nilai acak 30 ditambah
60
salju._xscale = salju._yscale=random(30)+60;
//membuat variable kecepatan di dalam movie clip salju
dengan nilai acak 6 ditambah 2
salju.kecepatan = random(6)+2;
//varibale jumlah_animasi ditambah 1
jumlah_animasi += 1;
//perintah yang dijalankan ketika frame movie clip salju
dimainkan
salju.onEnterFrame = function() {
//koordinat y movie clip ini ditambah nilai
variable kecepatan movie clip ini
this._y += this.kecepatan;
//jika nilai koordinat y movie clip ini lebih dari
nilai lebar stage
if (this._y>Stage.height) {
//hapus movie clip ini dari stage
this.removeMovieClip();
//nilai variable jumlah_animasi dikurangi 1
jumlah_animasi -= 1;
}
};
}
};
Tombol Menu
on(release){
loadMovie("menu-utama.swf", 0);
}
Tombol Exit
on(release){
loadMovie("exit.swf", 0);
}
ANATOMI WANITA
Layer 6 Frame 1
Membuat Animasi Salju Jatuh
//membuat variable bernama jumlah_animasi dengan nilai 0
jumlah_animasi = 0;
//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",
"salju"+_root.getNextHighestDepth(), _root.getNextHighestDepth(),
{_x:random(Stage.width), _y:0});
//nilai ukuran salju sama dengan nilai acak 30 ditambah
60
salju._xscale = salju._yscale=random(30)+60;
//membuat variable kecepatan di dalam movie clip salju
dengan nilai acak 6 ditambah 2
salju.kecepatan = random(6)+2;
//varibale jumlah_animasi ditambah 1
jumlah_animasi += 1;
//perintah yang dijalankan ketika frame movie clip salju
dimainkan
salju.onEnterFrame = function() {
//koordinat y movie clip ini ditambah nilai
variable kecepatan movie clip ini
this._y += this.kecepatan;
//jika nilai koordinat y movie clip ini lebih dari
nilai lebar stage
if (this._y>Stage.height) {
//hapus movie clip ini dari stage
this.removeMovieClip();
//nilai variable jumlah_animasi dikurangi 1
jumlah_animasi -= 1;
}
};
}
};
Layer Action
Frame 1 sampai Frame 5
stop();
Tombol essay
on(release){
loadMovie("soal_essay.swf", 0);
}
BANK SOAL
Layer 8 Frame 1
stop () ;
jawaban = "" ;
kunci = "" ;
nilai = 0 ;
nomor_soal = 0 ;
bank_soal =new Array (1,2,3,4,5,6,7,8,9,10) ;
sudah=new Array(0,0,0,0,0,0,0,0,0,0);
hasil=new Array(0,0,0,0,0);
naik=-1
function acak_soal(){
for(i=0;i<5;i++){
belum=0;
while(belum==0){
item=random(6);
if(sudah[item]==0){
belum=1;
sudah[item]=1;
hasil[i]=bank_soal[item]+1;
}
}
}
}
acak_soal()
trace(hasil)
onClipEvent(enterFrame){
if(mulai == 0){
if(_currentframe == 12){
detik -= 1 ;
if(detik==60){
tampil_detik="00"
}
Tombol Lanjut
on(release){
nomor_soal+=1
if(jawaban == kunci){
nilai += 10 ;
}
naik+=1
gotoAndStop(hasil[naik]) ;
if(nomor_soal > 5){
_root.waktu.mulai = 1 ;
if(nilai > 20){
gotoAndStop("frame_menang")
}else{
gotoAndStop("frame_kalah")
}
}
}
Tombol Mulai
on(release){
_root.waktu.mulai = 0
nomor_soal+=1
naik+=1
trace(naik)
gotoAndStop(hasil[naik]) ;
}
SOAL ESSAY
Tombol Mulai
on(release){
gotoAndStop(2);
}
Tombol Reset
on (release) {
//tombol koreksi dapat ditekan
koreksi.enabled = true;
//warna tombol koreksi tidak transparan
koreksi._alpha = 100;
//nilai diubah menjadi 0
nilai = 0;
//menghasilkan variable i=1, i=2, i=3, i=4, i=5
for (i=1; i<6; i++) {
//jawaban_user+i dikosongkan
_root["jawaban_user"+i] = "";
//tanda+i pindah ke frame 1
_root["tanda"+i].gotoAndStop(1);
}
}
Tombol Koreksi
//ketika tekanan mouse dilepaskan setelah mouse ditekan
on (release) {
//menghasilkan variable i=1, i=2, i=3, i=4, i=5
for (i=1; 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;
//tanda+i pindah ke frame 2
_root["tanda"+i].gotoAndStop(2);
} else {
//tanda+i pindah ke frame 3
_root["tanda"+i].gotoAndStop(3);
}
}
//tombol koreksi tidak bisa ditekan
koreksi.enabled = false;
//tombol koreksi lebih transparan
koreksi._alpha = 40;
}
Tombol Next
on(release){
gotoAndStop(3);
}
Tombol Prev
on(release){
gotoAndStop(2);
}
Tombol Menu
on(release){
loadMovie("menu-kuis.swf", 0);
}
KEMENTRIAN PENDIDIKAN NASIONAL
UNIVERSITAS SUMATERA UTARA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
Jl. Bioteknologi No.1 Kampus USU Padang Bulan Medan-20155
Telp. (061) 8211050, Fax. (061) 8214290
Kartu ini harap dikembalikan ke Departemen Matematika bila bimbingan telah selesai.
Diketahui, Disetujui,
Ketua Departemen Matematika USU Pembimbing Utama/
Penanggung Jawab
Yang bertanda tangan di bawah ini, menerangkan bahwa Mahasiswa Tugas Akhir
Program Diploma 3 Ilmu Komputer/Statistika :
Telah melaksanakan tes program Tugas Akhir Mahasiswa tersebut di atas pada
tanggal : 25 Mei 2010