CD INTERAKTIF CARA MERAWAT GIGI DENGAN BAIK DAN …/CD...UNTUK ANAK SD BERBASIS FLASH ... PEMBUATAN...

43
i CD INTERAKTIF CARA MERAWAT GIGI DENGAN BAIK DAN BENAR UNTUK ANAK SD BERBASIS FLASH Ditulis dan Diajukan Untuk Memenuhi Sebagian Persyaratan Memperoleh Gelar Ahli Madya Ilmu Komputer Oleh : RISANG NOVRIAN CANDRA NIM. M3207029 PROGRAM DIPLOMA III ILMU KOMPUTER FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SEBELAS MARET SURAKARTA 2010

Transcript of CD INTERAKTIF CARA MERAWAT GIGI DENGAN BAIK DAN …/CD...UNTUK ANAK SD BERBASIS FLASH ... PEMBUATAN...

Page 1: CD INTERAKTIF CARA MERAWAT GIGI DENGAN BAIK DAN …/CD...UNTUK ANAK SD BERBASIS FLASH ... PEMBUATAN CD INTERAKTIF CARA ... membuat sebuah CD Interaktif tentang cara menggosok gigi

i

CD INTERAKTIF CARA MERAWAT GIGI DENGAN BAIK DAN BENAR

UNTUK ANAK SD BERBASIS FLASH

Ditulis dan Diajukan Untuk Memenuhi Sebagian Persyaratan Memperoleh Gelar

Ahli Madya Ilmu Komputer

Oleh :

RISANG NOVRIAN CANDRA

NIM. M3207029

PROGRAM DIPLOMA III ILMU KOMPUTER

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

UNIVERSITAS SEBELAS MARET

SURAKARTA

2010

Page 2: CD INTERAKTIF CARA MERAWAT GIGI DENGAN BAIK DAN …/CD...UNTUK ANAK SD BERBASIS FLASH ... PEMBUATAN CD INTERAKTIF CARA ... membuat sebuah CD Interaktif tentang cara menggosok gigi

ii

HALAMAN PERSETUJUAN

CD INTERAKTIF CARA MERAWAT GIGI DENGAN BAIK DAN BENAR

UNTUK ANAK SD BERBASIS FLASH

Disusun Oleh:

RISANG NOVRIAN CANDRA

NIM. M3207029

Tugas Akhir ini telah disetujui untuk dipertahankan

Di hadapan dewan penguji

pada tanggal 29 Juni 2009

Pembimbing Utama

Hartatik, M.Stat

NIDN. 0703057802

Page 3: CD INTERAKTIF CARA MERAWAT GIGI DENGAN BAIK DAN …/CD...UNTUK ANAK SD BERBASIS FLASH ... PEMBUATAN CD INTERAKTIF CARA ... membuat sebuah CD Interaktif tentang cara menggosok gigi

iii

HALAMAN PENGESAHAN

CD INTERAKTIF CARA MERAWAT GIGI DENGAN BAIK DAN BENAR

UNTUK ANAK SD BERBASIS FLASH

Disusun Oleh:

RISANG NOVRIAN CANDRA

NIM. M3207029

Dibimbing oleh:

Pembimbing Utama

Hartatik, M.Stat

NIDN. 0703057802

Tugas Akhir ini telah diterima dan disahkan oleh dewan penguji Tugas Akhir

Program Diploma III Ilmu Komputer

pada tanggal _______________

Dewan Penguji:

1. Hartatik, M.Stat ( )

NIDN. 0703057802

2. Drs. YS. Palgunadi, M.Sc ( )

NIP. 19560407 198303 1004

3. Agus Purbayu, S.Si ( )

NIDN. 0629088001

Disahkan Oleh:

Dekan Ketua Program Studi Fakultas FMIPA UNS DIII Ilmu Komputer UNS

Prof. Drs. Sutarno, M.Sc, Ph.D Drs. YS. Palgunadi, M.Sc

NIP. 19600809 198612 1001 NIP. 19560407 198303 1004

Page 4: CD INTERAKTIF CARA MERAWAT GIGI DENGAN BAIK DAN …/CD...UNTUK ANAK SD BERBASIS FLASH ... PEMBUATAN CD INTERAKTIF CARA ... membuat sebuah CD Interaktif tentang cara menggosok gigi

iv

ABSTRACT

Risang Novrian Candra, 2010, MAKING INTERACTIVE CD RUBBING

TEETH HOW GOOD AND TRe a direct impact on your child's teeth. The

aim of this thesis is to create an Interactive on how brushing your teeth

properly.

Data collection methods used in the preparation of this final task is

observation and literature study method. Stages used in the manufacture of these

applications include concept design, data collection, preparation of hardware and

software, making the application, checking, repair and construction.

Interactive CD has been created and can be used. Interactive CD can be used

to assist teachers in recognizing and teach you how to brush your teeth properly

and correctly to the child. It also can help children know how to brush your teeth

properly.

Page 5: CD INTERAKTIF CARA MERAWAT GIGI DENGAN BAIK DAN …/CD...UNTUK ANAK SD BERBASIS FLASH ... PEMBUATAN CD INTERAKTIF CARA ... membuat sebuah CD Interaktif tentang cara menggosok gigi

v

ABSTRAK

Risang Novrian Candra, 2010, PEMBUATAN CD INTERAKTIF CARA MENGGOSOK GIGI YANG BAIK DAN BENAR. Manajemen Informatika, Diploma III Ilmu Komputer, Fakultas Matematika dan Ilmu Pengetahuan Alam, Universitas Sebelas Maret Surakarta. Gigi anak-anak sangat rawan kerusakan. Lapisan email pada gigi susu tidaklah sekeras gigi orang dewasa, bahkan gigi tetap sekalipun, cenderung rentan dan tidak kuat diawal-awal tahun pertumbuhannya. Tujuan tugas akhir ini adalah membuat sebuah CD Interaktif tentang cara menggosok gigi yang baik dan benar. Metode pengumpulan data yang digunakan dalam peyusunan tugas akhir ini adalah metode observasi dan studi pustaka. Tahapan yang digunakan dalam pembuatan aplikasi ini antara lain perancangan konsep, pengumpulan data, persiapan hardware dan software, pembuatan aplikasi, pengecekan, perbaikan dan penyelesaian. CD Interaktif ini telah selesai dibuat dan dapat digunakan. CD Interaktif ini dapat digunakan untuk membantu guru dan orangtua dalam mengajarkan cara menyikat gigi dengan baik dan benar kepada anak. Selain itu juga bisa membantu anak-anak mengenal cara menyikat gigi dengan baik dan benar. Kata kunci : CD Interaktif, Gigi, Anak-anak.

Page 6: CD INTERAKTIF CARA MERAWAT GIGI DENGAN BAIK DAN …/CD...UNTUK ANAK SD BERBASIS FLASH ... PEMBUATAN CD INTERAKTIF CARA ... membuat sebuah CD Interaktif tentang cara menggosok gigi

vi

MOTTO

“Barangsiapa bertakwa kepada Allah, niscaya Dia akan mengadakan

baginya jalan keluar dan memberinya rizki dari arah yang tiada terduga.

Barangsiapa bertawakal kepada Allah, niscaya Allah akan mencukupkan

keperluannya.”

(QS. At-Thalaq : 2-3)

”Sesungguhnya sesudah kesulitan itu pasti ada kemudahan, maka

apabila kamu telah selesai (dari suatu urusan), kerjakanlah dengan

sungguh-sungguh urusan yang lain, dan kepada Allah lah hendaklah

kamu berharap.”

(QS. Al-Insyirah : 6-8)

” Hidup memang kegelapan jika tanpa hasyrat dan keinginan. Dan semua

hasyrat dan keinginan adalah buta, jika tidak disertai pengetahuan. Dan

