Bab 4 HASIL DAN PEMBAHASAN

Bab 4 HASIL DAN PEMBAHASAN

1.6

Hasil Pembangunan Jendela Utama Aplikasi Berdasarkan desain jendela utama dibangunlah jendela

utama aplikasi pembelajaran pengenalan lingkungan bagi siswa TK berbasis multimedia interaktif. Hasil dari pembangunan jendela utama aplikasi dapat dilihat pada Gambar 4.1.

Gambar 4.1. Jendela Utama Aplikasi Pembelajaran Pengenalan Lingkungan

Berdasarkan Gambar 4.1. dapat dilihat bahwa terdapat 6 tombol pada jendela utama aplikasi yaitu tombol on/off sound, tombol bantuan, tombol exit, tombol menu taman bermain, tombol menu ruang kelas, dan tombol menu kamar tidur. Tombol on/off sound berfungsi untuk mematikan atau memainkan musik latar. Tombol bantuan berfungsi untuk menampilkan jendela bantuan. Tombol exit berfungsi untuk keluar dari aplikasi. Tombol menu taman bermain berfungsi untuk masuk ke menu game dan materi 31

32

pengenalan lingkungan bermain. Tombol menu ruang kelas berfungsi untuk masuk ke menu game dan materi pengenalan lingkungan belajar. Tombol menu kamar tidur berfungsi untuk masuk ke menu game dan materi pengenalan lingkungan keluarga. Selain itu terdapat sebuah movie clip untuk menganimasikan judul aplikasi. Kode program untuk menampilkan jendela utama aplikasi dapat dilihat pada Kode Program 4.1. Kode Program 4.1. Kode Program Jendela Utama 1 2 3 4 5 6 7 8 9 10 11 12 13

fscommand("fullscreen",true); fscommand("allowscale",false); fscommand("showmenu",false); Stage.scaleMode = "exactFit"; stop(); awalSound = new Sound() awalSound.attachSound("awal"); awalSound.start(0,99); mc_helpTitle.visible = false;

Berdasarkan Kode Program 4.1, pada baris ke-1 sampai ke-3 terdapat fungsi fscommand yang berfungsi untuk mengatur tampilan projector agar terlihat full screen, tidak dapat diubah ukurannya, dan tidak ditampilkannya menu projector saat aplikasi dijalankan. Kode program pada baris ke-5 digunakan untuk mengatur tampilan projector agar mengikuti ukuran layar. Kode program pada baris ke7 digunakan untuk menghentikan jalannya animasi. Kode program pada baris ke-9 sampai ke-11 digunakan untuk memainkan musik dengan nama “awal”. Sedangkan kode program pada baris ke-13 digunakan untuk menyembunyikan movie clip bantuan yang nantinya akan dimunculkan saat tombol bantuan ditekan.

33

Tombol on/off sound yang terdapat pada jendela utama dapat digunakan untuk mematikan atau memainkan musik latar. Kode program untuk tombol on/off sound dapat dilihat pada Kode Program 4.2. Kode Program 4.2. Kode Program Tombol On/Off Sound untuk Mematikan Musik 1 2 3 4 5

on(release) { stopAllSounds(); gotoAndStop(2); }

Berdasarkan Kode Program 4.2, dapat dijelaskan bahwa saat tombol on/off sound ditekan, maka akan dijalankan perintah untuk mematikan seluruh suara dan menjalankan frame ke-2 dari tombol tersebut. Dengan dijalankannya frame ke-2 dari tombol tersebut menyebabkan tombol berubah warna menjadi abu-abu. Sedangkan saat musik tidak terdengar dan tombol on/off sound ditekan, maka akan dijalankan baris perintah seperti yang tampak pada Kode Program 4.3. Kode Program 4.3. Kode Program Tombol On/Off Sound untuk Memainkan Musik 1 2 3 4 5

on(release) { gotoAndStop(1); _root.awalSound.start(0,99); }

Pada Kode Program 4.3, baris ke-1 menyatakan kondisi saat tombol ditekan dan dilepaskan. Baris ke-3 dan baris ke-4 digunakan untuk berpindah ke frame 1 dan memainkan musik yang berada pada root.

34

Dalam jendela utama aplikasi terdapat tombol bantuan yang berfungsi untuk menampilkan jendela bantuan. Jendela bantuan merupakan sebuah objek dengan tipe movie clip. Jendela bantuan yang tampil pada jendela utama aplikasi dapat dilihat pada Gambar 4.2.

Gambar 4.2. Jendela Bantuan pada Jendela Utama

Berdasarkan Gambar 4.2 terlihat bahwa jendela bantuan yang tampil pada jendela utama menampilkan penjelasan dari menu. Dalam jendela bantuan, dijelaskan bahwa menu taman bermain merepresentasikan

lingkungan

bermain,

menu

ruang

kelas

merepresentasikan lingkungan belajar, dan menu kamar tidur merepresentasikan lingkungan keluarga. Pada jendela bantuan tersebut terdapat pula tombol exit yang berfungsi untuk menutup jendela bantuan dan kembali ke jendela utama. Kode program yang digunakan untuk menampilkan jendela bantuan dapat dilihat pada Kode Program 4.4.

35

Kode Program 4.4. Kode Program Jendela Bantuan pada Jendela Utama 1 2 3 4 5

on(release) { gotoAndStop(2); _root.mc_helpTitle.gotoAndStop(2); }

