• Tidak ada hasil yang ditemukan

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

N/A
N/A
Protected

Academic year: 2016

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

Copied!
71
0
0

Teks penuh

(1)

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

(2)

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

(3)

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

(4)

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

(5)

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.

(6)

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.

(7)

ABSTRAK

(8)

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

(9)

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

(10)

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

(11)

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

(12)

ABSTRAK

(13)

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.

(14)

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.

(15)

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

(16)

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.

(17)

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

(18)

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.

(19)

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

(20)

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

(21)

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.

(22)

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.

(23)

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.

(24)

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

(25)

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

(26)

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

(27)

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.

(28)

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

(29)

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.

(30)

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

(31)

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

}

(32)

3.3 Mendesain Daftar Isi

[image:32.595.129.532.136.460.2]

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

(33)

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

}

(34)

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

[image:34.595.190.482.441.670.2]

Teori Teori

Gambar

Back Next

(35)

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.

(36)

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

}

(37)

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.

(38)

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

(39)

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

(40)

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)

(41)

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

[image:41.595.188.462.453.669.2]

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.

(42)
[image:42.595.170.465.163.413.2]

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.

(43)

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

[image:43.595.111.524.132.339.2]

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.

(44)
[image:44.595.215.447.89.289.2]

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.

(45)
[image:45.595.108.523.553.736.2]

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.

(46)

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.

[image:46.595.127.509.188.739.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.

(47)

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.

[image:47.595.115.509.366.570.2]

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

(48)
[image:48.595.188.442.137.338.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.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.

(49)

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

(50)
[image:50.595.133.538.109.514.2]

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.

(51)

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

[image:51.595.193.442.192.396.2]

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

(52)
[image:52.595.110.522.81.512.2]

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.

(53)

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

[image:53.595.192.443.193.395.2]

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

(54)
[image:54.595.187.443.82.286.2]

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.

(55)
[image:55.595.134.524.97.297.2]

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

[image:55.595.191.446.524.728.2]
(56)

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.

[image:56.595.122.510.356.735.2]

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

(57)

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

[image:57.595.115.515.188.730.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

(58)

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.

[image:58.595.137.529.369.575.2]

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

(59)

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.

[image:59.595.120.523.248.409.2]

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.

(60)
[image:60.595.188.445.84.246.2]

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.

[image:60.595.126.527.539.742.2]
(61)

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.

[image:61.595.122.508.229.648.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.

(62)

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.

[image:62.595.193.443.358.561.2]

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

(63)

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.

[image:63.595.127.513.259.682.2]

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

(64)

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.

[image:64.595.122.510.245.660.2]

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.

(65)

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.

[image:65.595.123.524.332.744.2]

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

(66)

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.

[image:66.595.120.521.230.433.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.

(67)

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.

[image:67.595.125.525.381.582.2]

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

(68)

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.

(69)

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

(70)

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

(71)

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

Gambar

Gambar 3.3  Rancangan Tampilan Daftar Isi
Gambar
Gambar 4.1  Tampilan halaman awal
Gambar 4.2  Tampilan Halaman Daftar Isi
+7

Referensi

Dokumen terkait

tanpa syarat oleh penarik(penerbit) utk membayar kpd pihak pemegang atau yg ditunjuk oleh pemegang tsb(tertunjuk), yg mana pembayaran dilakukan oleh pihak

Pada saat Peraturan Daerah ini berlaku, Retribusi yang masih terutang berdasarkan Peraturan Daerah tentang Retribusi mengenai jenis Retribusi Jasa Umum sebagaimana

Berdasarkan uraian pada latar belakang tersebut, dapat dirumuskan masalah sebagai berikut (1) Apakah pupuk belerang dengan bokashi eceng gondok berinteraksi

bahwa berdasarkan pertimbangan sebagaimana dimaksud dalam huruf a, huruf b dan huruf c, perlu membentuk Peraturan Daerah tentang Perubahan Atas Peraturan Daerah

Alhamdulillah segala puji dan syukur saya sampaikan kehadirat Allah SWT beserta Nabi Besar Muhammad SAW yang telah memberikan rahmat, hidayah-Nya sehingga saya dapat

This research was made for answering the questions, as follows: (1) How is the profile of the students ‟ writing skillon narrative text before having Caption Picture

dongan ponsetefcangan produk yans toloh diSefoBkarmya itu dapat acab erl ofok yang balk fcagi J?crueafcaan Kopor Tocuh. Prlea

Dalam permasalahan perjanjian dalam akad nikah untuk tidak membawa keluar isteri dari rumah atau negaranya, Ibnu Qudamah berpegang pada Hadits yang diriwayatkan oleh