ta bsi bab iii

BAB III

PEMBAHASAN

3.1. Tinjauan Kasus

Seiring dengan kemajuan zaman ini, populasi kehidupan semakin terus

menaik, mulai dari tingkatan sumber daya manusia, sumber daya alam serta tingkatan

ekonomi yang terus maju berkembang pesat. Kemajuan tersebut sangatlah berdampak

bagi kelangsungan hidup seseorang. Bergesernya tingkat aturan kehidupan seseorang

yang dipengaruhi dari kemajuan zaman sangatlah berdampak bagi kualitas hidup

yang terkadang sering dilupakan.

Kehilangan suatu pedoman atau referensi bagi kehidupan yang baik, sangatlah

mempengaruhi hasil dari kehidupan seseorang kedepannya. Karenanya penulis

melakukan suatu tinjauan terhadap kasus bergesernya nilai-nilai kehidupan yang baik

dan mencoba mengingati bahwa kehidupan yang baik itu seperti kehidupan lebah

madu yang sudah diterangkan di dalam qur’an dan hadits nabi.

Semoga dengan hadirnya program animasi interaktif mengenal kehidupan

lebah madu ini, dapat menjadi sebuah bahan renungan dan pembelajaran terkhusus

bagi anak-anak sekolah dasar agar mengikuti perilaku lebah madu dalam

menjalankan kehidupannya, sehingga menjadi penerus bangsa yang mempunyai

karakter lebah dan dapat menghasilkan sesuatu yang bermanfaat bukan hanya untuk

dirinya namun masyarakat pada umumnya.

18

19

3.2. Identifikasi dan analisa kebutuhan

3.2.1. Identifikasi kebutuhan

Dengan semakin berkembangnya pemakaian teknologi dalam dunia internet,

televisi dan bahkan dunia pendidikan yang hampir semuanya berbasis multimedia dan

animasi menjadi daya tarik tersendiri yang sangat menarik untuk diikuti

perkembangannya. Penulis mencoba menuangkan ide-ide sebagai refleksi

keingintahuan menjadi sebuah kenyataan yang dituangkan dengan media program

Adobe Flash CS5.

Animasi ini lebih ditujukan kepada siswa-siswi anak-anak sekolah dasar,

karena mereka adalah penerus bangsa ini, sehingga harus dikenalkan dan ditanamkan

karakter atau perilaku kehidupan yang baik yaitu bagaikan perilaku lebah madu.

Dalam merancang program animasi ini penulis mengajak pengguna untuk lebih

interaktif dan mudah memahami pembahasannya. Penulis merancang animasi

interaktif yang bertemakan mengenal kehidupan lebah madu. Di dalam tema ini

penulis mencoba merancangan animasi sederhana dan menarik mulai dari tampilan

loading, judul dan menu utama. Menu utama terdiri dari materi, evalusi, game,

profil, dan keluar.

Selain digunakan sebagai media web interaktif dan game, Adobe Flash CS5

juga dapat digunakan sebagai media tutorial education.

Adobe Flash CS5 memiliki kemampuan, anatara lain:

1. Animasi dan gambar yang dibuat dengan flash akan tetap bagus pada ukuran

window dan resolusi layar berapa pun. Hal ini karena flash merupakan suatu

program grafis dengan sistem vektor.

20

2. Waktu loading, baik untuk animasi ataupun game sangat cepat, lebih cepat

dari program sejenis lainnya.

3. Mampu menganimasikan grafis, sekalipun dalam ukuran besar, dengan

cepat,dan mampu mengerjakan frame dengan urutan.

4. Dapat membuat perubahan transparasi warna dalam movie.

5. Dapat dipublikasikan ke dalam beberapa tipe diantaranya adalah SWF, HTML,

JPG, EXE, MOV.

Dan banyak lagi keunggulan-keunggulan dari Adobe Flash CS5 yang

tergantung pada pengembangan fasilitas yang tersedia oleh para animator.

3.2.2. Perancangan Animasi

Dalam perancangan animasi ini penulis mencoba untuk membuat animasi

interaktif yang bertujuan menambah pengetahuan terlebih dalam masalah agama,

bahwa alqur’an mampu menjawab berbagai masalah kehidupan jika kita mau untuk

mengambil pelajaran dari alqur’an dan semoga kita mendapatkan pelajaran dari

