Animasi media Pembelajaran Biologi Untuk Kelas VIII Sekolah Menengah Pertama Menggunkan Macromedia Flash 8

ANIMASI MEDIA PEMBELAJARAN BIOLOGI UNTUK KELAS VIII SEKOLAH MENENGAH PERTAMA MENGGUNAKAN MACROMEDIA

FLASH 8

TUGAS AKHIR

ILHAM SARATOGA 102406060

PROGRAM STUDI D-3 TEKNIK INFORMATIKA DEPARTEMEN MATEMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMATERA UTARA

MEDAN 2013

ANIMASI MEDIA PEMBELAJARAN BIOLOGI UNTUK KELAS VIII SEKOLAH MENENGAH PERTAMA MENGGUNAKAN MACROMEDIA

FLASH 8

TUGAS AKHIR

Diajukan untuk melengkapi tugas dan memenuhi syarat memperoleh Ahli Madya

ILHAM SARATOGA 102406060

PROGRAM STUDI D-3 TEKNIK INFORMATIKA DEPARTEMEN MATEMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMATERA UTARA

MEDAN 2013

PERSETUJUAN

Judul : ANIMASI MEDIA PEMBELAJARAN BIOLOGI

UNTUK KELAS VIII SEKOLAH MENENGAH PERTAMA MENGGUNAKAN MACROMEDIA FLASH 8

Kategori : TUGAS AKHIR

Nama : ILHAM SARATOGA

Nomor Induk Mahasiswa : 102406060

Program Studi : DIPLOMA (D-3) TEKNIK INFORMATIKA

Departemen : MATEMATIKA

Fakultas : MATEMATIKA DAN ILMU PENGETAHUAN ALAM (MIPA) UNIVERSITAS SUMATERA UTARA

Diluluskan di Medan, Juni 2013

Diketahui/Disetujui oleh: Departemen Matematika FMIPA USU

Ketua, Pembimbing,

Prof. Drs. Tulus, M.Si Drs. Suwarno Ariswoyo M.Si

PERNYATAAN

ANIMASI MEDIA PEMBELAJARAN BIOLOGI UNTUK KELAS VIII SEKOLAH MENENGAH PERTAMA MENGGUNAKAN MACROMEDIA FLASH 8

TUGAS AKHIR

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

Medan, Mei 2013

ILHAM SARATOGA 102406060

PENGHARGAAN

Segala Puji bagi Allah SWT penulis ucapkan penuh syukur karena dengan taufiq dan hidayah-Nya penulis dapat menyelesaikan tugas akhir ini tepat pada waktunya sebagai salah satu syarat untuk menyelesaikan studi pada D-III Teknik Informatika FMIPA USU.

Pada kesempatan ini penulis mengucapkan banyak terima kasih kepada pihak yang telah banyak membimbing, mengarahkan, membantu, dan memberikan dukungan semangat, dan kasih sayang dalam menyelesaikan tugas akhir ini. Penulis mengucapkan terima kasih kepada :

1. Bapak Drs. Suwarno Ariswoyo M.Si selaku Dosen Pembimbing Tugas Akhir yang telah memberikan bimbingan dan arahan selama ini kepada penulis dalam menyelesaikan tugas akhir.

2. Bapak Dr. Sutarman, M.Sc selaku Dekan Fakultas Matematika dan lmu Pengetahuan Alam Universitas Sumatera Utara.

3. Bapak Prof. Dr. Tulus, M.Si selaku Ketua Departemen Fakultas Matematika dan Ilm Pengetahuan Alam Universitas Sumatera Utara.

4. Bapak Syahril Efendi, S.Si, M.IT dan Bapak Syahriol Sitorus, S.Si, M.IT selaku Ketua dan Sekertaris Program Studi Teknik Informatika Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara.

5. Bapak dan Ibu Dosen yang telah memberikan bimbingan selama perkuliahan.

6. Teristimewa kepada Kedua Orang Tua dan Keluarga yang telah banyak memberikan dukungan baik materil maupun moril kepada penulis dalam penyusunan Penulisan Tugas Akhir ini.

7. Kepada Yunan Ridhoi dan Tengku Dandy dan juga teman-teman saya terutama KOM D yang telah banyak memberikan dukungan moril kepada penulis dalam penyusunan Penulisan Tugas Akhir ini.

Penulis menyadari bahwa Penulisan Tugas Akhir ini masih memiliki kekurangan baik dalam pembahasan materi maupun teknik penyajiannya. Oleh karena itu, penulis mengharapkan dan menghargai setiap masukan dan kritikan sehat yang bersifat membangun dari semua pihak dengan lapang dada.

Akhir kata, penulis berharap semoga Penulisan Tugas Akhir ini berguna bagi semua pihak yang membutuhkannya di kemudian hari.

ABSTRAK

Kajian ini bertujuan untuk membangun animasi yang dapat menjadi alat bantu dalam dunia pendidikan khususnya dalam pelajaran biologi untuk kelas VIII SMP. Animasi pembelajaran ini dirancang dengan menggunakan perangkat lunak Macromedia Flash 8 dan perangkat lunak pendukung lainnya. Metode penelitian yang digunakan adalah mencari buku Biologi untuk kelas VIII SMP sebagai bahan membuat animasi tersebut. Berdasarkan hal tersebut penulis tertarik untuk membuat Animasi Metode Pembelajaran yang berbentuk elekronik yang efektif dan efesiensi. Animasi ini bisa dipelajari untuk anak kelas VIII SMP supaya mereka lebih gampang belajarnya dan lebih bisa mengingat pelajaran tersebut.

DAFTAR ISI

Halaman

Persetujuan ii

Pernyataan iii

Penghargaan iv

Absrtak vi

Daftar Isi vii

Daftar Gambar ix

Bab 1 Pendahuluan 1

1.1 Latar Belakang 1

1.2 Rumusan Masalah 4

1.3 Batasan Masalah 4

1.4 Maksud dan Tujuan 5

1.5 Manfaat 5

1.6 Sistematika Penulisan 6

Bab 2 Landasan Teori 8

2.1 Animasi 8

2.2 Sekilas Tentang Program Macromedia Flash 8 10

Bab 3 Perancangan Animasi 22

3.1 Struktur Perancangan 22

3.2 Mendesain Tampilan Awal Animasi 23

3.3 Mendesain Daftar Isi 24

3.4 Mendesain Halaman Bab 1 sampai Bab 5 27

3.5 Mendesain Gambar dari isi teori 31

Bab 4 Implementasi Sistem 34

4.1 Pengertian Implementasi Sistem 34

4.2 Tujuan Implementasi Sistem 34

4.3.1 Perangkat Keras (Hardware) 35

4.3.2 Perangkat Lunak (Software) 35

4.4 Menu Dalam Animasi Pembelajaran Biologi 35

4.4.1 Hasil Halaman Awal 35

4.4.2 Halaman Bab 1 37

4.4.3 Halaman Bab 2 39

4.4.4 Halaman Bab 3 50

4.4.5 Halaman Bab 4 55

4.4.6 Halaman Bab 5 60

Bab 5 Kesimpulan dan Saran 67

5.1 Kesimpulan 67

5.2 Saran 68

Daftar Pustaka 69

DAFTAR GAMBAR

Halaman

Gambar 2.1 Area Kerja Macromedia Flash 8 12

Gambar 2.2 Toolbox 13

Gambar 2.3 Panel Info 15

Gambar 2.4 Panel Action 16

Gambar 2.5 Panel Properties 16

Gambar 2.6 Panel Filter 17

Gambar 2.7 Panel ColorMixer 18

Gambar 2.8 Panel Color Swathces 19

Gambar 2.9 Panel Align 19

Gambar 2.10 Panel Transform 20

Gambar 2.11 Panel Library 21

Gambar 2.12 Panel Scene 21

Gambar 3.1 Struktur Rancangan Animasi Pembelajaran Biologi 22

Gambar 3.2 Rancangan Tampilan Awal Animasi 23

Gambar 3.3 Rancangan Tampilan Daftar Isi 24

Gambar 3.4 Rancangan Tampilan Bab 1 sampai Bab 5 27

Gambar 3.5 Rancangan Tampilan Gambar dari isi teori 31

Gambar 4.1 Tampilan halaman awal 36

Gambar 4.2 Tampilan Halaman Daftar Isi 36

Gambar 4.3 Tampilan halaman Bab 1 dan sub Bab 1.1 37 Gambar 4.4 Tampilan Gambar dari isi teori Bab 1 38 Gambar 4.5 Tampilan halaman Bab 2 dan sub Bab 2.1 39

Gambar 4.6 Tampilan halaman Sub Bab 2.2 40

Gambar 4.7 Tampilan Gambar dari isi teori Bab 2 42

Gambar 4.8 Tampilan halaman Sub Bab 2.3 43

Gambar 4.9 Tampilan Gambar dari isi teori Bab 2 43

Gambar 4.10 Tampilan halaman Sub Bab 2.4 44

Gambar 4.11 Tampilan Gambar dari isi teori Bab 2 46

Gambar 4.12 Tampilan halaman Sub Bab 2.5 47

