Perancangan Kuis Pengenalan Organ Tubuh Manusia Untuk Pelajar Sekolah Dasar Dengan Adobe Flash CS3

BAB 2
LANDASAN TEORI

2.1 Multimedia

Multimedia adalah penggunaan komputer untuk menyajikan dan menggabungkan
teks, suara, gambar,animasi, audio dan video dengan alat bantu (tool) dan koneksi
(link) sehingga pengguna dapat melakukan navigasi, berinteraksi, berkarya dan
berkomunikasi. Multimedia sering digunakan dalam dunia informatika. Selain dari
dunia informatika, Multimedia juga diadopsi oleh dunia game, dan juga untuk
membuat website.

Multimedia dimanfaatkan juga dalam dunia pendidikan dan bisnis. Di dunia
pendidikan, multimedia digunakan sebagai media pengajaran, baik dalam kelas
maupun secara sendiri-sendiri atau otodidak. Di dunia bisnis, multimedia
digunakan sebagai media profil perusahaan, profil produk, bahkan sebagai media
kios informasi dan pelatihandalam sistem e-learning

2.2 Permainan Edukasi

Permainan edukasi adalah semua bentuk permainan yang dibuat, untuk

memberikan pengalaman pendidikan atau pengalaman belajar kepada para pemainpemain permainan tersebut. Permainan edukasi adalah suatu kegiatan yang sangat

Universitas Sumatera Utara

10

menyenangkan dan merupakan cara atau media pendidikan yang bersifat mendidik
dan bermanfaat untuk meningkatkan kemampuan berfikir, bergaul dengan temantemannya, dan sebagai sarana olah raga yaitu menggerakkan badan.

Melalui kegiatan bermain yang mengandung edukasi daya fikir anak
terangsang untuk merangsang perkembangan emosi, sosial, dan perkembangan
fisik. setiap anak memiliki kemampuan dan keterampilan bermain yang berbeda
tergantung dari perkembangan anak, dari permainan juga biasanya akan
menimbulkan fantasi-fantasi besar oleh anak. dan tentu akan semakin menambah
rasa ketertarikan anak pada permainan tersebut. Permainan Edukatif penting bagi
anak karena:
1. permainan edukatif mampu merangsang imajinasi pada anak.
2. dapat mengembangkan sosialisasi pada anak.
3. Mampu meningkatkan cara berfikir pada anak.

Dalam menentukan sebuah permainan tidak harus mahal atau pun murah hal
yang paling penting mempunyai fungsi untuk pengembangan aspek perkembangan
anak seperti motorik, bahasa, kecerdasan, dan sosialisasi. contohnya: puzzle,
building blok, dan kuis.

Permainan edukasi harus memperhatikan sisi kemampuan anak. Dari
permainan diharapkan anak merasa senang dengan permainan yang dimainkan
namun tanpa disadari ternyata permainan yang dikembangkan bermanfaat untuk
pengembangan IQ

Universitas Sumatera Utara

11

2.3 Sekilas Tentang Adobe Flash CS3

Adobe Flash (dahulu bernama Macromedia Flash) adalah salah satu perangkat
lunak komputer yang merupakan produk unggulan Adobe Systems. Adobe Flash
digunakan untuk membuat gambar vektor maupun animasi gambar tersebut. Berkas
yang dihasilkan dari perangkat lunak ini mempunyai file extension .swf dan dapat

diputar di penjelajah web yang telah dipasangi Adobe Flash Player. Flash
menggunakan bahasa pemrograman bernama ActionScript yang muncul pertama
kalinya pada Flash 5.

Sebelum tahun 2005, Flash dirilis oleh Macromedia. Flash 1.0 diluncurkan
pada tahun 1996 setelah Macromedia membeli program animasi vektor bernama
FutureSplash. Versi terakhir yang diluncurkan di pasaran dengan menggunakan
nama 'Macromedia' adalah Macromedia Flash 8. Pada tanggal 3 Desember 2005
Adobe Systems mengakuisisi Macromedia dan seluruh produknya, sehingga nama
Macromedia Flash berubah menjadi Adobe Flash.

Adobe Flash merupakan sebuah program yang didesain khusus oleh Adobe
dan program aplikasi standar authoring tool professional yang digunakan untuk
membuat animasi dan bitmap yang sangat menarik untuk keperluan pembangunan
situs web yang interaktif dan dinamis. Flash didesain dengan kemampuan untuk
membuat animasi 2 dimensi yang handal dan ringan sehingga flash banyak

Universitas Sumatera Utara

12