kehidupan lebah madu tersebut.

Rancangan animasi ini dibuat dalam bentuk form yang dipecah dalam

beberapa bagian dan membagi aplikasi yang akan dikerjakan secara rinci. Rincian

keterangan ini mempermudah dalam proses pembuatan aplikasi. Penulis mencoba

merancang animasi mulai dari tampilan, loading, intro , dan menu utama. Menu

utama terdiri dari materi, evaluasi, game, profil, dan keluar.

21

1. Setting

Setting awal pada animasi ini merupakan animasi interaktif untuk belajar mengenal

kehidupan lebah madu. Untuk menambah pengetahuan dan sebagai bahan renungan

agar dapat diaplikasikan ke dalam kehidupan sehari-hari. Menu yang terdapat pada

animasi ini terdiri dari tombol materi pembelajaran yang terbagi menjadi 15 tombol

yaitu tombol Alqur’an berbicara tentang lebah, tombol mengenal tubuh lebah, tombol

kepemimpinan ala lebah, tombol lebah tak pernah merusak, tombol lebah cinta

kebersihan, tombol lebah tak pernah takut jika diusik harga dirinya, tombol lebah

selalu makan yang baik untuk dirinya, tombol lebah menghasilkan kemanfaatan,

tombol untuk apa belajar ini?, tombol galeri video, tombol menu utama, tombol

evaluasi, tombol game, tombol profil dan tombol keluar.

2. Sinopsis

Di dalam animasi interaktif ini, pertama-tama akan memasuki halaman loading yang

berupa pengisian warna, setelah memasuki halaman loading, user atau pengguna

akan diarahkan pada menu intro yang diharuskan untuk menekan tombol ayo masuk

supaya dilanjutkan secara otomatis ke tampilan selanjutnya. Pada tampilan

selanjutnya akan memasuki halaman menu utama. Di dalam menu utama terdapat

lima tombol menu yaitu materi pembelajaran, evaluasi, game, profil, dan keluar.

Tombol materi pembelajaran berisi materi pembelajaran tentang kehidupan lebah

madu yang berupa teks atau penjelasan tentang kehidupan lebah madu. Setelah

memasuki materi penjelasan, user atau pengguna diajak untuk mengklik tombol

evaluasi, tombol evaluasi ini berisi latihan soal yang merupakan ujian untuk

mengasah pengetahuan user atau pengguna setelah mempelajari materi pembelajaran.

22

Setelah melalui tombol game, user diajak untuk bermain dengan cara mengumpulkan

cairan madu. Setelah itu pengguna dapat melihat siapa pembuat program animasi ini

melalui tombol profil dan jika pengguna ingin keluar dari program animasi ini yaitu

melalui tombol keluar yang berisi sapaan dalam bentuk animasi teks.

3. Tokoh

Lebah madu merupakan serangga sosial yang termasuk dalam ordo Hymenoptera

yang artinya “sayap bening”. Lebah madu dapat dibedakan dengan jenis tawon secara

mudah berdasarkan pada anatomi, fisiologi, dan perilakunya dalam menemukan

pakan serta jenis pakannya. Tubuh lebah terdiri atas tiga bagian yaitu kepala, dada,

dan perut. Dalam satu koloni lebah madu terdapat lebah ratu, lebah jantan, dan lebah

pekerja.

3.2.3. Desain Aplikasi

Alur yang terdapat di dalam Perancangan Animasi Interaktif Mengenal

Kehidupan Lebah Madu adalah :

Gambar III. 1 Struktur Perancangan Animasi

23

3.2.4. Perancangan Storyboard

Dalam perancangan storyboard tidak menuntut sang illustrator dapat

menggambar sketsa secara bagus, tetapi lebih di utamakan pemahaman terhadap

gambar tersebut oleh pihak lain yang ikut berperan dalam film.

Storyboard yang terdapat didalam perancangan animasi ini adalah sebagai

berikut:

Tabel III. 1 Tampilan Loading

Nama Frame : Loading No. Hal : Lampiran A.1

Level : - No. Frame : 1

Layar Tampilan Keterangan Tampilan

-Pada posisi Atas kiri

terdapat tampilan loading

berupa pengisian warna

orange

-Pada sudut tengah terdapat 2

ekor animasi lebah madu

sedang ingin bertemu.

Keypad