Gambar 4.14 Tampilan halaman Sub Bab 2.6 49 Gambar 4.15 Tampilan Gambar dari isi teori Bab 2 49 Gambar 4.16 Tampilan halaman Bab 3 dan sub bab 3.1 50 Gambar 4.17 Tampilan Gambar dari isi teori Bab 3 51

Gambar 4.18 Tampilan halaman sub Bab 3.2 52

Gambar 4.19 Tampilan Gambar dari isi teori Bab 3 54

Gambar 4.20 Tampilan halaman sub Bab 3.3 55

Gambar 4.21 Tampilan halaman Bab 4 dan sub Bab 4.1 56 Gambar 4.22 Tampilan Gambar dari isi teori Bab 4 57

Gambar 4.23 Tampilan halaman sub Bab 4.2 58

Gambar 4.24 Tampilan Gambar dari isi teori Bab 4 59

Gambar 4.25 Tampilan halaman sub Bab 4.3 60

Gambar 4.26 Tampilan halaman Bab 5 dan sub Bab 5.1 61 Gambar 4.27 Tampilan Gambar dari isi teori Bab 5 62

Gambar 4.28 Tampilan halaman sub Bab 5.2 64

Gambar 4.29 Tampilan Gambar dari isi teori Bab 5 65

ABSTRAK

Kajian ini bertujuan untuk membangun animasi yang dapat menjadi alat bantu dalam dunia pendidikan khususnya dalam pelajaran biologi untuk kelas VIII SMP. Animasi pembelajaran ini dirancang dengan menggunakan perangkat lunak Macromedia Flash 8 dan perangkat lunak pendukung lainnya. Metode penelitian yang digunakan adalah mencari buku Biologi untuk kelas VIII SMP sebagai bahan membuat animasi tersebut. Berdasarkan hal tersebut penulis tertarik untuk membuat Animasi Metode Pembelajaran yang berbentuk elekronik yang efektif dan efesiensi. Animasi ini bisa dipelajari untuk anak kelas VIII SMP supaya mereka lebih gampang belajarnya dan lebih bisa mengingat pelajaran tersebut.

BAB 1 PENDAHULUAN

1.1 Latar belakang

Seiring dengan perkembangan teknologi di bidang komputer saat ini, baik dalam perangkat keras (hardware) maupun perangkat lunak (software), hampir sebagian besar pekerjaan manusia kini diselesaikan dengan komputer. (Muktaron, A. 2007) Dengan demikian, komputer dapat dikatakan sebagai salah satu alat bantu manusia dalam menyelesaikan suatu pekerjaan. Pemakaian komputer sering digunakan untuk hal-hal yang berkenaan dengan pemprosesan data (data processing) dan pengolahan kata (word processing). Salah satu alasan, mengapa komputer cenderung digunakan sebagai alat bantu dalam menyelesaikan suatu pekerjaan karena pekerjaan yang dilakukan menggunakan komputer memiliki kecepatan proses yang lebih dapat diandalkan.

Komputer merupakan alat yang sangat dibutuhkan oleh banyak instansi dan perusahaan-perusahaan milik negara maupun swasta. Pemakaian komputer dewasa ini semakin berkembang pesat di segala bidang sesuai dengan kemajuan zaman. Sejalan dengan lajunya perkembangan dunia teknologi modern saat ini, banyak mengakibatkan perubahan kehidupan manusia dalam menangani setiap permasalahan yang terjadi yang ada hubungannya dengan proses pembangunan secara menyeluruh.

Kemajuan teknologi komputer membantu seluruh aspek kehidupan manusia. Dari hal yang kecil sampai ke berbagai hal yang sangat rumit sekalipun bisa dikerjakan menggunakan teknologi komputer. Kemajuan teknologi komputer dimanfaatkan oleh berbagai kalangan seperti: Pemerintahan, Organisasi-organisasi sosial, Militer, Bank, pendidikan, transportasi, perdagangan, kriminalitas, industri, dan

lain sebagainya. Dengan demikian, bisa dikatakan bahwa hampir seluruh lapisan masyarakat memerlukan komputer sebagai alat bantu dalam kehidupan sehari-hari.

Dalam dunia pendidikan kini metode pembelajaran tidak hanya menggunakan metode konvensional seperti dari buku-buku pelajaran dan penjelasan dari guru saja, namun juga dengan metode pembelajaran yang efektif dan efisien dengan memanfaatkan teknologi komputer. Sebagai contoh yaitu media pembelajaran yang berbasis multimedia.

Secara umum siswa kelas VIII di Sekolah Menengah Pertama (SMP), memandang pelajaran Biologi adalah pelajaran yang sulit dan membosankan karena sebagian besar materi yang diajarkan menuntut banyak hafalan. Mata pelajaran Biologi untuk kelas VIII di Sekolah Menengah Pertama (SMP) mencakup dua standar kompetensi yaitu sistem dalam kehidupan manusia dan sistem dalam kehidupan tumbuhan. Pada standar kompetensi sistem dalam kehidupan tumbuhan meliputi beberapa materi seperti struktur dan fungsi jaringan pada tumbuhan, gerak pada tumbuhan, pertumbuhan dan perkembangbiakan tumbuhan, serta fotosistesis.

Selain siswa, guru juga mengalami kesulitan diantaranya keterbatasan waktu dalam menyampaikan materi yang cukup banyak, dan kurangnya ketertarikan siswa pada pelajaran biologi apabila menggunakan metode pembelajaran konvensional. Maka dari itu diusahakan dalam proses pembelajaran biologi harus lebih menarik, lebih interaktif dan menyenangkan.

Untuk itu diperlukan solusi untuk mengatasi masalah tersebut sehingga diharapkan dapat meningkatkan minat belajar dan prestasi belajar siswa pada pelajaran biologi. Menurut Djamerah dan Zain (1996:136, Dalam: Arif, 2008) dalam kegiatan belajar mengajar ketidakjelasan bahan yang disampaikan dapat dibantu dengan menghadirkan media sebagai perantara. Kerumitan bahan pelajaran dapat

disederhanakan dengan bantuan media, karena media dapat mewakili apa yang kurang mampu guru sampaikan melalui kata-kata atau kalimat.

Berdasarkan latar belakang tersebut maka diperlukan suatu media pembelajaran berbasis multimedia untuk meningkatkan pemahaman dan menarik minat belajar siswa kelas VIII di Sekolah Menengah Pertama (SMP) pada pelajaran biologi.

Keterkaitan manusia sangatlah dibutuhkan dalam membangun sebuah animasi metode pembelajaran tersebut. Dalam hal ini penulis tertarik membuat sebuah “Animasi Media Pembelajaran Biologi Untuk Kelas VIII SMP” dengan menggunakan Macromedia Flash 8.

1.2Rumusan Masalah

1. Belum adanya media pembelajaran Biologi yang berbasis multimedia untuk kelas VIII di Sekolah Menengah Pertama (SMP).

2. Siswa kelas VIII merasa jenuh dengan sistem pembelajaran yang monoton, siswa juga kesulitan dalam memahami materi biologi yang cukup banyak. 3. Bagaimana membuat media pembelajaran biologi berbasis multimedia yang

dapat meningkatkan minat belajar siswa, dan sesuai dengan kurikulum yang ada?

1.3Batasan Masalah

1. Membuat media pembelajaran biologi untuk kelas VIII di Sekolah Menengah. 2. Membuat media pembelajaran biologi yang mencakup materi struktur dan

fungsi jaringan pada tumbuhan, gerak pada tumbuhan, pertumbuhan dan perkembangbiakan tumbuhan, fotosintesis, sistem peredaran darah, serta sistem pernafasan.

3. Membuat Graphic User Interface (GUI) media pembelajaran dengan menggunakan Macromedia Flash Professional 8 dan dapat diterapkan pada komputer.

1.4Maksud danTujuan

Maksud dan tujuan tugas akhir ini adalah untuk memperbaiki sistem lama yang secara manual dan menggantikan sistem baru yang berjalan secara komputerisasi.

Penggantian sistem ini diharapkan dapat memberikan informasi yang akurat, menghemat biaya serta menghemat waktu yang dikeluarkaan selama proses, sehingga dalam pelaksanaan proses belajar mengajar seluruh murid dapat mengerti soal pelajaran tersebut. Dan diharapkan perancangan animasi ini dapat memberikan motivasi terhadap murid-murid dalam hal penggunaan animasi media pembelajaran biologi untuk kelas VIII SMP yang berbasis komputerisasi. Perancangan animasi media pembelajaran ini dimaksudkan untuk memberikan manfaat dalam penggunaan teknologi informasi pada dunia pendidikan.

Tujuan animasi adalah Menghasilkan Media Pembelajaran Biologi untuk kelas VIII di Sekolah Menengah Pertama (SMP).

1.5Manfaat

Dalam penulisan Tugas Akhir ini penulis banyak sekali mendapatkan manfaat yang berguna dan dapat diterapkan didalam pelajaran maupun kehidupan sehari-hari, beberapa manfaat yang saya dapatkan adalah antara lain:

1. Menarik minat belajar siswa dan meningkatkan pemahaman siswa kelas VIII pada materi pelajaran biologi.

2. Dapat digunakan sebagai alat bantu bagi guru dalam menyampaikan materi secara menarik, efektif dan efisien baik waktu maupun tenaga.

3. Media pembelajaran dapat digunakan bersama-sama baik di kelas maupun dipelajari secara mandiri.

4. Dapat meningkatkan mutu pendidikan di Sekolah Menengah Pertama (SMP).

1.6Sistematika Penulisan

Secara garis besar Tugas Akhir ini dibagi atas 6 (enam) bab dan beberapa lampiran. Adapun keenam bab tersebut adalah :

BAB 1 : PENDAHULUAN

Dalam bab ini berisikan Latar Belakang, Rumusan Masalah, Batasan Masalah, Maksud dan Tujuan, Manfaat dan Sistematika Penelitian.

BAB 2 : LANDASAN TEORI

Pada Bab ini dijelaskan mengenai animasi dan sekilas tentang program macromedia flash 8.

BAB 3 : PERANCANGAN ANIMASI

Dalam bab ini penulis menjelaskan tentang perancangan animasi yang dipergunakan, animasi yang dirancang.

BAB 4 : IMPLEMENTASI SISTEM

Di dalam bab ini disajikan tentang pengertian implementasi sistem, tujuan implemetasi,kebutuhan sistem, serta menu dalam aplikasi.

BAB 5 : KESIMPULAN DAN SARAN

Bab ini berisikan kesimpulan dan saran mengenai hasil rancangan animasi yang telah dibuat.

BAB 2

LANDASAN TEORI

2.1 Animasi

Animasi merupakan salah satu bagian grafika komputer yang menyajikan tampilan-tampilan yang sangat atraktif juga merupakan sekumpulan gambar yang ditampilkan secara berurutan dengan cepat untuk mensimulasi gerakan yang hidup. Pemanfaatan animasi dapat ditujukan untuk simulasi, menarik perhatian pemakai komputer pada bagian tertentu dari layar, memvisualisasikan cara kerja suatu alat atau menampilkan keluaran program dengan gambar-gambar yang menarik dibanding dengan sederetan angka, serta tidak ketinggalan untuk program-program permainan.

Pada dasarnya, animasi adalah transformasi objek yang di mana semua titik pada sembarang objek akan diubah sesuai dengan aturan tertentu, sementara sistem koordinatnya tetap. Implementasi pada animasi dapat dikerjakan secara interaktif maupun non interaktif. Dibandingkan animasi non interaktif, animasi interaktif memberikan tampilan yang lebih menarik dan dinamis. Pada animasi interaktif, pergerakan objek mengikuti perintah yang diberikan oleh pemakai lewat perangkat interaktif. Sedangkan animasi non interaktif, pergerakan objek hanya dikendalikan dari prosedur yang ada di dalam sebuah program. Untuk animasi interaktif kebanyakan digunakan untuk program-program permainan, sedangkan animasi non interaktif kebanyakan untuk melakukan simulasi objek.

Komputer digital yang berkembang pesat sangat mempengaruhi proses pengerjaan animasi. Animasi kemudian membentuk suatu bidang baru dalam ilmu komputer yaitu grafika komputer yang dapat digunakan untuk menggambarkan cara kerja suatu alat dan menampilkan keluaran program berupa gambar yang lebih hidup

dan interaktif. Animasi banyak digunakan pada berbagai bidang seperti bidang perekayasaan, arsitektur, ekonomi, kedokteran, dan lain-lain.

Animasi yang bagus dihasilkan dari gambar yang cukup banyak agar gambar yang dihasilkan akan tampak gerakan yang berkesan halus. Dalam hal ini, maka gambar-gambar tersebut haruslah berpindah posisi sekecil mungkin agar pada perubahan atau pergantian gambar terlihat lebih menarik dan bagus. Selain itu diperlukan juga kecepatan tertentu untuk tampilan gambar yang akan dibuat dalam animasi. Hal ini tergantung pada jumlah gambar yang diberikan. Kecepatan yang dimaksud yaitu begitu satu gambar ditampilkan maka akan berganti gambar berikutnya dengan kecepatan tertentu. Makin cepat pergantian antara satu gambar dengan gambar berikutnya maka akan menghasilkan gerakan gambar yang semakin halus.

2.2 Sekilas Tentang Program Macromedia Flash 8

Menurut Yahya Kurniawan (2005 : 1) mengemukakan bahwa “Flash MX 2004 adalah contoh nyata dari kombinasi animasi dan pemrograman”.

Menurut Island Script (2008 : 1) mengemukakan bahwa “Flash adalah software grafis animasi yang dapat membuat objek grafis dan menganimasikannya sehingga kita dapat langsug membuat objek desain tanpa harus menggunakan software grafis pendukung seperti illustrator atau photoshop”.

Menurut Waluyo (2004 : 1) mengemukakan bahwa “Macromedia Flash adalah software grafis animasi professional untuk menghasilkan halaman web yang menarik dan interaktif”.

Menurut Zeembry (2006 : 1) mengemukakan bahwa ”Animasi adalah rangkaian gambar yang disusun secara berurutan”.

Menurut DigiBook (2009 : 1) mengemukakan bahwa “Adobe Flash adalah software paling popular untuk membuat animasi”.

Macromedia Flash merupakan program grafis animasi web yang diproduksi oleh Macromedia corporation. Macromedia Flash pertama kali diproduksi pada tahun 1996. pada awal produksi, Macromedia Flash merupakan software untuk membuat animasi sederhana berbasis .gif. Seiring dengan perkembangannya, Macromedia Flash mulai digunakan dalam pembuatan desain situs web. Macromedia Flash telah diproduksi dengan beberapa versi terbaru yang sekarang beredar di pasaran adalah Macromedia Flash versi 8 di rilis tahun 2005.

Seiring dengan perkembangannya, Macromedia Flash telah diproduksi dengan beberapa versi. Versi yang kini banyak digunakan adalah Macromedia Flash MX dan Macromedia Flash 8. Meskipun versi terbarunya sudah beredar di pasaran yakni Adobe Flash CS3 yang hak ciptanya telah dimiliki oleh Adobe bukan Macromedia Corp lagi. Keunggulan dari program Macromedia Flash dibanding program lain yang sejenis, antara lain :

1. Dapat membuat tombol interaktif dengan sebuah movie atau objek lain. 2. Dapat membuat perubahan transparansi warna dalam movie.

3. Dapat membuat perubahan animasi dari 1 bentuk ke bentuk lain.

4. Dapat membuat gerakan animasi dengan mengikuti alur yang telah ditetapkan. 5. Dapat dikonversi dan dipublikasikan ke dalam beberapa tipe, diantaranya adalah

Area kerja Macromedia Flash 8 terdiri atas beberapa komponen, yaitu Menu Bar, Stage, Toolbox, Timeline dan Panels. Di bawah ini merupakan window dari Macromedia Flash 8 yang digunakan dalam pekerjaan pembuatan animasi, baik itu berupa graphic atau animasi bergerak, seperti tampak pada Gambar II.1.

Gambar 2.1 Area Kerja Macromedia Flash 8

a. Menu Bar, terdiri dari 10 menu utama yang masing-masing berisi sub menu yang dilengkapi dengan short cut menggunakan kombinasi tombol keyboard.

b. Stage, merupakan lembar kerja di mana gambar, teks dan tombol navigasi dibuat untuk keperluan animasi atau aplikasi.

c. Toolbox, terdiri dari beberapa tool untuk membuat gambar, mewarnai dan mengatur tampilan objek pada stage.

Gambar 2.2 Toolbox

1. Arrow tools (V) digunakan untuk memilih dan memindahkan objek. 2. Subselection tool (A) untuk memodifikasi titik-titik suatu garis pada objek. 3. Free Transform tool (Q) untuk mentransformasi bentuk suatu objek.

4. Gradient Transform tool (F) untuk mengatur setting gradasi ( fiil ) suatu objek. 5. Line tool (N) untuk membuat garis lurus.

6. Lasso tool (L) untuk memilih bagian dari objek atau memilih objek yang tidak teratur.

7. Pen tool (P) untuk menambah atau mengurangi titik-titik pada garis suatu objek. 8. Text tool (T) untuk mebuat objek yang berupa teks.

9. Oval tool (O) untuk membuat objek lingkaran atau oval. 10. Ractangle tool (R) untuk membuat persegi atau polystar. 11. Pencil tool (Y) untuk membuat objek bebas berupa garis.

12. Brush tool (B) untuk membuat objek bebas berupa sapuan kuas.

13. Ink Bottle tool (S) untuk memberi warna outline (garis luar) suatu objek. 14. Paint Bucket tool (K) untuk memberi warna fiil (bagian dalam) suatu objek. 15. Eyedropper tool (I) untuk mengambil atau meniru warna suatu objek. 16. Eraser tool (E) untuk menghapus bagian objek tertentu.

17. Hand tool (H) untuk menggeser bidang kanvas ke atas atau ke bawah. 18. Zoom tool (Z) untuk mengatur ukuran persentase stage.