digunakan untuk membangun dan memberikan efek animasi pada website, CD
Interaktif dan yang lainnya.
Selain itu aplikasi ini juga dapat digunakan untuk membuat animasi logo,
movie, game, pembuatan navigasi pada situs web, tombol animasi, banner, menu
interaktif, interaktif form isian, e-card, screen saver dan pembuatan aplikasiaplikasi web lainnya. Dalam Flash, terdapat teknik-teknik membuat animasi,
fasilitas action script, filter, custom easing dan dapat memasukkan video lengkap
dengan fasilitas playback FLV.

Keunggulan yang dimiliki oleh Flash ini adalah ia mampu diberikan sedikit
code pemograman baik yang berjalan sendiri untuk mengatur animasi yang ada di
dalamnya atau digunakan untuk berkomunikasi dengan program lain seperti
HTML, PHP, dan Database dengan pendekatan XML, dapat dikolaborasikan
dengan web, karena mempunyai keunggulan antara lain kecil dalam ukuran file
outputnya.

Movie-movie Flash memiliki ukuran file yang kecil dan dapat ditampilkan
dengan ukuran layar yang dapat disesuaikan dengan keingginan. Aplikasi Flash
merupakan sebuah standar aplikasi industri perancangan animasi web dengan
peningkatan pengaturan dan perluasan kemampuan integrasi yang lebih baik.

Banyak fiture-fiture baru dalam Flash yang dapat meningkatkan kreativitas dalam
pembuatan isi media yang kaya dengan memanfaatkan kemampuan aplikasi
tersebut secara maksimal.

Universitas Sumatera Utara

13

Fitur-fitur baru ini membantu kita lebih memusatkan perhatian pada desain
yang dibuat secara cepat, bukannya memusatkan pada cara kerja dan penggunaan
aplikasi tersebut. Flash juga dapat digunakan untuk mengembangkan secara cepat
aplikasi-aplikasi web yang kaya dengan pembuatan script tingkat lanjut. Di dalam
aplikasinya juga tersedia sebuah alat untuk men-debug script. Dengan
menggunakan Code hint untuk mempermudah dan mempercepat pembuatan dan
pengembangan isi ActionScript secara otomatis. Untuk memahami keamanan
Adobe Flash dapat dilihat dari beberapa sudut pandang, berdasarkan beberapa
sumber referensi bahwa tidak ada perbedaan menyolok antara HTML dan
JavaScript di mana di dalamnya terdapat banyak tools yang dapat diambil dari SWF
termasuk ActionScript.

Sehingga kode data dapat terjamin keamanannya. Oleh sebab itu, semua
kebutuhan data yang terdapat dalam SWF dapat diambil kembali melalui server.
Keuntungan menggunakan metode yang sama dengan menggunakan aplikasi web
yang standar adalah akan menjamin dan mengamankan penyimpanan dan
perpindahan data.

2.4 Action Script

Actionscript terdiri dari 2 kata yaitu : action (aksi) dan script (tulisan/naskah) yang
berarti tulisan/naskah yang beraksi ,Actionscript adalah bahasa pemrograman yang
digunakan di Flash. Hingga saat ini sudah mencapai 3 versi.

Universitas Sumatera Utara

14

a. Actionscript 1.0 (tahun 2000 – tahun 2003) mulai dipergunakan pada Flash 5
dengan minimal - dimainkan di Flash Player 5
b. Actionscript 2.0 (tahun 2003 - tahun 2006) mulai dipergunakan pada Flash MX
2004 dengan minimal dimainkan di Flash Player 7

c. Actionscript 3.0 (tahun 2006 sampai sekarang) mulai dipergunakan pada Flash
CS3 dengan minimal dimainkan di Flash Player 9

Di Flash actionscript ditulis pada panel actions. Penulisan actionscript di
panel actions dapat dilakukan pada 3 tempat yaitu pada movie clip, button, dan
frame. Ketiga buah tempat tadi memiliki aturan penulisan yang berbeda.seperti :
1. Untuk menjalankan event pada button, script pada button penulisannya diawali
dengan on(){}
2. Untuk menjalankan event pada movie clip, script pada movie clip penulisannya
diawali dengan on(){} atau onClipEvent(){}
3. Untuk menjalankan event pada frame, script pada frame penulisannya diawali
dengan

onLoad=function(){}

atau

onEnterFrame=function(){}

atau

onPress=function(){} atau onRelease=function(){} dsb.

Seperti dalam kehidupan nyata tulisan pada selembar kertas harus ditulis
dengan rapi agar enak membacanya. Begitu juga penulisan script, apabila kurang
rapi penulisannya tentunya anda akan tidak enak membacanya atau malah sampai
bingung bagaimana membacanya. Untuk itu di Flash sudah disediakan fasilitas
untuk merapikan script yang anda tulis.

Universitas Sumatera Utara

15