Kode Program 4.3 menyatakan kondisi saat tombol bantuan pada jendela utama ditekan dan dilepaskan. Berdasarkan Kode Program 4.3, dapat dijelaskan bahwa saat tombol bantuan ditekan dan dilepaskan maka akan dijalankan frame ke-2 pada tombol bantuan dan frame ke-2 pada movie clip jendela bantuan. Hal tersebut dilakukan untuk memunculkan jendela bantuan pada jendela utama.

1.7

Hasil Pembangunan Jendela Game Taman Bermain Berdasarkan

desain

jendela

game

taman

bermain,

dibangunlah jendela game taman bermain yang merepresentasikan lingkungan bermain. Jendela ini dapat diakses dengan memilih menu taman bermain pada jendela utama. Hasil dari pembangunan jendela game taman bermain dapat dilihat pada Gambar 4.3.

36

Gambar 4.3. Jendela Game Taman Bermain

Berdasarkan Gambar 4.3, dapat dilihat bahwa terdapat 6 objek dalam bentuk movie clip yaitu air mancur, perosotan, ayunan, jungkat jungkit, kursi taman, dan sepeda roda tiga yang terdapat di bagian bawah jendela game taman bermain. Objek-objek tersebut nantinya akan diletakkan pada gambar taman bermain sesuai dengan bayangan masing-masing objek. Kode program untuk menampilkan jendela game taman bermain dapat dilihat pada Kode Program 4.5.

37

Kode Program 4.5. Kode Program Jendela Game Taman Bermain 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28

stop(); stopAllSounds(); mySound = new Sound(mc_suara); mySound.attachSound("taman"); mySound.setVolume(50); mySound.start(0, 99); var posAirMancur:Boolean = false; var posPerosotan:Boolean = false; var posJungjung:Boolean = false; var posAyunan:Boolean = false; var posKursiTaman:Boolean = false; var posSepeda:Boolean = false; airmancurX = mc_airmancur._x; airmancurY = mc_airmancur._y; perosotanX = mc_perosotan._x; perosotanY = mc_perosotan._y; jungjungX = mc_jungjung._x; jungjungY = mc_jungjung._y; ayunanX = mc_ayunan._x; ayunanY = mc_ayunan._y; kursitamanX = mc_kursitaman._x; kursitamanY = mc_kursitaman._y; sepedaX = mc_sepeda._x; sepedaY = mc_sepeda._y;

Pada Kode Program 4.5, baris pertama digunakan untuk menghentikan animasi. Baris ke-3 digunakan untuk mematikan seluruh musik yang ada. Baris ke-5 sampai baris ke-8 digunakan untuk memainkan musik dengan nama “taman”. Baris ke-10 sampai baris ke-15 digunakan untuk mendeklarasikan variabel untuk masing-masing objek yang memiliki tipe data Boolean dengan nilai awal false. Baris ke-17 sampai baris ke-28 digunakan untuk menyimpan posisi masing-masing objek ke dalam variabel.

38

Untuk dapat menyelesaikan game tersebut, maka setiap objek yang ada di bagian bawah jendela game harus diletakkan sesuai dengan posisi yang tepat, yang ditandai dengan bayangan berwarna abu-abu. Jika objek tidak diletakkan pada posisi yang tepat, maka objek akan kembali ke posisi semula. Kode Program untuk melakukan drag and drop objek sehingga dapat diletakkan di posisi yang tepat dapat dilihat pada Kode Program 4.6.

39

Kode Program 4.6. Kode Program Drag and Drop Objek Taman Bermain 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39

mc_airmancur.onPress = function() { mc_airmancur._width = 125; mc_airmancur._height = 198; mc_airmancur.startDrag(); } mc_airmancur.onRelease = function() { if (mc_airmancur._droptarget == "/mc_airmancurTarget") { cocok = new Sound(mc_cocok); cocok.attachSound("cocok"); cocok.setVolume(300); cocok.start(0, 1); mc_airmancur._x = mc_airmancurTarget._x + (mc_airmancurTarget._width-mc_airmancur._width); mc_airmancur._y = mc_airmancurTarget._y + (mc_airmancurTarget._height-mc_airmancur._height); mc_airmancur.enabled = false; posAirMancur = true; if ((posAirMancur == true) && (posPerosotan == true) && (posJungjung == true) && (posAyunan == true) && (posKursiTaman == true) && (posSepeda == true)) { gotoAndStop(3); } } else if (mc_airmancur._droptarget != "/mc_airmancurTarget") { gagal = new Sound(mc_gagal); gagal.attachSound("gagal"); gagal.setVolume(300); gagal.start(0, 1); mc_airmancur._width = 75.5; mc_airmancur._height = 119.6; mc_airmancur._x = airmancurX; mc_airmancur._y = airmancurY; } mc_airmancur.stopDrag(); }

40

Pada Kode Program 4.6, baris 1 sampai baris ke-6 digunakan untuk mengubah ukuran lebar dan tinggi dari objek saat digeser agar sesuai dengan ukuran aslinya. Baris ke-8 menyatakan fungsi yang berisi kondisi saat objek dijatuhkan. Baris ke-10 sampai baris ke-20 merupakan kondisi untuk melakukan pengecekan apakah objek dijatuhkan pada bidang sasaran. Jika objek dijatuhkan pada bidang sasaran, maka nilai variabel objek tersebut yang pada awalnya bernilai false diubah menjadi true dan akan dimainkan suara dengan nama “cocok”. Baris ke-21 sampai baris ke-26 merupakan kondisi untuk melakukan pengecekan apakah semua nilai variabel objek yang ada pada taman bermain adalah true. Jika semua nilai variabel objek pada taman bermain adalah true, maka frame ke-3 yang merupakan jendela materi taman bermain akan dijalankan. Baris ke28 sampai baris ke-37 digunakan untuk memainkan suara dengan nama “gagal” dan mengembalikan objek ke ukuran dan posisi semula saat objek tidak diletakkan di bidang sasaran. Baris ke-38 digunakan untuk menghentikan pergeseran objek. Pada jendela game taman bermain, terdapat pula sebuah tombol bantuan game yang akan menampilkan jendela yang memuat cara untuk bermain game tersebut. Jendela bantuan game dapat dilihat pada Gambar 4.4.

