IMPLEMENTASI DAN PENGUJIAN

Transkripsi

1 BAB 5. IMPLEMENTASI DAN PENGUJIAN 5.1. Pembuatan Tombol Navigasi Tombol navigasi yang terdapat pada aplikasi ini mengandung tautan/link yang menghubungkan halaman satu dengan halaman lainnya. Icon tombol-tombol yang terdapat di aplikasi ini dibuat menggunakan Adobe Illustrator CC, semua file tombol dibuat dan disimpan dengan format *.PNG. Tabel 5-1 Tombol Navigasi No. Gambar Tombol Keterangan 1. Tombol ini berfungsi untuk masuk ke menu utama. 2. Tombol ini berfungsi untuk masuk ke halaman soal latihan. 3. Tombol ini berfungsi untuk masuk ke halaman materi mengenal jenis-jenis hewan berdasarkan makanan. 4. Tombol ini berfungsi untuk masuk ke halaman tentang tata surya. 5. Tombol ini berfungsi untuk masuk ke halaman mengenal hewan herbivora. 6. Tombol ini berfungsi untuk masuk ke halaman mengenal hewan karnivora. 5-12

2 7. Tombol ini berfungsi untuk masuk ke halaman mengenal hewan omnivora. 8. Tombol ini berfungsi untuk masuk ke halaman penjelasan tentang tata surya. 9. Tombol ini berfungsi untuk masuk ke halaman home. 10. Tombol ini berfungsi untuk kembali ke menu sebelumnya. 11. Tombol ini berfungsi untuk masuk ke halaman profil Implementasi Antar Muka Tahap berikutnya jika semua bahan-bahan tersebut sudah lengkap dapat dibuat menjadi file flash dengan menggunakan software Adobe Flash Professional CS

3 Gambar 5-1 Splash Screen Adobe Flash Professionl CS6 Gambar 5-2 Tampilan Menu Adobe Flash Professionl CS6 File-file berbentuk gambar semua dimasukkan ke dalam Library di menu Adobe Flash Professional CS6 tersebut dan proses perancangan seperti pembuatan keyframe di menu timeline, button/ tombol navigasi untuk masuk ke menu-menu selanjutnya, memasukkan suara, movie clip serta memasukkan action script dan lain sebagainya dapat dilakukan.tombol navigasi yang terdapat pada aplikasi ini mengandung tautan/link yang menghubungkan. 5-14