Caranya cukup mudah, apabila anda sudah yakin tidak ada error pada script
yang anda tulis, silahkan anda menekan tombol Auto format pada panel actions.
Jika anda menekan tombol tersebut maka script yang tadinya penulisannya kurang
rapi (ada yang terlalu kekanan, ada yang terlalu banyak spasinya dsb) akan menjadi
teratur dan rapi secara otomatis. Penjelasan pola penulisan action script pada button
adalah sebagai berikut :
1. Action pada button harus dimulaidengan script on()

2. Di dalam tanda kurung () pada scripon berisi mouse event seperti release,
press,dragover, rollout dan sebagainya. Mouseevent menyatakan sebuah
kejadian yangakan di eksekusi oleh action tersebut saatmouse melakukan
kegiatan tertentu.Sebagai contoh : mouse event release berarti perintah dalam
blok {} akan dijalankan ketika mouse menekan tombol.
3. Tanda { merupakan awal suatu blok script. Yang dimaksud dengan blok scrip
adalah suatu kumpulan perintah yang akandijalankan sepanjang movie event.
4. Tanda // merupakan tanda yang menyatakan komentar. Baris yangmemiliki
tanda tersebut tidak dianggap sebagai suatu perintah. Meskipun demikian tanda
//sangat membantu memberi informasi pada penulisan action scrip kita.
5. Baris trace(“tombol ditekan”);merupakan baris perintah. Perintah dalam
buttonharus ditulis didalam sebuah blok mouseevent. Setiap akhir penulisan
sebuah perintah selalu diakhiri dengan tanda ;
6. Tanda } merupakan penutup suatu blok script.Pola Penulisan Action Script
padaMovieclip

Universitas Sumatera Utara

16

2.5 Flowchart
Flowchart (diagram alir) adalah sebuah diagram yang merepresentasikan sebuah
algoritma

atau

proses

yang

menggunakan

simbol-simbol

grafis

untuk

memperlihatkan langkah-langkah ataupun urutan proses-proses yang dilakukan
oleh program dalam menyelesaikan masalah. Dengan kata lain, flowchart dapat

mendeskripsikan urutan prosedur-prosedur yang terkombinasi yang membentuk
suatu sistem. Berikut ini adalah simbol-simbol standar pada sebuah flowchart
beserta fungsinya.

Tabel 2.1. Simbol Flowchart
No

Nama

1

Terminator

Simbol

Fungsi

Digunakan untuk mewakili
simbol start atau end.

2

Arrow

Menunjukkan alur proses.

Menunjukkan langkah
3

Rectangle
pemrosesan.

Universitas Sumatera Utara

17

4

Trapezium

5

Document

Simbol untuk input-output.

Digunakan untuk mewakili
output.

Simbol yang berfungsi
6

Decision

untuk menyatakan
keputusan.

Simbol yang berfungsi
Preparation

7

untuk proses inisialisasi
atau pemberian harga awal.

Simbol untuk keluar-masuk
8

Connector

atau penyambungan proses
pada halaman yang
berbeda.

Simbol untuk pemasukkan
9

Manual Input

data secara manual melalui
keyboard.

Universitas Sumatera Utara

18

Simbol yang menunjukkan
Manual
10

pengolahan yang tidak
Operation
dilakukan oleh komputer.

Simbol untuk pelaksanaan
Predefine
11

suatu bagian (subProcess
prosedur)

Simbol yang menyatakan
peralatan output yang
12

Display

digunakan seperti layar,
printer, plotter, dan
sebagainya.

Simbol yang digunakan
13

Magnetic Disk

untuk penyimpanan data ke
database.

Simbol yang menyatakan
14

Storage Data

input yang berasal dari disk
atau disimpan ke disk.

Universitas Sumatera Utara

19

2.6 Penggunaan Adobe Flash

2.2.1

Cara Membuka Adobe Flash

Untuk membuka program Adobe Flash CS3 Professional, Anda dapat melakukan
salah satu cara berikut:
Klik icon Adobe Flash CS3 Professional pada dekstop (Layar monitor)

Gambar 2.1 Ikon Adobe Flash pada desktop
Beberapa saat akan muncul jendela dialog seperti berikut:

Gambar 2.2 Tampilan awal Adobe Flash

Universitas Sumatera Utara

20

Pilih : Create New Flash File (ActionScript 2.0), untuk memulai membuat file
baru.
Pilih : Open a Recent New Open, untuk membuka file flash.

2.2.2

Mengenal Jendela Kerja Adobe Flash.

1. Mengenal Menu Dasar
Berikut merupakan tampilan standar jendela kerja Adobe Flash CS3 , saat anda
memulai membuat file baru.

Gambar 2.3 Jendela kerja Adobe Flash