41

Gambar 4.4. Jendela Bantuan Game Taman Bermain

Berdasarkan Gambar 4.4, terdapat sebuah movie clip pada jendela bantuan game dalam bentuk animasi untuk menjelaskan cara memainkan game. Selain itu terdapat pula sebuah tombol exit yang berfungsi untuk menutup jendela bantuan game. Kode Program yang digunakan untuk menampilkan jendela bantuan game dapat dilihat pada Kode Program 4.7. Kode Program 4.7. Kode Program Jendela Bantuan Game Taman Bermain 1 2 3 4 5 6 7 8 9

on(release) { btn_helpOnGame.visible = false; btn_helpOnGame.enabled = false; btn_helpOffGame.visible = true; btn_helpOffGame.enabled = false; _root.disableObject(); _root.mc_helpGame.gotoAndPlay(1); }

Kode Program 4.7 menyatakan kondisi saat tombol bantuan game ditekan dan dilepaskan. Pada Kode Program 4.6, baris ke-3 sampai baris ke-6 digunakan untuk mengubah property tombol

42

bantuan game. Baris ke-7 digunakan untuk menonaktifkan objekobjek yang ada. Baris ke-8 digunakan untuk menjalankan frame 1 pada movie clip bantuan game.

1.8

Hasil Pembangunan Jendela Materi Taman Bermain Berdasarkan

desain

jendela

materi

taman

bermain,

dibangunlah jendela materi taman bermain yang merepresentasikan lingkungan bermain. Jendela ini dapat diakses setelah seluruh objek pada game taman bermain ditempatkan pada posisi yang tepat. Jendela materi taman bermain dapat dilihat pada Gambar 4.5.

Gambar 4.5. Jendela Materi Taman Bermain

Berdasarkan Gambar 4.5, terdapat sebuah movie clip untuk menampilkan keterangan lingkungan. Terlihat pula bahwa seluruh objek telah berada di posisi yang tepat. Pada jendela tersebut terdapat sebuah tombol back yang berfungsi untuk kembali ke jendela utama. Kode program yang digunakan untuk menampilkan jendela materi taman bermain dapat dilihat pada Kode Program 4.8. Kode Program 4.8. Kode Program Jendela Materi Taman Bermain

43

1 2 3 4 5 6 7

stop(); stopAllSounds(); suksesSound = new Sound() suksesSound.attachSound("sukses"); suksesSound.start(0,99);

Pada Kode Program 4.8, baris pertama digunakan untuk menghentikan animasi. Baris ke-3 digunakan untuk mematikan seluruh musik yang ada. Baris ke-5 sampai ke-7 digunakan untuk memainkan musik latar dengan nama “sukses’. Setiap objek yang ada dalam taman bermain dapat dipilih untuk menampilkan keterangan objek. Tampilan tentang keterangan objek berupa sebuah movie clip. Tampilan keterangan objek dapat dilihat pada Gambar 4.6.

Gambar 4.6. Tampilan Keterangan Objek pada Taman Bermain

Berdasarkan Gambar 4.6, terlihat bahwa keterangan objek yang tampil akan menggantikan posisi keterangan lingkungan yang ada sebelumnya. Apabila objek yang lain dipilih, maka akan muncul keterangan

objek

tersebut

menggantikan

keterangan

objek

44

sebelumnya. Kode program yang digunakan untuk memunculkan keterangan objek dapat dilihat pada Kode Program 4.9. Kode Program 4.9. Kode Program Tampilan Keterangan Objek Taman Bermain 1 2 3 4

on(release) { gotoAndPlay(201); }

Kode Program 4.9 menyatakan kondisi saat objek ditekan dan dilepaskan. Pada Kode Program 4.8, baris ke-3 digunakan untuk menjalankan animasi yang dimulai pada frame ke-201 yang menampilkan keterangan objek perosotan. Setiap objek memiliki frame tersendiri untuk menampilkan keterangannya masing-masing.

1.9

Hasil Pembangunan Jendela Game Ruang Kelas Berdasarkan desain jendela game ruang kelas, dibangunlah

jendela game ruang kelas yang merepresentasikan lingkungan belajar. Jendela ini dapat diakses dengan memilih menu ruang kelas pada jendela utama. Hasil dari pembangunan jendela game ruang kelas dapat dilihat pada Gambar 4.7.

45

Gambar 4.7. Jendela Game Ruang Kelas

Berdasarkan Gambar 4.7, dapat dilihat bahwa terdapat 6 objek dalam bentuk movie clip yaitu jam dinding, meja dan kursi siswa, meja dan kursi guru, keranjang sampah, rak buku, dan papan tulis yang terdapat di bagian bawah jendela game ruang kelas. Objek-objek tersebut nantinya akan diletakkan pada gambar ruang kelas sesuai dengan bayangan masing-masing objek. Kode program untuk menampilkan jendela game ruang kelas dapat dilihat pada Kode Program 4.10.

46

Kode Program 4.10. Kode Program Jendela Game Ruang Kelas 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28