4 Gambar 5-3 Tampilan Halaman Home ActionScript pada tampilan halaman home : var audioback:suaralatar = new suaralatar(); audioback.play(); BtnNav_1.addEventListener(TouchEvent.TOUCH_TAP, KeFrame_2); function KeFrame_1(event:TouchEvent):void{ gotoandstop(1); BtnNav_15.addEventListener(TouchEvent.TOUCH_TAP, KeFrame_11); function KeFrame_15(event:TouchEvent):void{ gotoandstop(15); BtnNav_27.addEventListener(TouchEvent.TOUCH_TAP, KeFrame_13); function KeFrame_20(event:TouchEvent):void{ gotoandstop(20); 5-15

5 Gambar 5-4 Tampilan Halaman Menu Utama ActionScript pada tampilan halaman menu utama : BtnNav_2.addEventListener(TouchEvent.TOUCH_TAP, KeFrame_10); function KeFrame_2(event:TouchEvent):void{ gotoandstop(2); BtnNav_3.addEventListener(TouchEvent.TOUCH_TAP, KeFrame_3); function KeFrame_3(event:TouchEvent):void{ gotoandstop(3); BtnNav_12.addEventListener(TouchEvent.TOUCH_TAP, KeFrame_1); function KeFrame_12(event:TouchEvent):void{ gotoandstop(12); BtnNav_21.addEventListener(TouchEvent.TOUCH_TAP, KeFrame_1); function KeFrame_21(event:TouchEvent):void{ gotoandstop(21); 5-16

6 Gambar 5-5 Tampilan Halaman Menu Jenis Hewan ActionScript pada tampilan halaman menu jenis hewan : BtnNav_18.addEventListener(TouchEvent.TOUCH_TAP, KeFrame_2); function KeFrame_18(event:TouchEvent):void{ gotoandstop(18); BtnNav_4.addEventListener(TouchEvent.TOUCH_TAP, KeFrame_4); function KeFrame_4(event:TouchEvent):void{ gotoandstop(4); BtnNav_5.addEventListener(TouchEvent.TOUCH_TAP, KeFrame_5); function KeFrame_5(event:TouchEvent):void{ gotoandstop(5); BtnNav_6.addEventListener(TouchEvent.TOUCH_TAP, KeFrame_12); function KeFrame_6(event:TouchEvent):void{ gotoandstop(6); BtnNav_23.addEventListener(TouchEvent.TOUCH_TAP, KeFrame_1); 5-17

7 function KeFrame_23(event:TouchEvent):void{ gotoandstop(23); Gambar 5-6 Tampilan Halaman Hewan Herbivora ActionScript pada tampilan halaman hewan herbivora : BtnNav_10.addEventListener(TouchEvent.TOUCH_TAP, KeFrame_10); function KeFrame_10(event:TouchEvent):void{ gotoandstop(10); BtnNav_22.addEventListener(TouchEvent.TOUCH_TAP, KeFrame_1); function KeFrame_22(event:TouchEvent):void{ gotoandstop(22); 5-18

8 Gambar 5-7 Tampilan Halaman Hewan Karnivora ActionScript pada tampilan halaman hewan karnivora : BtnNav_11.addEventListener(TouchEvent.TOUCH_TAP, KeFrame_10); function KeFrame_11(event:TouchEvent):void{ gotoandstop(11); BtnNav_13.addEventListener(TouchEvent.TOUCH_TAP, KeFrame_1); function KeFrame_13(event:TouchEvent):void{ gotoandstop(13); 5-19

9 Gambar 5-8 Tampilan Halaman Hewan Omnivora ActionScript pada tampilan halaman hewan omnivora : import flash.events.touchevent; BtnNav_16.addEventListener(TouchEvent.TOUCH_TAP, KeFrame_10); function KeFrame_16(event:TouchEvent):void{ gotoandstop(16); BtnNav_24.addEventListener(TouchEvent.TOUCH_TAP, KeFrame_1); function KeFrame_24(event:TouchEvent):void{ gotoandstop(24); 5-20

10 Gambar 5-9 Tampilan Halaman Gambaran Tata Surya ActionScript pada tampilan halaman gambaran tata surya : BtnNav_7.addEventListener(TouchEvent.TOUCH_TAP, KeFrame_9); function KeFrame_7(event:TouchEvent):void{ gotoandstop(7); BtnNav_9.addEventListener(TouchEvent.TOUCH_TAP, KeFrame_2); function KeFrame_9(event:TouchEvent):void{ gotoandstop(9); BtnNav_25.addEventListener(TouchEvent.TOUCH_TAP, KeFrame_1); function KeFrame_25(event:TouchEvent):void{ gotoandstop(25); 5-21

11 Gambar 5-10 Tampilan Halaman Penjelasan Tata Surya ActionScript pada tampilan halaman penjelasan tata surya : BtnNav_17.addEventListener(TouchEvent.TOUCH_TAP, KeFrame_3); function KeFrame_17(event:TouchEvent):void{ gotoandstop(17); BtnNav_26.addEventListener(TouchEvent.TOUCH_TAP, KeFrame_1); function KeFrame_26(event:TouchEvent):void{ gotoandstop(26); 5-22

12 Gambar 5-11 Tampilan Halaman Soal ActionScript pada tampilan halaman soal (terdapat 10 soal dalam aplikasi ini) : var myscore_latihan:int; myscore_latihan = 0; function jwb_salah_latihan(event:touchevent):void{ nextframe(); function jwb_benar_latihan(event:touchevent):void{ myscore_latihan = myscore_latihan + 10; nextframe(); a1.addeventlistener(touchevent.touch_tap,jwb_salah_latihan); a2.addeventlistener(touchevent.touch_tap,jwb_salah_latihan); a3.addeventlistener(touchevent.touch_tap,jwb_benar_latihan); a4.addeventlistener(touchevent.touch_tap,jwb_salah_latihan); 5-23

13 Gambar 5-12 Tampilan Halaman Nilai ActionScript pada tampilan halaman nilai/score : var nilai_latihan; nilai_latihan=(myscore_latihan/10)*10; nilai_latihan=math.round(nilai_latihan*10)/10; skor_latihan.text=(nilai_latihan); BtnNav_70.addEventListener(TouchEvent.TOUCH_TAP, KeFrame_13); function KeFrame_80(event:TouchEvent):void{ gotoandstop(1); BtnNav_71.addEventListener(TouchEvent.TOUCH_TAP, KeFrame_1); function KeFrame_90(event:TouchEvent):void{ gotoandstop(1); 5-24

14 Gambar 5-13 Tampilan Halaman About ActionScript pada tampilan halaman about/ tentang aplikasi : BtnNav_14.addEventListener(TouchEvent.TOUCH_TAP, KeFrame_1); function KeFrame_14(event:TouchEvent):void{ gotoandstop(14); 5.2. Pengujian Pada tahap pengujian Aplikasi Multimedia Pembelajaran Ilmu Pengetahuan untuk Sekolah Dasar Kelas 4, 5 dan 6 ini dilakukan untuk memastiksn bahwa program aplikasi yang telah dirancang ini dapat berfungsi dengan baik sesuai dengan rumusan rancangan yang telah ditetapkan, pengujian aplikasi ini dilakukan dengan menggunakan metode pengujian Black Box Pengujian Black Box Skenario yang dijelaskan antara lain skenario intro, menu materi, latihan dan penilaian. 5-25

15 Tabel 5-2 Skenario Pengujian Skenario Pengujian Hasil yang Diharapkan Intro Klik tombol Mari Belajar Ilmu Pengetahuan Alam Menampilkan halaman menu Menu Klik tombol Jenis-jenis Hewan Menampilkan halaman Hewan Berdasarkan Jenis Makanan Klik tombol Tata Surya Menampilkan halaman Tata Surya Jenis-jenis Hewan Klik tombol Herbivora Menampilkan halaman Herbivora Penjelasan Tata Surya Klik tombol Karnivora Klik tombol Omnivora Klik tombol Penjelasan Tata Surya Menampilkan halaman Karnivora Menampilkan halaman Omnivora Menampilkan halaman penjelasan Tata Surya Latihan Soal Klik tombol Soal Menampilkan halaman latihan soal sampai dengan hasil penilaian pengerjaan soal tersebut Home Klik tombol Home Kembali ke menu utama Back Klik tombol Kembali Kembali ke menu sebelumnya Profile Klik tombol Profile Menampilkan halaman tentang aplikasi Hasil Uji Coba Dari hasil skenario dan hasil pengujian pada aplikasi tersebut maka diperoleh hasil pengujian tersebut sesuai dengan rumusan rancangan aplikasi program ini dan diterangakn dalam tabel hasil pengujian ini. 5-26

16 Tabel 5-3 Hasil Pengujian Skenario Pengujian Hasil yang Diharapkan Keterangan Intro Klik tombol Mari Belajar Ilmu Pengetahuan Alam Menampilkan halaman menu Menu Klik tombol Jenis-jenis Hewan Menampilkan halaman Hewan Berdasarkan Jenis Makanan Klik tombol Tata Surya Menampilkan halaman Tata Surya Jenis-jenis Hewan Klik tombol Herbivora Menampilkan halaman Herbivora Klik tombol Karnivora Menampilkan halaman Karnivora Klik tombol Omnivora Menampilkan halaman Omnivora Penjelasan Tata Surya Klik tombol Penjelasan Tata Surya Menampilkan halaman penjelasan Tata Surya Latihan Soal Klik tombol Soal Menampilkan halaman latihan soal sampai dengan hasil penilaian pengerjaan soal tersebut Home Klik tombol Home Kembali ke menu utama Back Klik tombol Kembali Kembali ke menu sebelumnya Profile Klik tombol Profile Menampilkan halaman tentang aplikasi Kesimpulan Hasil Pengujian Setelah melakukan pengujian dengan menjalankan program aplikasi maka dari hasil tersebut sebagai berikut : 1. Proses setiap menuju menu dengan halaman lainnya dapat berjalan dengan baik. 5-27

17 2. Animasi dapat bergerak dengan baik pada setiap halaman. 3. Tombol navigasi pada setiap halaman berjalan dengan baik sesuai fungsinya. Secara fungsionalitas program tidak ditemukan kesalahan, dan sudah sesuai dengan proses yang ada pada sistem dan dapat digunakan sebagai sarana belajar mengajar bagi siswa/siswi Sekolah Dasar Distribusi Setelah penulis melakukan implementasi dan pengujian terhadap Aplikasi Multimedia Pembelajaran Ilmu Pengetahuan Alam untuk Sekolah Dasar Kelas 4, 5 dan 6 ini maka selanjutnya adalah tahap distribusi, yaitu aplikasi dapat disimpan menjadi format APK dan dapat langsung dioperasikan menggunakan perangkat Android, namun perangkat Android diharuskan terinstall Adobe AIR untuk mejalankan aplikasinya, aplikasi tersebut dapat pula dijalankan langsung melalui komputer dengan menyimpan file ke dalam format SWF, dalam pembuatan aplikasi ini hanya dibuat dengan touchscreen script, jadi hanya dapat dijalankan untuk perangkat dengan layar touchscreen saja. 5-28