Jendela kerja Adobe Flash CS3 terdiri atas :
1. Menubar
Berisi kumpulan menu atau perintah-perintah yang digunakan dalam Adobe Flash
CS3.

Gambar 2.4 Menubar

Universitas Sumatera Utara

21

2. Timeline
Timeline atau garis waktu merupakan komponen yang digunakan untuk mengatur
atau mengontrol jalannya animasi. Timeline terdiri dari beberapa layer. Layer
digunakan untuk menempatkan satu atau beberapa objek dalam stage agar dapat
diolah dengan objek lain.

Setiap layer terdiri dari frame-frame yang digunakan untuk mengatur
kecepatan animasi. Semakin panjang frame dalam layer, maka semakin lama
animasi akan berjalan.

Gambar 2.5 Timeline
3. Toolbar
Toolbar merupakan panel berisi berbagai macam tool. Berikut fungsi dari
komponen toolbar:

Tabel 2.2. Fungsi dari komponentoolbox
No

MENU

FUNGSI

1

Selection tool

Memillih dan memindahkan objek

2

Subselection tool

Memilih titik-titik pada suatu garis dalam objek

3

Free Transform tool

Memperbesar,

memperkecil

atau

memutar(rotate) objek yang kita buat serta

Universitas Sumatera Utara

22

dapat mengubah bentuk objek menjadi bentuk
lain
4

Gradient

Transform Mengatur posisi gradient pada objek

tool
5

Line tool

Membuat garis

6

Lasso tool

Memilih sebagian dari objek atau objek yang
tidak teratur. Jika selection tool hanya bisa
memilih keseluruhan dari objek, maka Lasso
tool bisa memilih apapun yang terdapat dari
objek yang digambar

7

Pen tool

Menggambar kurva dan garis yang dapat
dimanipulasi dengan Subselect tool

8

Text tool

Menuliskan kalimat atau kata-kata

9

Oval tool

Membuat lingkaran atau oval

10

Rectangle tool

Menggambar persegi atau kotak

11

Pensil tool

Menggambar suatu bentuk teratur

12

Brush tool

Seperti kuas dengan warna tertentu dapat
membuat bentuk yang bebas

13

Ink bottle tool

Menambah atau mengubah warna garis di
pinggir suatu objek

14

Paint Bucket tool

Memberi atau mengubah warna pada suatu
bidang(fiil)

15

Eye Dropper tool

Menghapus area yang tidak diinginkan dari
objek

Universitas Sumatera Utara

23

16

Eraser tool

Menghapus area yang tidak diinginkan dari
objek

17

Hand tool

Menggeser layer atau tampilan pada stage

18

Zoom tool

Memperbesar atau memperkecil tampilan pada
stage

19

Stroke Color

Mewarnai bingkai yang berada di pinggir objek

20

Fill Color

Mewarnai bidang objek

21

Swap Color

Memilih stroke color atau fill color secara
bergantian

22

No Color

Mengosongkan warna

23

Default Color

Menentukan warna sekitar baik untuk stroke
atau fill

24

Black&White

Memberi warna objek dan warna border/ garis
dengan warna hitam putih

Universitas Sumatera Utara

24

Gambar 2.6 Toolbar

4. Stage
Stage disebut juga layar atau panggung. Stage digunakan untuk memainkan
objek-objek yang akan diberi animasi. Dalam stage kita dapat membuat gambar,
teks, memberi warnadan lain-lain.

Universitas Sumatera Utara

25

5. Panel
Beberapa panel penting dalam Adobe Flash CS3 Professional, diantaranya panel:
Properties, Filters & Parameters, Actions, Library, Color dan Align & Info &
Transform

Gambar 2.7 Panel
6. Properties
Panel Properties akan berubah tampilan dan fungsinya mengikuti bagian mana
yang sedang diaktifkan. Misalnya Anda sedang mengaktifkan Line tool, maka
yang muncul pada jendela properties adalah fungsi-fungsi untuk mengatur
line/garis seperti besarnya garis, bentuk garis, dan warna garis.

2.8 Properties
7. Library
Panel Library mempunyai fungsi sebagai perpustakaan simbol/media yang

Universitas Sumatera Utara

26

digunakan dalam animasi yang sedang dibuat. Simbol merupakan kumpulan
gambar baik movie, tombol (button), sound, dan gambar statis (graphic).

2.9 Library
8. Document Properties
Fungsi Document Properties adalah untuk melakukan pengaturan ukuran layar,
warna background, framerate, dan dimensi dari animasi yang akan dibuat. Untuk
memanggil kotak dialog Document Properties, pilih jendela Properties di bawah
layar, kemudian pilih tombol Size.

Universitas Sumatera Utara

27

2.10 Document Properties

Universitas Sumatera Utara