stop(); stopAllSounds(); mySound = new Sound(mc_suara); mySound.attachSound("kelas"); mySound.setVolume(50); mySound.start(0, 99); var posJam:Boolean = false; var posKursiTk:Boolean = false; var posTempatSampah:Boolean = false; var posMejaGuru:Boolean = false; var posRakBuku:Boolean = false; var posPapanTulis:Boolean = false; jamX = mc_jam._x; jamY = mc_jam._y; kursitkX = mc_kursitk._x; kursitkY = mc_kursitk._y; tempatsampahX = mc_tempatsampah._x; tempatsampahY = mc_tempatsampah._y; mejaguruX = mc_mejaguru._x; mejaguruY = mc_mejaguru._y; rakbukuX = mc_rakbuku._x; rakbukuY = mc_rakbuku._y; papantulisX = mc_papantulis._x; papantulisY = mc_papantulis._y;

Pada Kode Program 4.10, baris pertama digunakan untuk menghentikan animasi. Baris ke-3 digunakan untuk mematikan seluruh musik yang ada. Baris ke-5 sampai baris ke-8 digunakan untuk memainkan musik dengan nama “kelas”. Baris ke-10 sampai baris ke-15 digunakan untuk mendeklarasikan variabel untuk masing-masing objek yang memiliki tipe data Boolean dengan nilai

47

awal false. Baris ke-17 sampai baris ke-28 digunakan untuk menyimpan posisi masing-masing objek ke dalam variabel. Untuk dapat menyelesaikan game tersebut, maka setiap objek yang ada di bagian bawah jendela game harus diletakkan sesuai dengan posisi yang tepat, yang ditandai dengan bayangan berwarna abu-abu. Kode Program untuk melakukan drag and drop objek sehingga dapat diletakkan di posisi yang tepat dapat dilihat pada Kode Program 4.11.

48

Kode Program 4.11. Kode Program Drag and Drop Objek Ruang Kelas 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39

mc_jam.onPress = function() { mc_jam._width = 91; mc_jam._height = 95; mc_jam.startDrag(); } mc_jam.onRelease = function() { if (mc_jam._droptarget == "/mc_jamTarget") { cocok = new Sound(mc_cocok); cocok.attachSound("cocok"); cocok.setVolume(300); cocok.start(0, 1); mc_jam._x = mc_jamTarget._x + (mc_jamTarget._width-mc_jam._width); mc_jam._y = mc_jamTarget._y + (mc_jamTarget._height-mc_jam._height); mc_jam.enabled = false; posJam = true; if ((posJam == true) && (posKursiTk == true) && (posTempatSampah == true) && (posMejaGuru == true) && (posRakBuku == true) && (posPapanTulis == true)) { gotoAndStop(5); } } else if (mc_jam._droptarget != "/mc_jamTarget") { gagal = new Sound(mc_gagal); gagal.attachSound("gagal"); gagal.setVolume(300); gagal.start(0, 1); mc_jam._width = 102.3; mc_jam._height = 107.0; mc_jam._x = jamX; mc_jam._y = jamY; } mc_jam.stopDrag(); }

49

Pada Kode Program 4.11, baris 1 sampai baris ke-6 digunakan untuk mengubah ukuran lebar dan tinggi dari objek saat digeser agar sesuai dengan ukuran aslinya. Baris ke-8 menyatakan fungsi yang berisi kondisi saat objek dijatuhkan. Baris ke-10 sampai baris ke-20 merupakan kondisi untuk melakukan pengecekan apakah objek dijatuhkan pada bidang sasaran. Jika objek dijatuhkan pada bidang sasaran, maka nilai variabel objek tersebut yang pada awalnya bernilai false diubah menjadi true dan akan dimainkan suara dengan nama “cocok”. Baris ke-21 sampai baris ke-26 merupakan kondisi untuk melakukan pengecekan apakah semua nilai variabel objek yang ada pada ruang kelas adalah true. Jika semua nilai variabel objek pada ruang kelas adalah true, maka frame ke-5 yang merupakan jendela materi ruang kelas akan dijalankan. Baris ke-28 sampai baris ke-37 digunakan untuk memainkan suara dengan nama “gagal” dan mengembalikan objek ke ukuran dan posisi semula saat objek tidak diletakkan di bidang sasaran. Baris ke-38 digunakan untuk menghentikan pergeseran objek. Pada jendela game ruang kelas, terdapat pula sebuah tombol bantuan game yang akan menampilkan jendela yang memuat cara untuk bermain game tersebut. Jendela bantuan game dapat dilihat pada Gambar 4.8.

50

Gambar 4.8. Jendela Bantuan Game Ruang Kelas

Berdasarkan Gambar 4.8, terdapat sebuah movie clip pada jendela bantuan game dalam bentuk animasi untuk menjelaskan cara memainkan game. Selain itu terdapat pula sebuah tombol exit yang berfungsi untuk menutup jendela bantuan game. Kode Program yang digunakan untuk menampilkan jendela bantuan game dapat dilihat pada Kode Program 4.12. Kode Program 4.12. Kode Program Jendela Bantuan Game Ruang Kelas 1 2 3 4 5 6 7 8 9



51


1.10

Hasil Pembangunan Jendela Materi Ruang Kelas Berdasarkan desain jendela materi ruang kelas, dibangunlah

jendela materi ruang kelas yang merepresentasikan lingkungan belajar. Jendela ini dapat diakses setelah seluruh objek pada game ruang kelas ditempatkan pada posisi yang tepat. Jendela materi ruang kelas dapat dilihat pada Gambar 4.9.

Gambar 4.9. Jendela Materi Ruang Kelas