19. Colors untuk mengatur dan memodifikasi warna suatu objek Free Transform Tool 20. Options untuk mengatur setting objek pada stage (tiap tool memiliki option yang berbeda).

1. Panel

Panel adalah jendela persegi empat yang merupakan kumpulan dari berbagai macam fungsi yang dikelompokan sesuai dengan jenisnya. Ada berbagai macam panel yang terdapat dalam program Macromedia Flash 8 diantaranya adalah :

a. Panel Info

Panel Info adalah panel yang berisi berbagai macam informasi yang terdapat pada suatu objek gambar ataupun symbol. Informasi yang diberikan meliputi panjang lebar, letak koordinat stage, kombinasi warna, nilai Alpha (transparan), kursor mouse.

Panel Info terletak di menu window\info. Panel Info dapat juga dipanggil dengan menggunakan shortcut dengan cara menekan tombol Ctrl+I pada keyboard.

b. Panel Actions

Panel Actions adalah panel yang berfungsi sebagai tempat peletakan dan penulisan scripts. Panel Actions terletak di menu window\actions. Panel Info dapat juga dipanggil dengan menggunakan shortcut dengan cara menekan tombol F9 pada keyboard.

Gambar 2.4 Panel Actions.

c. Panel Properties

Panel Properties adalah suatu panel yang berisi berbagai macam informasi dan atribut pada suatu objek yang sedang terseleksi. Panel ini terletak di menu window\properties\properties. Panel Properties dapat juga dipanggil dengan menggunakan shortcut dengan cara menekan tombol Ctrl+F3 pada keyboard.

Gambar 2.5 Panel Properties.

d. Panel Filter

Panel Filters adalah Panel yang berguna untuk melakukan modifikasi objek mengenai penambahan dan pengurangan effect pada suatu symbol. Panel Filters terletak di menu window\properties\filters. Panel Color Mixer dapat juga dipanggil dengan menggunakan shortcut dengan cara menekan tombol Shift+F9 pada keyboard.

Gambar 2.6 Panel Filter.

e. Panel Color Mixer

Panel Color Mixer adalah panel yang berfungsi untuk melakukan proses pencampuran warna. Panel ini terletak di menu window\color mixer. Panel Color Mixer dapat juga dipanggil dengan menggunakan shortcut dengan cara menekan tombol Shift+F9 pada keyboard.

Gambar 2.7 Panel Color Mixer.

f. Panel Color Swatches

Panel Color Swacthes adalah panel tempat kumpulan warna dasar maupun warna gradien. Panel ini terletak di menu window\align. Panel ini terletak di menu Window\Color Swatches. Panel ini terletak di menu window\transform. Panel Transform dapat juga dipanggil dengan menggunakan shortcut dengan cara menekan tombol Ctrl+F9 pada keyboard.

Gambar 2.8 Panel Color Swatches.

g. Panel Align

Panel Align adalah panel yang berfungsi untuk membantu peletakan objek dengan objek, ataupun objeck dengan stage. Panel ini terletak di menu window\align. Panel Transform dapat juga dipanggil dengan menggunakan shortcut dengan cara menekan tombol Ctrl+K pada keyboard.

h. Panel Transform

Panel Tranform adalah Panel yang berguna untuk memodifikasi bentuk pada suatu objek gambar ataupun symbol. Perubahan bentuk meliputi perubahan pada ukuran, letak, dan perputaran. Panel ini terletak di menu window\transform. Panel Transform dapat juga dipanggil dengan menggunakan shortcut dengan cara menekan tombol Ctrl+T pada keyboard.

Gambar 2.10 Panel Transform.

i. Panel Library

Panel Library adalah panel yang berisi kumpulan symbol, file suara, dan file gambar yang terdapat dalam suatu project. Panel ini terletak di menu window\library. Panel Library dapat juga dipanggil dengan menggunakan shortcut dengan cara menekan tombol Ctrl+L pada keyboard.

Gambar 2.11 Panel Library.

j. Panel Scene

Panel Scene adalah panel yang berfungsi untuk mengelola scene, seperti menambah, mengurangi, dan menggandakan scene pada suatu project. Panel ini terletak di menu window\other panels\scene. Panel Scene dapat juga dipanggil dengan menggunakan shortcut dengan cara menekan tombol Shift+F2 pada keyboard.

BAB 3

PERANCANGAN ANIMASI

3.1 Struktur Perancangan

Dalam suatu perancangan aplikasi sangat dibutuhkan pembuatan struktur perancangan. Struktur perancangan merupakan bagan yang menggambarkan alur kerja dari suatu aplikasi. Proses awal dari pembuatan aplikasi pembelajaran biologi ini juga \dimulai dari membuat suatu struktur perancangan agar mempermudah dalam pengerjaannya. Dengan menggunakan struktur, penulis dapat menggabarkan alur kerja dari animasi media pembelajaran biologi untuk kelas VIII SMP.

Adapun struktur yang dibuat adalah sebagai berikut :

Gambar 3.1 Struktur Rancangan Animasi Pembelajaran Biologi

Halaman Awal

Daftar Isi

3.2 Mendesain Tampilan Awal Animasi

Desain tampilan awal animasi adalah sebagai berikut :

Gambar 3.2 Rancangan Tampilan Awal Animasi

Cara pembuatannya adalah sebagai berikut :

1. Buka lembar kerja macromedia flash 8, kemudian pilih flash document. 2. Buat satu layer pada timeline, yaitu layer awal .

3. Untuk pembuatan background pada layer awal pilih import pada menu file, kemudian pilih import to stage.

4. Untuk pembuatan tombol biologi pilih insert lalu pilih new symbol atw bisajuga tekan ctrl+F8, kemudian pilih Button pada menu type, lalu ok.

5. Tombol biologi berfungsi untuk masuk ke halaman daftar isi yaitu pada layer daftar isi. Cara untuk membuat fungsi tombol biologi adalah dengan mengklik tombol biologi lalu pada jendela Actions-Button ketikkan script program sebagai berikut : on(release){

gotoAndStop( Frame 5); }

Untuk Kelas VIII SMP GAMBAR Biologi

3.3 Mendesain Daftar Isi

Desain tampilan Daftar Isi adalah sebagai berikut :

Gambar 3.3 Rancangan Tampilan Daftar Isi

Cara pembuatannya adalah sebagai berikut :

1. Membuat Frame baru klik kanan pada Frame awal setelah itu pilih insert Blank KeyFrame.

2. Untuk pembuatan judul Daftar Isi yang terdapat pada layer pilihan. Pilih text tools (T) yang terdapat pada menu tools, Setelah itu klikkan pada lembar kerja lalu ketik judulnya. Untuk mengatur warna teksnya yaitu pada Text (Fill) color pada menu Properties.

Daftar Isi Back

Bab 1 Pertumbuhan dan Perkembangan Bab 4. Sistem Pernapasan Pada Manusia 1.1Pertumbuhan dan Perkembangan 4.1 Organ-Organ Pernapasan

Bab 2 Sistem Gerak Pada Manusia 4.2 ProsesPernapasan

2.1 Sistem Gerak 4.3 Gangguan Pada Sistem Pernapasan 2.2 Tulang Penyusun Rangka Tubuh Bab 5 Sistem Peredaran Darah Pada Manusia 2.3 Macam-Macam Tulang 5.1 Darah

2.4 Persendian Pada Manusia 5.2 Alat Peredaran Darah

2.5 Otot 5.3 Gangguan Pada Sistem Peredaran Darah 2.6 Gangguan Pada Sistem Gerak

Bab 3 Sistem Pencernaan Pada Manusia 3.1 Makanan dan Fungsinya

3.2 Organ-Organ Pencernaan

3. Untuk pembuatan background pada layer awal pilih import pada menu file, kemudian pilih import to stage.

4. Membuat tombol Bab 1 sampai Bab 5 pilih Rectangle Tool (R) yang terdapat pada menu tools, lalu buat bentuk pesegi.Kemudian untuk mennganti warnanya pilih Fill color pada menu properties. Untuk kembali menormalkan kursor pilih Selection Tool (V) pada menu tools. Kemudian double klik pada kotak setelah itu klik kanan dan pilih Convert to symbol (F8), lalu klik Button dan klik ok.

5. Untuk membuat teks pada kotak tombol tersebut klik Teks Tool (T) pada menu tools. Klik di dalam kotak dan beri nama tombol. Untuk memberi warna tulisan buka menu properties lalu pilih Text (Fill) color, kemudian pilih Selection Tool (V) pada menu tools untuk menormalkan kursor.

6. Tombol Bab 1 sampai Bab 5 berfungsi untuk masuk ke halaman isi dari Bab 1 sampai Bab 5. Cara untuk membuat fungsi tombol Bab 1 sampai Bab 5 adalah dengan mengklik tombol Bab 1 sampai Bab 5 lalu pada jendela Actions-Button ketikkan script program sebagai berikut :

on(release){

gotoAndStop(frame 6 sampai seterusnya); }

