Pembahasan Aplikasi dan Pengkodean

39

Bab 4 Hasil dan Pembahasan

Pada bab ini akan dibahas hasil pembangunan sistem berdasarkan rancangan sistem yang telah dibuat pada bab sebelumnya. Uji coba yang dilakukan untuk mengetahui apakah aplikasi yang dibuat dapat berjalan dengan baik atau tidak.

4.1 Pembahasan Aplikasi dan Pengkodean

Gambar 4.1 merupakan halaman tampilan awal aplikasi. User diminta untuk menekan tombol CLICK agar dapat memasuki menu utama. Setelah tampilan awal ini dijalankan maka user akan masuk ke dalam menu utama aplikasi. Gambar 4.1 Halaman Tampilan Awal Kode 4.1 ActionScript Menu Utama gotoAndPlayScene 2, 1; Actionscript pada kode 4.1 merupakan script tombol lanjut pada tampilan awal yang berfungsi untuk memanggil menu utama yaitu scene dua dan dimulai dari frame ke satu. Gambar 4.2 Halaman Menu Utama Gambar 4.2 merupakan halaman menu utama. Dalam menu utama ini terdapat menu-menu yang dapat diakses oleh user yang terdiri dari pengenalan, materi, latihan dan bantuan. Gambar 4.3 Halaman Menu Pengenalan Gambar 4.3 merupakan halaman modul pengenalan, dalam modul pengenalan ini user dapat melihat materi apa saja yang akan dipelajari. Kode 4.2 ActionScript Menu Pengenalan Actionscript pada kode 4.2 merupakan script pada button pengenalan. Script ini berfungsi untuk memainkan isi dari menu pengenalan yang bernama mv_pengenalan. Gambar 4.4 Halaman Menu Materi Gambar 4.4 menunjukkan halaman tampilan materi. Dalam modul materi user dapat melihat penjelasan lengkap materi–materi yang ada untuk dipahami. Ada empat belas pembahasan yaitu: on release { scrl_pengenalan.contentPath=mv_pengenalan; } A. Ruang Lingkup Layanan makan dan minum B. Persiapan Pelayanan Restoran Pre-Operation C. Mengatur Meja Table Setting D. Tahap-tahap Pelayanan Makanan E. Mengambil dan Memproses Pesanan F. Menyajikan makanan dan Minuman G. Table Manner H. Tipe-tipe Dasar Pelayanan Makanan I. Tahapan Penataan Meja J. Pedoman Penataan Meja K. Pelayanan Table Service L. Jenis-Jenis Peralatan dan Perabot M. Pengenalan Peralatan N. Glosarium Kode 4.3 ActionScript Menu Materi on release { gotoAndStopmateri1_link; } Actionscript pada kode 4.3 merupakan script pada button materi. Script ini berfungsi untuk memainkan isi dari menu materi, tepatnya materi ke satu. Gambar 4.5 Halaman Menu Materi Pengenalan Peralatan Gambar 4.5 menunjukkan halaman tampilan materi pengenalan peralatan, dalam modul ini user dapat melihat macam-macam alat yang akan digunakan pada waktu service. Gambar 4.6 Halaman Menu Latihan Gambar 4.6 merupakan halaman menu latihan. Menu latihan terdiri dari pilihan ganda, drag and drop dan mengingat. Gambar 4.7 Halaman Awal Latihan Pilihan Ganda Gambar 4.7 merupakan halaman tampilan awal modul latihan pilihan ganda, user harus mengisikan nama terlebih dahulu kemudian menekan tombol mulai untuk dapat masuk ke halaman berikutnya yaitu latihan soal. Nama yang telah diisikan oleh user akan muncul pada halaman nilai. Gambar 4.8 Halaman Tampilan Latihan Pilihan Ganda Gambar 4.8 merupakan halaman tampilan latihan pilihan ganda, disini user diperhadapkan dengan soal-soal pilihan ganda sebanyak dua puluh lima nomor, jika benar setiap pertanyaan bernilai empat dan jika user salah menjawab nilai tidak akan berkurang. Pada latihan pilihan ganda ini, waktu yang diberikan dalam menjawab pertanyaan adalah lima menit, jika user dapat atau tidak dapat menyelesaikan pertanyaan dengan waktu yang telah ditentukan ini maka secara otomatis program akan menampilkan halaman nilai, jika user dapat menyelesaikan sebelum waktu habis maka nilai yang diperoleh bisa lebih maksimal dan akan tampil alert yang memberitahu apakah jawaban user tersebut benar atau salah. Kode 4.4 ActionScript Jawaban Benar pada Latihan Pilihan Ganda Actionscript pada kode 4.4 merupakan script untuk jawaban benar di salah satu pilihan jawaban pada latihan pilihan ganda. Penjelasan dari script ini adalah pertanyaan atau soal akan di load dari notepad, saat user menjawab pertanyaan dengan benar maka on release { ifb4 == loadVariablesEvaluasi.txt, this{ score4++; alert_benar; }else{ alert_salah; } } nilai akan ditambahkan empat point dan akan muncul alert jawaban benar. Latihan Kode 4.5 ActionScript Jawaban Salah pada Pilihan Ganda Actionscript pada kode 4.5 merupakan script yang akan memunculkan alert jawaban salah pada saat user salah dalam menjawab pertanyaan. Gambar 4.9 Halaman Nilai Pilihan Ganda Gambar 4.9 merupakan halaman nilai pilihan ganda, pada halaman ini terdapat nama dan nilai user. on release { alert_salah; } Kode 4.6 ActionScript Halaman Nilai Latihan Pilihan Ganda Actionscript pada kode 4.6 merupakan script halaman nilai latihan pilihan ganda, jumlah jawaban benar akan dijumlahkan kemudian dikalikan empat untuk mendapatkan total nilai, waktu akan berhenti pada saat user selesai menjawab pertanyaan dan ketika waktu yang diberikan telah habis. Gambar 4.10 Halaman Tampilan Latihan Drag and Drop stop; menghentikan waktu; waktu detik = +_root.soal.Time_PG.detik; menit = +_root.soal.Time_PG.menit; penjumlahan total_nilai_level1 nilai_level1 = score1 + score2 + score3 + score4 + score5 + score6 + score7 + score8 + score9 + score10 + score11 + score12 + score13 + score14 + score15 + score16 + score17 + score18 + score19 + score20 + score21 + score22 + score23 + score24 + score254; input_nama = +input_nama; Gambar 4.10 merupakan latihan yang kedua yaitu drag and drop, perbedaan dengan pilihan ganda hanya terletak pada waktu, jumlah soal dan nilai setiap pertanyaan. Pertanyaan untuk drag and drop berjumlah dua puluh nomor dan setiap pertanyaan bernilai lima dengan waktu pengerjaan selama empat menit. Kode 4.7 ActionScript Halaman Latihan Drag and Drop stop; benar17 = 0; benar18 = 0; benar19 = 0; benar20 = 0; onEnterFrame = function{ score5 = benar17 + benar18 + benar19 + benar20; } fungsi alert function alertnya{ import mx.controls.Alert; Define button actions. var myClickHandler:Function = function evt_obj:Object { if evt_obj.detail == Alert.OK { traceAlert.okLabel; nextFrame; } }; Display dialog box. var dialog_obj:Object = Alert.showscore5, Score, Alert.OK, null, myClickHandler, testIcon, Alert.OK; } btn_lanjut5.onRelease = function { +alertnya; Actionscript pada kode 4.7 merupakan script di salah satu halaman pada latihan drag and drop. Pada saat jawaban benar nilai akan bertambah lima dan dijumlahkan kemudian ditampilkan ditiap- tiap halaman yang akan ditunjukan oleh alert yang muncul. Gambar 4.11 Halaman Tampilan Nilai Drag and Drop Gambar 4.11 merupakan halaman nilai drag and drop, user dapat mengetahui soal nomor berapa yang salah = 0 ataupun benar = 5 juga total nilai untuk latihan drag and drop secara keseluruhan. Kode 4.8 ActionScript Halaman Nilai Latihan Drag and Drop stop; waktu detik = +Time_drag_drop.detik; menit = +Time_drag_drop.menit; penjumlahan nilai_level2 = benar01 + benar02 + benar03 + benar04 + benar05 + benar06 + benar07 + benar08 + benar09 + benar10 + benar11 + benar12 + benar13 + benar14 + benar15 + benar16 + benar17 + benar18 + benar19 + benar20; Actionscript pada kode 4.8 merupakan script halaman nilai latihan drag and drop, jumlah jawaban benar akan dijumlahkan untuk mendapatkan total nilai, waktu akan berhenti pada saat user selesai menjawab pertanyaan dan ketika waktu yang diberikan telah habis. Gambar 4.12 Halaman Tampilan Latihan Mengingat Gambar 4.12 merupakan halaman tampilan latihan mengingat. Latihan yang terakhir di sini adalah mengingat, perbedaan dengan latihan pilihan ganda dan drag and drop terletak pada waktu, jumlah soal dan nilai setiap pertanyaan. Pertanyaan pada latihan mengingat ini berjumlah lima puluh nomor dan setiap pertanyaan bernilai satu dengan waktu pengerjaan selama tiga menit. Semua hal tersebut dimaksudkan agar user benar–benar memahami materi yang dipelajarinya dan hal ini juga digunakan sebagai bahan penilaian bagi pengajar. Kode 4.9 ActionScript Halaman Latihan Mengingat stop; jumlah_soal2 = 6; nilai2 = 0; fungsi alert import mx.controls.Alert; Define button actions. function alertnya{ var myClickHandler:Function = function evt_obj:Object { if evt_obj.detail == Alert.OK { nextFrame; } }; Display dialog box. var dialog_obj:Object = Alert.show+nilai2, Score, Alert.OK, null, myClickHandler, testIcon, Alert.OK; } btn_next2.onRelease = function { var jwb_benar2:Array = new Arraydinner fork, oyster fork, fish fork, dessert fork, seafood fork, salad fork; var set_benar2:Array = new Arraysoal7.text, soal8.text, soal9.text, soal10.text, soal11.text, soal12.text; jwb_benar2[i] = jwb_benar2[0, 1, 2, 3, 4, 5]; set_benar2[i] = set_benar2[0, 1, 2, 3, 4, 5]; forvar i = 0; i jumlah_soal2; i++{ ifset_benar2[i] == jwb_benar2[i]{ nilai2++; }else{ nilai2 = 0; } } alertnya; }; Actionscript pada kode 4.9 merupakan script di salah satu halaman pada latihan mengingat. Pada saat jawaban benar nilai akan bertambah satu dan dijumlahkan kemudian ditampilkan ditiap-tiap halaman yang akan ditunjukan oleh alert yang muncul. Gambar 4.13 Halaman Tampilan Nilai Mengingat Gambar 4.13 di atas merupakan halaman tampilan nilai mengingat, user dapat melihat nilai yang diperoleh pada latihan mengingat untuk lembar pertama sampai dengan lembar ke sembilan dan total nilai latihan mengingat secara keseluruhan Kode 4.10 ActionScript Halaman Nilai Latihan Mengingat stop; waktu detik = +Time_ingat_ingat.detik; menit = +Time_ingat_ingat.menit penjumlahan nilai_level3 = nilai1 + nilai2 + nilai3 + nilai4 + nilai5 + nilai6 + nilai7 + nilai8 + nilai9; nilai_level3 =nilai1 + nilai2 + nilai3 + nilai4 + nilai5 + nilai6 + nilai7 + nilai8 + nilai9; Actionscript pada kode 4.10 merupakan script halaman nilai latihan mengingat, jumlah jawaban benar akan dijumlahkan untuk mendapatkan total nilai, waktu akan berhenti pada saat user selesai menjawab pertanyaan dan ketika waktu yang diberikan telah habis. Gambar 4.14 Tampilan Modul Bantuan Gambar 4.14 merupakan halaman bantuan untuk mengerjakan modul latihan. Dalam menu bantuan ini user dapat melihat petunjuk- petunjuk yang sudah disediakan untuk menyelesaikan modul latihan.

4.2 Hasil Pengujian

Dokumen yang terkait

Institutional Repository | Satya Wacana Christian University: Aplikasi Pembelajaran Rangka Manusia Berbasis Multimedia Interaktif (Studi Kasus: SDN 2 Pucang) T1 672007087 BAB IV

0 0 27

Institutional Repository | Satya Wacana Christian University: Aplikasi Interaktif Berbasis Multimedia untuk Pembelajaran Tata Hidang (Studi Kasus : SMK N 1 Salatiga)

0 0 15

Institutional Repository | Satya Wacana Christian University: Aplikasi Interaktif Berbasis Multimedia untuk Pembelajaran Tata Hidang (Studi Kasus : SMK N 1 Salatiga) T1 672006306 BAB I

0 0 5

Institutional Repository | Satya Wacana Christian University: Aplikasi Interaktif Berbasis Multimedia untuk Pembelajaran Tata Hidang (Studi Kasus : SMK N 1 Salatiga) T1 672006306 BAB II

0 1 13

Institutional Repository | Satya Wacana Christian University: Aplikasi Interaktif Berbasis Multimedia untuk Pembelajaran Tata Hidang (Studi Kasus : SMK N 1 Salatiga) T1 672006306 BAB V

0 0 1

Institutional Repository | Satya Wacana Christian University: Aplikasi Interaktif Berbasis Multimedia untuk Pembelajaran Tata Hidang (Studi Kasus : SMK N 1 Salatiga)

0 1 7

Institutional Repository | Satya Wacana Christian University: Aplikasi Pembelajaran IPA Berbasis Multimedia Interaktif Menggunakan HTML5 (Studi Kasus: SD Negeri 06 Salatiga) T1 672007146 BAB I

0 0 6

Institutional Repository | Satya Wacana Christian University: Aplikasi Pembelajaran IPA Berbasis Multimedia Interaktif Menggunakan HTML5 (Studi Kasus: SD Negeri 06 Salatiga) T1 672007146 BAB II

0 0 10

Institutional Repository | Satya Wacana Christian University: Aplikasi Pembelajaran IPA Berbasis Multimedia Interaktif Menggunakan HTML5 (Studi Kasus: SD Negeri 06 Salatiga) T1 672007146 BAB IV

0 0 28

Institutional Repository | Satya Wacana Christian University: Aplikasi Pembelajaran IPA Berbasis Multimedia Interaktif Menggunakan HTML5 (Studi Kasus: SD Negeri 06 Salatiga) T1 672007146 BAB V

0 0 2