segala pengetahuan adalah hampa, jika tidak dibekali pekerjaan. Dan tiap

pekerjaan akan sia-sia, jika tidak dibekali doa. ”

(Kahlil Gibran)

Page 7: CD INTERAKTIF CARA MERAWAT GIGI DENGAN BAIK DAN …/CD...UNTUK ANAK SD BERBASIS FLASH ... PEMBUATAN CD INTERAKTIF CARA ... membuat sebuah CD Interaktif tentang cara menggosok gigi

vii

HALAMAN PERSEMBAHAN

Dengan segala kerendahan hati, Tugas Akhir ini kupersembahkan untuk :

Ö Allah SWT, terimakasih atas segala rahmat dan karunia yang telah

Engkau berikan kepadaku...

Ö Bapak dan Ibu tercinta, terimakasih Bapak… terimakasih Ibu…

terimakasih telah berkorban, merawat, menjaga dan menyayangiku.

Ö Bu Hartatik, terimakasih untuk bimbingan, nasehat dan kesabarannya.

Ö “Endang” terimakasih untuk support yang diberikan kepadaku.

Ö Rizal, Iksan, Siti, Oky, Feri, Iffah terimakasih telah member saran dan

kritik serta kerjasamanya.

Ö Teman–teman D3 Ilmu Komputer angkatan 2007, terimakasih atas

kebersamaan, perjuangan dan kerjasamanya.

Ö Seluruh pihak yang secara langsung dan tidak langsung membantuku,

terimakasih untuk semuanya.

Ö Almamater.

Page 8: CD INTERAKTIF CARA MERAWAT GIGI DENGAN BAIK DAN …/CD...UNTUK ANAK SD BERBASIS FLASH ... PEMBUATAN CD INTERAKTIF CARA ... membuat sebuah CD Interaktif tentang cara menggosok gigi

viii

KATA PENGANTAR

Puji dan syukur penulis panjatkan kehadirat Allah SWT atas limpahan

rahmat, hidayah dan inayah-Nya yang senantiasa memberikan petunjuk dan

pertolongan sehingga penulis dapat menyelesaikan pembuatan Tugas Akhir ini

Laporan Tugas Akhir ini disusun untuk memenuhi sebagian persyaratan

kelulusan Diploma III Ilmu Komputer Fakultas Matematika dan Ilmu

Pengetahuan Alam Universitas Sebelas Maret Surakarta.

Dalam proses penyusunan tugas akhir ini, penulis banyak memperoleh

bantuan dari berbagai pihak, sehingga kesulitan-kesulitan yang timbul dapat

teratasi. Dengan segala kerendahan hati, penulis mengucapkan terima kasih

kepada semua pihak yang telah memberi bimbingan dan bantuan kepada penulis

sehingga tugas akhir ini dapat diselesaikan. Untuk itu, atas segala bantuan dan

bimbingannya, penulis mengucapkan terimakasih kepada :

1. Bapak Drs. Y. S. Palgunadi, M.Sc selaku ketua Program Studi DIII Ilmu

Komputer Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas

Sebelas Maret Surakarta.

2. Ibu Hartatik M.Stat, selaku dosen pembimbing yang telah memberikan

bimbingan, saran dan petunjuk dalam pembuatan tugas akhir ini.

3. Bapak, Ibu dan saudara yang selalu memberikan doa dan dukungan.

4. Bapak Drs. Syamsyurizal selaku pembimbing akademik.

5. Teman-teman mahasiswa DIII Ilmu Komputer FMIPA UNS khususnya

jurusan Teknik Informatika angkatan 2007.

Akhirnya, penulis berharap semoga tugas akhir ini bermanfaat bagi semua

pihak yang berkepentingan.

Surakarta, Juni 2010

Penulis

Page 9: CD INTERAKTIF CARA MERAWAT GIGI DENGAN BAIK DAN …/CD...UNTUK ANAK SD BERBASIS FLASH ... PEMBUATAN CD INTERAKTIF CARA ... membuat sebuah CD Interaktif tentang cara menggosok gigi

ix

DAFTAR ISI

HALAMAN JUDUL ............................................................................................... i

HALAMAN PERSETUJUAN................................................................................ ii

HALAMAN PENGESAHAN ............................................................................... iii

ABSTRACT........................................................................................................... iv

INTISARI ................................................................................................................v

MOTTO ................................................................................................................. vi

HALAMAN PERSEMBAHAN ........................................................................... vii

KATA PENGANTAR ......................................................................................... viii

DAFTAR ISI.......................................................................................................... ix

DAFTAR GAMBAR............................................................................................ xii

BAB I PENDAHULUAN......................................................................................1

1.1 Latar Belakang Masalah ........................................................................1

1.2 Perumusan Masalah ...............................................................................2

1.3 Batasan Masalah ....................................................................................2

1.4 Tujuan dan Manfaat ...............................................................................2

1.4.1 Tujuan ...........................................................................................2

1.4.2 Manfaat .........................................................................................2

1.5 Metodologi Penelitian............................................................................2

1.6 Sistematika Penulisan ............................................................................3

BAB II LANDASAN TEORI................................................................................5

2.1 Multimedia.............................................................................................5

2.1.1 Sejarah Multimedia.......................................................................5

2.1.2 Pengertain Multimedia..................................................................5

2.1.3 Komponen Multimedia .................................................................5

2.2 Aplikasi Multimedia Sebagai Bentuk Pembelajaran ...........................10

2.3 Macromedia Flash ...............................................................................10

2.3.1 Pengenalan Flash ........................................................................10

2.3.2 Kemampuan Flash ......................................................................10

2.4 Flash Player.........................................................................................11

Page 10: CD INTERAKTIF CARA MERAWAT GIGI DENGAN BAIK DAN …/CD...UNTUK ANAK SD BERBASIS FLASH ... PEMBUATAN CD INTERAKTIF CARA ... membuat sebuah CD Interaktif tentang cara menggosok gigi

x

2.5 CD Interaktif ........................................................................................11

2.6 Struktur Navigasi .................................................................................11

2.6.1 Struktur Navigasi Linier .............................................................12

2.6.2 Struktur Navigasi Hirarki............................................................12

2.6.3 Struktur Navigasi Non Linier......................................................12

2.6.4 Struktur Navigasi Campuran ......................................................13

BAB III DESAIN DAN PERANCANGAN........................................................14

3.1 Alat Penelitian......................................................................................14

3.1.1 Perangkat Keras (Hardware).....................................................14

3.1.2 Perangkat Lunak (Software) ......................................................14

3.2 Langkah-Langkah Penyelesaian Masalah............................................15

3.3 Analisa Perancangan............................................................................16

3.4 Desain Tampilan ..................................................................................17

3.4.1 Rancangan Intro..........................................................................17

3.4.2 Rancangan Intro2........................................................................18

3.4.3 Rancangan Menu Utama.............................................................18

3.4.4 Rancangan Menu Si Pasta...........................................................19

3.4.5 Rancangan Menu Si Gigi ............................................................19

3.4.6 Rancangan Menu Sikat Gigi .......................................................20

3.4.7 Rancangan Menu Keluar.............................................................20

BAB IV IMPLEMENTASI DAN ANALISA .....................................................32

4.1 Tampilan Aplikasi................................................................................32

4.2 Analisa Kebutuhan Hardware dan Software .......................................54

4.2.1 Kebutuhan Hardware..................................................................54

4.2.2 Kebutuhan Software....................................................................54

4.2 Analisa Program...................................................................................54

4.2.1 Kelebihan Program .....................................................................54

4.2.2 Kelemahan Program....................................................................54

BAB V PENUTUP ..............................................................................................55

5.1 Kesimpulan ..........................................................................................55