7. Membuat tombol Back pilih Rectangle Tool (R) yang terdapat pada menu tools, lalu buat bentuk pesegi.Kemudian untuk mennganti warnanya pilih Fill color pada menu properties. Untuk kembali menormalkan kursor pilih Selection Tool (V) pada menu tools. Kemudian double klik pada kotak setelah itu klik kanan dan pilih Convert to symbol (F8), lalu klik Button dan klik ok.

8. Untuk membuat teks pada kotak tombol tersebut klik Teks Tool (T) pada menu tools. Klik di dalam kotak dan beri nama tombol. Untuk memberi warna tulisan buka menu properties lalu pilih Text (Fill) color, kemudian pilih Selection Tool (V) pada menu tools untuk menormalkan kursor.

9. Tombol Back berfungsi untuk kembali ke halaman awal. Cara untuk membuat fungsi tombol Back adalah dengan mengklik tombol Back lalu pada jendela Actions-Button ketikkan script program sebagai berikut :

on(release){

gotoAndStop(frame 1); }

3.4 Mendesain Halaman Bab 1 sampai Bab 5

Desain tampilan halaman Bab 1 smpai Bab 5 adalah sebagai berikut :

Gambar 3.4 Rancangan Tampilan Bab 1 sampai Bab 5 Bab 1 sampai dengan 5

Teori Teori

Gambar

Back Next

Cara pembuatannya adalah sebagai berikut :

1. Membuat Frame baru klik kanan pada Frame awal setelah itu pilih insert Blank KeyFrame.

2. Untuk pembuatan judul Bab 1 sampai Bab 5 yang terdapat pada layer pilihan. Pilih text tools (T) yang terdapat pada menu tools, Setelah itu klikkan pada lembar kerja lalu ketik judulnya. Untuk mengatur warna teksnya yaitu pada Text (Fill) color pada menu Properties.

3. Untuk pembuatan background pada layer awal pilih import pada menu file, kemudian pilih import to stage.

4. Untuk pembuatan isi teori pada halaman Bab 1 sampai bab 5, pilih text tools (T) yang terdapat pada menu tools, Setelah itu klikkan dibawah judul pada lembar kerja lalu ketik isinya. Untuk mengatur warna teksnya yaitu pada Text (Fill) color pada menu Properties.

5. Membuat tombol Gambar pada isi teori pilih Rectangle Tool (R) yang terdapat pada menu tools, lalu buat bentuk pesegi.Kemudian untuk mennganti warnanya pilih Fill color pada menu properties. Untuk kembali menormalkan kursor pilih Selection Tool (V) pada menu tools. Kemudian double klik pada kotak setelah itu klik kanan dan pilih Convert to symbol (F8), lalu klik Button dan klik ok.

6. Untuk membuat teks pada kotak tombol tersebut klik Teks Tool (T) pada menu tools. Klik di dalam kotak dan beri nama tombol. Untuk memberi warna tulisan buka menu properties lalu pilih Text (Fill) color, kemudian pilih Selection Tool (V) pada menu tools untuk menormalkan kursor.

7. Tombol Gambar berfungsi untuk menampilkan gambar dari isi teori. Cara untuk membuat fungsi tombol Back adalah dengan mengklik tombol Gambar lalu pada jendela Actions-Button ketikkan script program sebagai berikut :

on(release){

gotoAndStop(frame 8); }

8. Membuat tombol X atau close pilih Rectangle Tool (R) yang terdapat pada menu tools, lalu buat bentuk pesegi.Kemudian untuk mennganti warnanya pilih Fill color pada menu properties. Untuk kembali menormalkan kursor pilih Selection Tool (V) pada menu tools. Kemudian double klik pada kotak setelah itu klik kanan dan pilih Convert to symbol (F8), lalu klik Button dan klik ok.

9. Untuk membuat teks pada kotak tombol tersebut klik Teks Tool (T) pada menu tools. Klik di dalam kotak dan beri nama tombol. Untuk memberi warna tulisan buka menu properties lalu pilih Text (Fill) color, kemudian pilih Selection Tool (V) pada menu tools untuk menormalkan kursor.

10. Tombol X berfungsi untuk kembali ke halaman daftar isi. Cara untuk membuat fungsi tombol Back adalah dengan mengklik tombol X lalu pada jendela Actions-Button ketikkan script program sebagai berikut :

on(release){

gotoAndStop(frame 5); }

11. Membuat tombol Back pilih Rectangle Tool (R) yang terdapat pada menu tools, lalu buat bentuk pesegi.Kemudian untuk mennganti warnanya pilih Fill color pada menu properties. Untuk kembali menormalkan kursor pilih Selection Tool (V)

pada menu tools. Kemudian double klik pada kotak setelah itu klik kanan dan pilih Convert to symbol (F8), lalu klik Button dan klik ok.

12. Untuk membuat teks pada kotak tombol tersebut klik Teks Tool (T) pada menu tools. Klik di dalam kotak dan beri nama tombol. Untuk memberi warna tulisan buka menu properties lalu pilih Text (Fill) color, kemudian pilih Selection Tool (V) pada menu tools untuk menormalkan kursor.

13. Tombol Back berfungsi untuk kembai ke halaman sebelumnya. Cara untuk membuat fungsi tombol Back adalah dengan mengklik tombol Back lalu pada jendela Actions-Button ketikkan script program sebagai berikut :

on(release){

gotoAndStop(frame 5); }

14. Membuat tombol Next pilih Rectangle Tool (R) yang terdapat pada menu tools, lalu buat bentuk pesegi.Kemudian untuk mennganti warnanya pilih Fill color pada menu properties. Untuk kembali menormalkan kursor pilih Selection Tool (V) pada menu tools. Kemudian double klik pada kotak setelah itu klik kanan dan pilih Convert to symbol (F8), lalu klik Button dan klik ok.

15. Untuk membuat teks pada kotak tombol tersebut klik Teks Tool (T) pada menu tools. Klik di dalam kotak dan beri nama tombol. Untuk memberi warna tulisan buka menu properties lalu pilih Text (Fill) color, kemudian pilih Selection Tool (V) pada menu tools untuk menormalkan kursor.

16. Tombol Next berfungsi untuk menuju ke halaman berikutnya. Cara untuk membuat fungsi tombol Back adalah dengan mengklik tombol Next lalu pada jendela Actions-Button ketikkan script program sebagai berikut :

on(release){

gotoAndStop(frame 9); }

3.5 Mendesain Gambar dari isi teori

Desain tampilan Gambar dari isi teori adalah sebagai berikut :

Gambar 3.5 Rancangan Tampilan Gambar dari isi teori

Cara pembuatannya adalah sebagai berikut :

1. Membuat Frame baru klik kanan pada Frame awal setelah itu pilih insert Blank KeyFrame.

Penjelasan Gambar

Gambar

2. Untuk pembuatan keterangan dari gambar yang terdapat pada layer pilihan. Pilih text tools (T) yang terdapat pada menu tools, Setelah itu klikkan pada lembar kerja lalu ketik judulnya. Untuk mengatur warna teksnya yaitu pada Text (Fill) color pada menu Properties.

3. Untuk pembuatan gambar pada layer awal pilih import pada menu file, kemudian pilih import to stage dan kemudian pilih gambar yang mau di masukkan kemudian tekan enter.

4. Membuat tombol X atau close pilih Rectangle Tool (R) yang terdapat pada menu tools, lalu buat bentuk pesegi.Kemudian untuk mennganti warnanya pilih Fill color pada menu properties. Untuk kembali menormalkan kursor pilih Selection Tool (V) pada menu tools. Kemudian double klik pada kotak setelah itu klik kanan dan pilih Convert to symbol (F8), lalu klik Button dan klik ok.

5. Untuk membuat teks pada kotak tombol tersebut klik Teks Tool (T) pada menu tools. Klik di dalam kotak dan beri nama tombol. Untuk memberi warna tulisan buka menu properties lalu pilih Text (Fill) color, kemudian pilih Selection Tool (V) pada menu tools untuk menormalkan kursor.

6. Tombol X berfungsi untuk kembali ke halaman daftar isi. Cara untuk membuat fungsi tombol Back adalah dengan mengklik tombol X lalu pada jendela Actions-Button ketikkan script program sebagai berikut :

on(release){

gotoAndStop(frame 6); }

BAB 4

IMPLEMENTASI SISTEM

4.1 Pengertian Implementasi Sistem

Defenisi Implementasi menurut Kadir, A dalam bukunya “Perancangan Sistem Informasi” Andi , Yogyakarta, 2003.“Implementasi adalah kegiatan yang dilakukan untuk menguji data dan menerapkan sistem yang diperoleh dari kegiatan seleksi”.

Implementasi merupakan salah satu unsur pertahapan dari keseluruhan pembangunan sistem komputerisasi, dan unsur yang harus dipertimbangkan dalam pembangunan sistem komputerisasi yaitu masalah perangkat lunak (software), karena perangkat lunak yang digunakan haruslah sesuai dengan masalah yang akan diselesaikan, disamping masalah perangkat keras (hardware) itu sendiri.

4.2 Tujuan Implementasi Sistem

