BAB IV IMPLEMENTASI DAN PENGUJIAN
4.1
Implementasi Tahap selanjutnya yang akan dilakukan setelah melakukan analisis dan
merancang aplikasi modul pembelajaran Matematika kelas 1 SD adalah implementasi dan pengujian aplikasi. Pada tahapan implementasi terdapat dua cakupan yaitu spesifikasi kebutuhan sistem yang meliputi perangkat keras dan perangkat lunak, implementasi yang meliputi proses pengkodean, desain antarmuka dan hal-hal yang berhubungan dengan pengujian aplikasi. 4.1.1
Spesifikasi Kebutuhan Sistem Berikut spesifikasi kebutuhan sistem dimana aplikasi dirancang atau
dibuat dan diimplementasikan pada software Adobe Flash CS3 : 1. Komputer Pribadi (hardware) a. Prosessor AMD Turion X2 Dual-Core Mobile RM-75 2.20GHz b. DDR2 RAM 1GB c. Harddisk 350GB 2. Perangkat Lunak (Software) a. Microsoft Windows 7 Ultimate b. Adobe Flash CS3 c. Adobe Photoshop CS3 d. Sound Recorder 6.1 e. Audacity 1.2.6
78
79
f. Xilosoft Video Converter 2.1.53
4.2
Pengumpulan Bahan Pengumpulan bahan atau material berupa file-file teks, gambar, animasi,
audio dan tombol navigasi yang diperoleh dengan cara membuat sendiri dan mengambil dari sumber lain.
4.2.1
Teks File teks atau isi dari materi pembelajaran diperoleh penulis dari beberapa
buku Matematika kelas 1 SD sesuai dengan kurikulum yang berlaku di Indonesia saat ini dan merupakan buku panduan untuk siswa kelas 1 belajar disekolah.
4.2.2
Gambar Gambar latar dan gambar-gambar benda yang digunakan dalam aplikasi
ini dibuat sendiri oleh penuli dengan inspirasi dari berbagai sumber, gambar dibuat menggunakan Adobe flash CS3. Gambar dibuat dengan rectangle tool dan oval tool yang dimodifikasi sehingga membentuk gambar tertentu. Selain gambar yang dibuat sendiri oleh penulis, ada beberapa gambar yang diperoleh penulis dari sumber lain.
Gambar 4.1 Background Menu Materi
80
Gambar 4.2 Background Menu Submateri
Gambar 4.3 Background Materi
Gambar 4.4 Buah dan Benda
81
Gambar 4.5 Pengenalan waktu (Kismiantini dan Indrawati, 2008) 4.2.3
Animasi Animasi pada aplikasi ini dibuat sendiri oleh penulis menggunakan Adobe
Flash CS3 dengan teknik motion tween. Animasi dibuat agar aplikasi menjadi lebih menarik bagi anak-anak.
Gambar 4.6 Animasi Anak Laki-Laki
Gambar 4.7 Animasi Anak Perempuan
82
4.2.4
Suara Suara latar dan suara tombol diperoleh penulis dari berbagai sumber
dengan format MP3, sedangkan suara penjelesan untuk semua materi dan latihan direkam sendiri oleh penulis yang hasilnya berformat WMA dan kemudian diubah menjadi MP3 dengan bit rate 32 Kbit/s dengan tujuan untuk menghemat memori.
4.2.5
Tombol Navigasi Tombol navigasi yang terdapat pada aplikasi ini mengandung link yang
menghubungkan satu halaman dengan halaman lainnya. Semua tombol yang ada dibuat sendiri oleh penulis menggunakan Adobe Flash CS3. Tabel 4.1 Tombol Navigasi No.
Gambar Tombol
Keterangan Tombol ini berfungsi untuk menuju ke halaman menu.
1.
Tombol ini berfungsi untuk menuju 2.
ke halaman menu utama. Tombol-tombol ini berfungsi untuk kembali ke halaman sebelumnya.
3.
Tombol ini berfungsi untuk menuju ke halaman selanjutnya. 4.
83
Tabel 4.2 Tombol Navigasi (Lanjutan) No.
Gambar Tombol
Keterangan Tombol ini berfungsi untuk menuju
5.
ke halaman menu materi yang diinginkan. Tombol ini berfungsi untuk menuju ke halaman submateri yang ingin
6.
dipelajari. Tombol ini berfungsi untuk menuju 7.
ke halaman latihan.
8.
Tombol
ini
berfungsi
memulai
mengerjakan
untuk soal-soal
latihan. Tombol
ini
berfungsi
untuk
menjawab soal latihan. 9.
Tombol 10.
ini
menyimpan
berfungsi nilai
hasil
untuk dari
mengerjakan soal latihan. Tombol
berfungsi
untuk
mengecek jawaban benar atau salah
11.
Tombol ini berfungsi untuk keluar
12.
4.3
ini
dari aplikasi.
Pembuatan Setelah bahan-bahan yang diperlukan sudah terkumpul maka akan
diintegrasikan kedalam aplikasi yang akan dibuat menggunakan Adobe Flash CS3, termasuk melakukan pengkodean dengan bahasa pemrograman Action Script
84
2.0. Aplikasi dibuat dengan spesifikasi layar sebesar 1024x768 pixel dan dengan nilai frame rate 12 fps yang merupakan frame rate standar dalam pembuatan animasi. Sebuah movie Flash dapat dibagi dalam berbagai scene yang menampilkan suatu adegan atau skenario tertentu. Setiap scene terdapat beberapa layer agar mudah dalam mengatur suatu obyek. Aplikasi ini terdiri dari 35 scene. Setiap scene terdapat beberapa animasi yang dibuat dengan teknik motion tween dan motion shape yaitu teknik yang digunakan untuk membuat sebuah gambar atau objek bergerak secara otomatis.
4.3.1
Scene Pembuka Pada scene pembuka terdapat animasi lambang gambar Universitas Mercu
Buana , awan dan animasi bola pada judul dengan menggunakan teknik motion tween untuk menggerakkan animasi tersebut. Pada scene ini tedapat gambar latar belakang gedung-gedung yang dibuat oleh penulis, musik latar, suara “Universitas Mercu Buana mempersembahkan” yang direkam oleh penulis dan teks “Asyiknya belajar matematika kelas 1-6 SD”. Pada scene ini terdapat 10 layer dan penjelasan masing-masing layer ada pada Tabel 4.3.
Gambar 4.8 Scene Pembuka
85
Tabel 4.3 Layer Scene Pembuka No.
Nama Layer
1.
Action
2.
Kursor
3.
Logo
4.
Tombol Masuk
5.
Tiang
6.
Suara Universitas
7.
Suara Mempersembahkan
8.
Mercubuana
9.
Mempersembahkan
10.
Movie
Keterangan Pada layer ini terdapat action script dan suara latar yang berformat MP3. Pada layer ini terdapat gambar pensil yang berfungsi sebagai kursor. Pada layer ini terdapat animasi logo Universitas Mercu Buana Pada layer ini terdapat tombol Masuk untuk menuju ke halaman menu utama Pada layer ini terdapat gambar tiang untuk tombol Masuk Pada layer ini terdapat suara “Universitas Mercu Buana” Pada layer ini terdapat suara “Mempersembahkan” Pada layer ini terdapat teks “Universitas Mercu buana” yang berbentuk animasi Pada layer ini terdapat teks “Mempersembahkan” yang berbentuk animasi Pada layer ini terdapat latar belakang gambar, teks , serta animasi bola.
Pada frame pertama layer action terdapat script untuk : fscommand ("fullscreen","true");
Perintah ini untuk menampilkan aplikasi secara fullscreen pada saat aplikasi tersebut dijalankan. Kemudian dalam layer movie pada frame 187 terdapat script: stop( );
Script ini untuk menghentikan movie yang sedang dimainkan. Pada layer kursor terdapat script: onClipEvent (enterFrame) { Mouse.hide(); startDrag(this, true); }
86
Script ini akan menyebunyikan kursor asli dan akan menggantinya dengan gambar yang ada pada movieclip. Layer ini akan terus digunakan pada semua scene. Pada layer Masuk terdapat tombol Masuk yang didalamnya terdapat script: on (release) { loadMovie("menu.swf",0); }
Ketika tombol Masuk ditekan, perintah ini berfungsi untuk memainkan movie yang bernama “mtk4.swf” dimana terdapat menu utama didalam movie tersebut.
4.3.2
Scene Menu Utama Pada scene menu utama terdapat tombol-tombol kelas yang bisa dipilih
sesuai keinginan pengguna, terdapat tombol credit title, tombol keluar, dan tombol suara. Terdapat 8 layer pada Scene ini dan masing-masing layer dijelaskan dalam Tabel 4.4.
Gambar 4.9 Scene Menu Utama
87
Tabel 4.4 Layer Menu Utama No. Nama Layer 1. Background 2. Exit 3.
School
4. 5. 6.
Menu Title Suara
7.
Kursor
8.
Action
Keterangan Pada layer ini terdapat gambar latar belakang Terdapat tombol keluar dan tombol credit title Terdapat gambar bangunan sekolah dan animasi awan pada layer ini Pada layer ini terdapat tombol-tombol kelas 1 sampai 6 Terdapat teks “Asiknya belajar matematika” pada layer ini Terdapat suara latar pada layer ini dan tombol suara Pada layer ini terdapat gambar pensil yang berfungsi sebagai kursor. Terdapat script pada layer ini
Pada layer exit terdapat tombol Keluar dengan script: on (release) { fscommand ("quit", "true"); }
Ketika tombol Keluar ditekan, perintah ini berfungsi untuk menutup aplikasi yang sedang dijalankan. Kemudian masih pada layer yang sama, terdapat tombol credit title dengan script: on (release) { gotoAndStop("credit title",1); }
Peritnah ini berfungsi untuk memainkan scene “credit title” dan berhenti pada frame 1. Pada layer Menu terdapat tombol-tombol kelas 1 sampai 6, berikut ini script yang ada pada tombol: on (release) { loadMovie("mtk1.swf",0); }
88
on (release) { loadMovie("mtk2.swf",0); } on (release) { loadMovie("mtk3.swf",0); } on (release) { loadMovie("mtk4.swf",0); } on (release) { loadMovie("mtk5.swf",0); } on (release) { loadMovie("mtk6.swf",0); }
Perintah ini berfungsi untuk memainkan movie yang dituju sesuai dengan perintah yang ada pada masing-masing tombol. Pada layer suara terdapat tombol Suara dengan script : on (release) { nextFrame(); }
Perintah ini berfungsi untuk memainkan satu frame berikutnya. Pada scene ini terdapat 2 frame, yang mana pada frame pertama terdapat suara latar dan frame kedua tidak ada suara latar. Jadi perpindahan frame ini bertujuan untuk menghentikan suara. Pada layer kursor dan action pada scene ini sama saja seperti yang ada pada scene pembuka. 4.3.3
Scene Menu Kelas 1 Scene ini menampilkan tombol-tombol pilihan materi yang sudah
dikelompokkan sesuai dengan bab atau pokok materi dan juga bisa memilih ujian semester ganjil dan genap. Pada scene ini terdapat animasi awan, angka 1 pada
89
judul, animai anak laki-laki dan perempuan yang dibuat sendiri oleh penulis dengan menggunakan teknin motion tween untuk menggerakkannya, serta pada scene ini terdapat tombol Menu Utama dan Keluar. Terdapat 10 layer pada scene ini, penjelasan dari masing-masing layer terdapat pada Tabel 4.5.
Gambar 4.10 Scene Menu Kelas 1 Tabel 4.5 Layer Menu Kelas 1 No.
Nama Layer
1.
Background
2. 3.
Stop Awan
4.
Judul
5.
Animasi
6.
Ganjil
7.
Genap
8.
Tombol
9. 10.
Teks Kursor
Keterangan Pada layer ini terdapat gambar-gambar yang menjadi latar belakang scene ini, diantaranya gambar gunung, pagar, jalan, pohon, padang rumput dan rumah. Pada layer ini terdapat script untuk menghentikan movie Layer ini terdapat animasi awan Terdapat teks “Dunia belajar matematika kelas 1 SD” dan juga terdapat animasi angka 1 Terdapat animasi anak laki-laki dan perempuan Pada layer ini terdapat gambar papan nama dengan teks “Semester ganjil” Pada layer ini terdapat gambar papan nama dengan teks “Semester genap” Terdapat tombol-tombol materi dan ujian semester serta tombol Menu utama dan keluar Layer ini berisikan teks dari judul-judul materi yang ada Terdapat gambar pensil yang berfungsi sebagai kursor.
90
Pada layer stop terdapat script: stop();
Perintah ini berfungsi untuk menghentikan frame yang sedang dimainkan sehingga tidak berpindah ke frame atau scene selanjutnya. Pada layer tombol terdapat tombol-tombol materi dengan script: on (press) { gotoAndStop ("bab1",1); } on (press) { gotoAndStop ("bab2",1); } on (press) { gotoAndStop ("bab3",1); } on (press) { gotoAndStop ("bab4",1); } on (press) { gotoAndStop ("bab5",1); } on (press) { gotoAndStop ("bab6",1); } on (press) { gotoAndStop ("bab7",1); } on (press) { gotoAndStop ("bab8",1); } on (press) { gotoAndStop ("ujisemester1",1); }
91
on (press) { gotoAndStop ("ujisemester2",1); }
Ketika tombol Materi ditekan, perintah ini berfungsi untuk memainkan scene dan berhenti pada frame yang dituju. Pada layer tombol juga terdapat tombol Menu Utama dengan script: on (release) { loadMovie ("menu.swf",0); }
Ketika tombol Masuk ditekan, perintah ini berfungsi untuk memainkan movie yang bernama “menu.swf”. Masih pada layer yang sama juga terdapat tombol Keluar dengan script : on (release) { fscommand ("quit", "true"); }
Ketika tombol Keluar ditekan, perintah ini berfungsi untuk menutup aplikasi atau keluar dari aplikasi yang sedang dijalankan. Pada layer kursor fungsinya sama seperti yang ada pada scene pembuka.
4.3.4
Scene Submateri Scene Submateri adalah halaman yang menampilkan pilihan dari
submateri yang akan dipelajari, pada scene ini terdapat tombol-tombol submateri sesuai materi yang dipilih. Terdapat 8 pokok materi dalam aplikasi ini, dan akan menampilkan halaman seperti ini apabila masuk ke halaman submateri. Terdapat pula tombol Latihan dan tombol Kembali yang berbentuk balon serta terdapat animasi angka dan awan. Scene ini mempunyai 7 layer, penjelesan dari masingmasing layer ada pada Tabel 4.6.
92
Gambar 4.11 Scene Submateri Tabel 4.6 Layer Submateri No.
Nama Layer
1.
Background
2.
Awan
3.
Back
4.
Papan judul
5.
Animasi
6.
Tombol
7.
Kursor
Keterangan Pada layer ini terdapat gambar latar belakang yang terdiri dari gambar gedung, pagar, rumput, dan bunga Pada layer ini terdapat animasi awan Terdapat tombol Kembali berbentuuk balon untuk kembali ke halaman Menu kelas 1 Terdapat gambar papan jalan dengan teks “Bab1 bilangan 1 sampai 20” Pada layer ini terdapat animasi angka 1, 2 dan 3 Pada layer ini terdapat tombol-tombol submateri dari dan latihan sesuai pokok materi yang dipilih dengan tombol berbentuk papan kayu Pada layer ini terdapat gambar pensil yang berfungsi sebagai kursor.
Pada layer back terdapat tombol Kembali dengan script : on (release) { stopAllSounds(); gotoAndStop ("menukelas1",1); }
Terdapat dua perintah pada script ini yaitu stopAllSounds(); berfungsi untuk menghentikan seluruh musik atau suara yang sedang dimainkan, kemudian
93
gotoAndStop ("menukelas1",1); berfungsi untuk berpindah dan berhenti ke halaman yang dituju, pada hal ini yaitu berpindah ke frame 1 pada scene “menukelas1”. Pada layer tombol terdapat tombol-tombol pilihan submateri yang akan dipelajarai, berikut ini adalah script dari tombol-tombol submateri pada materi bilangan 1 sampai 20 : on (release) { stopAllSounds(); gotoAndStop ("1sampai20",1); } on (release) { stopAllSounds(); gotoAndStop ("materi1",1); } on (release) { stopAllSounds(); gotoAndStop ("materi1",4); } on (release) { stopAllSounds(); gotoAndStop ("latihan1",1); }
Terdapat dua perintah pada script ini yaitu untuk menghentikan seluruh musik/suara yang sedang dimainkan, kemudian untuk memainkan frame pada scene yang dituju sesuai perintah yang ada pada setiap tombol.
4.3.5
Scene Mengenal Bilangan Pada scene ini terdapat tombol-tombol bilangan yang dilengkapi dengan
suara, tombol menu, dan tombol kembali. Scene seperti ini digunakan pada materi mengenal bilangan 1 sampai 20 dan bilangan 21 sampai 99. Pada scene ini terdapat 6 layer dan pada Tabel 4.7 terdapat penjelasan dari masing-masing layer.
94
Gambar 4.12 Scene Mengenal Bilangan Tabel 4.7 Layer Mengenal Bilangan No.
Nama Layer
1.
Background
2.
Board
3.
Bilangan
4.
Keterangan
5.
Tombol
6.
Kursor
Keterangan Terdapat gambar gelembung-gelembung dengan latar belakang biru Terdapat gambar papan hijau sebagai area keterangan gambar dan teks Terdapat tombol-tombol bilangan yang dilengkapi dengan suara Layer yang terdiri dari banyak frame dimana pada setiap frame terdapat keterangan teks dan gambar Pada layer ini terdapat tombol menu dan kembali Pada layer ini terdapat gambar pensil yang berfungsi sebagai kursor.
Pada layer bilangan terdapat deretan tombol bilangan yang masing-masing mempunyai script sebagai berikut: on (release) { gotoAndStop (2); }
Perintah ini berfungsi untuk memainkan frame yang dituju, dalam script tersebut yaitu frame 2. Setiap tombol mempunyai script yang sama, hanya berbeda pada frame yang akan dimainkan saja. Memainkan frame yang berbeda ini bertujuan untuk memberikan keterangan sesuai dengan tombol bilangan yang ditekan.
95
Pada layer tombol terdapat tombol Menu yang berfungsi untuk kembali ke halaman Menu Kelas 1, berikut ini adalah script dari kedua tombol tersebut: on (release) { stopAllSounds(); gotoAndStop ("menukelas1",1); }
Pada layer tombol juga terdapat tombol Kembali yang berfungsi untuk kembali ke halaman bab, berikut ini adalah script yang ada pada halaman materi bab 1: on (release) { stopAllSounds (); gotoAndStop ("bab1",1); }
4.3.6
Scene Materi Scene Materi adalah halaman yang digunakan untuk menjelaskan materi-
materi yang ada pada aplikasi. Pada halaman ini terdapat gambar papan tulis sebagai area materi yang dilengkapi dengan teks, gambar, animasi dan suara. Pada halaman ini terdapat tombol Menu, Kembali, Latihan, Selanjutnya dan Sebelumnya. Scene ini mempunyai 10 layer, penjelasan dari masing-masing layer ada pada Tabel 4.8.
Gambar 4.13 Scene Materi
96
Tabel 4.8 Layer Materi No.
Nama Layer
1.
Background
2.
Action
3.
Sebelumnya
4.
Selanjutnya
5.
Board
6. 7.
Animasi Button
8.
Title
9.
Materi
10.
Kursor
Keterangan Terdapat latar belakang dengan gambar pohonpohon dan gelembung pada layer ini Pada layer ini terdapat script Terdapat tombol Sebelumnya untuk menuju ke halaman yang sebelumnya Terdapat tombol Selanjutnya untuk menuju ke halaman yang berikutnya Pada layer ini terdapat gambar papan tulis sebagai area penjelasan materi Terdapat animasi anak perempuan Terdapat tombol Menu, Kembali dan Latihan Pada layer ini terdapat teks sebagai judul dari materi Pada layer ini terdapat terdapat materi yang akan dipelajari berupa teks, gambar, animasi dan suara Pada layer ini terdapat gambar pensil yang berfungsi sebagai kursor
Pada layer sebelumnya terdapat tombol dengan script sebagai berikut: on (release) { stopAllSounds (); prevFrame (); }
Perintah stopAllSounds(); untuk menghentikan semua musik/suara yang sedang dimainkan, sedangkan prevFrame(); berfungsi untuk memainkan satu frame sebelumnya. Perintah tersebut berguna untuk kembali ke halaman materi sebelumnya. Pada layer selanjutnya terdapat tombol dengan script sebagai berikut: on (release) { stopAllSounds (); nextFrame (); }
97
Pada perintah ini juga terdapat script untuk menghentikan musik/suara yang sedang dimainkan, sedangkan nextFrame(); berfungsi untuk memainkan satu frame berikutnya. Pada layer button terdapat tiga tombol yaitu tombol Menu, Kembali dan Latihan dengan script sebagai berikut: on (release) { stopAllSounds(); gotoAndStop ("menukelas1",1); } on (release) { stopAllSounds(); gotoAndStop ("bab1",1); } on (release) { stopAllSounds(); gotoAndStop ("latihan1",1); }
Perintah ini untuk berpindah ke frame 1 pada scene “menukelas1” untuk tombol Menu, scene “bab1” untuk tombol Kembali, dan ke scene “latihan1” untuk tombol Latihan. Script ini berada pada halaman Materi Bab 1, pada halaman materimateri lainnya juga menggunakan script yang sama, hanya berbeda pada halaman yang dituju saja.
4.3.7
Scene Latihan Scene latihan merupakan halaman dimana pengguna dapat mengerkajan
soal latihan dari materi yang ada. Tersedia 8 latihan yang terdapat pada setiap bab serta ujian semester genap dan ganjil. Pada halaman ini jawaban pilihan ganda berbentuk tombol dan mempunyai tiga frame yang berbeda untuk 3 kondisi yaitu nilai bagus, nilai kurang bagus dan waktu habis. Dalam pembuatan scene ini terdapat 11 layer yang dijelaskan pada Tabel 4.9 untuk masing-masing layer.
98
Gambar 4.14 Scene Awal Latihan
Gambar 4.15 Scene Soal Latihan
Gambar 4.16 Scene Nilai Latihan Bagus
99
Gambar 4.17 Scene Nilai Latihan Kurang Bagus
Gambar 4.18 Scene Waktu Habis
Gambar 4.19 Scene Nilai Latihan
100
Tabel 4.9 Layer Latihan No.
Nama Layer
1.
Background
2. 3.
Board Timer
4.
Nomer Soal
5.
Option
6.
Tombol
7.
Hasil
8.
Script
9.
Jawaban
10.
Soal
11.
Kursor
Keterangan Terdapat latar belakang dengan gambar pohon-pohon dan gelembung pada layer ini Terdapat gambar sebagari area soal latihan Terdapat movie clip sebagai timer menggunakan script Terdapat area teks dengan tipe dynamic untuk memberikan nomer pada soal Pada layer ini terdapat 3 buah tombol jawaban yaitu a, b dan c. Dan juga terdapat area teks dengan tipe dynamic untuk menampilkan jawaban yang sudah dipilih Layer ini untuk menempatkan tombol Mulai, Lanjut dan Simpan Terdapat 3 buah frame untuk menampilkan nilai dengan kondisi yang berbeda dan 1 frame untuk menampilkan tabel nilai Pada layer ini terdapat script Pada layer ini terdapat variable dengan nilai jawaban a, b, atau c sebagai kunci jawaban pada setiap pertanyaan yang ada pad asetiap frame. Pada layer ini terdapat soal-soal yang akan dijawab Pada layer ini terdapat gambar pensil yang berfungsi sebagai kursor
Pada layer script terdapat perintah untuk mengacak frame yang bertujuan untuk mengacak soal dengan script sebagai berikut: stop () ; jawaban = "" ; kunci = "" ; nama = ""; warning = ""; nilai = 0 ; nomor_soal = 0 ; soal = new Array (1,2,3,4,5,6,7,8,9,10,11,12,13,14,15) ; soal1 = new Array (0,0,0,0,0,0,0,0,0,0,0,0,0,0,0); hasil = new Array (0,0,0,0,0,0,0,0,0,0);
101
a=-1 function acak_soal() { for(i=0;i<10;i++) { before=0; while(before==0) { item=random(16); if(soal1[item]==0) { before=1; soal1[item]=1; hasil[i]=soal[item]+1; } } } } acak_soal() trace(hasil) Pada layer tombol terdapat tombol Mulai dengan script sebagai
berikut:
Pada layer tombol terdapat tombol Mulai pada frame 1 dengan script sebagai berikut: on(release) { stopAllSounds(); _root.waktu.mulai = 1 nomor_soal+=1 a+=1 trace(a) gotoAndStop(hasil[a]) ; }
Pada layer jawaban terdapat script sebagai berikut sebagai kunci jawaban untuk setiap soal: kunci = "a" kunci = "b" kunci = "c"
Pada layer tombol terdapat tombol pilihan jawaban a, b dan c dengan script sebagai berikut: on(release) { jawaban = "a" ; warning2 = ""; }
102
on(release){ jawaban = "b" ; warning2 = ""; } on(release){ jawaban = "c" ; warning2 = ""; }
Pada layer tombol terdapat tombol Lanjut dengan script sebagai berikut: on(release) { if (jawaban == "") { warning2="Kamu belum menjawab soal!!"; } else { stopAllSounds(); nomor_soal+=1 if(jawaban == kunci) { nilai += 1 ; } a+=1 gotoAndStop(hasil[a]) ; warning2=""; } if(nomor_soal > 10) { _root.waktu.mulai = 0 ; if(nilai > 5) { gotoAndStop("bagus") } else { gotoAndStop("jelek") } } jawaban=""; }
Pada script ini terdapat perintah untuk menambahkan nilai jika jawaban sesuai dengan kunci jawaban dan apabila sudah sampai soal ke sepuluh maka akan menampilkan halaman hasil.
103
Pada layer timer terdapat script sebagai berikut: onClipEvent(load){ x = 0 ; detik = 0 ; menit = 60 ; mulai = 0 ; } onClipEvent(enterFrame) { if(mulai == 1){ x+=1 if( x == 12) { x = 0; detik -= 1 ; if(detik < 0) { detik = 59 ; menit -= 1 } } } if(detik < 10) { tampil_detik = "0" + detik ; } else { tampil_detik = detik ; } if(detik==60) { tampil_detik="00" } if(menit > 10) { tampil_menit = menit ; } else { tampil_menit = "0" + menit ; } if(menit == 0 and detik ==0) { stopAllSounds (); mulai = 0 ; _root.gotoAndStop("over"); } }
104
Pada layer hasil terdapat perintah untuk menyimpan nilai yang didapat dengan script sebagai berikut: stop(); function simpanNilai (score, name) { DataNilai = SharedObject.getLocal("datalatihan1"); if (!DataNilai.data.siswa) { DataNilai.data.siswa = new Array(); DataNilai.data.siswa.push({nilaix:". . .", namax:". . ."}); DataNilai.data.siswa.push({nilaix:". . .", namax:". . ."}); DataNilai.data.siswa.push({nilaix:". . .", namax:". . ."}); DataNilai.data.siswa.push({nilaix:". . .", namax:". . ."}); DataNilai.data.siswa.push({nilaix:". . .", namax:". . ."}); DataNilai.data.siswa.push({nilaix:". . .", namax:". . ."}); DataNilai.data.siswa.push({nilaix:". . .", namax:". . ."}); DataNilai.data.siswa.push({nilaix:". . .", namax:". . ."}); DataNilai.data.siswa.push({nilaix:". . .", namax:". . ."}); DataNilai.data.siswa.push({nilaix:". . .", namax:". . ."}); } DataNilai.data.siswa.push({nilaix:score, namax:name}); DataNilai.flush(); } simpan.onRelease = function() { if (nama == "") { warning = "Kamu belum memasukkan nama!!"; } else { stopAllSounds (); simpanNilai (nilai, nama); gotoAndStop(20); } };
105
Dalam layer hasil pada frame 20 terdapat perintah untuk menampilkan data nilai yang sudah diperoleh sebelumnya dengan script sebagai berikut: stop(); tampil_nama = ""; tampil_nilai = ""; DataNilai = SharedObject.getLocal("datalatihan1"); DataNilai.data.siswa.sortOn("nilaix", Array.DESCENDING Array.NUMERIC); if (!DataNilai.data.siswa) { DataNilai.data.siswa = new Array(); DataNilai.data.siswa.push({nilaix:". . .", namax:". ."}); DataNilai.data.siswa.push({nilaix:". . .", namax:". ."}); DataNilai.data.siswa.push({nilaix:". . .", namax:". ."}); DataNilai.data.siswa.push({nilaix:". . .", namax:". ."}); DataNilai.data.siswa.push({nilaix:". . .", namax:". ."}); DataNilai.data.siswa.push({nilaix:". . .", namax:". ."}); DataNilai.data.siswa.push({nilaix:". . .", namax:". ."}); DataNilai.data.siswa.push({nilaix:". . .", namax:". ."}); DataNilai.data.siswa.push({nilaix:". . .", namax:". ."}); DataNilai.data.siswa.push({nilaix:". . .", namax:". ."}); DataNilai.data.siswa.sortOn("nilaix", Array.DESCENDING Array.NUMERIC); } for (i=0; i<10; i++) { tampil_nilai += DataNilai.data.siswa[i].nilaix+newline; } for (i=0; i<10; i++) { tampil_nama += DataNilai.data.siswa[i].namax+newline; } menu.onRelease = function() { stopAllSounds (); gotoAndStop("menukelas1", 1); };
|
. . . . . . . . . . |
106
4.3.8
Scene Latihan Penjumlahan Halaman ini akan menampilkan soal-soal penjumlahan, sistem akan
merandom bilangan yang akan dijumlahkan lalu pengguna menjawab dengan menginput jawaban dengan keyboard. Scene ini mempunyai 6 layer, yang dijelaskan pada Tabel 4.10 untuk masing-masing layer.
Gambar 4.20 Scene Latihan Penjumlahan Tabel 4.10 Layer Latihan Penjumlahan No. 1. 2. 3. 4.
Nama Layer Background Board Simpan Soal
5.
Timer
6.
Kursor
Keterangan Terdapat latar belakang dengan warna biru Terdapat latar gambar putih untuk area soal Terdapat tombol simpan Terdapat area dynamic text dan input text serta tombol Cek dan Lanjut Terdapat movie clip sebagai timer menggunakan script Pada layer ini terdapat gambar pensil yang berfungsi sebagai kursor
107
Pada frame 1 dalam layer soal terdapat perintah untuk memulai soal dengan script sebagai berikut: stop(); jawab=""; cek=""; warning=""; warning2=""; nama=""; nilai = 0; nomor = 0; mulai.onRelease = function() { _root.waktu.mulai = 1 gotoAndStop(2) ; nomor+=1 }
Pada frame 2 dalam layer soal terdapat perintah untuk mengacak bilangan sebagai soal dengan script: bil1=random(51) bil2=random(50)
Pada layer soal terdapat tombol Lanjut dan Cek, berikut script dari tombol Lanjut: on(release){ warning=""; if (jawab == "") { warning = "Kamu belum mengisi jawaban!!"; } else { if (jawab == bil1+bil2) { nilai += 1 ; } bil1=random(51) bil2=random(50) nomor+=1 } if(nomor > 10) { _root.waktu.mulai = 0 ; if(nilai > 5) { gotoAndStop("hore1") } else { gotoAndStop("hiks1") } } jawab=""; cek=""; }
108
{ gotoAndStop("hiks1") } } jawab=""; cek=""; }
Pada tombol Cek terdapat perintah untuk mengek jawaban benar atau salah, berikut scriptnya: on (release) { warning=""; if (jawab == "") { warning = "Kamu belum mengisi jawaban!!"; } else { if (jawab==bil1+bil2) { cek = "benar"; } else { cek = "salah"; } } }
Untuk menampilkan hasil dan menyimpan hasil serta timer menggunakan script yang hampir sama dengan yang ada pada scene latihan.
4.3.9
Scene Latihan Pengurangan Halaman ini akan menampilkan soal-soal pengurangan, sistem akan
merandom bilangan yang akan dikurangkan lalu pengguna menjawab dengan menginput jawaban dengan keyboard. Scene ini mempunyai 6 layer, yang dijelaskan pada Tabel 4.11 untuk masing-masing layer.
109
Gambar 4.21 Scene Latihan Pengurangan Tabel 4.11 Layer Latihan Pengurangan No. 1. 2. 3. 4.
Nama Layer Background Board Simpan Soal
5.
Timer
6.
Kursor
Keterangan Terdapat latar belakang dengan warna biru Terdapat latar gambar putih untuk area soal Terdapat tombol simpan Terdapat area dynamic text dan input text serta tombol Cek dan Lanjut Terdapat movie clip sebagai timer menggunakan script Pada layer ini terdapat gambar pensil yang berfungsi sebagai kursor
Pada layer soal dalam frame 1 tedapat script yang ada seperti pada scene latihan penjumlahan. Pada frame 2, berikut scriptnya: bil1=random(100) bil2=random(100) bil1puluhan=Math.floor(bil1/10)*10 bil1satuan=bil1-bil1puluhan bil2puluhan=Math.floor(bil2/10)*10 bil2satuan=bil2-bil2puluhan while(bil1
110
bil2puluhan=Math.floor(bil2/10)*10 bil2satuan=bil2-bil2puluhan }
Pada layer soal terdapat tombol Cek dengan script sebagai berikut: on (release) { warning=""; if (jawab == "") { warning = "Kamu belum mengisi jawaban!!"; } else { if (jawab==bil1-bil2) { cek = "benar"; } else { cek = "salah"; } } }
Pada layer soal terdapat tombol Lanjut dengan script sebagai berikut: on(release) { warning=""; if (jawab == "") { warning = "Kamu belum mengisi jawaban!!"; } else { if (jawab == bil1-bil2) { nilai += 1 ; respon = "benar"; } bil1=random(100) bil2=random(100) bil1puluhan=Math.floor(bil1/10)*10 bil1satuan=bil1-bil1puluhan bil2puluhan=Math.floor(bil2/10)*10 bil2satuan=bil2-bil2puluhan while(bil1
10) {
111
bil1puluhan=Math.floor(bil1/10)*10 bil1satuan=bil1-bil1puluhan bil2puluhan=Math.floor(bil2/10)*10 bil2satuan=bil2-bil2puluhan } nomor+=1 } if(nomor > 10) { _root.waktu.mulai = 0 ; if(nilai > 5) { gotoAndStop("hore") } else { gotoAndStop("hiks") } } jawab=""; cek=""; }
4.3.10 Scene Credit Title Scene ini adalah halaman yang akan menampilkan profil penulis, dan pada halaman ini terdapat tombol Menu untuk menuju ke halaman menu utama. Pada halaman ini terdapat animasi balon yang melayang dengan membawa logo Universitas Mercu Buana. Scene ini mempunyai 6 layer, yang dijelaskan pada Tabel 4.12 untuk masing-masing layer.
Gambar 4.22 Scene Credit Title
112
Tabel 4.12 Layer Credit Title No. 1. 2. 3. 4. 5. 6.
Nama Layer Background Pesawat Logo Terbang Teks Awan Kursor
Keterangan Terdapat latar belakang dengan warna biru Terdapat gambar pesawat kertas Terdapat animasi balon terbang dengan logo Terdapat teks yang diberikan teknik motion tween Terdapat gambar awan dan tombol Menu Pada layer ini terdapat gambar pensil yang berfungsi sebagai kursor
Pada layer awan terdapat tombol Menu untuk kembali ke halaman Menu Utama, dengan script sebagai berikit: on (release) { stopAllSounds(); gotoAndPlay("menu",1); }
4.4
Pengujian Sistem Pengujian aplikasi pembelajaran Matematika ini dilakukan untuk
mengetahui apakah aplikasi yang telah dibuat dapat berjalan dengan baik dan sesuai dengan rancangan yang telah ditetapkan sebelumnya. Pengujian terhadap aplikasi ini dilakukan dengan menggunakan metode pengujian Black Box dan juga pengujian menggunak kuesioner kepada target pengguna.
4.4.1
Pengujian Black Box Pengujian aplikasi modul pembelajaran Matematika ini dilakukan dengan
menggunakan metode black box. Tujuan dari metode Black Box Testing ini adalah untuk menemukan kesalahan fungsi pada program. Pengujian dilakukan dengan menjalankan aplikasi dan dengan menekan tombol-tombol yang ada pada aplikasi modul pembelajaran matematika ini apakah sesuai dengan yang diharapkan.
113
Tabel 4.13 Skenario Pengujian Black Box No. 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15.
Nama Tes Masuk menu utama Memilih menu kelas Memilih materi Memilih submateri Menuju halaman berikutnya Menuju halaman sebelumnya Kembali ke menu
Hasil yang diharapkan Menampilkan halaman menu utama Menampilkan halaman kelas sesuai yang dipilih Masuk ke dalam halaman submateri sesuai materi yang dipilih Menampilkan materi sesuai yang ingin dipelajari materi Menampilkan materi pada halaman selanjutnya materi Menampilkan materi pada halaman sebelumnya Menampilkan halaman menu
Memilih latihan
Menampilkan halaman latihan sesuai yang dipilih
Memulai latihan Memilih jawaban Melanjutkan soal Menyimpan nilai dan nama
Menampilkan soal latihan Menampilkan jawaban yang dipilih Menampilkan soal berikutnya Menyimpan nilai dan nama pada shared object Menampilkan credit title Menampilkan halaman credit title Mematikan musik pada Menghentikan musik yang sedang menu utama dimainkan pada halaman menu utama Keluar dari aplikasi Dapat keluar dari aplikasi Dari skenario pengujian terhadap aplikasi yang telah dibuat, hasilnya
adalah sebangai berikut: Tabel 4.14 Hasil Pengujian Black Box No. 1. 2. 3.
4.
5.
Nama Tes Masuk menu utama Memilih menu kelas Memilih materi
Hasil yang diharapkan Menampilkan halaman menu utama Menampilkan halaman kelas sesuai yang dipilih Masuk ke dalam halaman submateri sesuai materi yang dipilih Memilih Menampilkan materi submateri sesuai yang ingin dipelajari Menuju Menampilkan materi pada halaman materi halaman selanjutnya berikutnya
Hasil Keterangan Berhasil Dapat ditampilkan Berhasil Dapat ditampilkan Berhasil Dapat ditampilkan Berhasil Dapat ditampilkan Berhasil Dapat ditampilkan
114
Tabel 4.15 Hasil Pengujian Black Box (Lanjutan) No. 6. 7. 8. 9. 10. 11. 12. 13.
14.
15.
4.4.2
Nama Tes Menuju halaman materi sebelumnya Kembali ke menu Memilih latihan
Hasil yang diharapkan Hasil Keterangan Menampilkan materi pada Berhasil Dapat halaman sebelumnya ditampilkan
Menampilkan halaman Berhasil Dapat menu ditampilkan Menampilkan halaman Berhasil Dapat latihan sesuai yang dipilih ditampilkan Memulai latihan Menampilkan soal latihan Berhasil Dapat ditampilkan Memilih Menampilkan jawaban Berhasil Dapat jawaban yang dipilih ditampilkan Melanjutkan Menampilkan soal Berhasil Dapat soal berikutnya ditampilkan Menyimpan Menyimpan nilai dan Berhasil Dapat disimpan nilai dan nama nama pada shared object Menampilkan Menampilkan halaman Berhasil Dapat credit title credit title ditampilkan Mematikan Menghentikan musik Berhasil Dapat dimatikan musik pada yang sedang dimainkan menu utama pada halaman menu utama Keluar dari Dapat keluar dari aplikasi Berhasil Dapat keluar dari aplikasi aplikasi
Analisis Hasil Pengujian Blackbox Setelah tahap pengujian maka dapat disimpulkan bahwa :
1. Memilih tombol Masuk lalu berhasil masuk ke halaman menu utama dan dapat ditampilkan.
Gambar 4.23 Masuk ke Halaman Menu Utama 2. Memilih tombol kelas 1 lalu berhasil masuk ke halaman menu kelas 1 dan dapat di tampilkan.
115
Gambar 4.24 Masuk ke Halaman Menu Kelas 1 3. Memilih materi kemudian berhasil masuk ke halaman submateri dari materi yang dipilih dan dapat ditampilkan.
Gambar 4.25 Masuk ke Halaman Submateri 4. Memilih submateri kemudian berhasil masuk kehalaman submateri sesuai yag ingin dipelajari dan dapat ditampilkan.
Gambar 4.26 Masuk ke Halaman Materi 5. Memilih tombol Selanjutnya lalu berhasil menuju ke halaman materi berikutnya dan dapat ditampilkan.
Gambar 4.27 Masuk ke Halaman Materi Selanjutnya
116
6. Memilih tombol Sebelumnya lalu berhasil menuju ke halaman materi sebelumnya dan dapat ditampilkan.
Gambar 4.28 Masuk ke Halaman Materi Sebelumnya 7. Kembali ke menu lalu berhasil menuju halaman menu kelas 1 dan dapat ditampilkan.
Gambar 4.29 Kembali ke Halaman Menu Kelas 1 8. Memilih tombol latihan lalu berhasil menuju halaman latihan sesuai yang dipilih dan dapat ditampilkan.
Gambar 4.30 Masuk ke Halaman Latihan 9. Memulai latihan lalu berhasil menampilkan soal latihan.
Gambar 4.31 Memulai Latihan
117
10. Memilih jawaban lalu berhasil menampilkan jawaban yang dipilih dan dapat ditampilkan
Gambar 4.32 Memilih Jawaban 11. Memilih tombol Lanjut lalu berhasil menuju ke nomor soal selanjutnya da dapat ditampilkan.
Gambar 4.33 Menuju ke Soal Selanjutnya 12. Menyimpan data nilai dan nama lalu berhasil disimpan.
Gambar 4.34 Menyimpan Data Nilai dan Nama 13. Memilih tombol Credit Title lalu berhasil menuju halaman credit title dan dapat ditampilkan.
Gambar 4.35 Menampilkan Halaman Credit Title
118
14. Memilih tombol suara untuk mematikan suara latar pada halaman menu utama dan suara berhasil dapat dimatikan.
Gambar 4.36 Mematikan Suara Latar 15. Memilih tombol keluar untuk keluar dari aplikasi lalu berhasil.
Gambar 4.37 Keluar Aplikasi
4.4.3
Pengujian Kuesioner Pengujian ini dilakukan dengan cara melakukan pengujian melalui
kuesioner yang dibagikan kebeberapa responden yang merupakan target pengguna. Tabel 4.16 menjelaskan skenario dari pengujian ini, juga terdapat rumus perhitungan untuk mendapatkan nilai persentase dan skala penilaian.
119
Tabel 4.16 Skenario Pengujian Kuesioner No.
1.
2.
3.
4.
5.
6.
7.
Pertanyaan Rumus Persentase Apakah kamu mengalami kesulitan mempelajari mata Y = P/Q * 100% pelajaran Matematika setelah Keterangan: menggunakan aplikasi pembelajaran ? P = Banyak jawaban responden tiap soal Apakah kamu mengalami kesulitan dalam menghapal Q = Jumlah responden angka setelah menggunakan Y = Nilai peresentase aplikasi pembelajaran? Apakah kamu mengalami kesulitan dalam mengurutkan angka setelah menggunakan aplikasi pembelajaran? Apakah kamu mengalami kesulitan dalam berhitung setelah menggunakan aplikasi pembelajaran? Apakah kamu menyukai mata pelajaran matematika setelah menggunakan aplikasi pembelajaran? Apakah kamu menyukai aplikasi pembelajaran matematika ini ? Apakah kamu lebih menyukai aplikasi matematika ini daripada belajar menggukanan buku?
Skala Penilaian S = Sangat Sulit S = Sulit M = Mudah MS = Sekali
Mudah
STS = Sangat Tidak Suka TS = Tidak Suka S = Suka SS = Suka Sekali
Kuesioner ini diajukan kepada 40 orang siswa kelas 1 SD Kampung Bambu III Kelapa Dua Tangerang. Tabel 4.17 merupakan hasil peresentase masing-masing jawaban pada setiap pertanyaan.
120
Tabel 4.17 Hasil Pengujian Kuesioner No.
Pertanyaan
Apakah kamu mengalami kesulitan mempelajari mata pelajaran 1. Matematika setelah menggunakan aplikasi pembelajaran ? Apakah kamu mengalami kesulitan 2. dalam menghapal angka setelah menggunakan aplikasi pembelajaran? Apakah kamu mengalami kesulitan 3. dalam mengurutkan angka setelah menggunakan aplikasi pembelajaran? Apakah kamu mengalami kesulitan 4. dalam berhitung setelah menggunakan aplikasi pembelajaran? No. Pertanyaan Apakah kamu menyukai mata 5. pelajaran matematika setelah menggunakan aplikasi pembelajaran? Apakah kamu menyukai aplikasi 6. pembelajaran matematika ini ? Apakah kamu lebih menyukai aplikasi 7. matematika ini daripada belajar menggukanan buku?
4.4.4
SS
Persentase Jawaban S M MS
5%
-
-
95%
12,5%
12,5%
20%
50%
5%
-
45%
50%
10%
5%
27,5%
57,5%
STS
TS
S
SS
-
-
22,5%
77,5%
2,5%
-
35%
62,5%
-
-
25%
75%
Analisis Hasil Pengujian Kuesioner Berdasarkan Tabel 4.17 dapat disimpulkan sebagai berikut:
1. Pada pertanyaan nomor 1 terdapat 2 orang atau 5% yang masih merasa mengalami kesulitan dalam mempelajari Matematika, dan 38 orang atau 95% yang merasa mudah sekali mempelajari matematika setelah menggunakan aplikasi pembelajaran. 2. Pada pertanyaan nomor 2 terdapat 5 orang atau 12,5% yang merasa masih sangat sulit, 5 orang atau 12,5% yang merasa sulit, 8 orang atau 20% yang merasa mudah dan 22 orang atau 55% yang merasa sangat mudah dalam menghapal angka.
121
3. Pada pertanyaan nomor 3 terdapat 2 orang atau 5% yang merasa masih sangat sulit, 18 orang atau 45% yang merasa mudah dan 20 orang atau 50% yang merasa sangat mudah dalam mengurutkan angka. 4. Pada pertanyaan nomor 4 terdapat 4 orang atau 10% yang merasa masih sangat sulit, 2 orang atau 5% yang merasa sulit, 11 orang atau 27,5% yang merasa mudah dan 23 orang atau 57,5% yang merasa sangat mudah dalam berhitung. 5. Pada pertanyaan nomor 5 terdapat 9 orang atau 22,5% yang merasa suka dan 31 orang atau 77,5% yang merasa suka sekali dengan matematika menggunakan aplikasi pembelajaran. 6. Pada pertanyaan nomor 6 terdapat 1 orang atau 2,5% yang merasa sangat tidak suka, 14 orang atau 35% yang merasa suka dan 25 orang atau 62,5% yang merasa suka sekali belajar dengan aplikasi pembelajaran Matematika. 7. Pada pertanyaan nomor 7 terdapat 10 orang atau 25% yang merasa suka dan 30 orang atau 75% yang merasa suka sekali belajar dengan aplikasi pembelajaran Matematika daripada dengan buku. Berdasarkan kesimpulan hasil pengujian kuesioner dapat dilihat bahwa aplikasi pembelajaran matematika ini dapat memudahkan siswa dalam mempelajari matematika, aplikasi pembelajaran ini bisa menjadi alterrnatif media pembelajaran lain bagi siswa dan aplikasi ini cukup banyak disukai oleh siswa. Gambar 4.38 adalah diagram perbandingan persentase minat siswa terhadap Matematika sebelum dan sesudah menggunakan aplikasi modul pembelajaran matematika. Penulis menyebarkan kuesioner sebelum dan setelah aplikasi dibuat untuk mengetahui tingkat minat siswa terhadap Matematika sebelum dan sesudah.
122
Gambar 4.38 Diagram Minat Siswa Terhadap Matematika Sebelum dan Sesudah Menggunakan Aplikasi
Pada diagram yang ada pada Gambar 4.38 dapat dilihat bahwa adanya peningkatan minat siswa terhadap Matematika setelah menggunakan aplikasi yaitu mengalami peningkatan sebesar 12,05%.
4.4.5
Hasil Wawancara Setelah melakukan pengujian aplikasi kepada target pengguna yaitu siswa
kelas 1, penulis mewawancarai salah seorang guru SDN Kampung Bambu III Kelapa Dua Tangerang yaitu Ibu Rahmawanti S.Pd, berikut kesimpulan dari hasil wawancara kami: 1. Belajar dengan menggunakan alat peraga akan meningkatkan minat dan motivasi siswa dalam belajar, serta lebih bersemangat. 2. Menggunakan aplikasi modul pembelajaraan Matematika ini bisa menjadikan siswa lebih fokus dalam belajar karena lebih menarik. 3. Aplikasi ini dapat meningkatkan minat belajar siswa yang juga akan berpengaruh terhadap hasil belajar yang lebih baik. 4. Aplikasi
modul
pembelajaran
ini
dapat
membantu
guru
dalam
menyampaikan materi dan siswa lebih mudah dalam menyerap materi. 5. Aplikasi ini dapat merubah pikiran anak yang beranggapan Matematika itu sulit dan menakutkan, karena matematika bukan pelajaran yang sulit.
