BAB IV IMPLEMENTASI DAN PENGUJIAN. Multimedia Pembelajaran Otomotif dan Pengenalan Dasar-dasar Mesin Honda

Transkripsi

1 BAB IV IMPLEMENTASI DAN PENGUJIAN 4.1 Implementasi Setelah melakukan analisis dan perancangan terhadap Aplikasi Multimedia Pembelajaran Otomotif dan Pengenalan Dasar-dasar Mesin Honda 100cc, tahapan selanjutnya adalah implementasi dan pengujian. Pada tahapan ini metode pengembangan multimedia meliputi pengumpulan bahan, pembuatan yang menggunakan software Adobe Flash CS3, pengujian, dan distribusi spesifikasi perangkat keras (hardware), perangkat lunak (software) dan hal-hal yang berhubungan dengan aplikasi ini. 4.2 Pengumpulan Bahan Pengumpulan bahan atau material berupa file-file teks, gambar, animasi, audio, dan tombol navigasi diperoleh dengan cara mengambil dari berbagai sumber dan dibuat sendiri. 1. Teks Sebagian besar file-file teks atau isi materi penulis peroleh dari buku Pedoman Reparasi Honda Supra X dan internet.

2 2. Gambar Background dasar pada aplikasi ini penulis buat menggunakan Adobe Photoshop CS3, file-file gambar yang lain penulis peroleh dari internet maupun koleksi pribadi. Gambar-gambar tersebut lalu diolah menggunakan Adobe Photoshop maupun Adobe Flash CS3 dengan pencil tool. Gambar 4.1 Pembuatan Background dengan Photoshop 3. Animasi Animasi pada aplikasi ini penulis buat menjadi animasi menggunakan Adobe Flash CS3. Gambar 4.2 Pengolahan gambar menjadi animasi dengan flash

3 4. Audio Musik latar maupun suara pada tombol semua merupakan koleksi pribadi penulis dan berformat MP3. 5. Tombol Navigasi Tombol navigasi berupa button yang mengandung link yang menghubungkan dari satu halaman ke halaman lainnya. Semua tombol yang terdapat dalam aplikasi ini penulis buat sendiri. Pemberian animasi pada tombol dibuat menggunakan Adobe Flash CS3. Masing-masing tombol pengguna berikan suara. Tombol Table 4.1 Tombol Navigasi Keterangan Tombol yang membawa pengguna menuju ke halaman Menu. Tombol yang membawa pengguna menuju ke halaman Profil. Tombol yang membawa pengguna menuju ke halaman Materi. Tombol yang membawa pengguna menuju ke halaman Latihan.

4 Tombol yang membawa pengguna menuju ke halaman Keluar. Tombol yang membawa pengguna menuju ke halaman selanjutnya dan sebelumnya. Tombol keluar, tombol yang membawa pengguna keluar dari aplikasi. Dan tombol kembali, tombol yang membawa pengguna menuju kembali ke halaman menu. berupa teks. Selain tombol-tombol pada tabel di atas, terdapat juga tombol yang 4.3 Pembuatan Semua bahan-bahan yang sudah terkumpul diintegrasikan menggunakan Adobe Flash CS3, termasuk melakukan coding dengan bahasa pemrograman yang terkait dengan Flash yaitu ActionScript 2.0 kemudian dibuat file exe dengan memilih tipe windows projector (.exe) atau file yang dapat dieksekusi. Dalam pembuatan aplikasi ini penulis menggunakan spesifikasi layar 720 x 576 pixel dengan tampilan fullscreen dan nilai frame rate 25 fps yang merupakan frame rate standar dalam pembuatan animasi maupun web.

5 Program ini terdiri dari 3 scene. Setiap scene terdapat beberapa animasi yang dibuat dengan teknik motion tween yaitu teknik yang digunakan untuk membuat gambar atau object bergerak secara otomatis. Script pada scene-scene tersebut hanya terdapat pada tombol-tombol untuk masuk ke halaman yang dipilih dan untuk keluar dari aplikasi, dan script untuk menampilkan tanggal dan waktu. 1. Scene 1 Scene 1 pada aplikasi adalah halaman intro. Scene yang akan muncul pertama kali ketika program ini mulai dijalankan. Pada scene 1 digunakan sebagai tampilan awal pembuka yang kemudian untuk menuju tampilan halaman menu yang terdapat pada scene 2. Gambar 4.3 Tampilan Scene 1