Tidak Ada

Animasi

Lebah madu yang

sedang berpindah

posisi

Sound

Suara Digital

GUI

Tidak Ada

Character dan Objek

Pohon, tumbuhan dan Lebah

Conten atau Teks

Sama dengan tampilan

Tabel III.2 Tampilan Intro Judul

24

Nama Frame : Judul No. Hal : Lampiran A.2



- Pada sudut tengah atas

terdapat Animasi Lebah

- Pada sudut atas terdapat

Judul animasi

- Pada sudut kanan bawah

terdapat tombol memulai

animasi

- Pada sudut bawah

terdapat Tumbuhan bunga

- Pada sudut bawah

terdapat beberapa lebah

madu

Keypad

Tidak ada

Animasi

Lebah muncul dari

atas bersama judul

animasi.

Lebah bergerak di

tengah pada

tumbuhan bunga.

Sound

Suara digital

dan suara lebah

madu

GUI

Ayo masuk goto frame menu utama (frame 60)

Character dan Objek

Lebah madu, Bunga, Pohon.

Conten atau Teks


Tabel III.3 Tampilan Menu Utama

25

Nama Frame : Menu Utama No. Hal : Lampiran A.3



Menu Utama :

- Pada sudut atas tengah di dalam papan

tulis terdapat judul animasi

- Pada sudut tengah di dalam gambar papan

tulis terdapat tombol :

- Materi : menampilkan materi belajar

- Evaluasi : menampilkan latihan

- Game : menampilkan permainan

- Profil : menampilkan profil pembuat

- Keluar : menampilkan keluar

- Pada sudut tengah kanan terdapat siswa

sedang memegang buku

- Pada sudut tengah terdapat lebah madu

- Pada sudut kanan dan kiri terdapat meja

dan bangku

Keypad

Tidak Ada

Animasi

Lebah dan anak siswa

mengeluarkan teks, seakan-

akan mereka berbicara.

Sound

Suara

Digital

GUI

Materi Pembelajaran --> goto frame materi

Evaluasi --> goto Frame Evaluasi pembelajaran

Game --> goto frame Game

Profil --> goto frame profil

Close --> goto frame close

Character dan Objek

Lebah, Siswa, Meja, Bangku, Papan tulis

Konten atau Teks


Tabel III.4 Tampilan Materi Pembelajaran

Nama Frame : Materi Pembelajaran No. Hal : Lampiran A.4

26



- Terdapat logo Bsi di sudut kiri

dari layar materi.

- Pada sudut tengah terdapat judul

animasi

- Menggunakan gambar vector

taman pada background layar

- Terdapat papan bertuliskan “ 5

Perilaku Lebah yang patut untuk

ditiru”

- Pada sudut kanan ke posisi bawah

terdapat daftar menu program

pembelajaran yang akan kita bahas

beserta tombol animasi dengan

metode pemanggilan dan

penggabungan flash

- Pada sudut kanan bawah tampilan

terdapat animasi roda berputar

- Pada sudut kiri bawah tampilan

terdapat animasi roda berputar

- Pada sudut tengah bawah terdapat

tombol pengaturan volume musik

Keypad

Tidak Ada

Animasi

Tidak Ada

Sound

Suara Digital

GUI

- Alqur’an berbicara tentang lebah goto

frame Alqur’an berbicara tentang lebah (frame

55)

- Kepemimpinan ala lebah

goto frame kepemimpinan ala lebah (frame 50)

Character dan Objek

Pohon, roda, tombol menu, papan informasi,

animasi lebah madu, logo bsi

27

- Mengenal tubuh lebah

goto frame mengenal tubuh lebah

(frame 45)

- Lebah tak pernah merusak

goto frame lebah tak pernah merusak

(frame 30)

- Lebah cinta kebersihan

Goto frame lebah cinta kebersihan

(frame 35)

- Lebah tak pernah takut jika diusik harga

dirinya goto frame lebah tidak

pernah takut jika di usik harga dirinya

(frame 30)

- Lebah selalu makan yang baik untuk

Dirinya goto frame Lebah selalu

makan yang baik untuk dirinya (frame

25)

- Lebah menghasilkan kemanfaatan

goto frame lebah menghasilkan

kemanfaatan (frame 20)

- Untuk apa belajar ini?

Goto frame untuk apa belajar ini (frame

10)