Page 11: CD INTERAKTIF CARA MERAWAT GIGI DENGAN BAIK DAN …/CD...UNTUK ANAK SD BERBASIS FLASH ... PEMBUATAN CD INTERAKTIF CARA ... membuat sebuah CD Interaktif tentang cara menggosok gigi

xi

5.2 Saran ....................................................................................................55

DAFTAR PUSTAKA ............................................................................................56

Page 12: CD INTERAKTIF CARA MERAWAT GIGI DENGAN BAIK DAN …/CD...UNTUK ANAK SD BERBASIS FLASH ... PEMBUATAN CD INTERAKTIF CARA ... membuat sebuah CD Interaktif tentang cara menggosok gigi

xii

DAFTAR GAMBAR

Gambar 2.1 Struktur Navigasi Linier.....................................................................12

Gambar 2.2 Struktur Navigasi Hirarki...................................................................12

Gambar 2.3 Struktur Navigasi Non Linier .............................................................13

Gambar 2.4 Struktur Navigasi Campuran..............................................................13

Gambar 3.1 Bagan Langkah Penyelesaian Masalah ..............................................15

Gambar 3.2 Analisa Rancangan.............................................................................17

Gambar 3.3 Rancangan Intro .................................................................................17

Gambar 3.4 Rancangan Intro2 ...............................................................................18

Gambar 3.5 Rancangan Menu Utama....................................................................18

Gambar 3.6 Rancangan Menu Si Pasta..................................................................19

Gambar 3.7 Rancangan Menu Si Gigi ...................................................................19

Gambar 3.8 Rancangan Menu Sikat Gigi ..............................................................20

Gambar 3.9 Rancangan Halaman Keluar...............................................................20

Page 13: CD INTERAKTIF CARA MERAWAT GIGI DENGAN BAIK DAN …/CD...UNTUK ANAK SD BERBASIS FLASH ... PEMBUATAN CD INTERAKTIF CARA ... membuat sebuah CD Interaktif tentang cara menggosok gigi

xiii

BAB I

PENDAHULUAN

1.1 Latar Belakang Masalah

Betapa pentingnya fungsi gigi bagi manusia. Organ gigi manusia adalah salah

satu organ sangat penting, yang berfungsi untuk mengunyah dan merobek

makanan. Kita harus menjaga kesehatan gigi mulai dari sejak dini.

Gigi anak-anak sangat rawan kerusakan. Lapisan email pada gigi susu tidaklah

sekeras gigi orang dewasa, bahkan gigi tetap sekalipun cenderung rentan dan tidak

kuat diawal-awal tahun pertumbuhannya. Jutaan bakteri yang berada di dalam

rongga mulut anak-anak akan mengakibatkan kerusakan besar pada gigi bila tak

dirawat dan dibersihkan dengan teliti.

Sakit gigi dapat mengganggu aktifitas makan, tidur bahkan aktifitas

pendidikan di waktu-waktu kritis ketika anak membutuhkan gizi dan waktu

istirahat untuk berkembang dan belajar. Kerusakan gigi susu dapat berdampak

langsung pada gigi anak. Gigi yang tumbuh tidak baik dapat pula membuat

penampilan menjadi kurang menarik hingga dapat menghilangkan kepercayaan

diri. Untuk menghindari masalah-masalah ini, para dokter gigi merekomendasikan

agar anak merawat giginya 2 kali sehari menggunakan pasta gigi berflouride,

sekali di pagi hari setelah sarapan dan malam sebelum tidur.

Flouride ini tidak hanya membantu membersihkan bakteri namun juga

membantu memperkuat gigi dan melindunginya dari kerusakan. Sikat gigi setiap

pagi sesudah sarapan dan malam sebelum tidur menggunakan pasta gigi

berflouride dapat mencegah gigi berlubang hingga 50% pada anak-anak,

dibandingkan mereka yang hanya merawat gigi 1 kali sehari saja (Pine et al.,

International Dental Journal 2000; 50: 312-323).

Berdasarkan alasan diatas, maka diperlukan CD Interaktif yang membahas

secara lengkap tentang tata cara merawat gigi dan kandungan pasta gigi. Oleh

sebab itu dibuat sebuah CD interaktif yang berbasis multimedia dengan judul “CD

Interaktif Cara Merawat Gigi dengan Baik dan Benar”.

Page 14: CD INTERAKTIF CARA MERAWAT GIGI DENGAN BAIK DAN …/CD...UNTUK ANAK SD BERBASIS FLASH ... PEMBUATAN CD INTERAKTIF CARA ... membuat sebuah CD Interaktif tentang cara menggosok gigi

xiv

1.2 Perumusan Masalah

Berdasarkan latar belakang masalah yang telah diuraikan, maka dapat diambil

perumusan masalah yaitu “Bagaimana Membuat CD Interaktif Cara Merawat Gigi

dengan Baik dan Benar?”

1.3 Batasan Masalah

Batasan masalah pada pembuatan CD Interaktif cara merawat gigi dengan

baik dan benar ini adalah CD interaktif ini hanya membahas tentang seluk beluk

tentang cara menyikat gigi, macam gigi dan kandungan pasta gigi.

1.4 Tujuan dan Manfaat

1.4.1 Tujuan

Tujuan Tugas Akhir ini adalah Membuat CD Interaktif tentang

Cara Merawat Gigi dengan Baik dan Benar.

1.4.2 Manfaat

Manfaat dari pembuatan CD Interaktif Cara Merawat Gigi dengan

Baik dan Benar ini adalah:

a) Mempermudah anak-anak mengenal cara menyikat gigi dengan

baik dan benar.

b) Membantu guru dan orangtua dalam mengajarkan cara merawat

gigi dengan baik dan benar kepada anak.

1.5 Metodologi Penelitian

Metode pengumpulan data yang digunakan dalam pembuatan CD interaktif

ini adalah sebagai berikut :

a) Observasi

Observasi adalah tahap mengumpulkan data dan informasi yang

diperlukan dengan cara melakukan pengamatan secara langsung. Dalam

hal ini dilakukan pengamatan terhadap CD interaktif yang dijual di

pasaran ataupun di internet.

Page 15: CD INTERAKTIF CARA MERAWAT GIGI DENGAN BAIK DAN …/CD...UNTUK ANAK SD BERBASIS FLASH ... PEMBUATAN CD INTERAKTIF CARA ... membuat sebuah CD Interaktif tentang cara menggosok gigi

xv

b) Studi Pustaka

Studi pustaka adalah suatu metode pengumpulan data dengan

menggunakan buku-buku tentang kesehatan gigi sebagai bahan referensi

dalam penulisan laporan dan pembuatan CD interaktif.

1.6 Sistematika Penulisan

Sistematika penulisan dalam pembuatan tugas akhir ini terdiri beberapa

bagian, antara lain :

BAB I : PENDAHULUAN

Bab pendahuluan terdiri dari beberapa sub bab, yang berisi latar belakang

masalah, perumusan masalah, batasan masalah, tujuan dan manfaat, metode

penelitian yang digunakan, serta sistematika penulisan.

BAB II : LANDASAN TEORI

Bab ini memuat landasan teori yang menguraikan tentang tinjauan

pustaka yang digunakan sebagai referensi dalam pembuatan CD Interaktif.

BAB III : DESAIN DAN PERANCANGAN

Bab ini memuat tentang analisa kebutuhan dalam pembuatan CD

Interaktif dan desain dan perancangan CD Interatif Cara Merawat Gigi

dengan Baik dan Benar yang dibuat.

BAB IV : IMPLEMENTASI DAN ANALISA

Bab ini memuat implementasi dan analisis yang merupakan bab inti dari

pembuatan tugas akhir ini. Bab ini akan menguraikan hasil dan tampilan dari