6 Tabel 4.2 Penjelasan Fungsi Layer Pada Scene 1 No Layer Fungsi 1. Btn_masuk masukan nama dan kemudian Tombol masuk untuk masuk ke halaman menu 2. Stop Action script untuk menghentikan jalannya animasi. 3. Teks judul aplikasi Aplikasi Multimedia Pembelajaran Otomotif dan Pengenalan Dasar -dasar Mesin Honda 100cc dengan teknik motion tween. 4. Script Action Script untuk membuat tampilan fullscreen 5. Bg gambar background dari stage dan file suara beat crusader hit saat scene ditampilkan Actionscript yang terdapat pada layer TombolMasuk sebagai berikut: on(press){ stopallsounds(); gotoandstop("menu"); _root.namanya_din = _root.namae; Maksud dari perintah diatas adalah jika tombol masuk diklik maka akan menghentikan semua file suara dalam frame menuju ke frame menu dan berhenti pada frame menu kemudian akan menyimpan nama masukan. Actionscript yang terdapat pada layer stop sebagai berikut: Stop(); Maksud dari perintah diatas adalah perintah yang digunakan untuk menghentikan frame atau jalannya animasi. Actionscript yang terdapat pada layer script sebagai berikut: fscommand("fullscreen",true); fscommand("showmenu",false); Maksud dari perintah diatas adalah perintah yang digunakan membuat movie/swf yang dimainkan menjadi fullscreen jika nilai true dan menghilangkan menu file, view, control, dan help.

7 2. Scene 2 Pada scene 2 digunakan untuk menampilkan halaman profil, materi, latihan, keluar dan waktu. Gambar 4.4 Tampilan Scene 2 Tabel 4.3 Penjelasan Fungsi Layer Pada Scene 2 No Layer Fungsi 1. Profil informasi penulis dan spesifikasi software yang digunakan 2. Materi halaman materi, tombol-tombol untuk menuju halaman yang diinginkan. 3. Latihan halaman latihan, tombol untuk memulai latihan soal, beserta pilihan jawaban A, B, C, dan D yang masing-masing dibuat dengan symbol botton untuk memperoleh nilai benar dan salah. Kemudian tombol untuk memulai kembali latihan. Dan file suara Paint Of The Heart. 4. Waktu jam dan tanggal 5. Bg backgroud pada scene 2. Untuk layer bg di frame profil menampilkan halaman profil beserta teks data penulis, animasi piston dengan teknik motion tween.

8 Frame menu menampilkan halaman menu, terdapat tombol-tombol menu materi, latihan, keluar, profil dan file suara mercy-mercedes. Actionscript yang terdapat pada layer kemateri sebagai berikut: on (release) { gotoandplay("materi",17); Maksudnya adalah jika tombol kemateri diklik dan dilepaskan maka akan menuju ke frame materi dan menjalankan isi frame materi 17. Actionscript yang terdapat pada layer latihan sebagai berikut: stop(); benar = 0; salah = 0; total_frame = 11; array_frame = []; for (i=2; i<=total_frame; i++) { array_frame.push(i); array_frame.sort(function () { return random(2)? 1 : -1; ); jumlah_frame = array_frame.length; Maksud dari perintah diatas adalah perintah yang digunakan untuk menghentikan frame. Kemudian perintah yang digunakan untuk membuat inisialisasi skor nilai awal menjadikan soal dalam bentuk random. on (release) { jumlah_frame--; gotoandstop(array_frame[jumlah_frame]); Maksudnya adalah untuk memulai latihan soal. on (release) { benar += 1; if (jumlah_frame>=0) { jumlah_frame--; gotoandstop(array_frame[jumlah_frame]); if (jumlah_frame<0) { gotoandstop(12);

9 Maksudnya adalah untuk memperoleh nilai benar, jika jawaban benar diklik maka nilai benar akan bertambah 1. on (release) { salah += 1; if (jumlah_frame>=0) { jumlah_frame--; gotoandstop(array_frame[jumlah_frame]); if (jumlah_frame<0) { gotoandstop(12); Maksudnya adalah untuk memperoleh nilai salah, jika jawaban salah diklik maka nilai salah akan bertambah 1. Actionscript yang terdapat pada layer jawaban sebagai berikut: stop(); benar_tampil = benar; salah_tampil = salah; Maksudnya adalah Perintah diatas adalah perintah yang digunakan untuk menghentikan jalannya animasi. jumlah nilai benar dan nilai salah. on (release) { stopallsounds (); _root.jumlahframe = 11; _root.jumpframe = []; gotoandstop(1); Maksudnya adalah jika tombol coba lagi diklik dan dilepaskan maka akan menghentikan semua suara dan kembali mengerjakan soal (dengan urutan acak). Actionscript yang terdapat pada layer waktu sebagai berikut: onclipevent (enterframe) { wkt = new Date(); hari = new Array("Minggu", "Senin", "Selasa", "Rabu", "Kamis", "Jumat", "Sabtu");

10 bulan = new Array("Januari", "Februari", "Maret", "April", "Mei", "Juni", "Juli", "Agustus", "September", "November", "Desember"); tgl = wkt.getdate(); hr = hari[wkt.getday()]; bln = bulan[wkt.getmonth()]; thn = wkt.getfullyear(); _root.tampilan1 = hr+", "+tgl+" "+bln+" "+thn; jam = wkt.gethours(); menit = wkt.getminutes(); detik = wkt.getseconds(); _root.tampil_wkt.waktu = jam+" : "+menit+" : "+detik; Maksudnya adalah untuk menampilkan tanggal dan waktu. Actionscript yang terdapat pada layer frame menu sebagai berikut: on (press) { stopallsounds (); gotoandplay("materi"); Maksud dari perintah diatas adalah jika tombol materi diklik maka akan menghentikan semua file suara dalam frame menuju ke frame materi dan menjalankan isi frame tersebut. on (press) { stopallsounds (); gotoandplay("latihan"); Maksud dari perintah diatas adalah jika tombol latihan diklik maka akan menghentikan semua file suara dalam frame menuju ke frame latihan dan menjalankan isi frame tersebut. on (press) { stopallsounds (); gotoandplay("profil"); Maksud dari perintah diatas adalah jika tombol profil diklik maka akan menghentikan semua file suara dalam frame menuju ke frame profil dan menjalankan isi frame tersebut.

11 3. Scene 3 Pada scene 3 digunakan untuk menampilkan halaman keluar. Scene 3 akan ditampilkan jika pengguna mengklik tombol keluar pada halaman menu yang terdapat pada scene 3. Gambar 4.5 Tampilan Scene 3 Tabel 4.4 Penjelasan Fungsi Layer Pada Scene 3 No Layer Fungsi halaman keluar, teks 1. Text Tombol keluar dan tombol kembali Actionscript yang terdapat pada layer text sebagai berikut: on(release){ fscommand("quit"); Maksudnya adalah jika tombol keluar diklik dan dilepaskan akan keluar dari aplikasi. on (press) { stopallsounds (); gotoandstop("menu");

12 Maksudnya adalah jika tombol kembali diklik dan dilepaskan maka akan menghentikan semua file suara dalam frame menuju ke frame menu dan berhenti pada frame menu. 4.4 Pengujian Pengujian merupakan langkah setelah aplikasi multimedia diproduksi. Fungsinya untuk memastikan bahwa hasil program aplikasi multimedia sesuai dengan yang direncanakan. Pengujian tehadap Aplikasi Multimedia Pembelajaran Otomotif dan Pengenalan Dasar-dasar Mesin Honda 100cc dengan menggunakan metode pengujian sistem yaitu metode blackbox, dan pengujian dengan komputer lain Metode Pengujian Sistem Metode Blackbox Testing Skenario yang dijelaskan antara lain skenario intro, menu, materi, latihan, keluar, puzzle, dan profil. Tabel 4.5 Skenario Pengujian Menu yang di Bagian yang diuji Input Uji Intro Klik tombol masuk halaman menú Menu Materi Klik tombol materi Klik tombol latihan Klik tombol keluar Klik tombol profil Klik tombol 1.pengenalan alat tangan Klik tombol 2.pengetahuan produk Klik tombol 3.dasar-dasar mesin halaman materi halaman latihan halaman keluar halaman profil halaman sistem pengenalan alat tangan halaman sistem pengetahuan produk halaman dasar-dasar mesin

13 halaman sistem Klik tombol 4.sistem bahan bakar bahan bakar Klik tombol 5.teknologi keunggulan sepeda motor honda halaman teknologi keunggulan sepeda motor honda Klik tombol 6.penjelasanpenjelasan halaman penjelasanpenjelasan Klik tombol mulai soal latihan latihan nilai benar dan Memilih jawaban salah. halaman latihan Klik tombol coba lagi memulai soal Klik tombol simpan hasil nilai latihan dan menyimpannya Profil Klik tombol profil halaman profil Keluar Klik tombol keluar Klik tombol kembali Menutup semua aplikasi kembali halaman menú Hasil Pengujian Metode Blackbox Dari hasil skenario pengujian yang dilakukan dapat diperoleh hasil pengujian. Dari hasil skenario dan pengujian pada aplikasi tersebut maka diperoleh hasil pengujian tersebut sesuai dengan rumusan rancangan aplikasi program ini dan terangkan dalam tabel hasil pengujian di bawah ini. Menu yang di Uji Intro Menu Materi Tabel 4.6 Hasil Pengujian Bagian yang diuji Input Output Keterangan Klik tombol masuk Klik tombol materi Klik tombol latihan Klik tombol profil Klik tombol keluar Klik tombol 1.pengenalan alat tangan halaman menu halaman materi halaman latihan halaman profil halaman keluar halaman sistem pengenalan alat tangan

14 latihan Keluar Klik tombol 2.pengetahuan produk Klik tombol 3.dasardasar mesin Klik tombol 4.sistem bahan bakar Klik tombol 5.teknologi keunggulan sepeda motor honda Klik tombol 6.penjelasanpenjelasan Klik tombol mulai Memilih jawaban Klik tombol coba lagi Klik tombol simpan Klik tombol simpan Klik tombol kembali halaman sistem pengetahuan produk halaman dasar-dasar mesin halaman sistem bahan bakar halaman teknologi keunggulan sepeda motor honda halaman penjelasanpenjelasan soal latihan nilai benar dan salah. halaman latihan memulai soal hasil nilai latihan dan menyimpannya hasil nilai latihan dan menyimpannya halaman menu Dalam Aplikasi Multimedia Pembelajaran Otomotif dan Pengenalan Dasar-dasar Mesin Honda 100cc ini, penulis menggunakan komputer dengan spesifikasi: 1. Perangkat keras (hardware): a. Intel Pentium 4 CPU 2.00GHz b. RAM 512 MB c. Harddisk Seagate 80 MB 2. Perangkat lunak (software): a. Adobe Flash CS3.

15 b. Adobe Photoshop CS3. c. Windows XP Proffesional Service Pack 2 sebagai sistem operasi. Penulis melakukan pengujian dengan satu unit komputer yang memiliki spesifikasi berikut : a. Intel core2duo 2.20 GHz b. RAM 2GB c. VGA 512 MB Kesimpulan Hasil Pengujian Tersebut Setelah melakukan pengujian dengan menjalankan program aplikasi maka dari hasil tersebut sebagai berikut: a. Pada menu intro bagian yang diuji adalah tombol masuk yang di-input dari sistem tersebut menampilkan halaman menu. Maka program aplikasi ini menampilkan output sesuai dengan yang diharapkan. b. Pada menu bagian yang diuji adalah tombol materi, latihan, keluar, dan profil yang di-input dari sistem tersebut menampilkan halaman materi, latihan, keluar dan profil. Maka program aplikasi ini menampilkan output sesuai dengan yang diharapkan. c. Pada menu latihan bagian yang diuji adalah tombol mulai yang di-input dari sistem tersebut menampilkan soal latihan. Pada menu ini juga di uji tombol memilih jawaban di mana

16 sistem akan menampilkan jawaban yang benar dan salah sesuai dengan jawaban dari pengguna. Kemudian menyimpannya sesuai hasil yang didapat. d. Pada menu keluar bagian yang diuji adalah tombol keluar dan kembali yang di-input dari sistem tersebut. Jika pengguna memilih tombol keluar maka akan menutup semua aplikasi. Dan jika pengguna memilih tombol kembali sistem akan menampilkan halaman menu. e. Proses pada tiap menu dapat berjalan dengan baik, begitu juga suara tiap-tiap bagian setiap halaman. Tiap tombol akan terdengar suara ketika mouse berada di atas tombol. Hasil dari pengujian memperlihatkan bahwa aplikasi ini dapat berjalan dengan baik. Secara fungsionalitas program tidak ditemukan kesalahan, dan sudah sesuai dengan proses yang ada pada sistem. 4.5 Distribusi Aplikasi ini dikemas dalam bentuk CD Spesifikasi Hardware dan Software Aplikasi Multimedia Pembelajaran Otomotif dan Pengenalan Dasar-dasar Mesin Honda 100cc ini akan berjalan dengan baik dengan spesifikasi penulis sarankan yaitu: a. Pentium IV 1.5 GHz b. Monitor dengan resolusi 1024x768 pixel

17 c. VGA Rard 64 MB d. RAM 256 MB Cara Pengoperasian Program Cara pengoperasian aplikasi ini sangat mudah karena tidak diperlukan instalasi. Cukup memasukkan CD yang berisi aplikasi ini maka program tersebut akan autorun (berjalan sendiri) dan langsung masuk ke halaman intro. Setelah itu user tinggal memilih menu yang tersedia dengan memilih button-button yang ada. Atau, user dapat juga mengklik adobe flash player.exe untuk menjalankan program. 4.6 Tampilan Aplikasi Aplikasi Multimedia Pembelajaran Otomotif dan Pengenalan Dasar-dasar Mesin Honda 100cc ini terdiri dari satu program utama. Cara kerja aplikasi ini adalah ketika menjalankan aplikasi ini, akan muncul halaman intro berupa judul dari Aplikasi Multimedia Pembelajaran Otomotif dan Pengenalan Dasar-dasar Mesin Honda 100cc, kemudian klik tombol masuk sehingga muncul halaman masuk menu terdiri dari 4 tombol pilihan yaitu: 1. Materi yaitu menu untuk menampilkan halaman Materi. 2. Latihan yaitu menu untuk menampilkan halaman Latihan. 3. Profil yaitu menu untuk menampilkan halaman Profil 4. Keluar yaitu menu untuk menampilkan halaman keluar atau kembali dari aplikasi.

18 Penjelasan tampilan aplikasi a. Spesifikasi layar : 720 x 576 pixel b. Frame rate : 25 fps 1. Halaman Intro Gambar 4.6 Tampilan Halaman Intro Ket.: Aplikasi berjalan secara autorun sehingga halaman intro akan langsung muncul. User diharuskan memasukan nama setelah itu meng-klik tombol masuk yang akan membawa user menuju halaman menu.

19 2. Halaman Menu Gambar 4.7 Tampilan Halaman Menu Ket.: Terdapat 4 tombol menuju halaman materi, halaman latihan, halaman keluar, halaman profil. 3. Halaman Materi

20 Gambar 4.8 Tampilan Halaman Penjelasan Materi Ket.: Pada tampilan awal halaman materi terdapat teks-teks yang mengandung tombol. Teks-teks tersebut akan membawa pengguna menuju halaman pengenalan alat tangan, pengetahuan produk, dasar-dasar mesin, sistem bahan bakar, teknologi keunggulan sepeda motor honda, penjelasan-penjelasan.

21 4. Halaman Latihan Gambar 4.9 Tampilan Halaman Latihan Ket.: Petunjuk mengerjakan soal akan muncul pada tampilan awal halaman latihan beserta tombol mulai yang dimaksudkan untuk memulai mengerjakan soal latihan. Ada 10 soal latihan pilihan ganda yang dapat dikerjakan pengguna. Di akhir latihan akan muncul nilai jawaban yang benar dan jawaban yang salah. Dan terdapat tombol simpan yang akan menuju kehalaman simpan hasil latihan. Jika pengguna ingin mengerjakan soal latihan kembali, maka pengguna dapat memilih tombol kerjakan lagi soal akan kembali dari awal dengan urutan random. Terdapat tombol untuk kembali ke halaman menu.

22 5. Halaman Profil Gambar 4.12 Tampilan Halaman Profil Ket.: Terdapat tombol untuk kembali ke halaman menu. 6. Halaman keluar Gambar 4.10 Tampilan Halaman keluar Ket.: Jika pengguna memilih keluar maka akan keluar dari aplikasi, jika memilih kembali kembali ke halaman menu.