Upload
others
View
3
Download
0
Embed Size (px)
Citation preview
30
BAB III
PEMBAHASAN
3.1 Analisa Kebutuhan Software
Proses pembuatan animasi interaktif dibuat sesuai dengan kebutuhan.
Identifikasi perlu dilakukan untuk mencari jalan keluar dari permasalahan yang ada
di dalam proses pembelajaran di sekolah dasar. Rancangan animasi interaktif yang
penulis uraikan dalam sub bab ini terdiri dari beberapa bentuk. Dari semuanya itu
merupakan bagian yang diperlukan penulis dalam pembuatan aplikasi animasi
interaktif.
Atas dasar hal ini penulis kemudian mempunyai ide untuk program animasi
yang berisi mengenai pelajaran IPA (Ilmu Pengetahuan Alam) kelas 4 sekolah dasar.
Adanya program ini para siswa akan terlihat secara interaktif dan program ini
dimaksudkan sebagai media penambahan ilmu pengetahuan untuk para siswa sekolah
dasar tersebut maupun sebagai tambahan pengajaran bagi para orangtua maupun para
pengajar.
3.2 Desain
Animasi ini berbasis inkuiri praktikum yang memiliki konsep dasar animasi
sebagai pengenalan sistem pernafasan pada hewan laut dan darat. Animasi ini
ditujukan bagi siswa/siswi sekolah dasar kelas 4. Tujuan dari animasi interaktif ini
supaya siswa dapat memahami pelajaran IPA (Ilmu Pengetahuan Alam). Selain itu,
diharapkan dengan pembelajaran menggunakan media interaktif ini siswa dapat lebih
memahami perbedaan tentang sistem pernafasan pada hewan laut dan darat.
31
3.2.1 Penulisan Storyboard
Mengenai penulisan storyboard, penulis membagi dua macam yaitu:
1. Setting dan Synopsis
Pada settingan awal merupakan judul dari tugas akhir kemudian masuk ke
menu utama ada 4 pilihan didalam menu yaitu mulai belajar, bermain, info aplikasi
dan keluar.
Synopsis animasi ini mempunyai scenario dan alur cerita sebagai berikut.
Animasi ini dibuka dengan tampilan pembuka judul yang didalamnya menampilkan
judul dari tugas akhir. Kemudian masuk ke dalam scene menu dimana terdapat 4
submenu yaitu submenu pertama menampilkan tombol mulai belajar, ketika diklik
didalamnya berisi tulisan “Pilih kategori belajar, lalu akan keluar tampilan yang
berisi hewan amphibi, ikan, cacing tanah, burung dan serangga. Jika diklik salah satu
menu tersebut akan muncul pengertian, sifat dan contoh hewan yang lumayan
lengkap berlaku pada 3 menu tersebut.
Submenu selanjutnya ada pada menu pertama yaitu bermain. Masuk menu
kita diberi 2 pilihan game yaitu Tebak Cepat dan Cari Jalan. Jika diklik tebak cepat,
kita harus menebak pertanyaan yang sudah ada dan akan diberi point perjawaban, 1
jawaban benar pointnya 100. Jika diklik cari jalan kita harus menjawab pertanyaan,
jika jawaban benar maka kumbang akan berjalan terus ke titik yang sudah
disediakan. Tetapi jika tidak bisa menjawab pertanyaan maka kumbang tidak akan
berjalan dan waktu akan habis.
32
2. Desain Aplikasi
Alur pembelajaran dalam animasi interaktif pengenalan bilangan berbasis
inkuiri praktikum adalah:
Gambar III.1
Alur Utama Animasi Sistem Pernafasan Pada Hewan
Rancangan ini dibuat dalam bentuk form yang terpecah dalam beberapa
bagian guna membagi keterangan aplikasi yang akan dikerjakan secara rinci. Rincian
keterangan ini mempermudah dalam proses pembuatan aplikasi secara lengkap.
Desain aplikasi dibuat seperti tampilan dibawah ini
Start
Judul animasi
Menu utama
Belajar About
Bermain Exit
Ikan Amphibi
Tebak
Cepat Susun
Gambar
Cacing Tanah Burung Serangga
33
a. Storyboard Judul Animasi
Berikut adalah desain storyboard dari tampilan judul animasi.
Name Frame: Judul Animasi (Opening)
Level :-
Layar Tampilan
Keterangan Tampilan
1. Menampilkan teks Please Wait...
Animasi
Tidak ada
Sound
Tidak ada
Contents / Teks
Sama dengan tampilan
Gambar III.2
Storyboard Judul Animasi (Opening)
Please Wait...
34
b. Storyboard Menu Utama
Berikut adalah desain storyboard dari tampilan menu utama.
Name Frame : Menu Utama
Level :-
Layar Tampilan
Keterangan Tampilan
1. Belajar menampilkan
penjelasan dan contoh hewan
2. Bermain menampilkan
permainan tebak cepat dan
cari jalan.
3. About menampilkan info
tentang aplikasi.
4. Keluar : Keluar dari program
Animasi
Tulisan Bergerak
Sound
Musik Instrumen
Contents / Teks
Sama dengan tampilan
Gambar III.3
Storyboard Menu Utama
Animasi
exit
Belajar
Bermain
About
35
c. Storyboard Menu Belajar
Berikut adalah desain storyboard dari tampilan menu belajar.
Name Frame : Menu Belajar
Level :-
Layar Tampilan
Keterangan Tampilan
1. Pilih Kategori Belajar
menampilkan beberapa jenis
hewan dan penjelasannya.
Animasi
Hewan dan Tulisan Bergerak
Sound
Musik Instrumen
Contents / Teks
Sama dengan tampilan
Gambar III.4
Storyboard Menu Belajar
Amphibi
Ikan
Cacing Tanah
Burung
Serangga
Pilih Kategori Belajar
Kembali
36
d. Storyboard Menu Bermain
Berikut adalah desain storyboard dari tampilan menu bermain.
Name Frame : Menu Bermain
Level :-
Layar Tampilan
Keterangan Tampilan
1. Tebak Cepat menampilkan
soal dengan pilihan ganda
2. Cari Jalan menampilkan soal
dengan pilihan ‘Ya’ atau
‘Tidak’
Animasi
Tidak ada
Sound
Musik Instrumen
Contents / Teks
Sama dengan tampilan
Gambar III.5
Storyboard Menu Bermain
Tebak Cepat Cari Jalan
Pilih Permainan Yang Kamu Suka
Kembali
37
e. Storyboard Menu Info Aplikasi
Berikut adalah desain storyboard dari tampilan menu info aplikasi.
Name Frame : Menu Info Aplikasi
Level :-
Layar Tampilan
Keterangan Tampilan
Tampilan Menu Info Aplikasi
terdiri dari :
3.2.1 Menu Info Aplikasi
yang menampilkan tujuan
aplikasi tersebut dibuat.
Animasi
Tidak ada
Sound
Musik Instrumen
Contents / Teks
Sama dengan tampilan
Gambar III.6
Storyboard Menu Info Aplikasi
Tentang Info Aplikasi
38
3.2.2 User Interface
1. Judul Animasi
Halaman loading dari animasi ini berisi teks yaitu please wait, hitungan
mundur diberikan kurang dari 1 menit untuk menuju ke menu utama.
Gambar III. 7
Tampilan Halaman Judul Animasi
2. Menu Utama
Halaman menu utama dari animasi ini berisi teks, judul, tombol belajar, tombol
bermain tombol tentang aplikasi dan tombol keluar.
Gambar III. 8
Tampilan Halaman Menu Utama
39
3. Menu Belajar
Halaman menu belajar ini menampilkan beberapa macam hewan dengan
penjelasannya.
Gambar III. 9
Tampilan Halaman Kategori Hewan
4. Hewan Amphibi
Halaman menu amphibi berisi tentang penjelasan berserta contohnya.
Gambar III. 10
Tampilan Halaman Hewan Amphibi
40
5. Contoh Hewan Amphibi
Berikut user interface dari tampilan menu belajar pada animasi interaktif
tentang alat pernafasan pada Katak.
Gambar III. 11
Tampilan Halaman Contoh Hewan Amphibi
6. Alat Pernafasan Pada Ikan
Berikut user interface dari tampilan menu belajar pada animasi interaktif
tentang alat pernafasan pada Ikan.
Gambar III. 12
Tampilan Halaman Alat Pernafasan Pada Ikan
41
7. Proses Pernafasan Pada Ikan
Berikut user interface dari tampilan menu belajar pada animasi interaktif
tentang proses pernafasan pada Ikan.
Gambar III. 13
Tampilan Halaman Proses Pernafasan Pada Ikan
8. Alat Pernafasan Pada Cacing Tanah
Berikut user interface dari tampilan menu belajar pada animasi interaktif
tentang alat pernafasan pada Cacing Tanah
Gambar III. 14
Tampilan Halaman Alat Pernafasan Pada Cacing Tanah
42
9. Alat Pernafasan Pada Cacing Tanah
Berikut user interface dari tampilan menu belajar pada animasi interaktif
tentang alat pernafasan pada Cacing Tanah
Gambar III. 15
Tampilan Halaman Alat Pernafasan Pada Cacing Tanah
10. Alat Pernafasan Pada Cacing Tanah
Berikut user interface dari tampilan menu belajar pada animasi interaktif
tentang alat pernafasan pada Cacing Tanah.
Gambar III. 16
Tampilan Halaman Alat Pernafasan Pada Cacing Tanah
43
11. Alat Pernafasan Pada Burung
Berikut user interface dari tampilan menu belajar pada animasi interaktif
tentang alat pernafasan pada burung.
Gambar III. 17
Tampilan Halaman Alat Pernafasan Pada Burung
12. Alat Pernafasan Pada Burung
Berikut user interface dari tampilan menu belajar pada animasi interaktif
Urutan alat pernafasan pada burung.
Gambar III. 18
Tampilan Halaman Urutan Alat Pernafasan Pada Burung
44
13. Alat Pernafasan Pada Serangga
Berikut user interface dari tampilan menu belajar pada animasi interaktif
tentang alat pernafasan pada Serangga.
Gambar III. 19
Tampilan Halaman Alat Pernafasan Pada Serangga
14. Menu Bermain
Halaman menu bermain disini berisi menu tebak cepat, cari jalan dan tombol
kembali.
Gambar III. 20
Tampilan Halaman Menu Bermain
45
15. Menu Tentang Aplikasi
Halaman menu info aplikasi dari animasi ini menampilkan tujuan aplikasi
tersebut dibuat dan tombol ke menu utama.
Gambar III. 21
Tampilan Halaman Menu Tentang
16. Menu Keluar
Halaman menu keluar dari animasi ini berisi teks judul dan tombol keluar
berakhirnya aplikasi animasi.
Gambar III. 21
Tampilan Halaman Menu Tentang
Gambar III. 22
Tampilan Halaman Menu Keluar
46
3.3 Implementasi
3.3.1 Code Generation
Sebuah program yang dibuat agar dapat menghasilkan instrksi atau kode
program sesuai dengan kebutuhan pengguna dalam ruang lingkup tertentu.
1. Kode Menu Login
stop();
fscommand("fullscreen", true);
2. Kode Menu Utama
awal = new Sound();
//masukkan suara berlinkage musik dari panel library ke dalam variable musik
awal.attachSound("theme");
//ubah nilai variable Stop menjadi true
awal.start(0,99);
3. Menu Belajar
on(release){
_root.gotoAndStop('belajar');
}
4. Menu Bermain
on(release){
_root.gotoAndStop('bermain');
}
47
5. Menu
on(release){
_root.gotoAndStop('tentang');
}
6. Menu Keluar
on(release){
_root.gotoAndStop('keluar');
}
48
3.3.2 Black Box Testing
Animasi yang dibuat dapat berfungsi dengan benar dan sesuai dengan
kebutuhan user. Penguji black box disini tidak memperlihatkan struktur logika intern
animasi yang dibuat.
Tabel III.1
Tabel Pengujian Black Box
INPUT PROSES OUTPUT VALIDASI
Tombol
belajar
Menampilkan perbedaan
sistem pernafasan hewan
laut dan darat berserta
penjelasannya
Tampilan pilihan
tentang beberapa
macam hewan beserta
penjelasannya
Sesuai
Tombol
bermain
Menampilkan latihan
tentang hewan laut dan
darat
Tampilan tebak cepat
dan cari jalan
Sesuai
Tombol
info aplikasi
Menampilkan info
tentang aplikasi
Tampilan info tentang
aplikasi
Sesuai
Tombol
Keluar
Menampilkan opsi keluar
dari program
Tampilan opsi keluar
dari program
Sesuai
49
KUISIONER MINAT BELAJAR TENTANG HEWAN LAUT DAN DARAT
MENGGUNAKAN MEDIA INTERAKTIF
IDENTITAS RESPONDEN
Nama :
Kelas :
Jenis Kelamin :
Tabel III.2
Kuesioner Aplikasi Pengenalan Hewan Laut dan Darat
NO DAFTAR PERTANYAAN UNTUK PESERTA
DIDIK
YA TIDAK
1 Menurut adik-adik apakah aplikasi animasi ini
mudah digunakan?
2 Apakah gambar dan animasi yang terdapat di
aplikasi ini menarik bagi adik-adik?
3 Apakah dengan adanya aplikasi ini pekajaran teori
itu membosankan?
4 Apakah aplikasi animasi ini dapat membantu adik-
adik dalam perbedaan tentang hewan laut dan
darat?
5 Menurut adik-adik apakah apliksasi animasi ini
menarik dan mudah untuk dipelajari?
6 Apakah setelah mencoba aplikasi animasi ini adik-
adik lebih tertarik menggunakan media ini?
7 Menurut adik-adik apakah soal-soal yang ada di
quiz interaktif sulit untuk dijawab?
8 Apakah aplikasi animasi ini membuat adik-adik
ingin lebih rajin dalam belajar?
9 Apakah pembahasan materi yang ada di aplikasi
ini mudah di mengerti?
10 Apakah suara didalam aplikasi animasi ini
terdenger jelas?
50
Keterangan : Beri tanda (√) pada jawaban yang dipilih
Dari hasil kuesioner yang telah disebar ke perwakilan 10 siswa atau siswi dan
grafik diatas dapat diambil kesimpulan bahwa sebagian besar siswa sekolah dasar
kelas 4 dapat membantu dalam pelajaran IPA (Ilmu Pengetahuan Alam) mengenal
perbedaan sistem pernafasan hewan laut dan darat, dan membuat siswa lebih
bersemangat dalam proses belajar mengajar disekolah untuk bidang pelajaran IPA.
80%
90%
60%
50%
70%
80%
70%
90%
80%
90%
20%
10%
40%
50%
30%
20%
30%
10%
20%
10%
Soal 1 Soal 2 Soal 3 Soal 4 Soal 5 Soal 6 Soal 7 Soal 8 Soal 9 Soal 10
YA TIDAK
51
3.3.3 Spesifikasi Sistem Komputer
Dalam sistem komputer harus ada Hardware dan Software untuk spesifikasi
menggunakan program Adobe Flash CS6 supaya animasi berjalan lancar. Berikut
adalah spesifikasi minimum komputer untuk menjalankan program aplikasi Adobe
Flash CS6 dan Adobe Illustrator:
1. Processor : Intel® Coleron ® CPU B820
2. Motherboard : Socket LGA 775
3. Memory (RAM) : 2048 MB
4. VGA Card : 512 MB (NVIDIA/ATI)
5. Harddisk : 80 GB (IDE/SATA)
6. PSU : 450 Watt (220V/4A)
7. Monitor : CRT / LCD / LED
8. Keyboard : QWERTY Port Ps/2 atau USB
9. Mouse : Port Ps/2 atau USB
10. Sound Card : On Board atau PCI
11. Operating System : Windows 7 Home Premium 32-bit