Tujuan implementasi sistem adalah untuk menjelaskan tentang manual modul kepada semua user yang akan menggunakan sistem. Sehingga user tersebut dapat merespon apa yang ditampilkan di sistem dan memberikan masukan kepada pembuat sistem untuk dilakukan perbaikan agar sistem lebih baik lagi.

4.3 Kebutuhan Sistem

4.3.1 Perangkat Keras (Hardware)

Hardware merupakan perangkat keras yang mutlak harus digunakan dalam sebuah perangkat lunak bantu dalam pembelajaran yang berbasis multimedia menggunakan CD (Compact Disk), tanpa adanya hardware segala jenis kegiatan yang berhubungan dengan komputer tidak dapat dilaksanakan. Perangkat keras (hardware) komputer banyak kegunaannya serta jenisnya. Pada bab ini tidak dijelaskan secara

detail mengenai hardware, tetapi hanya akan dijelaskan spesifikasi hardware yang digunakan.

4.3.2 Perangkat Lunak (Software)

Seperti halnya hardware, software komputer juga mutlak harus digunakan untuk pembuatan perangkat lunak bantu dalam pembelajaran berbasis multimedia menggunakan Macromedia FLASH 8 Professional.

4.4 Menu Dalam Animasi Pembelajaran Biologi 4.4.1 Hasil Halaman Awal

Saat pertama kali dibuka, aplikasi ini akan menampilkan halaman awal. Pada halaman awal terdapat tombol BIOLOGI, jika user mengklik tombol tersebut maka user akan masuk ke dalam Halaman Daftar Isi.

Pada Halaman Daftar Isi terdapat 22 tombol yang berisi 21 tombol yang berisi pembelajaran dan 1 tombol Back.

Gambar 4.2 Tampilan Halaman Daftar Isi

Tombol Bab 1 sampai Bab 5 merupakan tombol untuk menuju ke halaman Bab 1 sampai Bab 5. Tombol Back jika diklik akan menuju ke halaman Awal.

4.4.2 Halaman Bab 1 dan sub Bab 1.1

Halaman Bab 1 dan sub Bab 1.1 pada halaman Daftar Isi berisikan isi teori dari halaman Bab 1 yang berisi tentang Pertumbuhan dan Perkembangan. Jika tombol tersebut diklik akan masuk ke dalam halaman Bab 1 dan sub Bab 1.

Tombol Back pada halaman Bab 1 jika di klik tombol Back tersebut akan kembali ke halaman daftar isi.

Tombol Next Pada halaman Bab 1, jika di klik tombol Next tersebut akan ke Halaman berikutnya.

Gambar 4.3 Tampilan halaman Bab 1 dan sub Bab 1.1

Pada tombol Gambar 1.1, Gambar 1.2, dan Gambar 1.3 yang terdapat pada isi halaman Bab 1, jika di klik tombol Gambar 1.1, Gambar 1.2, dan Gambar 1.3 tersebut akan muncul gambar yang berupa isi dari halaman Bab 1.

Pada tombol X atau close yang terdapat pada isi gambar tersebut, jika di klik tombol X atau close akan kembali ke isi Halaman Bab 1.

Gambar 4.4 Tampilan Gambar dari isi teori Bab 1

4.4.3 Halaman Bab 2 dan sub Bab 2.1

Halaman Bab 2 dan sub Bab 2.1 pada halaman Daftar Isi berisikan isi teori dari halaman Bab 2 yang berisi tentang Sistem Gerak Pada Manusia dan Sistem Gerak. Jika tombol tersebut diklik akan masuk ke dalam halaman Bab 2 dan sub Bab 2.1.

Tombol Back pada halaman Bab 2 jika di klik tombol Back tersebut akan kembali ke halaman sebelumnya.

Tombol Next Pada halaman Bab 2, jika di klik tombol Next tersebut akan ke Halaman berikutnya.

Tombol X pada halaman Bab 2, jika di klik tombol X tersebut akan kembali ke Halaman Daftar Isi.

Gambar 4.5 Tampilan halaman Bab 2 dan sub Bab 2.1 a. Halaman sub Bab 2.2

Halaman sub Bab 2.2 pada halaman Daftar Isi berisikan isi teori dari halaman Bab 2 yang berisi tentang Tulang Penyusun Rangka Tubuh. Jika tombol tersebut diklik akan masuk ke dalam halaman sub Bab 2.2.

Tombol Back pada halaman sub Bab 2.2 jika di klik tombol Back tersebut akan kembali ke halaman sebelumnya.

Tombol Next Pada halaman sub Bab 2.2, jika di klik tombol Next tersebut akan ke halaman berikutnya.

Tombol X pada halaman sub Bab 2.2, jika di klik tombol X tersebut akan kembali ke Halaman Daftar Isi.

Pada tombol Gambar 2.1, Gambar 2.2, Gambar 2.3, Gambar 2.4, dan Gambar 2.5 yang terdapat pada isi halaman sub Bab 2.2, jika di klik tombol Gambar tersebut akan muncul gambar yang berupa isi dari halaman sub Bab 2.2.

Pada tombol X atau close yang terdapat pada isi gambar tersebut, jika di klik tombol X atau close akan kembali ke isi Halaman sub Bab 2.2.

b. Halaman sub Bab 2.3

Halaman sub Bab 2.3 pada halaman Daftar Isi berisikan isi teori dari halaman Bab 2 yang berisi tentang Macam-Macam Tulang. Jika tombol tersebut diklik akan masuk ke dalam halaman sub Bab 2.3.

Tombol Back pada halaman sub Bab 2.3 jika di klik tombol Back tersebut akan kembali ke halaman sebelumnya.

Tombol Next Pada halaman sub Bab 2.3, jika di klik tombol Next tersebut akan ke Halaman berikutnya.

Tombol X pada halaman sub Bab 2.3, jika di klik tombol X tersebut akan kembali ke Halaman Daftar Isi.

Gambar 4.8 Tampilan halaman Sub Bab 2.3

Pada tombol Gambar 2.6 yang terdapat pada isi halaman sub Bab 2.3, jika di klik tombol Gambar tersebut akan muncul gambar yang berupa isi dari halaman sub Bab 2.3

Pada tombol X atau close yang terdapat pada isi gambar tersebut, jika di klik tombol X atau close akan kembali ke isi Halaman sub Bab 2.3

Gambar 4.9 Tampilan Gambar dari isi teori Bab 2 c. Halaman sub Bab 2.4

Halaman sub Bab 2.4 pada halaman Daftar Isi berisikan isi teori dari halaman Bab 2 yang berisi tentang Macam-Macam Tulang. Jika tombol tersebut diklik akan masuk ke dalam halaman sub Bab 2.4.

Tombol Back pada halaman sub Bab 2.4 jika di klik tombol Back tersebut akan kembali ke halaman sebelumnya.

Tombol Next Pada halaman sub Bab 2.4, jika di klik tombol Next tersebut akan ke Halaman berikutnya.

Tombol X pada halaman sub Bab 2.4, jika di klik tombol X tersebut akan kembali ke Halaman Daftar Isi.

Gambar 4.10 Tampilan halaman Sub Bab 2.4

Pada tombol Gambar 2.7, Gambar 2.8, Gambar 2.9, Gambar 2.10 dan tombol Gambar 2.11 yang terdapat pada isi halaman sub Bab 2.4, jika di klik tombol Gambar tersebut akan muncul gambar yang berupa isi dari halaman sub Bab 2.4

Pada tombol X atau close yang terdapat pada isi gambar tersebut, jika di klik tombol X atau close akan kembali ke isi Halaman sub Bab 2.4

Gambar 4.11 Tampilan Gambar dari isi teori Bab 2

d. Halaman sub Bab 2.5

Halaman sub Bab 2.5 pada halaman Daftar Isi berisikan isi teori dari halaman Bab 2 yang berisi tentang Otot. Jika tombol tersebut diklik akan masuk ke dalam halaman sub Bab 2.5.

Tombol Back pada halaman sub Bab 2.5 jika di klik tombol Back tersebut akan kembali ke halaman sebelumnya.

Tombol Next Pada halaman sub Bab 2.5, jika di klik tombol Next tersebut akan ke Halaman berikutnya.

Tombol X pada halaman sub Bab 2.5, jika di klik tombol X tersebut akan kembali ke Halaman Daftar Isi.

Gambar 4.12 Tampilan halaman Sub Bab 2.5

Pada tombol Gambar 2.12, Gambar 2.13, dan Gambar 2.14 yang terdapat pada isi halaman sub Bab 2.5, jika di klik tombol Gambar tersebut akan muncul gambar yang berupa isi dari halaman sub Bab 2.5

Pada tombol X atau close yang terdapat pada isi gambar tersebut, jika di klik tombol X atau close akan kembali ke isi Halaman sub Bab 2.5

Gambar 4.13 Tampilan Gambar dari isi teori Bab 2

e. Halaman sub Bab 2.6

Halaman sub Bab 2.6 pada halaman Daftar Isi berisikan isi teori dari halaman Bab 2 yang berisi tentang Gangguan Pada Sistem Gerak. Jika tombol tersebut diklik akan masuk ke dalam halaman sub Bab 2.6.