- Galeri video

Goto galery video (frame 100)

- Home goto frame home (frame 88)

Conten atau Teks

Sama seperti tampilan

Tabel III.5 Tampilan Evaluasi

Nama Frame : Evaluasi No. Hal : Lampiran A.5

28



- Evaluasi pembelajaran berisi

10 soal.

- Menggunakan background

Vector.

- Pada sudut kiri atas terdapat

tombol home.

Keypad

Tidak Ada

Animasi

Tidak Ada

Sound

Suara digital

GUI

Home goto frame home (frame 2)

Mulai goto frame evaluasi (next frame)

Character dan Objek

Tidak ada

Conten atau Teks


Tabel III.6 Tampilan Game

Nama Frame : Game No. Hal : Lampiran A.6

29



- Menggunakan background

Vector.

- Pada sudut kanan tengah

terdapat waktu yang terus

berkurang dan score yang

terus bertambah jika

mangkok madu terisi.

- Pada sudut kanan tengah

Terdapat tombol home.

Keypad

Tidak Ada

Animasi

Tidak Ada

Sound

Suara digital

GUI


Character dan Objek

Mangkok, pantai,pohon dan butiran

madu

Conten atau Teks


Tabel III.6 Tampilan Profil

Nama Frame : Profil No. Hal : Lampiran A.7


30


- Berisi profil pembuat animasi

- Pada sudut bawah terdapat

tanaman yang bergerak

- Pada sudut atas tengah terdapat

tombol home yang bergambar

rumah untuk kembali ke menu

utama

Keypad

Tidak Ada

Animasi

Lebah madu yang

bergerak dan terbang

Sound

Sound Mars BSI

GUI


Character dan Objek

Bunga & Lebah madu

Conten atau Teks


Tabel III.7 Tampilan Keluar

Nama Frame : closing No. Hal : Lampiran A.8


31


Berisi teks sapaan untuk keluar dari

program animasi

Keypad

Tidak Ada

Animasi

Teks yang bertabarakan

Sound

Tidak ada

GUI

Tidak ada

Character dan Objek

Tumbuhan, Teks bertabrakan

Conten atau Teks


3.3. Spesifikasi Sistem Komputer

3.3.1. Perangkat Keras

Perangkat keras (hardware) adalah seluruh komponen peralatan yang

membentuk suatu sistem dan peralatan lainnya yang memungkinkan komputer dapat

melaksanakan tugasnya secara fisik dan dapat terlibat secara jelas dan nyata.

Adapun persyaratan yang dibutuhkan untuk mendukung jalannya program

Animasi interaktif ini dibutuhkan beberapa syarat dengan spesifikasi sebagai berikut:

Prosessor : Intel ®Pentium ® 4 CPU 3.00GHz (2 CPUs), 3.0GHz

Memori : 512 MB.

32

Harddisk : 80 GB.

Monitor : SVGA dengan resolusi 1024 x 768 pixel.

Keyboard : Standard.

Mouse : 3D Optical

3.3.2. Perangkat Lunak

Keberadaan perangkat lunak (software) selalu menyertai perangkat keras

(hardware) yang ada. Suatu perangkat keras sama sekali tidak akan berfungsi apabila

tidak ditunjang dengan faktor pendukung lainnya yaitu perangkat lunak.

Pertimbangan di dalam memilih perangkat lunak selain harus mengikuti

perkembangan kemajuan teknologi komputer. Adapun agar berjalannya program

animasi ini dengan menggunakan suatu perangkat lunak (software) minimal Windows

Xp dan dengan menginstal flash player atau menggunakan media pemutar swf.

3.4. Pengembangan Animasi

A. Loading

Halaman loading dari animasi program interaktif mengenal kehidupan lebah

madu, pengisian warna dari berawal hitam terisi dengan warna orange setelah

warna orange terisi semua maka munculah judul dari animasi ini.

B. Judul

Judul akan datang dari atas setelah pengisian warna (loading) selesai. Di sini

hanya menggunakan script pointer mouse sehingga pointer mouse berubah

menjadi tangan. Adapun scriptnya pada halaman ini adalah :

33

startDrag("tangan_mc", true);

fscommand("fullscreen",true);

onEnterFrame=function()

{

Mouse.hide();

if(ASnative(800,2)(1))

{

tangan_mc.play();

}

}