pembuatan CD Interaktif Cara Merawat Gigi dengan Baik dan Benar.

BAB V : PENUTUP

Bab ini memuat kesimpulan dari hasil penelitian atau implementasi

sistem dan saran yang diperoleh dari kesimpulan tersebut.

Page 16: CD INTERAKTIF CARA MERAWAT GIGI DENGAN BAIK DAN …/CD...UNTUK ANAK SD BERBASIS FLASH ... PEMBUATAN CD INTERAKTIF CARA ... membuat sebuah CD Interaktif tentang cara menggosok gigi

xvi

BAB II

LANDASAN TEORI

2.1 Multimedia

2.1.1 Sejarah Multimedia

Sejarah multimedia berawal dari teater, bukan komputer. Pertunjukan

yang memanfaatkan lebih dari satu medium disebut pertunjukan multimedia.

Pertunjukan multimedia mencakup monitor video, synthesized band dan karya

seni manusia sebagai bagian dari pertunjukan sistem multimedia dimulai akhir

1980-an dengan diperkenalkan hyperard oleh apple tahun 1987, dan

pengumuman oleh IBM tahun 1989 mengenai perangkat lunak audio visual

connection (AVC), video adhapter card bagi PS / 2, hampir setiap pemasok

perangkat keras dan lunak melompat ke multimedia. Pada tahun 1994,

diperkirakan ada lebih dari 700 produk dan sistem multimedia di pasaran.

(Suyanto, 2004)

2.1.2 Pengertian Multimedia

Industri elektronika multimedia merupakan kombinasi dari komputer dan

video atau secara umum merupakan kombinasi tiga elemen yaitu suara,

gambar, dan teks atau multimedia kombinasi dari paling sedikit media input

atau output dari data, media ini dapat berupa audio (suara, musik), animasi,

video, teks, grafik dan gambar. (Suyanto, 2004)

Pengertian multimedia secara umum adalah gabungan dari berbagai

media informasi dengan menggunakan fasilitas komputer.

2.1.3 Komponen Multimedia

a) Teks

Teks adalah elemen paling awal dan sederhana dalam multimedia,

yang biasanya mengacu pada kata, kalimat dan alinea atau segala

sesuatu yang tertulis atau ditayangkan. Sebagian besar multimedia

menggunakan teks karena teks sangat efektif untuk menyampaikan ide

dan panduan kepada pengguna. Teks merupakan bentuk data

Page 17: CD INTERAKTIF CARA MERAWAT GIGI DENGAN BAIK DAN …/CD...UNTUK ANAK SD BERBASIS FLASH ... PEMBUATAN CD INTERAKTIF CARA ... membuat sebuah CD Interaktif tentang cara menggosok gigi

xvii

multimedia yang paling mudah disimpan dan dikenali, serta file teks

merupakan struktur yang sederhana. (Suyanto, 2003)

Dalam Macromedia Flash, teks diistilahkan dengan type yang

dapat diberi berbagai efek. Ada 3 jenis teks pada Flash yaitu :

1. Static Text Fields

Merupakan teks yang bersifat tetap dan dalam

pengoperasiannya tidak akan mengalami perubahan secara

dinamis, biasanya digunakan dalam menampilkan informasi.

2. Dynamic Text Fields

Merupakan teks yang menyediakan variabel, dalam

pengoperasiannya akan mengalami perubahan secara dinamis, dan

untuk menampilkan informasi sesuai dengan variabelnya.

3. Input Text Fields

Merupakan teks yang memungkinkan user memberikan

masukan teks. Selanjutnya masukan tersebut akan ditindaklanjuti

dengan aksi-aksi tertentu sesuai dengan script yang dimasukkan.

(Dhani, 2003)

b) Image atau gambar

Gambar merupakan tampilan diam atau tidak bergerak. Gambar

merupakan salah satu komponen penting dalam multimedia karena

dapat meringkas dan menyajikan data kompleks serta mampu

menyampaikan seribu kata. Gambar dalam publikasi multimedia lebih

menarik perhatian dan dapat mengurangi kebosanan dibandingkan

dengan teks sebab manusia selalu berorientasi terhadap visual.

Menurut Suyanto (2003) format file gambar yang digunakan

dalam multimedia yaitu :

1. PICT

Merupakan format file default Macintosh yang mampu untuk

membuat objek yang digambar secara bitmap maupun vektor.

Page 18: CD INTERAKTIF CARA MERAWAT GIGI DENGAN BAIK DAN …/CD...UNTUK ANAK SD BERBASIS FLASH ... PEMBUATAN CD INTERAKTIF CARA ... membuat sebuah CD Interaktif tentang cara menggosok gigi

xviii

2. BMP

Merupakan file format default Windows. Format ini

mendukung RGB, Indexed Colour, Grayscale dan Bitmap colour

mode tetapi tidak mendukung alpha channel.

3. JPEG (Joint Photographic Experts Group)

Format grafik yang terkompresi, digunakan dalam tampilan

foto dan gambar secara continue, dapat mengendalikan kedalaman

warna serta mempunyai ukuran yang relatif kecil.

4. GIF (Grafic Interchange File)

Format file yang terkompresi yang dikembangkan oleh

CompuServe.

5. TIFF (Tagged Interchange File Format)

Format file terkompresi yang digunakan di paket desktop

publishing. Kekuatan dari format ini adalah lebih fleksibel dari

format gambar bitmap yang didukung secara ritual oleh seluruh

point, image editing dan aplikasi kedalaman layout.

6. EPS (Encapsulated Post Script)

Merupakan format file yang digunakan dalam photoshop dapat

memuat baik gambar vektor maupun grafik.

7. PNG (Portable Network Graphics)

Merupakan format file terkompresi untuk menampilkan

gambar pada World Wide Web, mempunyai kemampuan

menampilkan gambar 24 bit dan menghasilkan latar belakang

secara transparan.

8. PSD

Merupakan format file yang digunakan photoshop untuk

menyimpan file yang dibuat dan dimanipulasi. File PSD tidak

dikompresi dan memuat informasi tentang berbagai graphics layer

yang ada tanpa sebuah file.

Page 19: CD INTERAKTIF CARA MERAWAT GIGI DENGAN BAIK DAN …/CD...UNTUK ANAK SD BERBASIS FLASH ... PEMBUATAN CD INTERAKTIF CARA ... membuat sebuah CD Interaktif tentang cara menggosok gigi

xix

c) Animasi

Animasi merupakan susunan gambar mati yang dibuat efek

sehingga seolah-olah tampak bergerak. Perbedaan movie dengan

animasi adalah animasi merupakan proses kejadiannya sedangkan

movie merupakan proses hasilnya. (Dhani, 2003)

Menurut Hakim dan Mutmainah (2003) teknik animasi dalam

flash yaitu :

1. Motion

Animasi pada flash yang digunakan untuk menggerakan objek

dari satu titik ke titik lain tanpa mengalami perubahan bentuk.

2. Shape

Animasi pada flash yang digunakan untuk menngubah atau

mengganti suatu bentuk dengan bentuk lain.

d) Audio

Sebuah aplikasi multimedia tanpa bunyi hanya disebut unimedia,

bukan multimedia. Bunyi dapat ditambahkan dalam produksi

multimedia melalui suara, musik dan efek-efek suara. Suara dalam

komputer dapat disimpan dalam berbagai format.

Menurut Suyanto (2003) format-format file suara (audio) tersebut

antara lain :

1. MP3 (MPEG Audio Player 3)

File audio yang digunakan suatu codec untuk melakukan

encoding dan decoding suatu rekaman musik, dengan ekstensi

*.mp3.

2. MIDI (Musical Instrument Digital Interface)

File audio yang digunakan untuk menyimpan instrument

musik dengan ekstensi *.mid.