Tombol Back pada halaman sub Bab 2.6 jika di klik tombol Back tersebut akan kembali ke halaman sebelumnya.

Tombol Next Pada halaman sub Bab 2.6, jika di klik tombol Next tersebut akan ke Halaman berikutnya.

Tombol X pada halaman sub Bab 2.6, jika di klik tombol X tersebut akan kembali ke Halaman Daftar Isi.

Gambar 4.14 Tampilan halaman Sub Bab 2.6

Pada tombol Gambar 2.15 yang terdapat pada isi halaman sub Bab 2.6, jika di klik tombol Gambar tersebut akan muncul gambar yang berupa isi dari halaman sub Bab 2.6

Pada tombol X atau close yang terdapat pada isi gambar tersebut, jika di klik tombol X atau close akan kembali ke isi Halaman sub Bab 2.6

Gambar 4.15 Tampilan Gambar dari isi teori Bab 2 4.4.4 Halaman Bab 3 dan sub Bab 3.1

Halaman Bab 3 dan sub Bab 3.1 pada halaman Daftar Isi berisikan isi teori dari halaman Bab 3 yang berisi tentang Sistem Pencernaan Pada Manusia dan Makanan dan Fungsinya. Jika tombol tersebut diklik akan masuk ke dalam halaman Bab 3 dan sub Bab 3.1.

Tombol Back pada halaman Bab 3 jika di klik tombol Back tersebut akan kembali ke halaman sebelumnya.

Tombol Next Pada halaman Bab 3, jika di klik tombol Next tersebut akan ke Halaman berikutnya.

Tombol X pada halaman Bab 3, jika di klik tombol X tersebut akan kembali ke Halaman Daftar Isi.

Gambar 4.16 Tampilan halaman Bab 3 dan sub bab 3.1

Pada tombol Gambar 3.1 yang terdapat pada isi halaman Bab 3 dan sub Bab 3.1, jika di klik tombol Gambar tersebut akan muncul gambar yang berupa isi dari halaman Bab 3 dan sub Bab 3.1

Pada tombol X atau close yang terdapat pada isi gambar tersebut, jika di klik tombol X atau close akan kembali ke isi Halaman Bab 3 dan sub Bab 3.1

a. Halaman sub Bab 3.2

Halaman sub Bab 3.2 pada halaman Daftar Isi berisikan isi teori dari halaman Bab 3 yang berisi tentang Organ-Organ Pencernaan. Jika tombol tersebut diklik akan masuk ke dalam halaman sub Bab 3.2.

Tombol Back pada halaman sub Bab 3.2 jika di klik tombol Back tersebut akan kembali ke halaman sebelumnya.

Tombol Next Pada halaman sub Bab 3.2, jika di klik tombol Next tersebut akan ke Halaman berikutnya.

Tombol X pada halaman sub Bab 3.2, jika di klik tombol X tersebut akan kembali ke Halaman Daftar Isi.

Pada tombol Gambar 3.2, Gambar 3.3, Gambar 3.4, Gambar 3.5, Gambar 3.6 dan Gambar 3.7 yang terdapat pada isi halaman sub Bab 3.2, jika di klik tombol Gambar tersebut akan muncul gambar yang berupa isi dari halaman sub Bab 3.2

Pada tombol X atau close yang terdapat pada isi gambar tersebut, jika di klik tombol X atau close akan kembali ke isi Halaman sub Bab 3.2

b. Halaman sub Bab 3.3

Halaman sub Bab 3.3 pada halaman Daftar Isi berisikan isi teori dari halaman Bab 3 yang berisi tentang Gangguan Sistem pada Pencernaan. Jika tombol tersebut diklik akan masuk ke dalam halaman sub Bab 3.3.

Tombol Back pada halaman sub Bab 3.3 jika di klik tombol Back tersebut akan kembali ke halaman sebelumnya.

Tombol Next Pada halaman sub Bab 3.3, jika di klik tombol Next tersebut akan ke Halaman berikutnya.

Tombol X pada halaman sub Bab 3.3, jika di klik tombol X tersebut akan kembali ke Halaman Daftar Isi.

Gambar 4.20 Tampilan halaman sub Bab 3.3

4.4.5 Halaman Bab 4 dan sub Bab 4.1

Halaman Bab 4 dan sub Bab 4.1 pada halaman Daftar Isi berisikan isi teori dari halaman Bab 4 yang berisi tentang sistem pernapasan pada manusia dan organ-organ pernapasan. Jika tombol tersebut diklik akan masuk ke dalam halaman Bab 4 dan sub Bab 4.1.

Tombol Back pada halaman Bab 4 jika di klik tombol Back tersebut akan kembali ke halaman sebelumnya.

Tombol Next Pada halaman Bab 4, jika di klik tombol Next tersebut akan ke Halaman berikutnya.

Tombol X pada halaman Bab 4, jika di klik tombol X tersebut akan kembali ke Halaman Daftar Isi.

Gambar 4.21 Tampilan halaman Bab 4 dan sub Bab 4.1

Pada tombol Gambar 4.1, Gambar 4.2, dan Gambar 4.3 yang terdapat pada isi halaman Bab 4, jika di klik tombol Gambar tersebut akan muncul gambar yang berupa isi dari halaman Bab 4.

Pada tombol X atau close yang terdapat pada isi gambar tersebut, jika di klik tombol X atau close akan kembali ke isi Halaman Bab 4.

Gambar 4.22 Tampilan Gambar dari isi teori Bab 4 a. Halaman sub Bab 4.2

Halaman sub Bab 4.2 pada halaman Daftar Isi berisikan isi teori dari halaman Bab 4 yang berisi tentang Proses Pernapasan. Jika tombol tersebut diklik akan masuk ke dalam halaman sub Bab 4.2.

Tombol Back pada halaman sub Bab 4.2 jika di klik tombol Back tersebut akan kembali ke halaman sebelumnya.

Tombol Next Pada halaman sub Bab 4.2, jika di klik tombol Next tersebut akan ke Halaman berikutnya.

Tombol X pada halaman sub Bab 4.2, jika di klik tombol X tersebut akan kembali ke Halaman Daftar Isi.

Pada tombol Gambar 4.4, Gambar 4.5, Gambar 4.6 dan Gambar 4.7 yang terdapat pada isi halaman sub Bab 4.2, jika di klik tombol Gambar tersebut akan muncul gambar yang berupa isi dari halaman sub Bab 4.2.

Pada tombol X atau close yang terdapat pada isi gambar tersebut, jika di klik tombol X atau close akan kembali ke isi Halaman sub Bab 4.2.

b. Halaman sub Bab 4.3

Halaman sub Bab 4.3 pada halaman Daftar Isi berisikan isi teori dari halaman Bab 4 yang berisi tentang Gangguan Pernapasan Pada Manusia. Jika tombol tersebut diklik akan masuk ke dalam halaman sub Bab 4.3.

Tombol Back pada halaman sub Bab 4.3 jika di klik tombol Back tersebut akan kembali ke halaman sebelumnya.

Tombol Next Pada halaman sub Bab 4.3, jika di klik tombol Next tersebut akan ke Halaman berikutnya.

Tombol X pada halaman sub Bab 4.3, jika di klik tombol X tersebut akan kembali ke Halaman Daftar Isi.

Gambar 4.25 Tampilan halaman sub Bab 4.3

4.4.6 Halaman Bab 5 dan sub Bab 5.1

Halaman Bab 5 dan sub Bab 5.1 pada halaman Daftar Isi berisikan isi teori dari halaman Bab 5 yang berisi tentang Sistem Peredaran Darah Pada Manusia dan Darah. Jika tombol tersebut diklik akan masuk ke dalam halaman Bab 5 dan sub Bab 5.1.

Tombol Back pada halaman Bab 5 jika di klik tombol Back tersebut akan kembali ke halaman sebelumnya.

Tombol Next Pada halaman Bab 5, jika di klik tombol Next tersebut akan ke Halaman berikutnya.

Tombol X pada halaman Bab 5, jika di klik tombol X tersebut akan kembali ke Halaman Daftar Isi.

Pada tombol Gambar 5.1, Gambar 5.2, Gambar 5.3 dan Gambar 5.4 yang terdapat pada isi halaman Bab 5 dan sub Bab 5.1, jika di klik tombol Gambar tersebut akan muncul gambar yang berupa isi dari halaman Bab 5 dan sub Bab 5.1.

Pada tombol X atau close yang terdapat pada isi gambar tersebut, jika di klik tombol X atau close akan kembali ke isi Halaman Bab 5 dan sub Bab 5.1.

a. Halaman sub Bab 5.2

Halaman sub Bab 5.2 pada halaman Daftar Isi berisikan isi teori dari halaman Bab 5 yang berisi tentang Alat Peredaran darah. Jika tombol tersebut diklik akan masuk ke dalam halaman sub Bab 5.2.

Tombol Back pada halaman sub Bab 5.2 jika di klik tombol Back tersebut akan kembali ke halaman sebelumnya.