C. Menu Utama (Home)

Halaman menu utama dari program animasi interaktif ini berisi materi

pembelajaran, evaluasi dan profil. Menu tersebut merupakan menu induk agar

semua menu-menu dapat berinteraksi dengan baik dan lancer. Adapun script

yang terdapat pada halaman menu utama (home) ini adalah :

1. Menu Materi Pembelajaran :

on (release){

loadMovieNum("program_mengenal_lebah.swf",0);

}

//

2. Menu Evaluasi

on(release){

loadMovieNum("evaluasi_soal.swf",0);

34

}

//

3. Menu Profil

on(release){

loadMovieNum("profil.swf",0);

}

//

4. Menu Close

on(release){

loadMovieNum("closing.swf",0);}

D. Materi Pembelajaran

Pada halaman ini merupakan halaman pembelajaran tentang kehidupan lebah

madu yang dimulai dari tombol Alqur’an berbicara tentang lebah, tombol

mengenal tubuh lebah, tombol kepemimpinan ala lebah, tombol lebah tak

pernah merusak, lebah cinta kebersihan, tombol lebah tak pernah takut jika

diusik harga dirinya, tombol lebah selalu makan yang baik untuk dirinya,

tombol lebah menghasilkan kemanfaatan, tombol untuk apa belajar ini?, tombol

galeri video, tombol menu utama adapun script yang terdapat pada halaman

Materi pemberajaran adalah sebagai berikut :

1. Tombol Alqur’an berbicara tentang lebah

on (release)

{

35

getURL("file/ayatquran.swf", "_level1");

}

2. Tombol Mengenal Tubuh Lebah

on (release)

{

getURL("file/anatomilebah.swf", "_level1");

}

3. Kepemimpinan Ala Lebah

on (release)

{

getURL("file/jenis_lebah.swf", "_level1");

}

4. Tombol Lebah Tak Pernah Merusak

on (release)

{

getURL("file/lebah_tak_pernah_merusak.swf", "_level1");

}

5. Tombol Lebah Cinta Kebersihan

on (release)

{

getURL("file/lebah_cinta_kebersihan.swf", "_level1");

}

6. Tombol Lebah Tak Pernah Takut Jika Diusik Harga Dirinya

36

on (release)

{

getURL("file/lebah_tidak_pernah_takut.swf", "_level1");

}

7. Tombol Lebah Selalu Makan Yang Baik Untuk Dirinya

on (release)

{

getURL("file/makanan_lebah.swf", "_level1");

}

8. Tombol Lebah Menghasilkan Kemanfaatan

on (release)

{

getURL("file/Manfaatmadu.swf", "_level1");

}

9. Tombol Untuk Apa Belajar Ini Semua?

on (release)

{

getURL("file/untuk_apa_belajar.swf", "_level1");

}

10. Tombol Galeri Video

on (release)

{

getURL("file/galery_video.swf", "_level1");

37

}

11. Tombol Home

on(release){

loadMovieNum("menuutama_lebah.swf",0);

}

E. Evaluasi

Pada Halaman ini user harus menjawab pertanyaan sebanyak 10 soal sebagai

evaluasi dari materi yang telah dipelajari sebelumnya. Adapun script yang

terdapat pada halaman ini adalah sebagai berikut :

1. Frame Pembuka

stop();

score = 0;

startbutton.onPress = function() {

nextFrame();

};

2. Frame soal latihan

stop();

onEnterFrame = function () { skor = +score;};

button_a.onPress = function() {

nextFrame();

};

button_b.onPress = function() {

score += 10;

38

nextFrame();

};

button_c.onPress = function() {

nextFrame();};

button_d.onPress = function() {

nextFrame();};

3. Frame nilai

if (score>=80) {

keterangan = "Bagus! Pertahankan Prestasi!";}

if (score<=60) {

keterangan = "Kamu belum tuntas. Belajar lagi, ya!";}

restart_button.onPress = function() {

gotoAndStop(1);};

3.5. Testing Program

Penulis mencoba melakukan testing program terhadap user dan mereka

merasa bertambah pengetahuannya tentang kehidupan lebah madu. Sehingga penulis

menyimpulkan model pembelajaran seperti ini sangatlah menarik dan mampu

meningkatkan motivasi semangat belajar.

ta bsi bab iii

Documents