3. DAT (Digital Audio Tape)

Format file yang menggunakan head yang diputar serupa

dengan Video Tape Recorder (VTR).

Page 20: CD INTERAKTIF CARA MERAWAT GIGI DENGAN BAIK DAN …/CD...UNTUK ANAK SD BERBASIS FLASH ... PEMBUATAN CD INTERAKTIF CARA ... membuat sebuah CD Interaktif tentang cara menggosok gigi

xx

4. WAV (Waveform Audio)

Merupakan format file audio yang berbentuk digital, dapat

dimanipulasi dengan perangkat lunak PC multimedia.

e) Video

Video adalah bagian dari gambar-gambar yang saling berurutan

yang disebut frame dengan ukuran standar 24 frame/second (FPS =

Frame Per Second), gambar-gambar tersebut kemudian diproyeksikan

diatas layer ditambahi dengan objek teks atau animasi. (Suyanto,

2003). Adapun format file dalam audio antara lain :

1. Audio Video Interleave (AVI)

Merupakan format video dan animasi yang digunakan video

untuk windows dan berinteraksi.

2. Motion Overlay Video (MOV)

Format video dan animasi yang digunakan untuk Macintosh dan

windows.

3. Motion Picture Expert Group (MPEG)

Skema kompresi dan spesifikasi format file video digital.

4. Shockwave

Merupakan format dari Macromedia Flash yang berekstensi,

dikembangkan oleh Macromedia Format Shockwave.

5. Real Video

Mempunyai ekstensi serta dikembangkan oleh real media.

f) Actionscript

Bahasa pemrograman yang digunakan dalam pembuatan aplikasi

ini adalah actionscript. Actionscript ini hampir mirip dengan javascript

dalam web. Actionscript berfungsi untuk mengontrol objek dalam

Flash, mengatur navigasi dan interaktifitas dengan pengguna. Letak

interaktifitas sebuah file Flash terletak pada pemakaian actionscript.

(Rio, 2006)

Menurut Hakim dan Mutmainah (2003) action pada flash dibagi

menjadi 2, yaitu :

Page 21: CD INTERAKTIF CARA MERAWAT GIGI DENGAN BAIK DAN …/CD...UNTUK ANAK SD BERBASIS FLASH ... PEMBUATAN CD INTERAKTIF CARA ... membuat sebuah CD Interaktif tentang cara menggosok gigi

xxi

1. Action Frame

Merupakan action yang diberikan pada frame, frame yang

berisi action terdapat tanda a pada framenya.

2. Action Objek

Merupakan action yang diberikan pada objek, baik berupa

tombol maupun movie clip.

2.2 Aplikasi Multimedia Sebagai Bentuk Pembelajaran

Aplikasi multimedia dapat digunakan sebagai bentuk pengajaran dalam dunia

pendidikan, dengan memanfaatkan aplikasi multimedia sebagai metode

pembelajaran, selain dapat meningkatkan kecerdasan dapat menciptakan

kreatifitas dan imajinasi.

2.3 Macromedia Flash

2.3.1 Pengenalan Flash

Flash merupakan salah satu teknologi komputasi multimedia. Multimedia

diartikan sebagai kombinasi dari teks, grafik, animasi suara dan video yang

digabung menjadi satu kesatuan kerja yang menghasilkan suatu informasi yang

memiliki nilai komunikasi interaktif yang sangat tinggi bukan hanya dilihat

sebagai hasil cetakan melainkan dapat didengar, membentuk simulasi dan

animasi yang memiliki seni grafis yang sangat tinggi dalam penyampainnya.

2.3.2 Kemampuan Flash

Animasi merupakan proses menciptakan efek gerak atau efek perubahan

bentuk yang terjadi selama beberapa waktu. Animasi bisa berupa gerak sebuah

obyek dari tempat satu ke tempat yang lain, perubahan warna atau perubahan

bentuk (yang disebut morphing).

Flash sangat memungkinkan membuat movie yang interaktif sehingga

user dapat menggunakan alat-alat input komputer seperti keyboard dan mouse

untuk menjalankan bagian movie lain, menggerakan obyek, memasukkan

informasi tertentu dan menampilkan beberapa operasi sekaligus. (Andi, 2004)

Page 22: CD INTERAKTIF CARA MERAWAT GIGI DENGAN BAIK DAN …/CD...UNTUK ANAK SD BERBASIS FLASH ... PEMBUATAN CD INTERAKTIF CARA ... membuat sebuah CD Interaktif tentang cara menggosok gigi

xxii

2.4 Flash Player

Flash Player adalah software untuk melihat animasi dan movie dengan

menggunakan komputer. Flash Player menjalankan file SWF. Apabila

menginginkan software Macromedia Flash versi apa saja maka akan disertai

Flash Player didalam. (Anonim, 2009)

2.5 CD Interaktif

CD Interaktif adalah CD pembelajaran yang mempunyai fungsi memberi

info, didalamnya terdapat tombol-tombol yang bisa menuju ke fasilitas lainnya.

CD interaktif ini sangat bermanfaat bagi pelajar, karena sangat memudahkan dan

membantu dalam proses pembelajaran. CD interaktif merupakan salah satu media

pengenalan ataupun promosi yang banyak berkembang saat ini, dimana media

interaktif memiliki kelebihan dalam visualisasi, animasi, content serta

interaktifitas, sehingga orang yang melihat akan bisa merasakan dan berinteraksi

langsung dengan informasi yang ingin disampaikan.

Jika dibandingkan dengan metode pembelajaran konvensional yaitu proses

pembelajaran dalam kelas, metode elearning, CD interaktif memiliki beberapa

kelebihan, diantaranya adalah metode ini menitikberatkan pada materi

pembelajaran yang dikemas dalam bentuk CD yang dapat dibawa kemana saja

dan digunakan kapan saja, selama masih bisa diakses lewat komputer, suasana

belajar lebih kaya dengan format multimedia yang membuat animasi, suara, dan

elemen-elemen lain yang memperkaya suasana pembelajaran, interaktif dengan

adanya pembelajaran, simulasi dan latihan sehingga bisa meningkatkan

pemahaman materi, serta kelebihan-kelebihan lainnya. (Aftaryan, 2008)

2.6 Struktur Navigasi

Struktur navigasi adalah alur yang digunakan dalam aplikasi yang dibuat.

Sebelum menyusun aplikasi multimedia kedalam sebuah software, kita harus

menentukan terlebih dahulu alur apa yang akan digunakan dalam aplikasi yang

dibuat. Bentuk dasar dari struktur navigasi yang biasa digunakan dalam proses

pembuatan aplikasi multimedia ada empat macam, yaitu struktur navigasi linier,

hirarki, non linier dan campuran. (Mahendra, 2007).

Page 23: CD INTERAKTIF CARA MERAWAT GIGI DENGAN BAIK DAN …/CD...UNTUK ANAK SD BERBASIS FLASH ... PEMBUATAN CD INTERAKTIF CARA ... membuat sebuah CD Interaktif tentang cara menggosok gigi

xxiii

2.6.1 Struktur Navigasi Linier

Struktur navigasi linier merupakan struktur yang mempunyai satu

rangkaian cerita berurutan. Struktur ini menampilkan satu demi satu

tampilan layer secara berurutan menurut aturannya.

Gambar 2.1 Struktur Navigasi Linear

2.6.2 Struktur Navigasi Hirarki

Struktur navigasi hirarki sering disebut struktur navigasi bercabang,

yaitu suatu struktur yang mengandalkan percabangan untuk menampilkan

data atau gambar pada layer dengan kriteria tertentu. Tampilan pada menu

utama disebut master page (halaman utama satu), halaman tersebut

