BAB 4 IMPLEMENTASI DAN PENGUJIAN 4.1 Implementasi Implementasi adalah sebuah tindakan untuk memastikan terlaksana atau tidaknya suatu hal. Dalam hal ini maka implementasi aplikasi adalah tindakan untuk memastikan apakah aplikasi telah berjalan sesuai dengan yang di harapkan atau tidak. 4.1.1 Spesifikasi Sistem yang digunakan Sistem yang dibutuhkan pada pembuatan aplikasi modul pembelajaran ini adalah Hardware (perangkat keras) : o AMD Turion X2 @ 2GHz o Ram 1GB o 160GB HDD
Software (perangkat lunak): o Microsoft Windows XP Service Pack 3 o Adobe Flash Profesional Creative Suite 5.0 o Sound o Paint
4.2 Skenario Scene Aplikasi pembelajaran fisika SMA kelas 11 ini terdiri dari kumpulan scene yang di tata sedemikian rupa sehingga menampilakan sebuah urutan aplikasi fisika yang benar. Scene utama pada aplikasi ini adalah scene menu. Scene menu ini terdiri dari beberapa tombol yang berfungsi untuk menghubungkan antara scene menu dengan scene yang lain. Tombol yang pertama pada scene ini adalah tombol evaluasi yaitu tombol yang akan menghubungkan scene menu dengan scene evaluasi (latihan soal). Tombol yang ke-2 adalah tombol materi, tombol ini berfungsi untuk menghubungkan scene ke scene materi. Tombol berikutnya yang merupakan tombol ke-3 adalah tombol about yang akan menghubungkan ke halaman about yang berisi keterangan mengenai pembuat aplikasi. Tombol selanjutnya adalah tombol keluar yang berfungsi untuk menutup aplikasi bila sudah tidak digunakan lagi. Selain tombol-tombol menu tersebut juga terdapat tombol volume yang berada pada bagian kanan atas. Tombol ini akan menampilkan 2 tombol lainnya bila ditekan,
42
43
yaitu tombol play/pause dan stop. Tombol ini berfungsi untuk menjalankan atau menghentikan sementara musik latar pada halaman ini. Setelah scene menu scene selanjutnya adalah scene materi. Scene ini adalah scene yang memiliki isi terbanyak dibandingkan dengan scene yang lain karena pada scene ini terdiri dari seluruh bab materi dan sub bab materi. Scene ini terdiri dari beberapa halaman, yaitu halaman pemilihan materi, halaman materi semester I dan halaman materi semester II. Seperti pada scene menu, scene materi juga terdapat tombol untuk menghubungkan scene ini dengan halaman lain. Tombol pertama yang terdapat pada scene ini adalah tombol semester I, yang akan membawa pengguna ke halaman materi bab pada semester I. sedangkan tombol berikutnya adalah tombol semester II. Sama seperti tombol semester I, tombol semester II ini juga berfungsi menghubungkan halaman menu dengan halaman yang lain. Tetapi pada tombol kali ini akan menghubungkan dengan halaman materi bab semester II. Scene ke -3 adalah scene evaluasi, pada scene ini pengguna dapat menilai apakah dirinya telah menguasai materi yang diberikan atau belum. Terdapat 2 pilihan pada menu evaluasi ini yaitu evaluasi untuk semeseter I dan evaluasi untuk semester II. Pada halaman soal akan dimui beberapa tombol yang terdiri dari tombol pilihan A, B, C, D dan tombol back. Jika pengguna berhasil menjawab pertanyaan yang diberikan maka untuk setiap jawaban yang benar pengguna akan mendapatkan nilai 10. Sehingga total nilai maksimum untuk setiap semester yang bisa didapatkan adalah 100 dan mendapatkan predikat lulus sempurna. Scene ke-4 adalah scene about yaitu scene yang akan memaparkan informasi mengenai pembuat dari aplikasi ini. Pada halaman ini tidak terdapat banyak tombol seperti scene-scene yang lain. Hanya terdapat satu tombol pada halaman ini yaitu tombol back (kembali) untuk kembali ke scene menu agar dapat menjelajah ke menu lainnya. 4.3 Proses Aplikasi modul pembelajaran ini dibuat pada dimensi layar 1280 x 800 pixel dengan jumlah frame per second (fps) 24.0 dan bahasa pemrograman yang digunakan pada pembuatan aplikasi ini adalah action script 3.0. Terdapat total 18 scene yang dibuat dalam aplikasi ini. Hal ini dilakukan agar programer dapat lebih mudah dalam melakukan penggecekan bila terjadi error pada salah satu halaman. 4.3.1 Scene Menu Utama Scene ini terdiri beberapa bagian yang disusun dengan baik agar dapat membuat pengguna lebih mudah dalam mengoperasikan aplikasi ini. Bagian atau sector pertama adalah sector judul aplikasi yang berada di bagian kiri atas. Penulisan judul dengan font yang besar bertujuan agar pengguna dapat langsung mengetahui judul
44
dari aplikasi yang sedang digunakan. Sector selanjutnya adalah sector tombol menu, yang terdiri dari tombol evaluasi, materi, about dan keluar. Saat dijalankan scene ini dibuat agar langsung menampilkan aplikasi secara full screen agar dapat menampilkan seluru konten yang terdapat pada scene ini dengan jelas.
Gambar 4.1 Tampilan Menu utama Tabel 4.1 Deskripsi Fungsi Menu Utama Layer Fungsi Action
Terdapat action script pada scene
Keluar
Terdapat tombol untuk menutup aplikasi
Suara
Terdapat musik sebagai suara latar
Button
Terdapat tombol-tombol pada scene
Gambar
Terdapat gambar pada scene
Text
Terdapat text yang bertuliskan “Modul Fisika SMA Kelas 2”
Background
Terdapat gambar latar pada scene
Action script yang terdapat pada scene ini adalah sebagai berikut : 1. Script untuk menampilkan aplikasi secara full screen stage.displayState=StageDisplayState.FULL_SCREEN; 2.
Script untuk load suara dan memainkan suara saat aplikasi dijalankan import flash.events.Event
45
import flash.events.MouseEvent; var isPlaying:Boolean = new Boolean(); var pausePosition:Number = new Number();
var soundClip:Sound = new Sound(); var sndChannel:SoundChannel = new SoundChannel();
soundClip.load(new URLRequest("smap08.mp3"));
soundClip.addEventListener(Event.COMPLETE, onComplete, false, 0, true); function onComplete(evt:Event):void { sndChannel = soundClip.play(); isPlaying = true; } 3.
Script untuk tombol evaluasi button_1.addEventListener(MouseEvent.CLICK, fl_MouseClickHandler); function fl_MouseClickHandler(event:MouseEvent):void { gotoAndPlay(1, "evaluasi"); }
4.
Script untuk tombol materi button_2.addEventListener(MouseEvent.CLICK, fl_MouseClickHandler_2); function fl_MouseClickHandler_2(event:MouseEvent):void { gotoAndPlay(1, “materi”); }
46
5.
Script untuk tombol about button_3.addEventListener(MouseEvent.CLICK, fl_MouseClickHandler_3); function fl_MouseClickHandler_3(event:MouseEvent):void { gotoAndPlay(1, “about”); }
6.
Script untuk tombol keluar button_4.addEventListener(MouseEvent.CLICK, fl_MouseClickHandler_4); function fl_MouseClickHandler_4(event:MouseEvent):void { fscommand("quit"); }
7.
Script untuk tombol suara Button_5.addEventListener(MouseEvent.MOUSE_OVER, fl_MouseOverHandler_3); function fl_MouseOverHandler_3(event:MouseEvent):void { nextFrame(); }
8.
Script untuk tombol controller (play/pause) dan stop controller.addEventListener(MouseEvent.MOUSE_DOWN, btnPressController, false, 0, true); stop_btn.addEventListener(MouseEvent.MOUSE_DOWN, btnPressStop, false, 0, true); function btnPressController(evt:MouseEvent):void { switch(isPlaying) { case true: controller.gotoAndStop(2); pausePosition = sndChannel.position;
47
sndChannel.stop(); isPlaying = false; break; case false: controller.gotoAndStop(1); sndChannel = soundClip.play(pausePosition); isPlaying = true; break; } } function btnPressStop(evt:MouseEvent):void { pausePosition = 0; sndChannel.stop(); controller.gotoAndStop(2); isPlaying = false; } 9.
Script untuk menutup tombol suara button_6.addEventListener(MouseEvent.MOUSE_OVER, fl_MouseOverHandler_2); function fl_MouseOverHandler_2(event:MouseEvent):void { prevFrame(); }
4.3.2 Scene Evaluasi Merupakan salah satu scene utama pada aplikasi ini yang merupakan halaman yang berisi soal-soal yang akan melatih pengguna dalam mempelajari materi yang telah dipelajari. Halaman evaluasi dibagi menjadi dua yaitu evaluasi semester I dan evaluasi semester II. Pada setiap semester terdapat 10 soal latihan yang berhubungan dengan materi yang terdapat pada semester tersebut.
48
Gambar 4.2 Tampilan Menu Evaluasi Tabel 4.2 Deskripsi Fungsi Menu Evaluasi Layer Fungsi Action
Terdapat action script pada scene ini
Button semester I
Terdapat tombol untuk menuju ke latihan semester I
Button semester II Terdapat tombol untuk menuju ke latihan semester II Button kembali
Terdapat tombol kembali
Background
Terdapat gambar latar pada scene ini
Action script yang terdapat pada scene ini adalah sebagai berikut : 1. Script untuk tombol semester I button_77.addEventListener(MouseEvent.CLICK, fl_MouseClickHandler_107); function fl_MouseClickHandler_107(event:MouseEvent):void { gotoAndPlay(1, "evaSemster1"); } 2.
Script untuk tombol semester II button_78.addEventListener(MouseEvent.CLICK, fl_MouseClickHandler_107); function fl_MouseClickHandler_107(event:MouseEvent):void
49
{
3.
gotoAndPlay(1, "evaSemster2"); } Script untuk tombol back (kembali) button_79.addEventListener(MouseEvent.CLICK, fl_MouseClickHandler_104); function fl_MouseClickHandler_104(event:MouseEvent):void { gotoAndPlay(1, "menu"); }
4.3.3 Scene Evaluasi (latihan) Scene ini berisi latihan-latihan untuk mengukur tingkat keberhasilan mempelajari materi yang telah disediakan. Scene ini terdiri dari dua bagian yaitu bagian kuis yang berisi pertanyaan dan bagian halaman evaluasi yang berisi tomboltombol. Pada bagian kuis terdiri dari 3 (tiga) komponen yaitu nomor soal, pertanyaan, dan pilihan jawaban yang berjumlah 4 buah. Sedangkan pada bagian halaman evaluasi berisi tombol mulai/selesai dan tombol back (kembali).
Gambar 4.3 Tampilan Halaman Evaluasi (latihan) Tabel 4.3 Deskripsi Fungsi Halaman Evaluasi (latihan) Layer Fungsi Action
Terdapat action script pada scene ini
Button mulai / selesai
Terdapat tombol untuk latihan
50
Tabel 4.4 Deskripsi Fungsi Halaman Evaluasi (latihan) : lanjutan Layer Fungsi Button kembali
Terdapat tombol kembali
Button pilihan A,B,C atau D
Terdapat tombol pilihan untuk memilih jawaban yang benar
Soal
Terdapat text soal latihan
Animasi judul
Terdapat animasi judul berupa running text
Background
Terdapat gambar latar pada scene ini
ActionScript yang terdapat pada scene ini adalah sebagai berikut : 1. Script untuk tombol mulai/selesai mulai.addEventListener(MouseEvent.CLICK, fl_ClickToLoadUnloadSWF_4); var fl_Loader_4:Loader; //This variable keeps track of whether you want to load or unload the SWF var fl_ToLoad_4:Boolean = true; function fl_ClickToLoadUnloadSWF_4(event:MouseEvent):void { if(fl_ToLoad_4) { fl_Loader_4 = new Loader(); fl_Loader_4.load(new URLRequest("quiz.swf")); addChild(fl_Loader_4); mulai.gotoAndPlay(2); back_btn.visible = false; } else { fl_Loader_4.unload(); removeChild(fl_Loader_4); fl_Loader_4 = null; mulai.gotoAndPlay(1); back_btn.visible = true;
51
} // Toggle whether you want to load or unload the SWF fl_ToLoad_4 = !fl_ToLoad_4; } 2.
Script untuk tombol back (kembali) back_btn.addEventListener(MouseEvent.CLICK, fl_MouseClickHandler_105); function fl_MouseClickHandler_105(event:MouseEvent):void { gotoAndPlay(1, "evaluasi"); }
3.
Script untuk me-load soal latihan function QuizItem(pertanyaan) { this.pertanyaan=pertanyaan; this.jawaban=new Array(); this.nomorJawaban=0; this.jawabanBenar=0; this.bukaPertanyaan=function() { return this.pertanyaan; } this.tambahJawaban=function(jawab, jawabanYangBenar) { this.jawaban[this.nomorJawaban]=jawab; if (jawabanYangBenar) this.jawabanBenar=this.nomorJawaban; this.nomorJawaban++; } this.getjawab=function(indexJawaban) { return this.jawaban[indexJawaban]; } this.mengambilJawabanBenar=function()
52
{ return this.jawabanBenar; } this.cekNomorJawaban=function(nomorYangDijawabUser) { if (nomorYangDijawabUser==this.mengambilJawabanBenar()) gotoAndPlay("Benar"); else gotoAndPlay("Salah"); } } function onQuizData(success) { var quizNode=this.firstChild; var quizTitleNode=quizNode.firstChild; title=quizTitleNode.firstChild.nodeValue; jumlahPertanyaan=int(quizNode.childNodes[1].firstChild.nodeValue); trace("jumlahPertanyaan="+jumlahPertanyaan); var i=0; //
follows var itemsNode=quizNode.childNodes[2]; while (itemsNode.childNodes[i]) { var itemNode=itemsNode.childNodes[i]; // <item> consists of <pertanyaan> and one or more <jawab> // <pertanyaan> always comes before <jawab>s (node 0 of <item>) var pertanyaanNode=itemNode.childNodes[0]; quizItems[i]=new QuizItem(pertanyaanNode.firstChild.nodeValue); var a = 1; // <jawab> follows <pertanyaan> var jawabNode=itemNode.childNodes[a++]; while (jawabNode) { var jawabanYangBenar=false; if (jawabNode.attributes.correct=="y") jawabanYangBenar=true;<br />
<br />
53<br />
<br />
quizItems[i].tambahJawaban(jawabNode.firstChild.nodeValue, jawabanYangBenar); // goto the next <jawab> jawabNode=itemNode.childNodes[a++]; } i++; } gotoAndPlay("Start"); } var quizItems=new Array(); var DataKu=new XML(); DataKu.ignoreWhite=true; DataKu.onLoad=onQuizData; DataKu.load("quiz.xml"); stop(); 4.<br />
<br />
Script untuk menampilkan soal dan pilihan jawaban Pada label Start : var nomorPertanyaan=1; var yangDijawabBenar=0; var yangDijawabSalah=0; gotoAndStop("ShowQuiz"); pada label ShowQuiz : if (nomorPertanyaan>jumlahPertanyaan) gotoAndStop("SummaryScreen"); var QuizItemSaatIni=quizItems[nomorPertanyaan-1]; var telahDijawab=false; pertanyaan=QuizItemSaatIni.bukaPertanyaan(); for (var i=1; i<=4; i++) { _root["jawab"+i]=QuizItemSaatIni.getjawab(i-1); } stop();<br />
<br />
54<br />
<br />
pada label jawaban benar : nomorPertanyaan++; yangDijawabBenar++; gotoAndStop("ShowQuiz"); pada label jawaban salah : nomorPertanyaan++; yangDijawabSalah++; gotoAndStop("ShowQuiz"); pada label hasil : userScore=(yangDijawabBenar*100)/ (yangDijawabSalah+yangDijawabBenar) if (userScore>70) { gotoAndStop("win"); } else { gotoAndStop("lose"); } 4.3.4 Scene Materi (memilih semester) Pada scene ini pengguna dapat memilih materi dari semester mana yang ingin dipelajari. Pembagian semester pada bagian ini bertujuan agar pengguna dapat dengan mudah membedakan materi mana yang termasuk semester I atau semester II dengan mudah. Selain itu dengan tampilan yang dibuat seminimalis mungkin dapat membuat aplikasi ini menjadi user-friendly karena pengguna dapat dengan mudah menggunakannya meskipun tidak terdapat instruksi cara penggunaan.<br />
<br />
55<br />
<br />
Gambar 4.4 Tampilan Menu Materi (pemilihan semester) Tabel 4.5 Deskripsi Menu Materi (pemilihan semester) Layer Fungsi Action<br />
<br />
Terdapat action script pada scene ini<br />
<br />
Button semester I<br />
<br />
Terdapat tombol untuk latihan<br />
<br />
Button semester II Terdapat tombol submateri Button kembali<br />
<br />
Terdapat tombol kembali<br />
<br />
Animasi judul<br />
<br />
Terdapat animasi judul berupa running text<br />
<br />
Background<br />
<br />
Terdapat gambar latar pada scene ini<br />
<br />
Action script yang terdapat pada scene ini adalah sebagai berikut : 1. Script untuk tombol semester I button_7.addEventListener(MouseEvent.CLICK, fl_MouseClickHandler_6); function fl_MouseClickHandler_6(event:MouseEvent):void { gotoAndPlay(1, "semester1"); } 2.<br />
<br />
Script untuk tombol semester II button_8.addEventListener(MouseEvent.CLICK, fl_MouseClickHandler_7);<br />
<br />
56<br />
<br />
function fl_MouseClickHandler_7(event:MouseEvent):void { gotoAndPlay(1, "semester2"); } 3.<br />
<br />
Script untuk tombol back (kembali) button_9.addEventListener(MouseEvent.CLICK, fl_MouseClickHandler_8); function fl_MouseClickHandler_8(event:MouseEvent):void { gotoAndPlay(1, "menu"); }<br />
<br />
4.3.5 Scene Materi (semester I) Scene ini berisi 5 (lima) dari 9 (sembilan) bab keseluruhan materi yang diajarkan pada SMA kelas 11. Terdapat 6 (enam) tombol dan sebuah animasi pada scene ini. Tombol-tombol pada scene ini terdiri dari tombol bab 1 yaitu kinematika dengan analisis vektor, tombol bab 2 yaitu gravitasi, tombol bab 3 yaitu elastisitas dan getaran harmonik, tombol bab 4 yaitu usaha dan energi, tombol bab 5 yaitu momentum dan impuls serta tombol back (kembali). Selain itu juga terdapat animasi judul berupa tulisan semester I yang dapat bergerak dan berubah warna.<br />
<br />
Gambar 4.5 Tampilan Menu Materi (semester I)<br />
<br />
57<br />
<br />
Tabel 4.6 Deskripsi Menu Materi (semester I) Layer Fungsi Action<br />
<br />
Terdapat actionscript pada scene ini<br />
<br />
Button bab 1<br />
<br />
Terdapat tombol untuk menuju ke bab 1<br />
<br />
Button bab 2<br />
<br />
Terdapat tombol untuk menuju ke bab 2<br />
<br />
Button bab 3<br />
<br />
Terdapat tombol untuk menuju ke bab 3<br />
<br />
Button bab 4<br />
<br />
Terdapat tombol untuk menuju ke bab 4<br />
<br />
Button bab 5<br />
<br />
Terdapat tombol untuk menuju ke bab 5<br />
<br />
Animasi judul<br />
<br />
Terdapat animasi judul<br />
<br />
Background<br />
<br />
Terdapat gambar latar pada scene ini<br />
<br />
Action script yang terdapat pada scene ini adalah sebagai berikut : 1. Script untuk tombol bab 1 button_10.addEventListener(MouseEvent.CLICK, fl_MouseClickHandler_9); function fl_MouseClickHandler_9(event:MouseEvent):void { gotoAndPlay(1, "kinematika"); } 2.<br />
<br />
Script untuk tombol bab 2 button_11.addEventListener(MouseEvent.CLICK, fl_MouseClickHandler_10); function fl_MouseClickHandler_10(event:MouseEvent):void { gotoAndPlay(1, "gravitasi"); }<br />
<br />
3.<br />
<br />
Script untuk tombol bab 3 button_12.addEventListener(MouseEvent.CLICK, fl_MouseClickHandler_11); function fl_MouseClickHandler_11(event:MouseEvent):void {<br />
<br />
58<br />
<br />
gotoAndPlay(1, "elastisitas"); } 4.<br />
<br />
Script untuk tombol bab 4 button_13.addEventListener(MouseEvent.CLICK, fl_MouseClickHandler_12); function fl_MouseClickHandler_12(event:MouseEvent):void { gotoAndPlay(1, "usaha"); }<br />
<br />
5.<br />
<br />
Script untuk tombol bab 5 button_14.addEventListener(MouseEvent.CLICK, fl_MouseClickHandler_13); function fl_MouseClickHandler_13(event:MouseEvent):void { gotoAndPlay(1, "momenntum"); }<br />
<br />
6.<br />
<br />
Script untuk tombol back (kembali) button_15.addEventListener(MouseEvent.CLICK, fl_MouseClickHandler_14); function fl_MouseClickHandler_14(event:MouseEvent):void { gotoAndPlay(1, "materi"); }<br />
<br />
4.3.6 Scene Materi (isi bab) Berisi materi dari bab yang dipilih serta sub bab dari materi tersebut. Pada setiap materi terdapat 2 (dua) dampai 4 (empat) sub bab materi tergantung dari judul tiap materi. Selain itu pada setiap sub bab terdapat animasi berupa gambar bergerak yang merupakan animasi dari sub bab tersebut.<br />
<br />
59<br />
<br />
Gambar 4.6 Tampilan Materi (isi bab) Tabel 4.7 Deskripsi Fungsi Materi (isi bab) Layer Fungsi Action<br />
<br />
Terdapat actionscript pada scene ini<br />
<br />
Button sub materi<br />
<br />
Terdapat tombol untuk memilih sub materi<br />
<br />
Button kembali<br />
<br />
Terdapat tombol untuk kembali sebelumnya<br />
<br />
Animasi sub materi<br />
<br />
Terdapat animasi yang berkaitan dengan sub materi yang dipilih<br />
<br />
Animasi judul<br />
<br />
Terdapat animasi judul<br />
<br />
Background<br />
<br />
Terdapat gambar latar pada scene ini<br />
<br />
ke<br />
<br />
halaman<br />
<br />
Action script yang terdapat pada scene ini adalah sebagai berikut : 1. Script untuk tombol sub materi button_19.addEventListener(MouseEvent.CLICK, fl_MouseClickHandler_22); function fl_MouseClickHandler_22(event:MouseEvent):void{ gotoAndPlay(42); } 2.<br />
<br />
Script untuk tombol back button_20.addEventListener(MouseEvent.CLICK, fl_MouseClickHandler_23);<br />
<br />
60<br />
<br />
function fl_MouseClickHandler_23(event:MouseEvent):void { gotoAndPlay(1, “materi”); } 4.3.7 Scene About Tidak banyak yang dapat di jelaskan pada scene ini karena tidak terdapat banyak konten yang pembuat letakan pada scene ini. Scene ini sendiri berisi informasi singkat mengenai pembuat aplikasi ini yang dibuat dalam bentuk animasi. Selain itu hanya terdapat satu tombol pada aplikasi ini yaitu tombol back (kembali).<br />
<br />
Gambar 4.7 Tampilan Halaman About Tabel 4.8 Dekripsi Halaman About Layer<br />
<br />
Fungsi<br />
<br />
Action<br />
<br />
Terdapat actionscript pada scene ini<br />
<br />
Button kembali<br />
<br />
Terdapat tombol sebelumnya<br />
<br />
Background<br />
<br />
Terdapat gambar latar pada scene ini<br />
<br />
untuk<br />
<br />
kembali<br />
<br />
ke<br />
<br />
halaman<br />
<br />
Action script yang terdapat pada scene ini adalah sebagai berikut : 1. Script untuk tombol back (kembali) button_33.addEventListener(MouseEvent.CLICK, fl_MouseClickHandler_39); function fl_MouseClickHandler_39(event:MouseEvent):void<br />
<br />
61<br />
<br />
{ gotoAndPlay(1, “menu”); } 4.4 Pengujian Aplikasi Pada aplikasi modul pembelajaran ini, pembuat akan melakukan serangkaian testing yang bertujuan untuk mengtahui apakah seluruh konten yang terdapat pada aplikasi ini dapat berjalan dengan baik sesuai yang diharapkan atau tidak. Penggunaan metode testing yang akan dipakai oleh pembuat dalam pnegujian aplikasi ini adalah metode black box testing yaitu pengujian yang meluputi seluruh funsi konten yang terdapat pada aplikasi ini. Metode black box testing dipilih oleh penguji karena lebih efesien dan efektif dalam menemukan cacat pada bagian interface yang merupakan bagian yang langsung berhadapan dengan pengguna aplikasi. Tabel 4.9 Pengujian dengan Metode Black box Sub menu Sub-sub menu Aksi<br />
<br />
Hasil yang diharapkan<br />
<br />
Sound<br />
<br />
Program utama<br />
<br />
Pilih<br />
<br />
Pengaturan suara.(play/pause/stop)<br />
<br />
Keluar<br />
<br />
Program utama<br />
<br />
Pilih<br />
<br />
Keluar dari program.<br />
<br />
Bab Materi<br />
<br />
Program utama<br />
<br />
Pilih<br />
<br />
Sub Materi<br />
<br />
Program utama<br />
<br />
Pilih<br />
<br />
Back<br />
<br />
Program utama<br />
<br />
Pilih<br />
<br />
Kembali ke halaman sebelumya<br />
<br />
evaluasi<br />
<br />
Program utama<br />
<br />
Pilih<br />
<br />
Masuk ke halaman pembuka soal.<br />
<br />
Program utama<br />
<br />
Pilih<br />
<br />
Program utama<br />
<br />
Pilih<br />
<br />
Program utama<br />
<br />
Pilih<br />
<br />
Program utama<br />
<br />
Pilih<br />
<br />
Mulai<br />
<br />
Program utama<br />
<br />
Pilih<br />
<br />
Masuk ke halaman soal-soal.<br />
<br />
About<br />
<br />
Program utama<br />
<br />
Pilih<br />
<br />
Masuk ke halaman about<br />
<br />
Materi (Semester I) Materi (Semester II) Evaluasi (Semester I) Evaluasi (Semester II)<br />
<br />
Masuk ke halaman bab materi yang dipilih. Masuk ke halaman submateri yang dipilih.<br />
<br />
Masuk ke halaman materi semester I Masuk ke halaman materi semester II Masuk ke halaman evaluasi untuk semester I Masuk ke halaman evaluasi untuk semester II<br />
<br />
62<br />
<br />
4.4.1 Hasil Pengujian dengan Metode Black Box Testing Setelah menentukan bagian mana saja yang akan dilakukan testing maka penguji telah siap untuk melakukan serangkaian pengujian yang dapat dilihat hasil pengujian dari metode black box pada tabel 4.11. Tabel 4.10 Hasil Pengujian dengan Metode Black Box Sub menu Sub-sub menu Aksi Hasil yang diharapkan Pengaturan Sound Program utama Pilih suara.(play/pause/stop) Keluar<br />
<br />
Program utama<br />
<br />
Pilih<br />
<br />
Bab Materi<br />
<br />
Program utama<br />
<br />
Pilih<br />
<br />
Sub Materi<br />
<br />
Program utama<br />
<br />
Pilih<br />
<br />
Back<br />
<br />
Program utama<br />
<br />
Pilih<br />
<br />
evaluasi<br />
<br />
Program utama<br />
<br />
Pilih<br />
<br />
Program utama<br />
<br />
Pilih<br />
<br />
Masuk ke halaman materi semester I<br />
<br />
Program utama<br />
<br />
Pilih<br />
<br />
Masuk ke halaman materi semester II<br />
<br />
Program utama<br />
<br />
Pilih<br />
<br />
Materi (Semester I) Materi (Semester II) Evaluasi (Semester I) Evaluasi (Semester II)<br />
<br />
Program utama<br />
<br />
Pilih<br />
<br />
Mulai<br />
<br />
Program utama<br />
<br />
Pilih<br />
<br />
About<br />
<br />
Program utama<br />
<br />
Pilih<br />
<br />
Keluar dari program. Masuk ke halaman bab materi yang dipilih. Masuk ke halaman submateri yang dipilih. Kembali ke halaman sebelumya Masuk ke halaman pembuka soal.<br />
<br />
Masuk ke halaman evaluasi untuk semester I Masuk ke halaman evaluasi untuk semester II Masuk ke halaman soal-soal. Masuk ke halaman about<br />
<br />
Hasil Pengujian Sesuai Sesuai Sesuai Sesuai Sesuai Sesuai Sesuai<br />
<br />
Sesuai<br />
<br />
Sesuai Sesuai<br />
<br />
Sesuai Sesuai<br />
<br />
63<br />
<br />
4.4.2 Analisis Hasil Pengujian Metode Black Box Testing Pada tahap ini penguji akan melakukan analisis mengenai hasil yang telah didapatkan pada tahap pengujian dengan metode black box. Data-data yang telah didapatkan penguji akan diolah sedemikian rupa sehingga menghasilkan data hasil pengujian yang dapat menilai apakah aplikasi lulus atau tidak dari pengujian ini. Bedasarkan data yang telah didapat dari pengujian dengan metode black box ini maka dapat disimpulkan bahwa, 1. Seluruh tombol pada aplikasi ini dapat berfungsi sebagai mana yang diharapkan 2. Suara latar dapat dimainkan dengan baik pada setiap scene-nya 3. Susunan tampilan dan background dapat dilihat dan dimengerti dengan baik 4. Aplikasi dapat berjalan dengan baik sesuai yang diharapkan penguji 4.5 Pendistribusian Tahap ini merupakan kelanjutan dari tahap implementasi dan pnegujian yang dilakukan media cd dengan cara burning. Media cd dipilih karena efisien, mudah didapatkan dan tahan lama serta memiliki harga yang relatif murah. Sehingga sangat tepat untuk pendistribusian aplikasi ini untuk murid-murid SMA kelas 2.<br />
<br /> </div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade" id="report" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<form role="form" method="post" action="https://adoc.pub/report/bab-4-implementasi-dan-pengujianbdc694167e1e5cbc314ed25d6cbdc18c98211" style="border: none;">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title">Report "BAB 4 IMPLEMENTASI DAN PENGUJIAN"</h4>
</div>
<div class="modal-body">
<div class="form-group">
<label>Your name</label>
<input type="text" name="name" required="required" class="form-control" />
</div>
<div class="form-group">
<label>Email</label>
<input type="email" name="email" required="required" class="form-control" />
</div>
<div class="form-group">
<label>Reason</label>
<select name="reason" required="required" class="form-control">
<option value="">-Select Reason-</option>
<option value="pornographic" selected="selected">Pornographic</option>
<option value="defamatory">Defamatory</option>
<option value="illegal">Illegal/Unlawful</option>
<option value="spam">Spam</option>
<option value="others">Other Terms Of Service Violation</option>
<option value="copyright">File a copyright complaint</option>
</select>
</div>
<div class="form-group">
<label>Description</label>
<textarea name="description" required="required" rows="3" class="form-control" style="border: 1px solid #cccccc;"></textarea>
</div>
<div class="form-group">
<div style="display: inline-block;">
<div class="g-recaptcha" data-sitekey="6LcEnMcZAAAAAFHzKKgaE-Qh57XzUTzpfRElD4dP"></div>
</div>
</div>
<script src='https://www.google.com/recaptcha/api.js'></script>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
<button type="submit" class="btn btn-primary">Send</button>
</div>
</form>
</div>
</div>
</div>
<script>
$(document).ready(function () {
var inner_height = $(window).innerHeight() - 250;
$('#pdfviewer').css({"height": inner_height + "px"});
});
</script>
<footer class="footer" style="margin-top: 60px;">
<div class="container-fluid">
Copyright © 2024 ADOC.PUB. All rights reserved.
<div class="pull-right">
<span><a href="https://adoc.pub/about">About Us</a></span> |
<span><a href="https://adoc.pub/privacy">Privacy Policy</a></span> |
<span><a href="https://adoc.pub/term">Terms of Service</a></span> |
<span><a href="https://adoc.pub/copyright">Copyright</a></span> |
<span><a href="https://adoc.pub/contact">Contact Us</a></span> |
<span><a href="https://adoc.pub/cookie_policy">Cookie Policy</a></span>
</div>
</div>
</footer>
<!-- Modal -->
<div class="modal fade" id="login" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close" on="tap:login.close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title" id="add-note-label">Sign In</h4>
</div>
<div class="modal-body">
<form action="https://adoc.pub/login" method="post">
<div class="form-group">
<label class="sr-only" for="email">Email</label>
<input class="form-input form-control" type="text" name="email" id="email" value="" placeholder="Email" />
</div>
<div class="form-group">
<label class="sr-only" for="password">Password</label>
<input class="form-input form-control" type="password" name="password" id="password" value="" placeholder="Password" />
</div>
<div class="form-group">
<div class="checkbox">
<label class="form-checkbox">
<input type="checkbox" name="remember" value="1" />
<i class="form-icon"></i> Remember me
</label>
<label class="pull-right"><a href="https://adoc.pub/forgot">Forgot password?</a></label>
</div>
</div>
<button class="btn btn-primary btn-block" type="submit">Sign In</button>
</form>
</div>
</div>
</div>
</div>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-177279549-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-177279549-1');
</script>
<script src="https://adoc.pub/assets/js/jquery-ui.min.js"></script>
<link rel="stylesheet" href="https://adoc.pub/assets/css/jquery-ui.css">
<script>
$(function () {
$("#document_search").autocomplete({
source: function (request, response) {
$.ajax({
url: "https://adoc.pub/suggest",
dataType: "json",
data: {
term: request.term
},
success: function (data) {
response(data);
}
});
},
autoFill: true,
select: function( event, ui ) {
$(this).val(ui.item.value);
$(this).parents("form").submit();
}
});
});
</script>
<!-- cookie policy -->
<div id="ADOCPUB_cookie_box" style="z-index:99999; border-top: 1px solid #fefefe; background: #FFC107; width: 100%; position: fixed; padding: 5px 15px; text-align: center; left:0; bottom: 0;">
Our partners will collect data and use cookies for ad personalization and measurement. <a href="https://adoc.pub/cookie_policy" target="_blank">Learn how we and our ad partner Google, collect and use data</a>. <a href="#" class="btn btn-success" onclick="accept_ADOCPUB_cookie_box();return false;">Agree & close</a>
</div>
<script>
function accept_ADOCPUB_cookie_box() {
document.cookie = "ADOCPUB_cookie_box_viewed=1;max-age=15768000;path=/";
hide_ADOCPUB_cookie_box();
}
function hide_ADOCPUB_cookie_box() {
var cb = document.getElementById('ADOCPUB_cookie_box');
if (cb) {
cb.parentElement.removeChild(cb);
}
}
(function () {
var ADOCPUB_cookie_box_viewed = (function (name) {
var matches = document.cookie.match(new RegExp("(?:^|; )" + name.replace(/([\.$?*|{}\(\)\[\]\\\/\+^])/g, '\\$1') + "=([^;]*)"));
return matches ? decodeURIComponent(matches[1]) : undefined;
})('ADOCPUB_cookie_box_viewed');
if (ADOCPUB_cookie_box_viewed) {
hide_ADOCPUB_cookie_box();
}
})();
</script>
<!-- end cookie policy -->
</body>
</html>
