TA BSI BAB III
description
Transcript of 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
Level : - No. Frame : 60
Layar Tampilan Keterangan Tampilan
- 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
Sama dengan tampilan
Tabel III.3 Tampilan Menu Utama
25
Nama Frame : Menu Utama No. Hal : Lampiran A.3
Level : - No. Frame : 1
Layar Tampilan Keterangan Tampilan
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
Sama dengan tampilan
Tabel III.4 Tampilan Materi Pembelajaran
Nama Frame : Materi Pembelajaran No. Hal : Lampiran A.4
26
Level : - No. Frame : 1
Layar Tampilan Keterangan Tampilan
- 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
Level : - No. Frame : 2
Layar Tampilan Keterangan Tampilan
- 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
Sama seperti tampilan
Tabel III.6 Tampilan Game
Nama Frame : Game No. Hal : Lampiran A.6
29
Level : - No. Frame : 102
Layar Tampilan Keterangan Tampilan
- 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
Home goto frame home (frame 2)
Character dan Objek
Mangkok, pantai,pohon dan butiran
madu
Conten atau Teks
Sama seperti tampilan
Tabel III.6 Tampilan Profil
Nama Frame : Profil No. Hal : Lampiran A.7
Level : - No. Frame : 1
30
Layar Tampilan Keterangan Tampilan
- 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
Home goto frame home (frame 2)
Character dan Objek
Bunga & Lebah madu
Conten atau Teks
Sama seperti tampilan
Tabel III.7 Tampilan Keluar
Nama Frame : closing No. Hal : Lampiran A.8
Level : - No. Frame : 1
31
Layar Tampilan Keterangan Tampilan
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
Sama seperti tampilan
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.