mempunyai halaman percabangan yang disebut slave page (halaman

pendukung) dan jika dipilih akan menjadi halaman kedua, begitu

seterusnya.

Gambar 2.2 Struktur Navigasi Hirarki

2.6.3 Struktur Navigasi Non Linier

Struktur navigasi non linier (tidak terurut) merupakan pengembangan

dari struktur navigasi linier, hanya saja pada struktur ini diperkenankan

untuk membuat percabangan. Percabangan pada struktur non linier

berbeda dengan percabangan pada struktur hirarki, pada struktur ini

kedudukan semua page sama, sehingga tidak dikenal adanya master atau

slave page.

Page 24: CD INTERAKTIF CARA MERAWAT GIGI DENGAN BAIK DAN …/CD...UNTUK ANAK SD BERBASIS FLASH ... PEMBUATAN CD INTERAKTIF CARA ... membuat sebuah CD Interaktif tentang cara menggosok gigi

xxiv

Gambar 2.3 Struktur Navigasi Non Linear

2.6.4 Struktur Navigasi Campuran

Struktur navigasi campuran (composite) merupakan gabungan dari

struktur sebelumnya dan disebut juga struktur navigasi bebas, maksudnya

adalah jika suatu tampilan membutuhkan percabangan maka dibuat

percabangan. Struktur ini paling banyak digunakan dalam pembuatan

aplikasi multimedia.

Gambar 2.4 Stuktur Navigasi Campuran

Page 25: CD INTERAKTIF CARA MERAWAT GIGI DENGAN BAIK DAN …/CD...UNTUK ANAK SD BERBASIS FLASH ... PEMBUATAN CD INTERAKTIF CARA ... membuat sebuah CD Interaktif tentang cara menggosok gigi

xxv

BAB III

DESAIN DAN PERANCANGAN

3.1 Analisis Kebutuhan

Alat penelitian yang digunakan dalam penyusunan tugas akhir dibagi menjadi

2, yaitu hardware dan software. Alat yang digunakan sebagai berikut:

3.1.1 Hardware

Perangkat keras yang digunakan dalam pembuatan aplikasi ini adalah sebuah PC

(Personal Computer) dengan spesifikasi minimal sebagai berikut:

a) Processor : Intel(R) Pentium(R) Dual CPU E2140 @1.60Ghz

(2CPUs)

b) Memory : 2 GB

c) Resolusi : 1024 X 768

d) Hardisk : 80 Gb

e) CD Blank

f) Microphone

g) Speaker

3.1.2 Software

Perangkat lunak yang digunakan dalam pembuatan aplikasi ini

diantaranya adalah sebagai berikut :

a. Macromedia Flash 8

Digunakan untuk menampilkan gabungan antara grafik, suara, teks,

animasi yang akan yang disimpan menjadi *.fla

b. Corel Draw 13

Digunakan untuk membuat, mengedit dan mengelola gambar yang

berhubungan dengan aplikasi ini.

c. Flash Player

Digunakan untuk melihat hasil dari pembuatan aplikasi ini.

Page 26: CD INTERAKTIF CARA MERAWAT GIGI DENGAN BAIK DAN …/CD...UNTUK ANAK SD BERBASIS FLASH ... PEMBUATAN CD INTERAKTIF CARA ... membuat sebuah CD Interaktif tentang cara menggosok gigi

xxvi

Merancang Konsep

Pengumpulan Data

Persiapan hardware, Software

Pembuatan Aplikasi

Testing

Perbaikan

Penyelesaian

d. Nero Burning Room

Digunakan untuk memasukkan aplikasi ini ke dalam CD (Compact

Disk).

3.2 Langkah – Langkah Penyelesaian Masalah

Adapun langkah-langkah dalam pembuatan CD Interaktif ini dan

penyelesaian masalah jika timbul antara lain dapat dilihat melalui bagan berikut

ini :

Gambar 3.1 Bagan Langkah Penyelesaian Masalah

Page 27: CD INTERAKTIF CARA MERAWAT GIGI DENGAN BAIK DAN …/CD...UNTUK ANAK SD BERBASIS FLASH ... PEMBUATAN CD INTERAKTIF CARA ... membuat sebuah CD Interaktif tentang cara menggosok gigi

xxvii

Keterangan Bagan:

a) Merancang Konsep

Langkah awal dalam membuat Aplikasi CD interaktif cara menggososk gigi

dengan baik dan benar ini adalah membuat rancangan konsep yang akan

digunakan dalam pembuatan aplikasi.

b) Pengumpulan Data

Mengumpulkan data yang akan diperlukan dalam pembuatan CD Interaktif.

c) Persiapan Hardware dan Software

Mempersiapkan hardware dan software yang diperlukan dalam pembuatan CD

Interaktif.

d) Pembuatan Aplikasi

Membuat aplikasi dengan mengintegrasikan semua elemen–elemen yang

dibutuhkan seperti gambar, teks, suara, video sehingga menghasilkan

aplikasi multimedia yang baik dan mudah dipahami.

e) Testing

Percobaan dari hasil pembuatan CD Interaktif dan mengoreksinya.

f) Perbaikan

Memperbaiki kesalahan yang ada kemudian mengeceknya lagi.

g) Penyelesaian

Proses yang terakhir adalah penyelesaian. Dalam hal ini dilakukan pem-burning

CD Interaktif ke dalam CD (Compact Disk) supaya dapat digunakan para siswa.

3.3 Analisa Perancangan

Dari hasil analisa yang ada, pembuatan CD interaktif cara menggosok gigi

yang baik dan benar terdapat bagian-bagian yang memiliki pembahasan yang

berbeda-beda, untuk setiap bagian tersebut adalah :

Loading Intro Si Pasta

Si Gigi

Sikat Gigi

Page 28: CD INTERAKTIF CARA MERAWAT GIGI DENGAN BAIK DAN …/CD...UNTUK ANAK SD BERBASIS FLASH ... PEMBUATAN CD INTERAKTIF CARA ... membuat sebuah CD Interaktif tentang cara menggosok gigi

xxviii

Gambar 3.2 Analisa Rancangan

3.4 Desain Tampilan

3.4.1 Rancangan Intro

Rancangan layout dari intro CD interatif ini, Struktur halaman intro dapat

dilihat pada Gambar 3.3 berikut:

Gambar 3.3 Rancangan Intro

3.4.2 Rancangan Intro2

Menu

Keluar

Masuk

Gambar Judul

Keluar

Page 29: CD INTERAKTIF CARA MERAWAT GIGI DENGAN BAIK DAN …/CD...UNTUK ANAK SD BERBASIS FLASH ... PEMBUATAN CD INTERAKTIF CARA ... membuat sebuah CD Interaktif tentang cara menggosok gigi

xxix

Rancangan layout dari intro2 CD interatif ini, Struktur halaman intro

dapat dilihat pada Gambar 3.3 berikut:

Gambar 3.4 Rancangan Intro2

3.4.3 Rancangan Menu Utama

Menu ini merupakan halaman utama dari aplikasi ini yang terdiri ada tiga tokoh

karakter yaitu sipasta, sigigi dan sikat gigi. Rancangan halaman menu utama dapat

dilihat pada gambar 3.5 berikut :

Gambar 3.5 Rancangan Menu Utama

Tokoh

SipasPasta Si gigi Sikat gigi

Keluar

Gambar

Page 30: CD INTERAKTIF CARA MERAWAT GIGI DENGAN BAIK DAN …/CD...UNTUK ANAK SD BERBASIS FLASH ... PEMBUATAN CD INTERAKTIF CARA ... membuat sebuah CD Interaktif tentang cara menggosok gigi

xxx

3.4.4 Rancangan Menu Si Pasta

Pada halaman ini menjelaskan tentang macam pasta gigi dan kandungannya