Berdasarkan Gambar 4.9, terdapat sebuah movie clip untuk menampilkan keterangan lingkungan. Terlihat pula bahwa seluruh objek telah berada di posisi yang tepat. Pada jendela tersebut terdapat sebuah tombol back yang berfungsi untuk kembali ke jendela utama. Kode program yang digunakan untuk menampilkan jendela materi ruang kelas dapat dilihat pada Kode Program 4.13.

52

Kode Program 4.13. Kode Program Jendela Materi Ruang Kelas 1 2 3 4 5 6 7


Pada Kode Program 4.13, baris pertama digunakan untuk menghentikan animasi. Baris ke-3 digunakan untuk mematikan seluruh musik yang ada. Baris ke-5 sampai ke-7 digunakan untuk memainkan musik latar dengan nama “sukses’. Setiap objek yang ada dalam ruang kelas dapat dipilih untuk menampilkan keterangan objek. Tampilan tentang keterangan objek berupa sebuah movie clip. Tampilan keterangan objek dapat dilihat pada Gambar 4.10.

Gambar 4.10. Tampilan Keterangan Objek pada Ruang Kelas

Berdasarkan Gambar 4.10, terlihat bahwa keterangan objek yang tampil akan menggantikan posisi keterangan lingkungan yang

53

ada sebelumnya. Apabila objek yang lain dipilih, maka akan muncul keterangan

objek

tersebut

menggantikan

keterangan

objek

sebelumnya. Kode program yang digunakan untuk memunculkan keterangan objek dapat dilihat pada Kode Program 4.14. Kode Program 4.14. Kode Program Tampilan Keterangan Objek Ruang Kelas 1 2 3 4


Kode Program 4.14 menyatakan kondisi saat objek ditekan dan dilepaskan. Pada Kode Program 4.14, baris ke-3 digunakan untuk menjalankan animasi yang dimulai pada frame ke-171 yang menampilkan keterangan objek papan tulis. Setiap objek memiliki frame tersendiri untuk menampilkan keterangannya masing-masing.

1.11

Hasil Pembangunan Jendela Game Kamar Tidur Berdasarkan desain jendela game kamar tidur, dibangunlah

jendela game kamar tidur yang merepresentasikan lingkungan keluarga. Jendela ini dapat diakses dengan memilih menu kamar tidur pada jendela utama. Hasil dari pembangunan jendela game kamar tidur dapat dilihat pada Gambar 4.11.

54

Gambar 4.11. Jendela Game Kamar Tidur

Berdasarkan Gambar 4.11, dapat dilihat bahwa terdapat 6 objek dalam bentuk movie clip yaitu jendela, tempat tidur, lemari pakaian, mainan anak, meja belajar, dan meja samping tempat tidur yang terdapat di bagian bawah jendela game kamar tidur. Objekobjek tersebut nantinya akan diletakkan pada gambar kamar tidur sesuai dengan bayangan masing-masing objek. Kode program untuk menampilkan jendela game kamar tidur dapat dilihat pada Kode Program 4.15.

55

Kode Program 4.15. Kode Program Jendela Game Kamar Tidur 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28

stop(); stopAllSounds(); mySound = new Sound(mc_suara); mySound.attachSound("kamar"); mySound.setVolume(50); mySound.start(0, 99); var posJendela:Boolean = false; var posKasur:Boolean = false; var posLemari:Boolean = false; var posMainan:Boolean = false; var posMejaBelajar:Boolean = false; var posMejaRak:Boolean = false; jendelaX = mc_jendela._x; jendelaY = mc_jendela._y; kasurX = mc_kasur._x; kasurY = mc_kasur._y; lemariX = mc_lemari._x; lemariY = mc_lemari._y; mainanX = mc_mainan._x; mainanY = mc_mainan._y; mejabelajarX = mc_mejabelajar._x; mejabelajarY = mc_mejabelajar._y; mejarakX = mc_mejarak._x; mejarakY = mc_mejarak._y;

Pada Kode Program 4.15, baris pertama digunakan untuk menghentikan animasi. Baris ke-3 digunakan untuk mematikan seluruh musik yang ada. Baris ke-5 sampai baris ke-8 digunakan untuk memainkan musik dengan nama “kamar”. Baris ke-10 sampai baris ke-15 digunakan untuk mendeklarasikan variabel untuk masing-masing objek yang memiliki tipe data Boolean dengan nilai

56

awal false. Baris ke-17 sampai baris ke-28 digunakan untuk menyimpan posisi masing-masing objek ke dalam variabel. Untuk dapat menyelesaikan game tersebut, maka setiap objek yang ada di bagian bawah jendela game harus diletakkan sesuai dengan posisi yang tepat, yang ditandai dengan bayangan berwarna abu-abu. Kode Program untuk melakukan drag and drop objek sehingga dapat diletakkan di posisi yang tepat dapat dilihat pada Kode Program 4.16.

57

Kode Program 4.16. Kode Program Drag and Drop Objek Kamar Tidur 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39

mc_jendela.onPress = function() { mc_jendela._width = 189; mc_jendela._height = 290; mc_jendela.startDrag(); } mc_jendela.onRelease = function() { if (mc_jendela._droptarget == "/mc_jendelaTarget") { cocok = new Sound(mc_cocok); cocok.attachSound("cocok"); cocok.setVolume(300); cocok.start(0, 1); mc_jendela._x = mc_jendelaTarget._x + (mc_jendelaTarget._width-mc_jendela._width); mc_jendela._y = mc_jendelaTarget._y + (mc_jendelaTarget._height-mc_jendela._height); mc_jendela.enabled = false; posJendela = true; if ((posJendela == true) && (posKasur == true) && (posLemari == true) && (posMainan == true) && (posMejaBelajar == true) && (posMejaRak == true)) { gotoAndStop(7); } } else if (mc_jendela._droptarget != "/mc_jendelaTarget") { gagal = new Sound(mc_gagal); gagal.attachSound("gagal"); gagal.setVolume(300); gagal.start(0, 1); mc_jendela._width = 96.9; mc_jendela._height = 148.7; mc_jendela._x = jendelaX; mc_jendela._y = jendelaY; } mc_jendela.stopDrag(); }