Tombol Next Pada halaman sub Bab 5.2, jika di klik tombol Next tersebut akan ke Halaman berikutnya.

Tombol X pada halaman sub Bab 5.2, jika di klik tombol X tersebut akan kembali ke Halaman Daftar Isi.

Pada tombol Gambar 5.5, Gambar 5.6, dan Gambar 5.7 yang terdapat pada isi halaman sub Bab 5.2, jika di klik tombol Gambar tersebut akan muncul gambar yang berupa isi dari halaman sub Bab 5.2.

Pada tombol X atau close yang terdapat pada isi gambar tersebut, jika di klik tombol X atau close akan kembali ke isi Halaman sub Bab 5.2.

b. Halaman sub Bab 5.3

Halaman sub Bab 5.3 pada halaman Daftar Isi berisikan isi teori dari halaman Bab 5 yang berisi tentang Gangguan Pada Sistem Peredaran darah. Jika tombol tersebut diklik akan masuk ke dalam halaman sub Bab 5.3.

Tombol Back pada halaman sub Bab 5.3 jika di klik tombol Back tersebut akan kembali ke halaman sebelumnya.

Tombol Next Pada halaman sub Bab 5.3, jika di klik tombol Next tersebut akan ke Halaman berikutnya.

Tombol X pada halaman sub Bab 5.3, jika di klik tombol X tersebut akan kembali ke Halaman Daftar Isi.

BAB 5

KESIMPULAN DAN SARAN

5.1 Kesimpulan

Dari hasil pengamatan penulis maka dapat disimpulkan bahwa :

1. Dengan animasi ini para pengguna khususnya murid Sekolah Menengah Pertama dapat mempelajari organ organ dalam dan fungsi- fungsi nya yang menjelaskan secara tidak membosankan

2. Animasi yang dibuat menarik, karena animasi ini dipenuhi dengan teori dan gambar dengan warna yg menarik, sehingga para pengguna akan lebih tertarik. 3. Berdasarkan pengalaman penulis, Macromedia Flash adalah perangkat

lunak yang bagus untuk membuat animasi karena tampilannya yang sederhana dan mudah digunakan terutama bagi pemula, serta memiki fitur-fitur yang menarik.

5.2 Saran

Saran yang dapat penulis berikan berhubungan dengan animasi ini adalah :

1. Dalam pembuatan animasi sebaiknya di lengkapi dengan video dan dapat juga digunakan gabungan dengan aplikasi pembuatan animasi lain yang dapat

membuat objek 2 dimensi agar animasi menjadi lebih menarik.

2. Sebaiknya animasi dijadikan pilihan untuk menggantikan alat peraga dalam proses belajar-mengajar di sekolah maupun di kampus.

3. Hendaknya animasi dipublikasikan juga dalam format html supaya penggunaan animasi lebih luas apabila komputer tidak memiliki flash player.

DAFTAR PUSTAKA

Daroji & Haryati, 2007, Konsep dan Penerapan Saint Biologi 2, Solo, PT.Tiga Serangkai

Home Edition, 2005, Macromedia flash Professional 8 help, Macromedia Inc

Juhaeri, 2009, Pengantar Multimedia untuk Media Pembelajaran bagian 1, Ilmu Komputer.

Krisno, H.Moch.Agus, dkk_{, 2008, Ilmu Pengetahuan Alam untuk SMP/MTs Kelas} VIII, Jakarta, Pusat Perbukuan Departemen Pendidikan Nasional

Retno, Margono, Bambang Eka Purnama, ISSN 1979 – 9330, Study Of Interaktif Recognition Letter and Number For Children With Computer Multimedia, Indonesian Jurnal on Computer Scoence - Speed (IJCSS) 4 Volume 3 Nomor 1 Agustus 2008

Script Island. 2008. Panduan Mudah Membuat Animasi. Jakarta : Media Kita

Zeembry. 2006. 12 Jurus Pamungkas Animasi Kartun dengan Flash 8.Jakarta : PT Elex Media Komputindo.

LAMPIRAN

Action Script Tombol Halaman Depan on(release){

gotoAndStop(5); }

Action Script Tombol Halaman Bab 1 on(release){

gotoAndStop(6); }

Action Script Tombol Halaman Bab 2 on(release){

gotoAndStop(Frame 11, dst ); }

Action Script Tombol Halaman Bab 3 on(release){

gotoAndStop(Frame 33,dst); }

Action Script Tombol Halaman Bab 4 on(release){

gotoAndStop(Frame 45,dst); }

Action Script Tombol Halaman Bab 5 on(release){

gotoAndStop(Frame 56,dst); }

Action Script Tombol Gambar dari isi teori setiap Bab on(release){

gotoAndStop(Frame 7, dst); }

Action Script Tombol Back on(release){

gotoAndStop(Frame sebelumnya); }

Action Script Tombol Next on(release){

gotoAndStop(Frame sesudahnya); }

Action Script Tombol X atau close on(release){

gotoAndStop(Frame Daftar Isi); }

Pada tombol Gambar 5.5, Gambar 5.6, dan Gambar 5.7 yang terdapat pada isi halaman sub Bab 5.2, jika di klik tombol Gambar tersebut akan muncul gambar yang berupa isi dari halaman sub Bab 5.2.

Pada tombol X atau close yang terdapat pada isi gambar tersebut, jika di klik tombol X atau close akan kembali ke isi Halaman sub Bab 5.2.

b. Halaman sub Bab 5.3

Halaman sub Bab 5.3 pada halaman Daftar Isi berisikan isi teori dari halaman Bab 5 yang berisi tentang Gangguan Pada Sistem Peredaran darah. Jika tombol tersebut diklik akan masuk ke dalam halaman sub Bab 5.3.

Tombol Back pada halaman sub Bab 5.3 jika di klik tombol Back tersebut akan kembali ke halaman sebelumnya.

Tombol Next Pada halaman sub Bab 5.3, jika di klik tombol Next tersebut akan ke Halaman berikutnya.

Tombol X pada halaman sub Bab 5.3, jika di klik tombol X tersebut akan kembali ke Halaman Daftar Isi.

BAB 5

KESIMPULAN DAN SARAN

5.1 Kesimpulan

Dari hasil pengamatan penulis maka dapat disimpulkan bahwa :

1. Dengan animasi ini para pengguna khususnya murid Sekolah Menengah Pertama dapat mempelajari organ organ dalam dan fungsi- fungsi nya yang menjelaskan secara tidak membosankan

2. Animasi yang dibuat menarik, karena animasi ini dipenuhi dengan teori dan gambar dengan warna yg menarik, sehingga para pengguna akan lebih tertarik. 3. Berdasarkan pengalaman penulis, Macromedia Flash adalah perangkat

lunak yang bagus untuk membuat animasi karena tampilannya yang sederhana dan mudah digunakan terutama bagi pemula, serta memiki fitur-fitur yang menarik.

5.2 Saran

Saran yang dapat penulis berikan berhubungan dengan animasi ini adalah :

1. Dalam pembuatan animasi sebaiknya di lengkapi dengan video dan dapat juga digunakan gabungan dengan aplikasi pembuatan animasi lain yang dapat

DAFTAR PUSTAKA

Daroji & Haryati, 2007, Konsep dan Penerapan Saint Biologi 2, Solo, PT.Tiga Serangkai

Home Edition, 2005, Macromedia flash Professional 8 help, Macromedia Inc

Juhaeri, 2009, Pengantar Multimedia untuk Media Pembelajaran bagian 1, Ilmu Komputer.

Krisno, H.Moch.Agus, dkk_{, 2008, Ilmu Pengetahuan Alam untuk SMP/MTs Kelas} VIII, Jakarta, Pusat Perbukuan Departemen Pendidikan Nasional

Retno, Margono, Bambang Eka Purnama, ISSN 1979 – 9330, Study Of Interaktif Recognition Letter and Number For Children With Computer Multimedia, Indonesian Jurnal on Computer Scoence - Speed (IJCSS) 4 Volume 3 Nomor 1 Agustus 2008

Script Island. 2008. Panduan Mudah Membuat Animasi. Jakarta : Media Kita

Zeembry. 2006. 12 Jurus Pamungkas Animasi Kartun dengan Flash 8.Jakarta : PT Elex Media Komputindo.

LAMPIRAN

Action Script Tombol Halaman Depan on(release){

gotoAndStop(5); }

Action Script Tombol Halaman Bab 1 on(release){

gotoAndStop(6); }

Action Script Tombol Halaman Bab 2 on(release){

gotoAndStop(Frame 11, dst ); }

Action Script Tombol Halaman Bab 3 on(release){

gotoAndStop(Frame 33,dst); }

Action Script Tombol Halaman Bab 4 on(release){

gotoAndStop(Frame 45,dst); }

Action Script Tombol Gambar dari isi teori setiap Bab on(release){

gotoAndStop(Frame 7, dst); }

Action Script Tombol Back on(release){

gotoAndStop(Frame sebelumnya); }

Action Script Tombol Next on(release){

gotoAndStop(Frame sesudahnya); }

Action Script Tombol X atau close on(release){

gotoAndStop(Frame Daftar Isi); }