untuk perawatan gigi secara berbeda - beda. Rancangan halaman Sipasta dapat

dilihat pada Gambar 3.6 berikut :

Gambar 3.6 Rancangan Menu Si Pasta

3.4.5 Rancangan Menu Si Gigi

Halaman ini menjelaskan tentang macam - macam gigi dan tips merawat gigi

yang baik dan benar. Rancangan halaman keluar dapat dilihat pada Gambar 3.7

berikut :

Gambar 3.7 Rancangan Menu Si Gigi

Keluar

Tokoh

Menu

Materi

Keluar

Tokoh

Menu

Materi

Page 31: CD INTERAKTIF CARA MERAWAT GIGI DENGAN BAIK DAN …/CD...UNTUK ANAK SD BERBASIS FLASH ... PEMBUATAN CD INTERAKTIF CARA ... membuat sebuah CD Interaktif tentang cara menggosok gigi

xxxi

3.4.6 Rancangan Menu Sikat Gigi

Halaman ini berisi video cara menyikat gigi dengan baik dan benar, dan tips

menyikat gigi. Rancangan halaman menu sikat gigi dapat dilihat pada gambar 3.8

berikut :

Gambar 3.8 Rancangan Menu Sikat Gigi

3.4.7 Rancangan Menu Keluar

Halaman keluar merupakan halaman yang digunakan untuk keluar dari

aplikasi. Halaman ini menampilkan pertanyaan kepada user apakah benar ingin

keluar atau tidak dan tombol untuk navigasi. Struktur halaman keluar dapat dilihat

pada Gambar 3.9 berikut :

Gambar 3.9 Rancangan Halaman Keluar

Keluar

Tokoh

Menu

Materi

Pertanyaan Konfirmasi

TOMBOL TOMBOL YA TIDAK

Page 32: CD INTERAKTIF CARA MERAWAT GIGI DENGAN BAIK DAN …/CD...UNTUK ANAK SD BERBASIS FLASH ... PEMBUATAN CD INTERAKTIF CARA ... membuat sebuah CD Interaktif tentang cara menggosok gigi

xxxii

BAB IV

IMPLEMENTASI DAN ANALISA

4.1 Detail Aplikasi

Aplikasi multimedia ini merupakan aplikasi untuk merawat gigi, yang isinya si pasta,

si gigi, sikat gigi. Materi tersebut dikemas secara menarik agar dapat menarik minat anak

dan mengurangi kebosanan pada anak.

Aplikasi multimedia pembelajaran ini ditujukan untuk anak-anak SD. Unsur

penyampaian materinya dikemas dalam bentuk animasi yang menarik, desain yang

menarik, warna-warna yang kontras serta diiringi alunan musik pengiring yang akan

menjadikan aplikasi ini semakin menarik. Background dalam aplikasi ini dibuat berbeda-

beda supaya aplikasi terlihat menarik, variatif dan tidak membosankan.

4.2 Pembuatan Aplikasi

4.2.1 Pembuatan Obyek dan Background

Pembuatan obyek (baik obyek diam maupun bergerak) dan background pada

aplikasi ini digambar secara manual dengan memanfaatkan tools pada Macromedia

Flash 8.0.

Fasilitas line tool, oval dan rectangle digunakan untuk menggambar garis atau

bidang, sedangkan untuk pewarnaannya menggunakan fasilitas paint bucket tool.

Efek animasi obyek pada aplikasi ini menggunakan teknik animasi mengubah alpha,

tint serta motion tween. Proses pembuatan background pada aplikasi ini sama lebih

banyak pada penggunaan permainan kombinasi warna dengan menggunakan fasilitas

tool color mixer dengan tipe linear maupun radial. Obyek maupun gambar

background yang telah digambar di-convert menjadi simbol dengan tipe graphic

maupun movie clip.

Page 33: CD INTERAKTIF CARA MERAWAT GIGI DENGAN BAIK DAN …/CD...UNTUK ANAK SD BERBASIS FLASH ... PEMBUATAN CD INTERAKTIF CARA ... membuat sebuah CD Interaktif tentang cara menggosok gigi

xxxiii

Gambar 4.1 Tampilan pembuatan obyek dan background

4.2.2 Pembuatan Intro

Pada pembuatan intro masing-masing obyek dipisahkan kedalam beberapa

layer yang bertujuan untuk mempermudah dalam pembuatan animasi dan penyusunan

terhadap obyek yang telah digambar. Dalam membuat animasi, langkah yang perlu

dilakukan terlebih dahulu adalah meng-convert simbol obyek dari bentuk graphic

menjadi movie clip, kemudian obyek tersebut diubah posisi dan bentuknya dari frame

satu ke frame lainnya untuk memperoleh hasil animasi bergerak. Untuk menjalankan

dan memperhalus gerakannya, digunakan teknik animasi motion tween.

Page 34: CD INTERAKTIF CARA MERAWAT GIGI DENGAN BAIK DAN …/CD...UNTUK ANAK SD BERBASIS FLASH ... PEMBUATAN CD INTERAKTIF CARA ... membuat sebuah CD Interaktif tentang cara menggosok gigi

xxxiv

Gambar 4.2 Tampilan Pembuatan Intro

4.2.3 Pembuatan Tombol Navigasi

Tombol navigasi pada aplikasi ini berfungsi untuk menuju ke halaman tertentu.

Tombol navigasi dibuat dengan cara meng-convert graphic yang telah digambar

dengan menggunakan fasilitas line tool, text tool dan beberapa obyek atau gambar

menjadi simbol dengan tipe button. Masing-masing tombol pada aplikasi ini

disisipkan suara yang telah disiapkan.

Gambar 4.3 Tampilan Pembuatan Tombol Navigasi

Page 35: CD INTERAKTIF CARA MERAWAT GIGI DENGAN BAIK DAN …/CD...UNTUK ANAK SD BERBASIS FLASH ... PEMBUATAN CD INTERAKTIF CARA ... membuat sebuah CD Interaktif tentang cara menggosok gigi

xxxv

4.2.4 Pemrograman dengan Actionscript

Actionscript digunakan untuk menjalankan aksi pada frame, movie clip

maupun pada suatu tombol. Beberapa actionscript yang digunakan dalam aplikasi

multimedia ini adalah sebagai berikut :

a. Actionscript pada awal frame

fscommand("fullscreen", "true");

Penjelasan :

Maksud dari script di atas adalah ketika aplikasi ini dijalankan maka

aplikasi ini akan tampil secara penuh (fullscreen).

b. Actionscript pada tombol untuk me-load movie