58

Pada Kode Program 4.15, baris 1 sampai baris ke-6 digunakan untuk mengubah ukuran lebar dan tinggi dari objek saat digeser agar sesuai dengan ukuran aslinya. Baris ke-8 menyatakan fungsi yang berisi kondisi saat objek dijatuhkan. Baris ke-10 sampai baris ke-20 merupakan kondisi untuk melakukan pengecekan apakah objek dijatuhkan pada bidang sasaran. Jika objek dijatuhkan pada bidang sasaran, maka nilai variabel objek tersebut yang pada awalnya bernilai false diubah menjadi true dan akan dimainkan suara dengan nama “cocok”. Baris ke-21 sampai baris ke-26 merupakan kondisi untuk melakukan pengecekan apakah semua nilai variabel objek yang ada pada kamar tidur adalah true. Jika semua nilai variabel objek pada kamar tidur adalah true, maka frame ke-7 yang merupakan jendela materi ruang kelas akan dijalankan. Baris ke-28 sampai baris ke-37 digunakan untuk memainkan suara dengan nama “gagal” dan mengembalikan objek ke ukuran dan posisi semula saat objek tidak diletakkan di bidang sasaran. Baris ke-38 digunakan untuk menghentikan pergeseran objek. Pada jendela game kamar tidur, terdapat pula sebuah tombol bantuan game yang akan menampilkan jendela yang memuat cara untuk bermain game tersebut. Jendela bantuan game dapat dilihat pada Gambar 4.12.

59

Gambar 4.12. Jendela Bantuan Game Kamar Tidur

Berdasarkan Gambar 4.12, terdapat sebuah movie clip pada jendela bantuan game dalam bentuk animasi untuk menjelaskan cara memainkan game. Selain itu terdapat pula sebuah tombol exit yang berfungsi untuk menutup jendela bantuan game. Kode Program yang digunakan untuk menampilkan jendela bantuan game dapat dilihat pada Kode Program 4.17. Kode Program 4.17. Kode Program Jendela Bantuan Game Kamar Tidur 1 2 3 4 5 6 7 8 9



60


1.12

Hasil Pembangunan Jendela Materi Kamar Tidur Berdasarkan desain jendela materi kamar tidur, dibangunlah

jendela materi kamar tidur yang merepresentasikan lingkungan keluarga. Jendela ini dapat diakses setelah seluruh objek pada game kamar tidur ditempatkan pada posisi yang tepat. Jendela materi kamar tidur dapat dilihat pada Gambar 4.13.

Gambar 4.13. Jendela Materi Kamar Tidur

Berdasarkan Gambar 4.13, terdapat sebuah movie clip untuk menampilkan keterangan lingkungan. Terlihat pula bahwa seluruh objek telah berada di posisi yang tepat. Pada jendela tersebut terdapat sebuah tombol back yang berfungsi untuk kembali ke jendela utama. Kode program yang digunakan untuk menampilkan jendela materi kamar tidur dapat dilihat pada Kode Program 4.18.

61

Kode Program 4.18. Kode Program Jendela Materi Kamar Tidur 1 2 3 4 5 6 7


Pada Kode Program 4.18, baris pertama digunakan untuk menghentikan animasi. Baris ke-3 digunakan untuk mematikan seluruh musik yang ada. Baris ke-5 sampai ke-7 digunakan untuk memainkan musik latar dengan nama “sukses’. Setiap objek yang ada dalam kamar tidur dapat dipilih untuk menampilkan keterangan objek. Tampilan tentang keterangan objek berupa sebuah movie clip. Tampilan keterangan objek dapat dilihat pada Gambar 4.14.

Gambar 4.14. Tampilan Keterangan Objek pada Kamar Tidur

Berdasarkan Gambar 4.14, terlihat bahwa keterangan objek yang tampil akan menggantikan posisi keterangan lingkungan yang

62

ada sebelumnya. Apabila objek yang lain dipilih, maka akan muncul keterangan

objek

tersebut

menggantikan

keterangan

objek

sebelumnya. Kode program yang digunakan untuk memunculkan keterangan objek dapat dilihat pada Kode Program 4.19. Kode Program 4.19. Kode Program Tampilan Keterangan Objek Kamar Tidur 1 2 3 4


Kode Program 4.19 menyatakan kondisi saat objek ditekan dan dilepaskan. Pada Kode Program 4.18, baris ke-3 digunakan untuk menjalankan animasi yang dimulai pada frame ke-121 yang menampilkan keterangan objek tempat tidur. Setiap objek memiliki frame tersendiri untuk menampilkan keterangannya masing-masing. 1.13

Pengujian Aplikasi Setelah aplikasi selesai dibangun, akan dilakukan pengujian

aplikasi yang dibagi menjadi 2 tahap yaitu pengujian alpha dan pengujian beta. Pengujian alpha adalah pengujian yang dilakukan oleh pengembang aplikasi sedangkan pengujian beta adalah pengujian yang dilakukan oleh pengguna di tempat penelitian. Pengujian beta akan dilanjutkan dengan pengujian kemanfaatan aplikasi terhadap siswa TK menggunakan indikator nilai tes. 1.13.1 Pengujian Alpha Pengujian alpha dilakukan oleh pengembang aplikasi untuk mengetahui bahwa fungsi pada aplikasi yang dibuat dapat berjalan baik dengan menggunakan jenis pengujian blackbox. Hasil pengujian alpha dapat dilihat pada Tabel 4.1.

