Upload
others
View
10
Download
0
Embed Size (px)
Citation preview
24
BAB III
PEMBAHASAN
3.1. Analisa Kebutuhan Software
Perkembangan komputer di dunia saat ini begitu pesatnya. Hal ini juga
berdampak sangat berarti pada siswa sekolah dasar. Besar dari yang dikerjakan
secara manual, semi otomatis hingga yang otomatis. Semua itu dapat dilakukan
dengan bantuan dari komputer dan tenaga kerja yang berkompenten di bidangnya.
Penulis bertujuan untuk membuat program animasi yang berisi mengenai
pelajaran agama kelas 3 sekolah dasar. Tujuan dibuatnya program animasi interaktif
ini untuk mempresentasikan objek-objek pada siswa secara nyata. Dengan adanya
animasi interaktif ini diharapkan siswa agar dapat menguasai dalam menerima semua
materi yang diajarkan, tidak hanya teori dan simulasinya.
3.2. Desain
Animasi ini berbasis inkuiri praktikum yang memiliki konssep dasar animasi
sebagai berikut yaitu pengenalan ilmu tajwid. Animasi ini ditujukan bagi siswa
sekolah dasar kelas 3. Tujuan dari animasi interaktif ini supaya siswa dapat
memahami pelajran agama dalam pengenalan ilmu tajwid. Selain itu, diharapkan
dengan pembelajaran menggunakan media interaktif ini siswa dapat lebih memahami
ilmu tajwid dalam pelajaran agama sekolah dasar kelas 3 dan siswa termotivasi untuk
belajar agama lebih giat.
25
3.2.1. StoryBoard
Pada penulisan Storyboard penulis membagi dua macam yaitu:
1. Seting dan synopsis
Pada setingan awal merupakan loading kemudian masuk ke menu utama ada 4
pilihan di dalam menu yaitu mulai belajar, bermain, tentang dan keluar.
Sinopsis animasi ini mempunyai skenario dan alur cerita sebagai berikut.
Animasi ini dibuka dengan tampilan pembuka loading untuk masuk ke aplikasi
animasi. Kemudian masuk ke dalam scene menu dimana terdapat 4 submenu yaitu
submenu pertama menampilkan tombol mulai belajar, ketika diklik didalamnya
berisi menu hukum nun sukun dan tanwin, hukum mim sukun, hukum mim dan
tasydid, dan hukun mad. Jika diklik salah satu menu tersebut akan muncul contoh-
contoh huruf dari salah satu hukum bacaan. Contohnya, klik menu hukum nun sukun
dan tanwin, didalamnya terdapat contoh-contoh hukum nun sukun dan tanwin yaitu
idzhar, idghom bigunah, idghom bilagunah, iqlab dan ikhfa. Jika diklik salah satu
huruf tersebut contohnya klik tombol idzhar didalamnya terdapat pengertian idzhar,
jenis-jenis huruf idzhar, dan contoh bacaannya.
Submenu ke 2 yaitu tombol bermain yang didalamnya berisi tebak hukum
bacaan tajwid dan latihan soal, jika diklik tebak hukum bacaan tajwid didalamnya
terdapat contoh soal-soal pilihan ganda tentang tebak hukum bacaan tajwid. Jika
diklik salah satu maka akan menghasilkan skor. Kemudian jika klik latihan soal
didalamnya terdapat soal-soal latihan pilihan ganda.
Sub menu ke 3 menampilkan tombol tentang, tentang tersebut merupakan info
mengenai tujuan aplikasi tersebut dibuat.
26
2. Desain Aplikasi
Alur pembelajaran dalam animasi interaktif pengenalan bilangan berbasis inkuiri
praktikum adalah:
star
menu utama
belajar bermain tentang keluar
loading
hukum nunsukun dantanwin
hukum mim sukun
hukum mimdan tasydid hukum mad
bermain
tebak hukumbacaan tajwid
latihan soal
Gambar III.1 Alur Utama Animasi Pengenalan Ilmu Tajwid
Rancangan ini di buat 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:
27
Nama Frame : Loading (opening)
Level : -
Sketsa loading
loading
Keterangan Sketsa
1. Tampilan text
tunggu Dulu ya
atau (loading)
Animasi
Tidak ada
Sound
Tidak Ada
Content / text
Tunggu Dulu Ya
Gambar III.2 StoryBoard Loading masuk ke animasi (opening)
28
Nama Frame : Menu Utama
Level : -
Sketsa menu utama
Keluar
Tentang
Keterangan Sketsa
Menu utama terdiri dari :
1.Mulai belajar :
menampilkan menu
hukum nun sukun dan
tanwin, menu hukum
mim sukun, menu
hukum mim dan
tasydid, dan menu
hukun mad
2.Bermain :
menampilkan tebak
bacaan tajwidz dan
latihan soal
3.Tentang: menampilkan
info aplikasi.
4.Keluar: Keluar dari
Program.
Animasi
Awan Bergerak dan Orang
Sound
Musik Instrument
Content / Text
Sama Seperti Tampilan diatas
Gambar III.3 StoryBoard Menu Utama
29
Nama Frame : Menu Belajar
Level : -
Sketsa Menu Belajar
Menu Utama
Hukum nun sukundan tanwin
Hukum mim sukun
Hukum mim danNun Tasydid
Hukum mad
Keterangan Sketsa
1.Hukum Nun Sukun dan
Tanwin : muncul contoh
bacaan nun sukun dan
tanwin, ketika contoh
bacaan diklik akan muncul
materi, huruf-hurufnya, dan
contoh bacaan.
2.Hukum Mim Sukun :
muncul contoh bacaan Mim
Sukun, ketika contoh bacaan
diklik akan muncul materi,
huruf-hurufnya, dan contoh
bacaan.
3.Hukum Mim dan Tasydid :
muncul contoh bacaan Mim
dan Tasydid, ketika contoh
bacaan diklik akan muncul
materi, huruf-hurufnya, dan
contoh bacaan.
4.Hukum Mad : muncul
contoh bacaan Mad, ketika
contoh bacaan diklik akan
muncul materi, huruf-
hurufnya, dan contoh
bacaan.
Animasi
Awan Bergerak
Sound
Musik Instrument
Content / Text
Sama seperti tampilan diatas
Gambar III.4 StoryBoard Menu Mulai Belajar
30
Nama Frame : Menu Hukum Nun Sukun Dan Tanwin
Lavel : -
Sketsa Menu Hukum Nun sukun Dan Tanwin
Idzhar
Iqlab
Ikhfa
IdghamBii Ghunnah
IdghamBila Ghunnah
Kembali
Keterangan Sketsa
1.Idzhar : muncul
contoh bacaan
idzhar, ketika
contoh bacaan
diklik akan
muncul materi
huruf-hurufnya
dan contoh bacaan
2.Iqlab : muncul
contoh bacaan
iqlab, ketika
contoh bacaan
diklik akan
muncul materi
huruf-hurufnya
dan contoh bacaan
3.Ikhfa : muncul
contoh bacaan
ikhfa, ketika
contoh bacaan
diklik akan
muncul materi
huruf-hurufnya
dan contoh bacaan
4.Idgham bii
ghunnah : muncul
contoh bacaan
idgham bii
gunnah, ketika
contoh bacaan
diklik akan
muncul materi
huruf-hurufnya
dan contoh bacaan
5.Idgham bila
ghunnah : muncul
contoh bacaan
idgham bila
ghunnah, ketika
contoh bacaan
diklik akan
31
muncul materi
huruf-hurufnya
dan contoh bacaan
Animasi
Tidak Ada
Sound
Musik Instrument
Content / Text
Sama seperti tampilan diatas
Gambar III.5 StoryBoard Menu Hukum Nun Sukun Dan Tanwin
32
Nama Frame : Menu Hukum Mim Sukun
Lavel : -
Sketsa Menu Hukum Mim Sukun
IkhfaSyafawi
Idgham Mimi
IdzharSyafawi
Kembali
Keterangan Sketsa
1.Ikhfa Syafawi :
muncul contoh bacaan
ikhfa syafawi, ketika
contoh bacaan diklik
akan muncul materi
huruf-hurufnya dan
contoh bacaan
2.Idgham mimi : muncul
contoh bacaan idgham
mimi, ketika contoh
bacaan diklik akan
muncul materi huruf-
hurufnya dan contoh
bacaan
3.Idhar Syafawi :
muncul contoh bacaan
idhar syafawi, ketika
contoh bacaan diklik
akan muncul materi
huruf-hurufnya dan
contoh bacaan
Animasi
Tidak Ada
Sound
Musik Instrument
Content / Text
Sama seperti tampilan diatas
Gambar III.6 StoryBoard Menu Hukum Mim Sukun
33
Nama Frame : Menu Hukum Mim Dan Nun Tasydid
Lavel : -
Sketsa Menu Hukum Mim Dan Nun Tasydid
Ghunnah
Kembali
Keterangan Sketsa
1.Ghunnah : muncul
contoh bacaan
ghunnah, ketika
contoh bacaan diklik
akan muncul materi
huruf-hurufnya dan
contoh bacaan
Animasi
Tidak Ada
Sound
Musik Instrument
Contens / Text
Sama seperti tampilan diatas
Gambar III.7 StoryBoard Menu Hukum Mim Dan Nun Tasydid
34
Nama Frame : Menu Hukum Mad
Lavel : -
Sketsa Hukum Mad
Mad Thabii
Mad Far’i
Kembali
Keterangan Sketsa
1.Mad thabii : muncul
contoh bacaan mad
thabii, ketika contoh
bacaan diklik akan
muncul materi
huruf-hurufnya dan
contoh bacaan
2.Mad far’i : muncul
contoh bacaan mad
far’i, ketika contoh
bacaan diklik akan
muncul materi
huruf-hurufnya dan
contoh bacaan
Animasi
Tidak Ada
Sound
Musik Instrument
Content / Text
Sama seperti tampilan diatas
Gambar III.8 StoryBoard Menu Hukum Mad
35
Nama Frame : Menu Bermain
Lavel : -
Sketsa Menu Bermain
Tebak Hukumbacaan tajwid
Latihan Soal
Keterangan Sketsa
Menu latihan terdiri dari
1.Tebak hukum bacaan
Tajwid : menampilkan
contoh hukum bacaan
tajwid dalam bentuk
pilihan ganda.
2.Latihan Soal :
menampilkan soal-soal
latihan pilihan ganda.
Animasi
Awan Bergerak
Sound
Musik Intrument
Content / Teks
Sama dengan Tampilan diatas
Gambar III.9 StoryBoard Menu Bermain
36
Nama Frame : Menu Tentang
Level : -
Sketsa Menu Tentang
Aplikasi ini untuk memudahkan belajar
tajwid. Aplikasi ini masih belum sempurnadan masih bisa dikembangan lagi.
Created by : Soni Triono
Keterangan sketsa
Menu Tentang terdiri
dari :
1.Menu Tentang :
menampilkan tujuan
aplikasi tersebut
dibuat.
Animasi
Awan Bergerak
Sound
Musik Instrument
Content / Teks
Sama dengan Tampilan diatas
Gambar III.10 StoryBoard Menu Tentang
37
Nama Frame : Keluar
Level : -
Sketsa Menu Keluar
Apa kamu yakin akankeluar aplikasi ini ?
IYA TIDAK
Keterangan Sketsa
1.Keluar :
menampilkan
pilihan ya atau
tidak. Jika pilih ya
maka akan keluar
dari program, jika
tidak kembali ke
menu utama
Animasi
Awan Bergerak
Sound
Musik Intrument
Content / Teks
Sama dengan Tampilan diatas
Gambar III.11 StoryBoard Keluar
38
3.2.2. User Interface
1. Loading Animasi
halaman loading animasi dari animasi ini berisi teks “ Tunggu Dulu Ya",
hitungan mundur diberikan kurang dari 1 menit untuk menuju ke menu utama.
Gambar III. 12. Tampilan halaman Loading
2. Menu Utama
Halaman menu utama dari animasi ini berisi teks judul, tombol membaca belajar
ilmu tajwid, tombol bermain ilmu tajwid, tombol tentang, tombol keluar.
39
Gambar III. 13. Tampilan halaman menu utama
3. Menu Belajar
Halaman menu belajar dari animasi ini berisi teks judul, tombol membaca
hukum nun sukun dan tanwin, tombol membaca hukum mim sukun, tombol
membaca hukum mim dan nun tasydid, tombol membaca hukum mad, tombol ke
menu utama.
Gambar III. 14. Tampilan halaman menu belajar
40
4. Menu Hukum Nun Sukun Dan Tanwin
Halaman menu Hukum Nun Sukun Dan Tanwin dari animasi ini berisi tombol
membaca hukum idzhar, tombol membaca iqlab, tombol membaca hukum ikhfa,
tombol membaca idgham bii Ghunnah, tombol membaca hukum idgham bila
ghunnah, tombol kembali.
Gambar III. 15. Tampilan halaman menu Hukum Nun Sukun Dan Tanwin
5. Hukum Mim Sukun
Halaman menu hukum mim sukun dari animasi ini berisi tombol membaca
hukum ikhfa syafawi, tombol membaca hukum idgham mimi, tombol membaca
hukum idzhar syafawi.
41
Gambar III. 16. Tampilan halaman menu Hukum Mim Sukun
6. Menu Hukum Mim Dan Nun Tasydid
Halaman menu hukum mim dan nun tasydid dari animasi ini berisi tombol
membaca hukum ghunnah.
Gambar III. 17. Tampilan halaman menu Hukum Mim Dan Nun Tasydid
42
7. Menu Hukum Mad
Halaman menu hukum mad dari animasi ini berisi tombol membaca hukum
mad thabii, tombol membaca hhukum mad far’i.
Gambar III. 18. Tampilan halaman menu Hukum Mad
8. Menu Bermain
Halaman menu bermain dari animasi ini berisi teks judul, tombol tebak hukum
bacaan tajwid, tombol latihan soal, tombol ke menu utama.
Gambar III. 19. Tampilan halaman Bermain
43
9. Tentang
Halaman menu tentang dari animasi ini berisi menampilkan tujuan aplikasi
tersebut dibuat dan tombol ok
Gambar III. 20. Tampilan halaman tentang
10. Keluar
Halaman menu keluar dari animasi ini berisi teks judul dan tombol keluar
berakhirnya aplikasi animasi.
Gambar III. 21. Tampilan halaman keluar
44
3.3. Implementasi
3.3.1. Code Generation
1. Script tampilan loading
stop();
fscommand("fullscreen",true);
2. Script menu utama
stop();
musik = new Sound();
musik.attachSound("theme");
musik.start(0,100);
stop();
3. Script menu belajar
awal = new Sound();
awal.attachSound("judulbelajar");
awal.start();
4. Script menu hukum nun sukun dan tanwin
on(release){
_root.gotoAndStop('hukum1');
}
5. Script menu hukum mim sukun
on(release){
_root.gotoAndStop('hukum2');
}
45
6. Script menu hukum mim dan nun tasydid
on(release){
_root.gotoAndStop('hukum3');
}
7. Script menu hukum mad
on(release){
_root.gotoAndStop('hukum4');
}
8. Script bermain
on(release){
_root.gotoAndStop('bermain');
}
9. Script tentang
on(release){
_root.gotoAndStop('menu');
}
10. Script keluar
on(release){
_root.gotoAndStop("Keluar");
}
3.3.2 Blackbox Testing
Pada tahap pengujian (testing) ini menggunakan metode blackbox, dimana
pada metode ini animasi yang dibuat dapat berfungsi dengan benar dan sesuai
dengan kebutuhan user. Penguji blackbox disini tidak memperlihatkan struktur logika
interen animasi yang dibuat.
46
Tabel III. 2 Tabel Blackbox
INPUT PROSES OUTPUT VALIDASI
Tombol belajar Menampilkan
pilihan materi tajwid Tampilan pilihan
materi tajwid Sesuai
Tombol Hukum
Nun Sukun &
Tanwin
Menampilkan
pilihan materi
Hukum Nun Sukun
& Tanwin
Tampilan pilihan
materi Hukum Nun
Sukun& Tanwin
Sesuai
Tombol Hukum
Mim Sukun
Menampilkan
pilihan materi
Hukum Mim Sukun
Tampilan pilihan
materi Hukum Mim
Sukun
Sesuai
Tombol Hukum
Mim & Nun
Tasydid
Menampilkan
pilihan materi
Hukum Mim & Nun
Tasydid
Tampilan pilihan
materi Hukum Mim
& Nun Tasydid
Sesuai
Tombol Hukum
Mad
Menampilkan
pilihan materi
Hukum Mad
Tampilan pilihan
materi Hukum Mad Sesuai
Tombol bermain Menampilkan tebak
bacaan tajwid Tampilan bermain
tebak bacaan tajwid Sesuai
Tomol tentang Menampilkan info
tentang apklikasi Tampilan info
aplikasi Sesuai
Tombol keluar Menampilkan opsi
keluar dari program
Tampilan opsi keluar
dari program
Sesuai
Dari pengujian tersebut dapat disimpulkan bahwa animasi tersebut dilihat dari
sudut pandang pembuatannya layak untuk digunakan.
Untuk mengetahui lebih lanjut penilaian dari pengguna atau user terhadap
animasi yang telah dibuat, penulis menggunakan metode questioner dan wawancara
langsung dengan responden yang mewakili pengguna. Untuk wawancara penulis
mengambil narasumber sebanyak 10 (sepuluh) orang untuk kuesioner yang terdiri
dari 10 (sepuluh) pertanyaan. Berikut ini adalah rincian dari item item kuesioner
untuk responden.
47
Tabel III. 2 Tabel Kuisioner
NO DAFTAR PERTANYAAN UNTUK PESERTA
DIDIK
JAWABAN
YA TIDAK
1 Menurut adik-adik apakah aplikasi animasi ini mudah
digunakan ? 8 2
2 Apakah aplikasi animasi ini dapat membantu adik-adik
dalam mengenal Lafadz Tajwid ? 9 1
3 Apakah setelah mencoba aplikasi animasi ini adik-adik
lebih tertarik menggunakan media ini ? 8 2
4 Apakah aplikasi animasi ini membuat adik-adik ingin
lebih rajin dalam belajar ? 7 3
5 Menurut adik-adik apakah aplikasi animasi ini menarik
dan mudah untuk di pelajari ? 7 3
6 Menurut adik-adik apakah soal-soal yang ada di quiz
interaktif sulit untuk dijawab ? 2 8
7 Apakah suara didalam aplikasi animasi ini terdengar
jelas ? 6 4
8 Apakah gambar dan animasi yang terdapat di aplikasi ini
menarik bagi adik-adik ? 7 3
9 Apakah pembahasan materi yang ada diaplikasi ini
mudah dimengerti ? 8 2
10 Apakah dengan adanya aplikasi ini pelajaran teori itu
membosankan ? 5 6
Keterangan : Beri tanda (√) pada jawaban yang dipilih
Berikut ini hasil perhitungan kuesionernya:
48
Gambar III.22. Tampilan Grafik Kuesioner Untuk Siswa Kelas 3 SD
Dari hasil kuesioner yang telah disebar ke responden dan grafik diatas dapat
diambil kesimpulan bahwa sebagian besar siswa sekolah dasar kelas 3 dapat
menggunakan aplikasi ini dengan mudah, dapat membantu dalam pembelajaran
agama mengenal ilmu tajwid, dan membuat siswa lebih bersemangat dalam proses
belajar mengajar disekolah untuk bidang pelajaran agama.
0.0%
10.0%
20.0%
30.0%
40.0%
50.0%
60.0%
70.0%
80.0%
90.0%
100.0%
Soal 1 Soal 2 Soal 3 Soal 4 Soal 5 Soal 6 Soal 7 Soal 8 Soal 9 Soal 10
YA TIDAK
49
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 corelDRAW X4:
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
Sistem Operasi : Windows 7 SP3