BAB IV IMPLEMENTASI DAN PENGUJIAN
4.1
Implementasi Implementasi adalah penerapan perancangan aplikasi yang dapat dimengerti
oleh mesin dengan spesifikasi perangkat lunak (software) dan perangkat keras (hardware) yang dipergunakan. Setelah melakukan hasil analisa dan perancangan, selanjutnya adalah implementasi dan pengujian. Tahap implementasi terdiri dari dua cakupan yaitu spesifikasi kebutuhan sistem yang meliputi perangkat keras (hardware) dan perangkat lunak (software), serta implementasi sistem aplikasi pendukung meliputi pengumpulan bahan, proses coding dan desain antar muka. Aplikasi pembelajaran dibuat dengan spesifikasi layar sebesar 900 x 600 pixel dengan frame rate 7 fps dan menggunakan bahasa pemograman Actionscript 3.0. Aplikasi ini hanya dibuat dalam 1 scene yang didalamnya terbagi menjadi 17 movie clip utama. Dimana setiap movie clip terdapat beberapa tombol (button) dan ada beberapa movie clip terdapat animasi yang dibuat dengan teknik motion tween dan motion shape untuk menampilkan sebuah objek secara otomatis. Pembagian menjadi beberapa movie clip digunakan untuk memudahkan dalam mengorganisasi movie clip.
4.1.1 Movie Clip Intro Pada tampilan intro terdapat 3 tombol (button) yaitu, tombol Masuk untuk menuju ke movie clip halaman utama, tombol Tentang untuk menuju ke movie clip halaman tentang aplikasi, dan tombol Speaker untuk mengatur suara play/stop.
51
52
Gambar 4.1 Movie Clip Intro Tabel 4.1 Fungsi tampilan pada movie clip intro Layer
Fungsi
Actionscript
Terdapat actionscript pada frame
Tombol Masuk
Terdapat tombol masuk untuk menuju halaman utama
Tombol Tentang Terdapat tombol tentang untuk menuju halaman tentang Tombol Suara
Terdapat tombol suara untuk mengatur hidup/mati nya suara
Gambar
Terdapat gambar pada movie clip
Teks
Terdapat teks berisi tulisan berjalan judul aplikasi “Aplikasi Pembelajaran Fungsi Linear Berbasis Multimedia Interaktif”
Background
Terdapat latar pada movie clip
53
Pada masing – masing tombol terdapat actionscript sebagai berikut: Actionscript untuk tombol masuk menuju ke movie clip halaman utama. intro.tombol_masuk.addEventListener(MouseEvent.CLICK, masuk); function masuk (E:Event) :void { gotoAndStop('halaman_utama'); }
Actionscript untuk tombol tentang menuju ke halaman tentang aplikasi. intro.tombol_tentang.addEventListener(MouseEvent.CLICK, tentang); function tentang (E:Event) :void { gotoAndStop('tentang_aplikasi'); }
Actionscript untuk tombol sound berfungsi untuk menghidupkan dan mematikan suara. import flash.events.MouseEvent; var musik:depapepe_1=new depapepe_1(); //depapepe nama class musik.play(0,999); tombol_play.addEventListener(MouseEvent.CLICK, atur_musik); //function tombol_stop.addEventListener(MouseEvent.CLICK, atur_musik); //function
function atur_musik(e:MouseEvent):void{ var tplay:String = e.currentTarget.name; var tstop:String = e.currentTarget.name; if (tplay == "tombol_play"){ SoundMixer.stopAll(); musik.play(0,999); } if (tstop == "tombol_stop"){ SoundMixer.stopAll();} }
54
4.1.2 Movie Clip Halaman Utama Pada tampilan halaman utama terdapat tombol – tombol utama yang akan dikoneksikan ke halaman movie clip berikutya dan terdapat tombol intro untuk mengembalikan ke halaman movie clip intro. Pada tampilan ini juga setiap tombol yang di klik akan terdapat suara penanda pilihan.
Gambar 4.2 Movie Clip Halaman Utama Tabel 4.2 Fungsi tampilan pada movie clip halaman utama Layer
Fungsi
Actionscript
Terdapat actionscript
Tombol Materi
Terdapat tombol materi menuju ke halaman sub materi
Tombol Contoh
Terdapat tombol contoh soal menuju ke halaman contoh soal
soal Tombol Latihan
Terdapat tombol untuk latihan menuju ke halaman latihan
soal
soal
Tombol Intro
Terdapat tombol intro untuk kembali ke halaman intro
Gambar
Terdapat gambar pada movie clip
Background
Terdapat latar pada movie clip
55
Pada masing – masing tombol terdapat actionscript sebagai berikut: Actionscript untuk tombol materi menuju ke halaman sub materi. halaman_utama.tombol_materi.addEventListener(MouseEvent.CLICK, materi); function materi (E:Event): void { gotoAndStop('halaman_submateri'); }
Actionscript untuk tombol latihan soal menuju ke halaman soal yang harus dikerjakan pengguna. halaman_utama.tombol_latihansoal.addEventListener(MouseEvent.C LICK, latihan); function latihan (E:Event):void { gotoAndStop('soal’); }
Actionscript untuk tombol intro menuju kembali ke halaman intro. halaman_utama.intro_menuutama.addEventListener(MouseEvent.CLIC K, intromenuutama); function intromenuutama (E:Event) :void { gotoAndStop ('intro'); }
Actionscript untuk tombol contoh soal menuju ke halaman contoh soal. halaman_utama.tombol_contohsoal.addEventListener(MouseEvent.CL ICK, contohsoal); function contohsoal (E:Event) :void { gotoAndStop ('contohsoal1'); }
56
Actionscript untuk suara tombol ketika di klik. SoundMixer.stopAll(); import flash.events.MouseEvent; var musik:soundclick = new soundclick(); var mychannel:SoundChannel; tombol_materi.addEventListener(MouseEvent.CLICK, materiklik); tombol_contohsoal.addEventListener(MouseEvent.CLICK, contohsoalklik); tombol_latihansoal.addEventListener(MouseEvent.CLICK, latihansoalklik); function materiklik (e:MouseEvent) :void { var t_klik1:String = e.currentTarget.name; t_klik1 = "tombol_materi" musik.play(); } function contohsoalklik (e:MouseEvent) :void { var t_klik2:String = e.currentTarget.name; t_klik2 = "tombol_contohsoal" musik.play(); } function latihansoalklik (e:MouseEvent) :void { var t_klik3:String = e.currentTarget.name; t_klik3 = "tombol_latihansoal" musik.play(); }
4.1.3
Movie Clip Sub Materi Pada tampilan halaman sub materi terdapat 6 tombol yang menuju ke setiap
movie clip isi sub materi, yaitu movie clip isi sub materi 1 sampai movie clip isi sub materi 6. Dan terdapat tombol home untuk kembali ke halaman utama.
57
Gambar 4.3 Movie Clip Sub Materi Tabel 4.3 Fungsi tampilan pada movie clip sub materi Layer
Fungsi
Actions
Terdapat actionscript
Tombol Submat1
Terdapat tombol submat1 untuk menuju ke isi sub materi 1
Tombol Submat2
Terdapat tombol submat2 untuk menuju ke isi sub materi 2
Tombol Submat3
Terdapat tombol submat3 untuk menuju ke isi sub materi 3
Tombol Submat4
Terdapat tombol submat4 untuk menuju ke isi sub materi 4
Tombol Submat5
Terdapat tombol submat5 untuk menuju ke isi sub materi 5
Tombol Submat6
Terdapat tombol submat6 untuk menuju ke isi sub materi 6
Tombol home
Terdapat tombol home untuk mengembalikan ke halaman utama
Gambar
Terdapat gambar pada movie clip
Background
Terdapat latar pada movie clip
58
Pada masing – masing tombol terdapat actionscript sebagai berikut: Actionscript untuk tombol submat1 menuju ke halaman isi sub materi 1. halaman_submateri.tombol_submat1.addEventListener(MouseEvent.C LICK, submat1); function submat1 (E:Event):void { gotoAndStop('pengertian_fungsi1'); }
Actionscript untuk tombol submat2 menuju ke halaman isi sub materi 2. halaman_submateri.tombol_submat2.addEventListener(MouseEvent.C LICK, submat2); function submat2 (E:Event) :void { gotoAndStop('pengertian_fungsilinear'); }
Actionscript untuk tombol submat3 menuju ke halaman isi sub materi 3. halaman_submateri.tombol_submat3.addEventListener(MouseEvent.C LICK, submat3); function submat3 (E:Event) :void { gotoAndStop('penggambaran_fungsi1'); }
Actionscript untuk tombol submat4 menuju ke halaman isi sub materi 4. halaman_submateri.tombol_submat4.addEventListener(MouseEvent.C LICK, submat4); function submat4 (E:Event) :void { gotoAndStop('hubungan_duafungsi1'); }
59
Actionscript untuk tombol submat5 menuju ke halaman isi sub materi 5. halaman_submateri.tombol_submat5.addEventListener(MouseEvent.C LICK, submat5); function submat5 (E:Event) :void { gotoAndStop('titik_potong1'); }
Actionscript untuk tombol submat6 menuju ke halaman isi sub materi 6. halaman_submateri.tombol_submat6.addEventListener(MouseEvent.C LICK, submat6); function submat6 (E:Event) :void { gotoAndStop('penamaan_fungsi1'); }
Actionscript untuk tombol home menuju ke halaman utama. halaman_submateri.home_submateri.addEventListener(MouseEvent.C LICK, homesubmateri); function homesubmateri (E:Event) :void { gotoAndStop ('halaman_utama'); }
4.1.4 Movie Clip Isi Sub Materi Pengertian Fungsi Pada tampilan ini merupakan isi dari menu sub materi 1 yang dipilih. Di halaman ini terdapat tombol lanjut – kembali yang berfungsi untuk melihat halaman selanjutnya atau sebelumnya dari materi yang dipilih, tombol home untuk mengembalikan ke halaman utama, dan tombol back untuk mengembalikan ke halaman sub materi.
60
Gambar 4.4 Movie Clip Isi Sub Materi Pengertian Fungsi Tabel 4.4 Fungsi tampilan pada movie clip pengertian fungsi Layer
Fungsi
Actionscript
Terdapat actionscript
Tombol lanjut
Terdapat tombol lanjut ke halaman selanjutnya
Tombol kembali
Terdapat tombol kembali ke halaman sebelumnya
Tombol back
Terdapat tombol back untuk kembali ke halaman sub materi
Tombol home
Terdapat tombol home untuk kembali ke halaman utama
Teks
Terdapat teks berisikan materi
Background
Terdapat latar pada movie clip
4.1.5 Movie Clip Isi Sub Materi Pengertian Fungsi Linear Pada tampilan ini merupakan isi dari menu sub materi 2 yang dipilih. Di halaman ini terdapat tombol home untuk mengembalikan ke halaman utama dan tombol back untuk mengembalikan ke halaman sub materi.
61
Gambar 4.5 Movie Clip Isi Sub Materi Pengertian Fungsi Linear Tabel 4.5 Fungsi tampilan pada movie clip pengertian fungsi linear Layer
Fungsi
Actionscript
Terdapat actionscript
Tombol home
Terdapat tombol home untuk kembali ke halaman utama
Tombol intro
Terdapat tombol intro untuk kembali ke halaman intro
Teks
Terdapat teks berisikan materi
Background
Terdapat latar pada movie clip
4.1.6 Movie Clip Isi Sub Materi Penggambaran Fungsi Linear Pada tampilan ini merupakan isi dari menu sub materi 3 yang dipilih. Di halaman ini terdapat tombol lanjut – kembali yang berfungsi untuk melihat halaman selanjutnya atau sebelumnya dari materi yang dipilih, tombol home untuk mengembalikan ke halaman utama, dan tombol back untuk mengembalikan ke halaman sub materi.
62
Gambar 4.6 Movie Clip Isi Sub Materi Penggambaran Fungsi Linear Tabel 4.6 Fungsi tampilan pada movie clip penggambaran fungsi Layer
Fungsi
Actionscript
Terdapat actionscript
Tombol lanjut
Terdapat tombol lanjut ke halaman selanjutnya
Tombol kembali
Terdapat tombol kembali ke halaman sebelumnya
Tombol back
Terdapat tombol back untuk kembali ke halaman sub materi
Tombol home
Terdapat tombol home untuk kembali ke halaman utama
Teks
Terdapat teks berisikan materi
Background
Terdapat latar pada movie clip
4.1.7 Movie Clip Isi Sub Materi Hubungan Dua Fungsi Linear Pada tampilan ini merupakan isi dari menu sub materi 4 yang dipilih. Di halaman ini terdapat tombol lanjut – kembali yang berfungsi untuk melihat halaman selanjutnya atau sebelumnya dari materi yang dipilih, tombol home untuk mengembalikan ke halaman utama, dan tombol back untuk mengembalikan ke halaman sub materi.
63
Gambar 4.7 Movie Clip Isi Sub Materi Hubungan Dua Fungsi Linear Tabel 4.7 Fungsi tampilan pada movie clip hubungan dua fungsi linear Layer
Fungsi
Actionscript
Terdapat actionscript
Tombol lanjut
Terdapat tombol lanjut ke halaman selanjutnya
Tombol kembali
Terdapat tombol kembali ke halaman sebelumnya
Tombol back
Terdapat tombol back untuk kembali ke halaman sub materi
Tombol home
Terdapat tombol home untuk kembali ke halaman utama
Teks
Terdapat teks berisikan materi
Background
Terdapat latar pada movie clip
4.1.8 Movie Clip Isi Sub Materi Titik Potong Fungsi Linear Pada tampilan ini merupakan isi dari menu sub materi 5 yang dipilih. Di halaman ini terdapat tombol lanjut – kembali yang berfungsi untuk melihat halaman selanjutnya atau sebelumnya dari materi yang dipilih, tombol home untuk mengembalikan ke halaman utama, dan tombol back untuk mengembalikan ke halaman sub materi.
64
Gambar 4.8 Movie Clip Isi Sub Materi Titik Potong Fungsi Linear Tabel 4.8 Fungsi tampilan pada movie clip titik potong fungsi linear Layer
Fungsi
Actionscript
Terdapat actionscript
Tombol lanjut
Terdapat tombol lanjut ke halaman selanjutnya
Tombol kembali
Terdapat tombol kembali ke halaman sebelumnya
Tombol back
Terdapat tombol back untuk kembali ke halaman sub materi
Tombol home
Terdapat tombol home untuk kembali ke halaman utama
Teks
Terdapat teks berisikan materi
Background
Terdapat latar pada movie clip
4.1.9 Movie Clip Isi Sub Materi Penamaan Fungsi Linear Pada tampilan ini merupakan isi dari menu sub materi 6 yang dipilih. Di halaman ini terdapat tombol lanjut – kembali yang berfungsi untuk melihat halaman selanjutnya atau sebelumnya dari materi yang dipilih, tombol home untuk mengembalikan ke halaman utama, dan tombol back untuk mengembalikan ke halaman sub materi.
65
Gambar 4.9 Movie Clip Isi Sub Materi Penamaan Fungsi Linear Tabel 4.9 Fungsi tampilan pada movie clip penamaan fungsi linear Layer
Fungsi
Actionscript
Terdapat actionscript
Tombol lanjut
Terdapat tombol lanjut ke halaman selanjutnya
Tombol kembali
Terdapat tombol kembali ke halaman sebelumnya
Tombol back
Terdapat tombol back untuk kembali ke halaman sub materi
Tombol home
Terdapat tombol home untuk kembali ke halaman utama
Teks
Terdapat teks berisikan materi
Background
Terdapat latar pada movie clip
4.1.10 Movie Clip Contoh Soal Pada tampilan movie clip contoh soal, hanya terdapat tombol lanjut ke halaman contoh soal berikutnya, tombol kembali ke halaman contoh soal sebelumya, dan tombol halaman utama untuk kembali ke halaman utama.
66
Gambar 4.10 Movie Clip Contoh Soal Tabel 4.10 Fungsi tampilan pada movie clip contoh soal Layer
Fungsi
Actionscript
Terdapat actionscript
Tombol lanjut
Terdapat tombol lanjut ke halaman selanjutnya
Tombol kembali
Terdapat tombol kembali ke halaman sebelumnya
Tombol home
Terdapat tombol home untuk kembali ke halaman utama
Teks
Terdapat teks berisikan contoh soal
Background
Terdapat latar pada movie clip
4.1.11 Movie Clip Latihan Soal Pada tampilan ini movie clip langsung memulai soal nomor 1 test latihan soal pilihan ganda. Disini terdapat tombol lanjut ke soal berikutnya, tetapi tombol tersebut akan berfungsi apabila pengguna sudah memilih salah satu jawaban dari pilihan ganda tersebut. Di movie clip latihan ini memiliki 5 layer dan setiap layer memiliki fungsi yang berbeda-beda.
67
Gambar 4.11 Movie Clip Latihan Soal No. 1 sampai 4
Gambar 4.12 Movie Clip Latihan Soal No. 5
68
Gambar 4.13 Movie Clip Nilai Latihan Soal Tabel 4.11 Fungsi tampilan pada movie clip latihan soal Layer
Fungsi
Actionscript
Terdapat actionscript
Tombol
Terdapat tombol lanjut untuk melanjutkan ke soal berikutnya, tombol nilai untuk melihat nilai yang diperoleh, dan tombol lihat kunci soal untuk melihat jawaban benar.
Soal
Terdapat teks soal – soal latihan 1 sampai 5
Pilihan
Terdapat tombol – tombol pilihan A sampai D
Background
Terdapat gambar latar pada movie clip
69
Actionscript untuk soal sebagai berik ut: stop(); var nilai_persoal: int; var nilai_total: int; var kunci_jawaban: Array; var jawaban_pengguna: Array; var jumlah_soal: int;
nilai_persoal=20; nilai_total=0; kunci_jawaban=["a","b","a","d","c"]; jawaban_pengguna = new Array; jumlah_soal = 5; btn_lanjut.mouseEnabled=false; btn_lanjut.addEventListener(MouseEvent.CLICK, lanjut); function lanjut(e:MouseEvent):void{ btn_lanjut.mouseEnabled=false; trace("jawaban_pengguna :"+jawaban_pengguna); if(jawaban_pengguna[currentFrame1]==kunci_jawaban[currentFrame-1]){ nilai_total+=nilai_persoal; } trace("nilai_total:"+nilai_total); nextFrame(); } this["no_"+currentFrame].pilihan_a.addEventListener(MouseEvent .CLICK, F_a); this["no_"+currentFrame].pilihan_b.addEventListener(MouseEvent .CLICK, F_b); this["no_"+currentFrame].pilihan_c.addEventListener(MouseEvent .CLICK, F_c); this["no_"+currentFrame].pilihan_d.addEventListener(MouseEvent .CLICK, F_d);
70
function F_a(e:MouseEvent):void{ this["no_"+currentFrame].pilihan_a.gotoAndStop(2); this["no_"+currentFrame].pilihan_b.gotoAndStop(1); this["no_"+currentFrame].pilihan_c.gotoAndStop(1); this["no_"+currentFrame].pilihan_d.gotoAndStop(1); jawaban_pengguna[currentFrame-1]="a"; btn_lanjut.mouseEnabled=true; }
function F_b(e:MouseEvent):void{ this["no_"+currentFrame].pilihan_a.gotoAndStop(1); this["no_"+currentFrame].pilihan_b.gotoAndStop(2); this["no_"+currentFrame].pilihan_c.gotoAndStop(1); this["no_"+currentFrame].pilihan_d.gotoAndStop(1); jawaban_pengguna[currentFrame-1]="b"; btn_lanjut.mouseEnabled=true; } function F_c(e:MouseEvent):void{ this["no_"+currentFrame].pilihan_a.gotoAndStop(1); this["no_"+currentFrame].pilihan_b.gotoAndStop(1); this["no_"+currentFrame].pilihan_c.gotoAndStop(2); this["no_"+currentFrame].pilihan_d.gotoAndStop(1); jawaban_pengguna[currentFrame-1]="c"; btn_lanjut.mouseEnabled=true; }
71
function F_d(e:MouseEvent):void{ this["no_"+currentFrame].pilihan_a.gotoAndStop(1); this["no_"+currentFrame].pilihan_b.gotoAndStop(1); this["no_"+currentFrame].pilihan_c.gotoAndStop(1); this["no_"+currentFrame].pilihan_d.gotoAndStop(2); jawaban_pengguna[currentFrame-1]="d"; btn_lanjut.mouseEnabled=true; }
Actionscript untuk tombol lanjut ke soal berikutnya: btn_lanjut.mouseEnabled=false; btn_lanjut.addEventListener(MouseEvent.CLICK, lanjut); this["no_"+currentFrame].pilihan_a.addEventListener(MouseEvent .CLICK, F_a); this["no_"+currentFrame].pilihan_b.addEventListener(MouseEvent .CLICK, F_b); this["no_"+currentFrame].pilihan_c.addEventListener(MouseEvent .CLICK, F_c); this["no_"+currentFrame].pilihan_d.addEventListener(MouseEvent .CLICK, F_d);
4.1.12 Movie Clip Jawaban Benar Latihan Soal Pada tampilan movie clip jawaban benar terdapat tombol lanjut untuk menuju ke halaman jawaban benar berikutnya, tombol kembali ke halaman jawaban benar sebelumya, tombol halaman utama untuk kembali ke halaman utama, dan tombol coba lagi untuk mencoba latihan soal sekali lagi.
72
Gambar 4.14 Movie Clip Jawaban Benar Soal No. 1 sampai 4
Gambar 4.15 Movie Clip Jawaban Benar Soal No. 5
73
Tabel 4.12 Fungsi tampilan pada movie clip jawaban benar Layer
Fungsi
Actionscript
Terdapat actionscript
Tombol lanjut
Terdapat tombol lanjut untuk ke jawaban benar berikutnya
Tombol kembali
Terdapat tombol kembali untuk ke jawaban benar sebelumnya
Tombol coba
Terdapat tombol coba lagi untuk mencoba latihan soal sekali
lagi
lagi
Tombol home
Terdapat tombol ke halaman utama
Teks
Terdapat teks soal – soal jawaban latihan
Background
Terdapat gambar latar pada movie clip
4.1.13 Movie Clip Latihan Soal Kedua Pada tampilan latihan soal kedua ini aplikasi langsung memulai soal nomor 1. Disini terdapat tombol lanjut ke soal berikutnya, tetapi tombol tersebut akan berfungsi apabila pengguna sudah memilih salah satu jawaban dari pilihan ganda tersebut. Di tampilan movie clip latihan kedua ini memiliki 5 layer dan setiap layer memiliki fungsi yang berbeda-beda.
Gambar 4.16 Movie Clip Latihan Soal Kedua Soal No. 1 sampai 4
74
Gambar 4.17 Movie Clip Latihan Soal Kedua Soal No. 5
Gambar 4.18 Movie Clip Nilai Latihan Soal Kedua
75
Tabel 4.13 Fungsi tampilan pada movie clip latihan soal kedua Layer
Fungsi
Actionscript
Terdapat actionscript
Tombol
Terdapat tombol lanjut untuk melanjutkan ke soal berikutnya, tombol nilai untuk melihat nilai yang diperoleh, dan tombol lihat kunci soal untuk melihat jawaban benar.
Soal
Terdapat teks soal – soal latihan 1 sampai 5
Pilihan
Terdapat tombol – tombol pilihan A sampai D
Background
Terdapat gambar latar pada movie clip
4.1.14 Movie Clip Jawaban Benar Latihan Soal Kedua Pada tampilan movie clip jawaban benar latihan kedua terdapat tombol lanjut untuk menuju ke halaman jawaban benar berikutnya, tombol kembali ke halaman jawaban benar sebelumya, dan tombol halaman utama untuk kembali ke halaman utama.
Gambar 4.19 Movie Clip Jawaban Benar Soal No. 1 sampai 4 Latihan Kedua
76
Gambar 4.20 Movie Clip Jawaban Benar Soal No. 5 Latihan Kedua Tabel 4.14 Fungsi tampilan pada movie clip jawaban benar latihan kedua Layer
Fungsi
Actionscript
Terdapat actionscript
Tombol lanjut
Terdapat tombol lanjut untuk ke jawaban benar berikutnya
Tombol kembali
Terdapat tombol kembali untuk ke jawaban benar sebelumnya
Tombol home
Terdapat tombol ke halaman utama
Teks
Terdapat teks soal – soal jawaban latihan
Background
Terdapat gambar latar pada movie clip
4.1.15 Movie Clip Tentang Pada tampilan movie clip halaman tentang terdapat teks berupa penjelasan singkat tentang aplikasi dan terdapat tombol intro untuk kembali ke halaman intro.
77
Gambar 4.21 Movie Clip Tentang Tabel 4.15 Fungsi tampilan pada movie clip tentang Layer
Fungsi
Actionscript
Terdapat actionscript
Tombol intro
Terdapat tombol intro untuk kembali ke halaman intro
Teks
Terdapat teks tentang aplikasi
Background
Terdapat gambar latar pada movie clip
4.2
Pengujian Pada bagian ini penulis akan melakukan pengujian terhadap aplikasi
pembelajaran fungsi linear berbasis multimedia interaktif. Pengujian ini dilakukan secara berulang-ulang untuk memastikan program yang dibuat. Tanpa adanya pengujian, penulis tidak dapat mengetahui apakah aplikasi tersebut dapat berfungsi dengan baik dan dapat digunakan sebagaimana mestinya. Apabila pada pengujian ini ditemukan kesalahan, maka penulis akan memperbaiki kesalahan yang terjadi pada aplikasi tersebut.
78
Pengujian program aplikasi pembelajaran fungsi linear berbasis multimedia interaktif ini dilakukan dengan menggunakan metode Black Box Testing. Metode Black Box Testing merupakan metode pengujian pada program aplikasi berdasarkan spesifikasi fungsional untuk menemukan kesalahan fungsional program. Kebenaran pengujian dilihat dari keluaran yang dihasilkan dari data atau kondisi masukan yang diberikan untuk fungsi tanpa melihat bagaimana proses untuk mendapatkan keluaran tersebut. Pengujian dilakukan dengan cara memberikan sejumlah masukkan pada program aplikasi yang selanjutnya akan diproses sesuai dengan kebutuhan fungsional untuk melihat hasil keluaran, apakah program aplikasi ini dibuat telah sesuai yang diinginkan dan sesuai dengan fungsi dari program tersebut. Apabila dari masukkan yang diproses menghasilkan keluaran yang sesuai dengan kebutuhan fungsional, maka program tersebut benar telah berjalan dengan baik. Tetapi jika dari masukkan yang diproses menghasilkan keluaran yang tidak sesuai dengan kebutuhan fungsional maka terdapat kesalahan pada program aplikasi tersebut. Misalkan menu – menu dan tombol yang terdapat pada aplikasi dapat berfungsi dengan baik atau tidak. Skenario pengujian yang dilakukan antara lain adalah skenario menu intro, menu halaman utama, menu sub materi, menu contoh soal, menu latihan soal. Tabel 4.16 Skenario Pengujian Metode Black Box Tombol
Penjelasan Tombol Intro
Aksi Pilih
Hasil Yang Diharapkan Mengembalikan ke halaman intro
Tombol Masuk
Pilih
Masuk ke halaman utama
Tombol Tentang
Pilih
Masuk ke halaman tentang
Tombol Sound
Pilih
Pengaturan suara hidup
Tombol Sound
Pilih
Pengaturan suara mati
MASUK
TENTANG
PLAY STOP
79
Tombol Home
Pilih
Mengembalikan ke halaman utama
Tombol Materi
Pilih
Masuk ke halaman sub materi
Tombol Contoh
Pilih
Masuk ke halaman contoh
MATERI
CONTOH SOAL
Soal Tombol Latihan
LATIHAN SOAL
PENGGAMBARAN FUNGSI LINEAR
materi pengertian fungsi Pilih
Masuk ke halaman isi sub
Linear
linear
Tombol
Pilih
Masuk ke halaman isi sub
Penggambaran
materi penggambaran fungsi
Fungsi Linear
linear Pilih
Masuk ke halaman isi sub
Hubungan Dua
materi hubungan dua fungsi
Fungsi Linear
linear Pilih
Masuk ke halaman isi sub
Potong Fungsi
materi titik potong fungsi
Linear
linear
Tombol PENAMAAN FUNGSI LINEAR
Masuk ke halaman isi sub
materi pengertian fungsi
Tombol Titik TITIK POTONG FUNGSI LINEAR
Pilih
Pengertian Fungsi
Tombol HUBUNGAN DUA FUNGSI LINEAR
Masuk ke halaman latihan soal
Pengertian Fungsi Tombol
PENGERTIAN FUNGSI LINEAR
Pilih
Soal Tombol
PENGERTIAN FUNGSI
soal
Pilih
Masuk ke halaman isi sub
Penamaan Fungsi
materi penamaan fungsi
Linear
linear
Tombol Lanjut
Pilih
Masuk ke halaman berikutnya
Tombol Kembali
Pilih
Kembali ke halaman sebelumnya
Tombol Back
Pilih
Mengembalikan ke halaman pilihan sub materi
80
4.2.1 Hasil Pengujian Black Box Testing Dari hasil skenario pengujian yang telah dilakukan, maka diperoleh hasil pengujian. Hasil dari skenario dan pengujian pada aplikasi ini yaitu skenario tombol-tombol pada menu intro, menu halaman utama, menu sub materi, menu latihan soal. Diperoleh hasil pengujian tersebut sesuai dengan aplikasi program yang dibuat. Hasil pengujian blackbox testing dirangkum ke dalam tabel 4.17. Tabel 4.17 Hasil Pengujian Metode Black Box
Tombol
Penjelasan
Aksi
Hasil Yang Diharapkan
Tombol Intro
Pilih
Mengembalikan ke
Hasil Pengujian Sesuai
halaman intro Tombol Masuk
Pilih
Tombol
PLAY
Sesuai
utama
MASUK
TENTANG
Masuk ke halaman
Pilih
Tentang Tombol Sound
Masuk ke halaman
Sesuai
tentang Pilih
Pengaturan suara
Sesuai
hidup Tombol Sound
Pilih
Pengaturan suara
Sesuai
mati
STOP Tombol Home
Pilih
Mengembalikan ke
Sesuai
halaman utama Tombol Materi
Pilih
MATERI
Masuk ke halaman
Sesuai
contoh soal Pilih
Latihan Soal Tombol
PENGERTIAN FUNGSI
Pilih
Contoh Soal Tombol
LATIHAN SOAL
Sesuai
sub materi Tombol
CONTOH SOAL
Masuk ke halaman
Masuk ke halaman
Sesuai
latihan soal Pilih
Masuk ke halaman
Pengertian
isi sub materi
Fungsi
pengertian fungsi
Sesuai
81
Tombol PENGERTIAN FUNGSI LINEAR
Pilih
Masuk ke halaman
Pengertian
isi sub materi
Fungsi Linear
pengertian fungsi
Sesuai
linear PENGGAMBARAN FUNGSI LINEAR
Tombol
Pilih
Masuk ke halaman
Penggambaran
isi sub materi
Fungsi Linear
penggambaran
Sesuai
fungsi linear Tombol HUBUNGAN DUA FUNGSI LINEAR
Pilih
Masuk ke halaman
Hubungan Dua
isi sub materi
Fungsi Linear
hubungan dua fungsi
Sesuai
linear Tombol Titik TITIK POTONG FUNGSI LINEAR
Masuk ke halaman
Potong Fungsi
isi sub materi titik
Linear
potong fungsi linear
Tombol PENAMAAN FUNGSI LINEAR
Pilih
Pilih
Masuk ke halaman
Penamaan
isi sub materi
Fungsi Linear
penamaan fungsi
Sesuai
Sesuai
linear Tombol Lanjut
Pilih
Masuk ke halaman
Sesuai
berikutnya Tombol
Pilih
Kembali Tombol Back
Kembali ke halaman
Sesuai
sebelumnya Pilih
Mengembalikan ke halaman pilihan sub materi
Sesuai
82
4.4.2 Analisa Hasil Pengujian Black Box Testing Analisa hasil pengujian dilakukan dengan memberikan penilaian secara keseluruhan terhadap semua hasil pengujian. Berdasarkan hasil pengujian yang telah dilakukan, dapat disimpulkan bahwa: 1.
Pengguna dapat melihat tampilan dengan baik.
2.
Proses setiap menu dapat berjalan dengan baik dan keluaran yang dihasilkan sesuai dengan yang diinginkan.
3.
Tombol – tombol pada setiap tampilan dapat dijalankan sesuai dengan fungsinya.
4.
Perangkat lunak yang dikembangkan sudah dapat dijalankan dengan baik.
4.3
Distribusi Setelah aplikasi melewati proses implementasi dan pengujian, maka tahap
terakhir dalam metodologi pengembangan multimedia menurut luther adalah pendistribusian aplikasi. Pada tahap ini penulis memilih media CD (compact disc) sebagai sarana untuk mendistribusikan aplikasi tersebut. Penulis melakukan pendistribusian menggunakan CD dengan cara di burn (bakar).