on (release) {

loadMovieNum("menu.swf", 0);

Penjelasan :

Maksud dari script di atas adalah ketika tombol di klik maka secara

otomatis akan memanggil file “menu.swf”. Angka 0 dibelakang koma

menunjukkan load level yang berarti file akan tergantikan secara penuh

dengan file yang baru dipanggil, sehingga tidak akan terjadi penumpukan

file.

4.2.5 Merekam dan Mengedit Suara

Aplikasi ini dilengkapi dengan suara yang berfungsi sebagai narator yang akan

memberi petunjuk dan sebagai pengisi suara. Suara yang terdapat dalam aplikasi ini

direkam melalui microphone yang terhubung ke PC yang nantinya akan diproses

dengan Windows Sound Recorder.

Gambar 4.4 Tampilan Windows Sound Recorder 4.3 Tampilan Aplikasi

4.3.1 Tampilan Halaman Loading

Page 36: CD INTERAKTIF CARA MERAWAT GIGI DENGAN BAIK DAN …/CD...UNTUK ANAK SD BERBASIS FLASH ... PEMBUATAN CD INTERAKTIF CARA ... membuat sebuah CD Interaktif tentang cara menggosok gigi

xxxvi

Loading muncul pertama kali. Setelah selesai, maka akan tampil

halaman menu intro. Tampilan loading ini muncul sebagai pembukaan dan

persiapan user untuk menuju ke halaman menu.

Gambar 4.5 Tampilan Halaman Loading

4.3.2 Tampilan Halaman Intro

Halaman intro merupakan halaman yang muncul setelah loading. Halaman

intro merupakan halaman yang berisi judul dari aplikasi multimedia ini. Kemudian

akan masuk ke loading.

Page 37: CD INTERAKTIF CARA MERAWAT GIGI DENGAN BAIK DAN …/CD...UNTUK ANAK SD BERBASIS FLASH ... PEMBUATAN CD INTERAKTIF CARA ... membuat sebuah CD Interaktif tentang cara menggosok gigi

xxxvii

Gambar 4.6 Tampilan Halaman Intro

4.3.3 Tampilan Halaman Intro2

Halaman intro2 merupakan halaman yang muncul setelah intro. Halaman intro

merupakan halaman yang berisi animasi untuk perkenalan gigi. Kemudian akan

masuk ke menu.

Page 38: CD INTERAKTIF CARA MERAWAT GIGI DENGAN BAIK DAN …/CD...UNTUK ANAK SD BERBASIS FLASH ... PEMBUATAN CD INTERAKTIF CARA ... membuat sebuah CD Interaktif tentang cara menggosok gigi

xxxviii

Gambar 4.7 Tampilan Halaman Intro2

4.3.5 Tampilan Halaman Menu

Tampilan menu utama berupa sebuah layout dengan judul aplikasi serta tombol

menu lainnya yang akan disajikan dalam aplikasi ini.

Gambar 4.8 Tampilan Menu

4.3.6 Tampilan Halaman Pasta Gigi

Halaman Pasta Gigi merupakan halaman yang isinya adalah kandungan yang

ada pasta gigi.

Page 39: CD INTERAKTIF CARA MERAWAT GIGI DENGAN BAIK DAN …/CD...UNTUK ANAK SD BERBASIS FLASH ... PEMBUATAN CD INTERAKTIF CARA ... membuat sebuah CD Interaktif tentang cara menggosok gigi

xxxix

Gambar 4.9 Tampilan Halaman Pasta Gigi 4.3.7 Tampilan Halaman Gigi

Halaman gigi merupakan halaman yang menampilkan jenis-jenis gigi berserta

dengan fungsinya.

Gambar 4.10 Tampilan Halaman Gigi

4.3.8 Tampilan Halaman Sikat Gigi

Halaman sikat gigi ini berisi video bagaimana cara menggosok gigi yang baik

dan benar.

Page 40: CD INTERAKTIF CARA MERAWAT GIGI DENGAN BAIK DAN …/CD...UNTUK ANAK SD BERBASIS FLASH ... PEMBUATAN CD INTERAKTIF CARA ... membuat sebuah CD Interaktif tentang cara menggosok gigi

xl

Gambar 4.11 Tampilan Halaman Sikat Gigi

4.3.9 Tampilan Halaman Keluar

Halaman keluar berisi pertanyaan untuk konfirmasi keluar apa tidak.

Gambar 4.12 Tampilan Halaman Keluar

4.4 Analisa Kebutuhan Hardware dan Software

4.4.5 Kebutuhan Hardware

Page 41: CD INTERAKTIF CARA MERAWAT GIGI DENGAN BAIK DAN …/CD...UNTUK ANAK SD BERBASIS FLASH ... PEMBUATAN CD INTERAKTIF CARA ... membuat sebuah CD Interaktif tentang cara menggosok gigi

xli

Perangkat keras yang direkomendasikan dalam implementasi

aplikasi ini adalah sebuah PC (Personal Computer) dengan spesifikasi

minimum sebagai berikut:

a. Processor : Processor Intel Pentium IV 1,6 GHz atau lebih.

b. Memory : 512 Mb

c. Harddisk : 80 GB

d. Monitor : SVGA dengan resolusi 1024 x 768

e. CD ROM (jika menjalankan aplikasi dari CD)

f. Sound Card

g. Speaker

4.4.2 Kebutuhan Software

Perangkat lunak yang direkomendasikan dalam implementasi aplikasi ini

adalah Flash player.

4.5 Analisa Aplikasi

4.5.5 Kelebihan Aplikasi

Kelebihan aplikasi multimedia ini adalah sebagai media pembelajaran untuk

anak-anak selain buku. Melalui media ini proses belajar mengajar akan menjadi

lebih mudah dan menarik karena ditunjang dengan gambar-gambar yang didesain

khusus untuk anak-anak dan warna-warna yang menarik sehingga dapat

menumbuhkan minat anak-anak dalam merawat gigi.

4.5.6 Kelemahan Aplikasi

Aplikasi multimedia ini memiliki kelemahan antara lain konten yang

disajikan masih terbatas karena keterbatasan jumlah halaman. Selain itu

animasi yang terdapat dalam aplikasi ini juga kurang menarik.

Page 42: CD INTERAKTIF CARA MERAWAT GIGI DENGAN BAIK DAN …/CD...UNTUK ANAK SD BERBASIS FLASH ... PEMBUATAN CD INTERAKTIF CARA ... membuat sebuah CD Interaktif tentang cara menggosok gigi

xlii

BAB V

PENUTUP

5.1 Kesimpulan

Telah dibuat sebuah CD Interaktif Cara Merawat Gigi dengan Baik dan Benar

menggunakan software Macromedia Flash 8. CD Interaktif ini terdiri dari

halaman loading, halaman intro, halaman menu, halaman pasta gigi, halaman gigi,

halaman sikat gigi dan halaman keluar.

5.2 Saran

Untuk pengembangan aplikasi ini selanjutnya, hal-hal yang perlu diperhatikan

adalah perlu digunakan alat perekam (recorder) yang bagus agar dapat

mengurangi noise yang ada, sehingga kualitas suara yang digunakan semakin

bagus.

Page 43: CD INTERAKTIF CARA MERAWAT GIGI DENGAN BAIK DAN …/CD...UNTUK ANAK SD BERBASIS FLASH ... PEMBUATAN CD INTERAKTIF CARA ... membuat sebuah CD Interaktif tentang cara menggosok gigi

xliii

DAFTAR PUSTAKA

Aftaryan. 2008. CD Interaktif. http://aftaryan.wordpress.com/2008/03/11/Sekilas-

cd-interaktif elearning/2008. Diakses tanggal 12 Mei 2010 jam 13:01

Andi. 2004. Panduan Aplikasi Menguasai Maacromedia Flash MX 2004. Andi

Offset : Yogyakarta

Anonim. 2009. Macromedia Flash Player.

http://en.wikipedia.org/wiki/adobe-flash-player.

Diakses tanggal 10 Mei 2010 jam 10:55

Dhani, Y. 2003. Panduan Lengkap Macromedia Flash MX. Andi Offset :

Yogyakarta

Hakim, Lukmanul dan Mutmainah, Siti. 2003. Teknik Jitu Menguasai Flash MX.

PT.Elek Media Komputindo : Jakarta

Mahendra, Alit. 2007. Struktur Navigasi. http://oke.or.id/wp-

content/plugins/downloads-manager/upload/Struktur%20Navigasi.pdf.

Diakses tanggal 12 Mei 2010 jam 12:22

Rio, A. 2006. Tutorial Macromedia Flash Whorksop One Day Flash Animation.

Andi Offset : Yogyakarta.

Suyanto, M. 2004. Analisis & Desain Aplikasi Multimedia untuk Pemasaran.

Andi Offset : Yogyakarta.

Suyanto, M. 2003. Multimedia Alat untuk Meningkatkan Keunggulan Bersaing.

Andi Offset : Yogyakarta.