BAB IV IMPLEMENTASI DAN PENGUJIAN

Transkripsi

1 BAB IV IMPLEMENTASI DAN PENGUJIAN 4.1 Implementasi Spesifikasi Kebutuhan Sistem Di bawah ini merupakan spesifikasi kebutuhan dimana sistem yang ada harus dapat mendukung kerja software 1.Komputer Dekstop ( hardware ) a. Prosesor Intel Pentium 4 2,4 Ghz b. DDR2 RAM 1 GB c. Harddisk 80 GB 5400 RPM 2.Perangkat Lunak( Software ) : Macromedia flash 4.2 Tampilan Aplikasi Tampilan halaman awal Untuk memulai aplikasi ini penulis membuat halaman muka yang menampilkan pilihan-pilihan level yang ingin dijalankan oleh user seperti gambar berikut: 43

2 44 Gambar 4.1 tampilan halaman awal Pada tampilan di atas user dapat memilih modul-modul yang telah disediakan oleh penulis dengan cara mengklik modul yang ingin dimainkan. Tampilan kode program di atas adalah sebagai berikut: stop(); this.mudah.onpress=function(){ stopallsounds(); gotoandstop("scene 2", 1); this.sedang.onpress=function(){ stopallsounds(); gotoandstop("scene 5", 1); this.sulit.onpress=function(){ stopallsounds(); gotoandstop("scene 8", 1);

3 Tampilan Level Pertama Tampilan ini mengambarkan jalannya permainan yaitu terdapat dua kolom yang memuat pertanyaan dan jawaban seperti pada gambar di bawah ini. Gambar 4.2 Tampilan level pertama Pada tampilan diatas kolom A merupakan kolom soal yang apa bila diklik dan di drop ke kolom B yang merupakan tempat jawaban-jawaban soal yang terdapat dikolom A. Berikut ini adalah kode program dari tampilan di atas. stop(); ttyt = "56"; jawaban = Array(); count_jawab = 0; function koreksi() { count_jawab++ if(count_jawab == 6) { gotoandstop(2);

4 46 Tampilan di bawah ini mengambarkan jalannya permainan yaitu objek pertanyaan yang akan di pindahkan dari kiri yaitu soal-soal ke kanan yang berisi jawaban untuk dicocokan ke jawaban yang benar ada di kolom kanan. Untuk soalnya sendiri akan muncul setelah icon pada kolom yang berisikan soal ke jawaban. Gambar 4.3 Aplikasi sedang dipindahkan Kode program di atas adalah : no1x = this.no_1._x; no1y = this.no_1._y; this.no_1.onpress = function() { startdrag(this); this.no_1.onrelease=this.no_1.onreleaseoutside=function() { stopdrag(); if(this._droptarget == '/trg_no1') { jawaban[0] = 1;

5 47 else if (this._droptarget == '/trg_no2') { else if (this._droptarget == '/trg_no3') { else if (this._droptarget == '/trg_no4') { else if (this._droptarget == '/trg_no5') { else if (this._droptarget == '/trg_no6') { else { this._x = no1x; this._y = no1y;

6 48 Tampilan di bawah ini adalah tampilan aplikasi stelah user mendrag soal ke jawaban,ketika user ingin mengetahui hasilnya maka user silahkan mengklik tombol koreksi yang ada dibagian bawah: Gambar 4.4 Aplikasi selesai dipindahkan Kode program untuk tombol koreksi adalah: on (press) { gotoandstop(3); Tampilan dibawah ini mengambarkan hasil dari permainan pada level pertama. Dimana pada kolom B akan memunculkan warna sesuai dengan benar atau salahnya jawaban user, seperti yang terdapat pada gambar 4.2

7 49 Gambar 4.5 Hasil dari Aplikasi level pertama Pada gambar di atas terlihat 2 warna yaitu merah dan kuning. Warna merah menunjukan jika jawaban user benar, sedangkan warna kuning untuk jawaban user yang salah dan pada bagian kiri bawah tampilan diatas terdapat hasil dari permainan yang dimainkan oleh user.kode program di atas dapat dilihat di bawah ini: benar = 0; for(lp_jwb = 0 ; lp_jwb < 6 ; lp_jwb++){ if(jawaban[lp_jwb] == 1) benar = jawaban[lp_jwb] + benar; skor_nya = benar; salah=6 - benar; Tampilan Level Kedua Tampilan ini mengambarkan jalannya permainan pada level kedua yaitu tetap terdapat dua kolom yang memuat pertanyaan dan jawaban seperti pada gambar di bawah ini pada Gambar 4.2

8 50 Gambar 4.6 Tampilan level kedua Pada level ini yang membedakan adalah banyaknya soal dan jawaban yang terdapat pada kolom. Selain itu tingkat kesulitan game pada level ini juga lebih sulit dibanding level pertama. Kode program tampilan diatas dibawah ini: stop(); ttyt = "56"; jawaban = Array(); count_jawab = 0; function koreksi() { count_jawab++; if (count_jawab == 9) { gotoandstop(2);

9 51 Untuk tampilan aplikasi yang sedang berjalan pada level ini sama seperti level sebelumnya yang terlihat pada gambar Gambar 4.7 Aplikasi sedang dipindahkan Terlihat pada tampilan diatas icon kolom yang berisikan soal sudah dipindahkan kearah kolom jawaban, dan kode program untuk tampilan diatas adalah sebagai berikut: no1x = this.no_1._x; no1y = this.no_1._y; this.no_1.onpress = function() { startdrag(this); ; this.no_1.onrelease = this.no_1.onreleaseoutside=function () { stopdrag(); if (this._droptarget == '/trg_no1') { jawaban[0] = 1; else if (this._droptarget == '/trg_no2') {

10 52 else if (this._droptarget == '/trg_no3') { else if (this._droptarget == '/trg_no4') { else if (this._droptarget == '/trg_no5') { else if (this._droptarget == '/trg_no6') { else if (this._droptarget == '/trg_no7') { else if (this._droptarget == '/trg_no8') { else if (this._droptarget == '/trg_no9') { else { this._x = no1x;

11 53 this._y = no1y; ; Tampilan dibawah ini adalah tampilan aplikasi stelah user memindahkan soal kejawaban, ketika user ingin mengetahui hasilnya maka user silahkan mengklik tombol koreksi yang ada dibagian bawah: Kode program pada tombol koreksi: on (press) { Gambar 4.8 Aplikasi selesai dipindahkan gotoandstop(3); Sedangkan pada tampilan dibawah ini merupakan tampilan akhir dari level kedua yang menampilkan hasil dari perhitungan yang dilakukan user sama seperti level sebelumnya.

12 54 Gambar 4.9 Hasil dari aplikasi level kedua Untuk kode program tampilan diatas adalah: benar = 0; for(lp_jwb = 0 ; lp_jwb < 9 ; lp_jwb++){ if(jawaban[lp_jwb] == 1) benar = jawaban[lp_jwb] + benar; skor_nya = benar; salah=9 - benar; Tampilan Level Ketiga Tampilan ini mengambarkan tingkat soal tersulit yang ada pada game ini, dalam tampilan level terakhir ini terdapat lebih banyak soal dan jawaban yang lebih sulit dari level-level sebelumnya.

13 55 Gambar 4.10 Tampilan level ketiga Kode dari tampilan diatas adalah: stop(); ttyt = "56"; jawaban = Array(); count_jawab = 0; function hitung() { count_jawab++; if (count_jawab == 12) { gotoandstop(2); Tampilan dibawah ini mengambarkan jalannya permainan yaitu objek pertanyaan yang akan di pindahkan dari kiri yaitu soal-soal ke kanan yang berisi jawaban untuk dicocokan kejawaban yang benar ada dikolom kanan.

14 56 Untuk soalnya akan muncul setelah icon pada kolom yang berisikan soal kejawaban. Gambar 4.11 Aplikasi sedang dipindahkan Kode program tampilan diatas adalah: no1x = this.no_1._x; no1y = this.no_1._y; this.no_1.onpress = function() { startdrag(this); ; this.no_1.onrelease = this.no_1.onreleaseoutside=function () { stopdrag(); if (this._droptarget == '/trg_no1') { jawaban[0] = 1; else if (this._droptarget == '/trg_no2') {

15 57 else if (this._droptarget == '/trg_no3') { else if (this._droptarget == '/trg_no4') { else if (this._droptarget == '/trg_no5') { else if (this._droptarget == '/trg_no6') { else if (this._droptarget == '/trg_no7') { else if (this._droptarget == '/trg_no8') { else if (this._droptarget == '/trg_no9') { else if (this._droptarget == '/trg_no10') {

16 58 else if (this._droptarget == '/trg_no11') { else if (this._droptarget == '/trg_no12') { else { this._x = no1x; this._y = no1y; ; Tampilan dibawah ini adalah tampilan aplikasi stelah user mendrag soal kejawaban, ketika user ingin mengetahui hasilnya maka user silahkan mengklik tombol koreksi yang ada dibagian bawah: Gambar 4.12 Aplikasi selesai dipindahkan

17 59 Kode program tombol koreksi: on (press) { gotoandstop(3); Sedangkan pada tampilan dibawah ini merupakan tampilan akhir dari level ketiga yang menampilkan hasil dari perhitungan yang dilakukan user sama seperti level sebelumnya. Gambar 4.13 Hasil dari aplikasi level ketiga kode program dari tampilan diatas adalah: benar = 0; for(lp_jwb = 0 ; lp_jwb < 12 ; lp_jwb++){ if(jawaban[lp_jwb] == 1) benar = jawaban[lp_jwb] + benar; skor_nya = benar; salah=12 - benar;

18 Pengujian Pada Perancangan ini apliksi permainan perlu dilakukan pengujian aplikasi yang dibuat oleh penulis sebagai vertifikasi atas apa yang telah dirancang.hal ini dilakukan karena untuk menguji kemungkinan terjadi kesalahan dan untuk memastikan fungsi-fungsi dalam modul aplikasi ini dapat berjalan dengan baik.tahapan ini meliputi skenario pengujian aplikasi Metode BlackBox Testing Adalah pengujian dengan metode test dari perspektif eksternal,tidak ada informasi mengenai internal software.pengujian ini dilakukan baik secara fungsional ataupun nonfungsional,walaupun umumnya yang dilakukan adalah fungsional.pengujian ini dapat dilakukakn pada semu level test,semakin tinggi level yang diuji semakin besar kemungkinan untuk melakukan blackbox testing.pengujian ini dapat mendeteksi adanya bagian dari spesifikasi yang tidak di implementasikan,tetapi kelemahannya tidak bisa mendeteksi adanya bagian dari speksifikasi kemungkinan kesalahan implementasi. Pengujian metode blackbox testing dilakukan dengan menjalankan aplikasi Game Pembelajaran ini terlebih dahulu.setelah itu dilakukan dengan mempraktekan fungsi-fungsi yang objek yang ada pada aplikasi apakah berfungsi sebagai mana mestinya Skenario Pengujian Skenario pengujian diperlukan untuk mengetahui apakah level-level yang ada dapat berfungsi dengan baik atau tidak. Skenario pengujian dilakukan dengan memilih dari setiap pilihan yang ada pada level Aplikasi pembelajaran matematika untuk siswa Pra Sekolah/TK. Skenario dilakukan satu persatu dalam semua kondisi yang mungkin terjadi. Skenario tersebut dirangkum dalam tabel.

19 61 Tabel 4.8 Tabel Skenario Pengujian No Menu yang diuji Bagian Level yang diuji Input/ kondisi skenario pengujian 1. Level mudah Tombol mudah Mengklik tombol mudah untuk menampilkan soal dan jawaban Menampilkan hasil dari jawaban yang user kerjakan 2. Level sedang Tombol sedang Mengklik tombol sedang untuk menampilkan soal dan jawaban Menampilkan hasil dari jawaban yang user kerjakan. 3. Level sulit Tombol sulit Mengklik tombol sulit untuk menampilkan soal dan jawaban Menampilkan hasil dari jawaban yang user kerjakan 4. Koreksi Klik tombol koreksi Mengklik tombol koreksi MenampilkanHa sil koreksi 5. Lanjut Klik Tombol lanjut Memilih tombol lanjut Untuk untuk melanjutkan melanjutkan soal berikutnya soal berikutnya. 6. Kembali Klik tombol kembali Mengklik tombol kembali untuk kembali ke menu utama 7. Benar Menampilkan jawaban yang benar 8. Salah Menampilkan jawaban yang salah 9. Sound Tombol sound Mengklik tombol sound untuk pengaturan suara Output/ hasil yang akan dicapai untuk menampilkan kembali ke menu utama Untuk pengaturan suara

20 62 Tabel 4.10 Tabel Hasil Pengujian No. Hasil yang diharapkan Nama Tes Hasil Keterangan 1. Level mudah Menampilkan soal dan jawaban 2. Level sedang Menampilkan dan jawaban 3. Level sulit Menampilkan soal dan jawaban Sukses Dapat dijalankan 4. Koreksi Menampilkan hasil jawaban Sukses Dapat dijalankan 5. Lanjut Menampilkan soal- Sukses soal berikutnya Dapat dijalankan 6. Kembali Menampilkan kembali ke menu utama Sukses Dapat dijalankan 7. Benar Menampilkan jawaban yang benar Sukses Dapat dijalankan 8. Salah Menampilkan jawaban yang salah Sukses Dapat dijalankan 9. Sound Pengaturan Suara Sukses Dapat dijalankan Sukses Dapat dijalankan soal Sukses Dapat dijalankan Analisis hasil pengujian Setelah melakukan pengujian terhadap semua menu aplikasi ini, maka dapat disimpulkan bahwa pengujian telah menunjukkan hasil keluaran (output) dan proses yang sesuai dengan rumusan rancangan aplikasi program ini. Dari hasil pengujian tersebut dapat dikatakan bahwa program ini telah berjalan sesuai dengan skenario pengujian. Hasil pengujian yang berjalan adalah : 1. Proses pada setiap level dapat berjalan dengan baik dan sesuai dengan keinginan, selain itu suara suara pada setiap scene dan menu berjalan dengan baik

21 63 2. Tombol tombol pada setiap level dapat berjalan sesuai dengan fungsinya 3. Perangkat lunak yang dikembangkan sudah dapat beroperasi dengan baik

22 64 BAB V KESIMPULAN DAN SARAN 5.1 Kesimpulan Aplikasi Multimedia Pembelajaran Matematika untuk siswa Pra Sekolah/TK ini dibuat dengan Adobe Flash CS3 Profesional didukung dengan Action Script 2.0. Penulis dapat mengambil beberapa kesimpulan pada laporan tugas akhir ini,yaitu: 1.Penulis telah berhasil membuat aplikasi pembelajaran Matematika dasar yang mengandung unsur multimedia serta unsur interaksi drag-and-drop,yang berbeda dari aplikasi pembelajaran yang hanya bersifat pilihan ganda. 2.Dengan adanya aplikasi ini diharapkan dapat meningkatkan minat siswa Pra Sekolah/TK dalam belajar matematika. 5.2 Saran Saran penulis untuk aplikasi pembelajaran matematika ini adalah: Dalam Aplikasi Multimedia Pembelajaran Matematika untuk siswa Pra Sekolah/TK tentunya masih banyak kekurangan ini terjadi karena keterbatasan penulis dalam membuat aplikasi ini, namun demikian tentu saja perlu diperbaiki dikemudian hari apa-apa saja yang menjadi kekurangan pada aplikasi Multimedia ini, antara lain: 1. Tampilan warna yang lebih menarik. 2. Latihan yang lebih bervariasi, tidak hanya angka tapi gambar. 64