63

Tabel 4.1. Hasil Pengujian Alpha No. 1.

2.

3.

4. 5.

6.

7.

Pengujian Mematikan musik dengan tombol on/off sound saat musik dalam kondisi on Memainkan musik dengan tombol on/off sound saat musik dalam kondisi off Menampilkan jendela bantuan pada jendela utama menggunakan tombol bantuan Menutup jendela bantuan pada jendela utama menggunakan tombol exit pada jendela bantuan Masuk ke menu game lingkungan dengan memilih salah satu menu Menampilkan jendela bantuan game menggunakan tombol bantuan yang terdapat pada jendela game Menutup jendela bantuan game menggunakan tombol exit pada jendela bantuan game

8.

Melakukan drag and drop objek di luar target sasaran

9.

Melakukan drag and drop objek di target sasaran

10.

Seluruh objek berada pada posisi yang tepat

11. 12. 13.

Memilih salah satu objek pada jendela materi Kembali ke jendela utama dengan menekan tombol back Menutup aplikasi menggunakan tombol exit pada jendela utama

Hasil

Keterangan

Musik berhenti

VALID

Musik terdengar

VALID

Jendela bantuan muncul

VALID

Jendela bantuan tertutup

VALID

Masuk ke menu game lingkungan

VALID

Jendela bantuan game muncul

VALID

Jendela bantuan game tertutup

VALID

Objek tidak menempati posisi yang tepat dan masih dapat digerakkan Objek menempati posisi yang tepat dan tidak dapat digerakkan kembali Secara otomatis masuk ke jendela materi Muncul keterangan objek Kembali ke jendela utama Aplikasi tertutup

VALID

VALID

VALID VALID VALID VALID

Berdasarkan hasil pengujian alpha seperti yang terlihat pada Tabel 4.1, dapat dilihat bahwa pengujian ini akan dilakukan dengan mencoba seluruh fungsi pada jendela utama, jendela game, dan

64

jendela materi. Dari hasil yang diperoleh, dapat disimpulkan bahwa seluruh fungsi pada aplikasi telah berjalan dengan baik. 1.13.2 Pengujian Beta Pengujian beta merupakan pengujian yang dilakukan pengguna di tempat penelitian. Dalam pengujian ini, yang menjadi responden adalah 10 orang wali kelas dan 30 siswa TK Kristen Kalam Kudus. Wali kelas dan siswa TK akan mencoba menggunakan aplikasi ini untuk kemudian diberikan kuesioner seputar penggunaan aplikasi. Untuk pengujian ini digunakan Skala Likert sehingga jawaban dari responden dibagi menjadi 5 kategori yaitu sangat setuju dengan skor 5, setuju dengan skor 4, ragu-ragu dengan skor 3, tidak setuju dengan skor 2, dan sangat tidak setuju dengan skor 1. Hasil kuesioner untuk wali kelas dapat dilihat pada Tabel 4.2. Tabel 4.2. Hasil Kuesioner untuk Wali Kelas

No

1. 2. 3.

4.

5.

6.

Pernyataan Aplikasi ini sesuai dengan kebutuhan siswa Aplikasi ini memiliki tampilan yang menarik Aplikasi ini dapat digunakan dengan mudah oleh siswa Aplikasi ini membantu siswa dalam belajar tentang lingkungan Aplikasi ini membantu guru dalam menyampaikan materi lingkungan Aplikasi ini dapat digunakan secara mandiri oleh siswa

Sangat Setuju

Setuju

RaguRagu

Tidak Setuju

(5)

(4)

(3)

(2)

Sangat Tidak Setuju (1)

8

2

-

-

-

8

2

-

-

-

8

2

-

-

-

9

1

-

-

-

9

1

-

-

-

4

4

2

-

-

65

Berdasarkan hasil kuesioner untuk wali kelas seperti yang terlihat pada Tabel 4.2, 8 orang atau 80% dari wali kelas sangat setuju bahwa aplikasi yang dibangun memiliki tampilan yang menarik, dapat digunakan dengan mudah oleh siswa, dan telah sesuai dengan kebutuhan siswa dan 2 orang atau 20% dari wali kelas yang setuju bahwa aplikasi yang dibangun memiliki tampilan yang menarik, dapat digunakan dengan mudah oleh siswa, dan telah sesuai dengan kebutuhan siswa. Sebanyak 9 orang atau 90% dari wali kelas sangat setuju bahwa aplikasi yang dibangun dapat membantu siswa dalam belajar dan membantu guru dalam menjelaskan materi tentang lingkungan dan 1 orang atau 10% dari wali kelas setuju bahwa aplikasi yang dibangun dapat membantu siswa dalam belajar dan membantu guru dalam menjelaskan materi tentang lingkungan. Sedangkan 4 orang atau 40% dari wali kelas sangat setuju bahwa aplikasi yang dibangun dapat digunakan secara mandiri oleh siswa, 4 orang atau 40% setuju bahwa aplikasi yang dibangun dapat digunakan secara mandiri oleh siswa, dan 1 orang atau 20% dari wali kelas ragu-ragu bahwa bahwa aplikasi yang dibangun dapat digunakan secara mandiri oleh siswa. Sebanyak 30 kuesioner juga akan diberikan kepada 30 responden yang merupakan siswa TK Kristen Kalam Kudus. Responden akan mencoba menggunakan aplikasi dengan didampingi wali kelas atau orang tua mereka. Kemudian responden mengisi kuesioner dengan bantuan wali kelas atau orang tua mereka. Hasil kuesioner untuk siswa TK Kristen Kalam Kudus dapat dilihat pada Tabel 4.3.

