Post on 07-Nov-2020
31
BAB III
PEMBAHASAN
3.1 Analisa Kebutuhan Software
Proses pembuatan animasi interaktif dibuat dengan sesuai kebutuhan.
Identifikasi perlu dilakukan untuk mencari jalan keluar dari permasalahan yang ada
didalam 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.
Berbgai macam bentuk media pembelajaran yang bersifat interaktif dibuat dan
disesuaikan dengan kebutuhan. Identifikasi kebutuhan diperlukan sebagai acuan
dalam merancang dan membuat animasi sesuai dengan materi-materi pelajaran yang
akan diambil. Animasi yang penulis buat ini diambil dari materi pelajaran Ilmu
Pengetahuan Alam (IPA) pada keles 3 sekolah dasar. Animais interaktif ini dibuat
untuk ditujukan kepada siswa kelas 3 sekolah dasar.
3.2 Desain
Tahapan ini merupakan salah satu tahapan perancangan dalam pembuatan
aplikasi multimedia, arsitektur program, gaya, tampilan dan kebutuhan
material/bahan untuk program. Pembuatan animasi interaktif ini di desain khusus
dengan Adobe Flash Professional CS6 sesuai dengan yang dibutuhkan, dan
mendesain gambar agar hasil animasi menarik menggunakan tools storyboard.
32
3.2.1. Storyboard
Menurut (Zuhri, 2016) Salah satu tahapan yang sangat penting dan tidak bisa
dipisahkan dalam pembuatan animasi, video, film, dan sebagainya. Tahapan dasar
yang diperlukan dalam pembuatannya adalah pembuatan storyboard. Storyboard
merupakan serangkaian sketsa yang dibuat dan menggambarkan suatu urutan (alur
cerita maupun ide) yang disampaikan sehingga menjadi naskah yang diperlukan pada
tahap pembuatan animasi, video, film dan sebagainya. Pada penulisan storyboard
penulis membagi dua macam yaitu:
1. Setting dan synopsis
Pada setingan awal merupakan judul dari tugas akhir kemudian masuk ke menu
utama ada 5 pilihan di dalam menu yaitu indikator, materi, evaluasi, profil dan
keluar.
Sinopsis animasi ini mempunyai skenario dan alur cerita sebagai berikut.
Animasi ini dibuka dengan tampilan pembuka judul yang didalamnya menampilkan
judul dari tugas akhir dan tombol masuk ke menu utama. Kemudian masuk ke dalam
frame menu utama terdapat 4 submenu yaitu submenu pertama menampilkan tombol
indikator, ketika diklik didalamnya berisi penjelasan indikator proses pembelajaran.
Submenu ke 2 tombol materi yang didalamnya berisi tata surya, planet, bulan dan
meteor. Contohnya, klik menu planet didalamnya terdapat planet-planet matahari,
merkurius, venus, bumi, mars, jupiter, saturnus, uranus, neptunus. Jika diklik salah
satu planet tersebut contohnya klik plante venus didalamnya terdapat penjelasan
venus dan bentuk gambar.
Submenu ke 3 tombol evaluasi yanng didalamnya berisi tombol mulai. Kemudian
jika klik terdapat latihan soal pilihan ganda.
33
Submenu ke 4 menampilkan tombol profil, profil tersebut merupakan profil
pembuat animasi dan terdapat tujuan aplikasi tersebut dibuat.
2. Desain
Alur pembelajaran dalam animasi interaktif pengenalan bilangan berbasis inkuiri
praktikum adalah:
Gambar III.1
Alur Utama Animasi Pengenalan Tata Surya
34
1. Story Board Pembuka
STORY BOARD : PEMBUKA
VISUALISASI SKETSA AUDIO
Opening atau saat
pertama kali
program
dijalankan akan
tampil latar
belakang hitam
dan gambar
orang, judul
mengenal Tata
Surya, untuk
menyambungkan
user ke menu
utama dengan
cara memilih
tombol masuk.
Program Media Pembelajaran Interaktif
“Menganal Tata Surya”
Musik
Instrumen
Gambar III.2
StoryBoard Halaman Pembuka
MASUK
GAMBAR
35
2. Story Board Menu Utama
STORY BOARD : MENU UTAMA
VISUALISASI SKETSA AUDIO
Pada menu utama ini
akan muncul karakter
animasi, menu utama
ini terdapat 4 menu
utama yang disediakan
yaitu: 1.Menu
Indikator menjelaskan
tujuan pembelajaran
pengenalan tata surya,
2.Menu Materi yang
digunakan untuk
penjelasan tentang
pengenelan tata surya,
3.Menu Evaluasi
digunakan untuk
menjawab soal-soal
pilihan ganda, 4.Profil
menjelaskan data diri
penulis dan yang
terakhir menu petunjuk
digunakan instruksi
untuk penggunaan
serta terdapat tombol
keluar (untuk keluar
dari aplikasi) pada
layar bagian kiri atas.
Musik
Instrume
n
Gambar III.3
StoryBoard Halaman Menu Utama
INDIKATOR MATERI EVALUASI
PROFIL
KELUAR PETUNJUK
36
3. Story Board Menu Indikator
STORY BOARD : INDIKATOR
VISUALISASI SKETSA AUDI
O
Pada menu
Indikator ini akan
muncul
penjelasan tujuan
pembelajaran
serta ada tombol
X untuk kembali
ke menu utama.
X
Music
Instru
men
Gambar III.4
StoryBoard Halaman Menu Indikator
4. Story Board Menu Materi
STORY BOARD : MATERI
VISUALISASI SKETSA AUDIO
Pada menu materi ini
merupakan penjelasan yang
meliputi tata surya terdapat 4
menu materi yang disediakan
yaitu: 1.Materi Tata Surya
menjelaskan tata surya,
2.Materi Planet menjelaskan
tentang planet-planet yang ada
pada tata surya, 3.Materi Bulan
menjelaskan tentang rotasi
perputaran bulan pada
matahari dan bumi, 4.Materi
Meteor dan Komet. Serta
terdapat tombol menu untuk
kembali ke menu utama.
Music
Instrum
en
Gambar III.5
StoryBoard Halaman Menu Materi
Penjelasan
Indikator
Tata Surya
Planet
Bulan
Meteor
Menu
37
5. Story Board Menu Materi Tata Surya
STORY BOARD : MATERI TATA SURYA
VISUALISASI SKETSA AUDIO
Pada menu materi tata surya ini
penjelasan tentang tata surya
serta dimana akan muncul suara
animasi, tombol menu untuk
kembali ke menu materi.
Music
Instrum
en
Gambar III.6
StoryBoard Halaman Menu Materi Tata Surya
6. Story Board Menu Materi Planet
STORY BOARD : MATERI PLANET
VISUALISASI SKETSA AUDI
O
Pada menu materi planet ini
akan menjelaskan tentang
planet-planet yang ada
didalam tata surya, tombol
lambat dan cepat untuk
mengatur putaran palnet-
planet mengelilingi matahari,
tombol sembunyikan garis
orbit untuk menghilangkan
garis orbit serta terdapat
suara animasi apabila user
mengarahkan kursor ke
gambar speaker dan tombol
menu untuk kembali ke menu
materi.
Music
Instrum
en
Gambar III.7
StoryBoard Halaman Menu Materi Planet
Penjelasan
Menu
Gambar
Planet-planet
Menu
Lambat
dan Cepat Sembunyikan
Garis Orbit
Gambar
Penjelasan
38
7. Story Board Menu Materi Bulan
STORY BOARD : MATERI BULAN
VISUALISASI SKETSA AUDIO
Pada menu materi bulan
terdapat animasi gambar
pergerakan atau rotasi
bulan pada bumi dan
matahari. serta terdapat
suara animasi apabila user
mengarahkan kursor ke
gambar speaker, tombol
next untuk melanjutkan ke
materi bulan dan tombol
menu untuk kembali ke
menu materi.
Music
Instrum
en
Gambar III.8
StoryBoard Halaman Menu Materi Bulan
8. Story Board Menu Materi Meteor
STORY BOARD : MATERI METEOR
VISUALISASI SKETSA AUDI
O
Pada menu materi meteor
terdapat gambar meteor,
pengertian meteor, serta
terdapat suara animasi
apabila user mengarahkan
kursor ke gambar speaker.
Tombol menu untuk
kembali ke menu materi.
Musik
Instrum
en
Gambar III.9
StoryBoard Halaman Menu Materi Meteor
Menu
Penjelasan
Penjelasan
Menu
Gamabar
Gambar
39
9. Story Board Menu Evaluasi
STORY BOARD : EVALUASI
VISUALISASI SKETSA AUDIO
Pada menu evaluasi ini terdapat
soal-soal pilihan ganda dimana
user harus menekan tombol
masuk terlebih dahulu, apabila
user telah masuk dan bias
langsung pilih salah satu jawaban
yang tepat pada A,B,C,D atau E.
Serta tombol X untuk
membatalkan dan memulai
kembali dari menu pembuka.
X
Music
Instrum
en
Gambar III.10
StoryBoard Halaman Menu Evaluasi
10. Story Board Menu Hasil Evaluasi
STORY BOARD : HASIL EVALUASI
VISUALISASI SKETSA AUDIO
Pada menu hasil evaluasi ini
user akan mengetahui nilai
yang benar, tombol menu
untuk kembali ke menu
utama serta tombol ulang
untuk mengulangi evaluasi
dan mengisi soal-soal pilih
ganda kembali.
Music
Instrum
en
Gambar III.11
StoryBoard Halaman Menu Hasil Evaluasi
MULAI
Nilai
Menu Ulangi
40
11. Story Board Menu Profil
STORY BOARD : MENU PROFIL
VISUALISASI SKETSA AUDIO
Pada tampilan menu profil terdapat
informasi mengenai profil pembuat
dan secara otomotasi aplikasi akan
keluar dengan sendirinya.
Music
Instrume
n
Gambar III.12
StoryBoard Halaman Menu Profil
12. Story Board Menu Petunjuk
STORY BOARD : MENU PETUNJUK
VISUALISASI SKETSA AUDIO
Pada tampilan menu petunjuk
terdapat instruksi untuk pengguna.
Serta terdapat pilihan tombol menu
untuk kembali ke menu utama
Music
Instrume
n
Gambar III.13
StoryBoard Halaman Menu Petunjuk
Informasi
Tentang
Profil
Petunjuk
Pengguna
Menu
41
3.2.2. User Interface
User interface menjelaskan tentang yang terdapat pada aplikasi sistem tata
surya.
1. Tampilan Menu Pembuka
Tampilan ini berisi judul, gambar dan tombol masuk untuk melanjutkan ke menu
utama.
Gambar III.14
Tampilan Menu Pembuka
2. Tampilan Menu Utama
Tampilan ini berisi loading untuk masuk ke menu utama. Dalam menu utama
terdapat tombol indikator, materi, evaluasi, profil, petunjuk dan tombol keluar.
Gambar III.15
Tampilan Menu Utama
42
3. Tampilan Menu Indikator
Tampilan ini menjelaskan tujuan pembelajaran mengenal tata surya.
Gambar III.16
Tampilan Menu Indikator
4. Tampilan Menu Materi
Tampilan menu materi ini berisi gambar dan penjelasan materi yang dibahas serta
ada tombol menu untuk kembali ke menu utama.
Gambar III.17
Tampilan Menu Materi
43
5. Tampilan Menu Materi Tata Surya
Tampilan menu materi tata surya ini berisi gambar dan materi pembahasan
mengenai tata surya (galaksi bima sakti) serta tombol menu ke menu materi.
Gambar III.18
Tampilan Menu Materi Tata Surya
6. Tampilan Menu Materi Planet
Pada tampilan menu materi planet ini terdapat gambar planet-planet yang ada di
tata surya beserta penjelasannya, tombol perlambat dan percepat untuk mengatur
putaran planet-planet mengelilingi matahari, tombol sembunyikan garis orbit
44
untuk menghilangkan garis orbit pada gambar dan tombol menu untuk kembali
ke menu materi.
Gambar III.19
Tampilan Menu Materi Planet
7. Tampilan Menu Materi Bulan
Pada tampilan menu materi bulan ini terdapat gambar pergerakan atau rotasi
bulan pada bumi dan matahari. Serta tombol menu untuk kembali ke menu
materi.
Gambar III.20
Tampilan Menu Materi Bulan
45
8. Tampilan Menu Materi Meteor
Tampilan ini berisi gambar dan penjelasan serta tombol menu untuk kembali ke
menu materi.
Gambar III.21
Tampilan Menu Materi Meteor
9. Tampilan Menu Evaluasi
Pada tampilan menu evaluasi ini berisi soal-soal pilihan ganda terdiri dari 10 soal
dan tombol keluar kembali ke menu utama.
Gambar III.22
Tampilan Menu Evaluasi
46
10. Tampilan Menu Profil
Pada menu profil menampilkan informasi aplikasi, data diri pembuat dan
otomatis keluar dari program.
Gambar III.23
Tampilan Menu Profil
11. Tampilan Menu Keluar
Tampilan menu keluar terdapat opsi pilih YES atau No. Tombol YES untuk
mengakhiri/keluar dari program animasi. Tombol No untuk kembali ke menu
pembuka.
47
Gambar III.24
Tampilan Menu Keluar
3.3 Implementasi
3.3.1 Code Generation
Animasi merupakan bagian dari sebuah desain objek yang kerap kali
digunakan untuk membuat sebuah karya yang menarik dan interaktif, yang dapat
berpindah, berubah bentuk atau posisi dan lainnya secara cepat sehingga akan
menimbulkan pergerakan terhadap objek terdebut. Adapaun script yang ada pada tiap
menu ini adalah :
1. Menu Pembuka
On (release){
gotoAndPlay(47);
}
48
2. Menu Utama
Stop();
3. Menu Indikator
On (release){
gotoAndplay(indikator);
}
4. Menu Materi
On (release){
gotoAndplay(materi);
}
5. Menu Evaluasi
On (release){
gotoAndplay(evaluasi);
}
a. Jawaban benar
stop();
onEnterFrame = function() {skor = +score;};
pilihan(jawaban benar).onPress = function() {
benar.gotoAndPlay(2);
score += 10;
play();
};
49
b. Jawaban salah
Pilihan(jawaban salah).onPress = function() {
salah.gotoAndPlay(2);
play();
};
c. Skor atau Nilai
Skor = nilai;
6. Menu Profil
On (release){
gotoAndplay(profil);
}
7. Menu Keluar
On (release){
fscommand(“quit”, true);
}
3.3.2 Blackbox Testing
Pada tahap penggujian (testing) ini menggunakan metode blackbox, dimana pada
metode ini animasi yang dibuat dapat berfungsi dengan benar dan sesuai dengan
50
kebutuhan user. Pegujian blackbox disini tidak memperlihatkan struktur logika intern
animasi yang dibuat.
Tabel III.1 Tabel Pengujian Blackbox
INPUT PROSES OUTPUT VALIDASI
Tombol
Indikator
Menampilkan
pembahasan tata
surya
Tampilan
pembahasan tata
surya
Sesuai
Tombol
Materi
Menampilkan pilihan
materi tata surya
Tampilan pilihan
materi tata surya
Sesuai
Tombol
Evaluasi
Menampilkan latihan
soal pilihan ganda
Tampilan latihan
soal pilihan ganda
Sesuai
Tombol
Profil
Menampilkan info
tentang aplikasi
Tampilan info
tentang aplikasi
Sesuai
Tombol
keluar
Menampilkan opsi
YES dan NO
Tampilan opsi YES
untuk keluar dari
program dan NO
kembali ke program
Sesuai
Dari pengujian tersebut dapat disimpulkan bahwa animasi tersebut dilihat dari
sudut pandang pembuatannya layak untuk digunakan.
Dan untuk mengetahui lebih lanjut penilaian dari pengguna atau user terhadap
animasi yang telah dibuat, penulis menggunakan metode kuisioner dan wawancara
langsung dengan responden yang mewakii pengguna, untuk wawancara penulis
mengambil narasumber sebanyak 10 (sepuluh) orang untuk kuisioner yang terdiri
dari 10 (sepuluh) pertanyaan, berikut ini adalah rincian dari item kuisioner untuk
responden.
51
Tabel III.2. Kuesioner Aplikasi Pengenalan Tata Surya
NO DAFTAR PERTANYAAN JAWABAN
YA/TIDAK
1. Apakah anda senang dengan pelajaran tentang
Tata Surya?
2.
Apakah guru sering menciptakan suasana yang
menyenangkan disaat belajar sedang
berlangsung?
3. Apakah anda sering mengetahui pelajaran tata
surya diluar sekolah?
4.
Apakah guru pelajaran tata surya sering
memberikan metode bervariasi ketika
pembelajaran sedang berlangsung?
5.
Apakah anda senang pembelajaran tata surya
dengan menggunakan metode media animasi
interaktif?
6.
Apakah anda merasa bosan, proses
pembelajaran tata surya menggunakan media
animasi interaktif
7. Menurut anda apakah penting pelajaran tata
surya?
8. Apakah dengan media animasi interaktif
pelajaran tata surya lebih menarik?
9. Apakah anda suka bermain game dalam
pengetahuan tata surya?
10.
Apakah proses pembelajaran tata surya
menggunakan animasi interaktif perlu
dikembangkan?
Keterangan : Beri tanda (√) pada jawaban yang dipilih
52
Berikut ini hasil perhitungan kuisioner:
Gambar III.25
Tampilan Grafik Kuisioner
Dari hasil kuisioner yang telah disebar ke responden dan grafik diatas dapat
diambil kesimpulan bahwa sebagian besar siswa sekolah dasar dapat menggunakan
aplikasi ini dengan mudah, dapat membantu dalam pembelajaran pengenalan tata
surya, dan membuat siswa lebih bersemangat daalam proses belajar mengajar
disekolah.
0%
10%
20%
30%
40%
50%
60%
70%
80%
90%
100%
soal 1 soal 2 soal 3 soal 4 soal 5 soal 6 soal 7 soal 8 soal 9 soal 10
IYA
TIDAK
53
3.3.3 Spesifikasi Hardware dan Software
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 Photoshop:
1. Processor : Intel Dual Care 1.8 Ghz
2. Motherboard : Socket LGA 775
3. Memory (RAM) : DDR2 1024 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. Sistem Operasi : Windows 7 SP3