66

Tabel 4.3. Hasil Kuesioner untuk Siswa TK

No

1. 2. 3. 4.

Pernyataan Tampilan aplikasi ini menarik Aplikasi ini mudah digunakan Aplikasi ini membantu pembelajaran lingkungan Aplikasi ini dapat digunakan secara mandiri

Sangat Setuju

Setuju

RaguRagu

Tidak Setuju

(5)

(4)

(3)

(2)

Sangat Tidak Setuju (1)

27

3

-

-

-

25

5

-

-

-

27

3

-

-

-

17

13

-

-

-

Berdasarkan hasil kuesioner untuk 30 siswa TK seperti yang terlihat pada Tabel 4.3, 27 orang atau 90% dari siswa TK sangat setuju bahwa aplikasi yang telah dibangun memiliki tampilan menarik dan 3 orang atau 10% dari siswa TK setuju bahwa aplikasi yang telah dibangun memiliki tampilan menarik. Sebanyak 25 orang atau 83,33% dari siswa TK sangat setuju bahwa aplikasi yang telah dibangun mudah digunakan dan 5 orang atau 16,66% dari siswa TK setuju bahwa aplikasi yang telah dibangun mudah digunakan. Sebanyak 27 orang atau 90% dari siswa TK sangat setuju bahwa aplikasi yang telah dibangun membantu pembelajaran tentang lingkungan dan 3 orang atau 10% dari siswa TK setuju bahwa aplikasi yang telah dibangun membantu pembelajaran tentang lingkungan. Sebanyak 17 orang atau 56,67% dari siswa TK sangat setuju bahwa aplikasi yang telah dibangun dapat digunakan secara mandiri dan 13 orang atau 43,33% dari siswa TK setuju bahwa aplikasi yang telah dibangun dapat digunakan secara mandiri. Mengacu pada hasil kuesioner dari wali kelas dan siswa TK, maka dapat disimpulkan bahwa aplikasi pembelajaran pengenalan

67

lingkungan bagi siswa TK berbasis multimedia interaktif memiliki tampilan yang menarik, mudah digunakan, membantu guru untuk menyampaikan materi, membantu siswa TK dalam memahami materi, dan telah sesuai dengan kebutuhan siswa TK. Namun, masih ada wali kelas yang ragu bahwa aplikasi tersebut dinilai dapat sepenuhnya digunakan secara mandiri oleh siswa. Selanjutnya, akan dilakukan pengujian kemanfaatan aplikasi terhadap peningkatan pemahaman siswa TK. Untuk itu, akan dibandingkan 2 kelompok dari kelas yang berbeda. Kelas pertama merupakan kelas dimana siswa akan mempelajari materi tentang lingkungan melalui alat peraga, foto, dan video yang ditunjukkan oleh guru. Kelas kedua merupakan kelas dimana siswanya memanfaatkan

aplikasi

untuk

mempelajari

materi

tentang

lingkungan. Kemudian, akan dilakukan tes untuk mengetahui perubahan nilai yang dialami oleh anggota kelompoknya masingmasing. Hasil tes kelompok pertama dapat dilihat pada Tabel 4.4. Tabel 4.4. Hasil Tes Kelompok Pertama No. Urut 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13 14. 15.

Nama Andreas Krismawan Bambang Teddy Chandra Brad Steven Salim Chervanora Sherlly Lukito Darmawan Respati Debora Hanna Wijaya Dwi Ayu Kusumawardhani Eka Ayu Kusumawardhani Milka Christiani Susilo Mira Setianti Robert Wibowo Shallom Andika Kristianto Tania Fransiska Sulistyo Vanessa Astrid Vania Cherry Setianto

Nilai 70 65 65 60 60 50 70 65 65 55 70 70 65 55 50

68

Rata-Rata Nilai

62,33

Berdasarkan Tabel 4.4, dapat diketahui bahwa rata-rata nilai kelas pertama yang mempelajari materi lingkungan dengan menggunakan alat peraga, gambar, dan video adalah 62,33. Sedangkan hasil nilai tes kelompok kedua dapat dilihat pada Tabel 4.5. Tabel 4.5. Hasil Tes Kelompok Kedua No. Urut 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15.

Nama

Nilai

Adini Florensia Daniel Putra Perdana D iana Putri Grace Holly Agnia Kinar Ayu Subiakto Maria Anita Santoso Maria Tan Michael David Kurniawan Michelle Veronica White Nancy Eveline Nikita Rebecca Listyorini Putri Robin Dewanta Gunawan Steve Andre Kurnianto Tia Setiawan Widy Yulianti Suprapto Rata-Rata Nilai

80 80 85 80 80 85 90 80 70 85 90 80 85 75 75 81,33

Berdasarkan Tabel 4.5, dapat diketahui bahwa rata-rata nilai kelas

kedua

yang

mempelajari

materi

lingkungan

dengan

menggunakan aplikasi yang telah dibangun adalah 81,33. Mengacu pada kedua nilai rata-rata kelas tersebut, maka dapat disimpulkan bahwa aplikasi pembelajaran pengenalan lingkungan bagi siswa TK berbasis multimedia interaktif berhasil meningkatkan nilai rata-rata kelas dari 62,33 menjadi 81,33 atau meningkat sebanyak 19 poin.

Bab 4 HASIL DAN PEMBAHASAN

Recommend Documents