BAB IV IMPLEMENTASI DAN UJI COBA

Transkripsi

1 BAB IV IMPLEMENTASI DAN UJI COBA 4.1 Implementasi Untuk dapat menjalankan aplikasi ini padakomputer maka user harus mempunyai software yang dapat menjalankan program flash yaitu macromediaflash atauadobe flash Kebutuhan Perangkat Keras Spesifikasi perangkat keras yang dibutuhkan dalam Membuat Aplikasi Simulasi Penyebaran Penyakit Rabies adalah sebagai berikut : PC dengan spesifikasi sebagai berikut : a. Prosesor dan Motherboard: - Processor minimal Pentium IV 2.3 GHz. - Motherboard minimal kelas Pentium IV. b. VGA Card dan Monitor: - VGA Card minimal 512 MB. - Monitor CRT. c. Internal Memory (RAM) minimal 1 GB. d. External Memory: Hard disk minimal 40 GB. e. Perangkat keras pendukung seperti mouse dan keyboard Kebutuhan Perangkat Lunak Adapun perangkat lunak yang dibutuhkan dalam pembangunan aplikasi Simulasi Penyebaran Penyakit Rabies adalah sebagai berikut : a. Operating System : Windows 7 b. Adobe Flash CS3 c. Program Editor :Adobe Photoshop Cs3 4.2 Tampilan Antarmuka Spesifikasi tampilan antarmuka menjelaskan cara penggunaan aplikasi Penyebaran Penyakit Rabies Dengan adanya spesifikasi tampilan ini, diharapkan user dapat lebih mudah atau mengetahui cara kerja dari aplikasi Penyebaran Penyakit Rabies, adapun spesifikasi tampilan yang dibuat sebagai berikut: 42

2 43 Saat dijalankan, selanjutnya aplikasi akan menampilkan menu-menu sebagai berikut : a. HalamanAwal Halaman ini disebut juga sebagai tampilan selamat datang yang berisi tentang judul aplikasi. Berikut gambar dari halamanawal : Gambar 4.1 : Gambar HalamanAwal Tabel 4.1 layer pada halaman Awal Object Terdapat teks judul dan teks animasi Background Terdapat background Sound Terdapat suara untuk teks animasi b. Menu Utama Menu ini menampilkan halaman dimana penggunabisa memilih tombol - tombol untuk menjalankan simulasi.tombol-tombol itu seperti tombol peta dan data serta tombol simulasi penyebaran penyakit.

3 44 Berikut gambar dari menu utama : Gambar 4.2 : Gambar menu utama Tabel 4.2 layer pada halaman Menu Utama Object Terdapat tombol untuk navigasi Background Terdapat background tombol_peta.onrelease = function(){ gotoandplay("peta"); tombol_simulasi.onrelease = function() { gotoandplay("simulasi",1); - Jika pengguna mengklik peta dan data maka tampilan akan langsung menuju ke bagian peta dan data daerah yang akan dibahas di aplikasi ini.

4 45 - Jika pengguna mengklik simulasi penyebaran penyakit maka tampilan akan langsung menuju ke bagian simulasi penyebaran rabies. c. MenuPeta dan Data Pada menu ini terdapat tombol tombol, seperti tombol peta daerah Sumatera Barat, tombol tahun 2006 sampai 2010 tentang jumlah kasus rabies di kabupaten/kota Sumatera Barat, tombol grafik, tombol menu, dan tombol x atau keluar. Gambar 4.3 : MenuPeta dan Data Tabel 4.3 layer pada halaman Peta dan Data Target Menghubungkan tombol ke berbagai halaman kembali_menu.onrelease = function(){ gotoandplay("judul",50);

5 46 //telltarget menuju peta daerah tombol.onrelease = function() { telltarget ("/tampilan") { gotoandstop ("peta_daerah"); tombol_2006.onrelease = function() { telltarget ("/tampilan") { gotoandstop ("2006"); tombol_2007.onrelease = function() { telltarget ("/tampilan") { gotoandstop ("2007"); tombol_2008.onrelease = function() { telltarget ("/tampilan") { gotoandstop ("2008"); tombol_2009.onrelease = function() { telltarget ("/tampilan") { gotoandstop ("2009"); tombol_2010.onrelease = function() { telltarget ("/tampilan") { gotoandstop ("2010"); tombolgrafik.onrelease = function() { telltarget ("/tampilan") {

6 47 gotoandstop ("2006th"); tombol_keluar.onrelease = function(){ gotoandstop ("profil",1); - Jika tombol peta daerah di klik maka akan menuju ke tampilan peta Sumatera Barat. - Jika tombol antara tahun 2006 sampai di klik makan akan menuju tampilan daerah kabupaten/kota yang terkena rabies. - Jika tombol grafik di klik maka akan menuju tampilan grafik jumlah kasus rabies di kabupaten/kota Sumatera Barat. - Jika tombol menu di klik maka tampilan akan kembali ke halaman menu utama. - Jika tombol x di klik maka pengguna akan keluar dari aplikasi. d. HalamanPeta Daerah Aplikasi ini membahas tentang kasus rabies di daerah kabupaten/kota Sumatera Barat, jadi di halaman peta daerah ini menampilkan peta kabupaten/kota di Sumatera Barat.Di dalam halaman ini terdapat dua tombol yaitu next dan back yang berguna untuk mengembalikan ke halaman sebelumnya atau berikutnya.

7 48 Tampilan dari halamanpeta daerah ini bisa dilihat seperti gambar 4.4: Gambar 4.4 :HalamanPeta Daerah Tabel 4.4 layer pada halaman Peta Daerah Button Melakukan navigasi ke halaman sebelumnya atau berikutnya Content Terdapat teks dan gambar Sound Terdapat suara selama manjalankan aplikasi - Untuk menghentikan halaman agar tidak berulang e. HalamanTahun Pada halaman ini menampilkan tahun 2006 dan daerah mana saja yang tertinggi jumlah kasus rabiesnya, begitu seterusnya sampai tahun 2010.Di dalam halaman ini terdapat dua tombol yaitu next dan back yang berguna untuk mengembalikan ke halaman sebelumnya atau berikutnya.

8 49 Tampilan dari halaman tahun ini bisa dilihat seperti gambar 4.5 Gambar 4.5 : Gambar Halaman Tahun Tabel 4.5 layer pada halaman Tahun Button Melakukan navigasi ke halaman sebelumnya atau berikutnya Content Terdapat teks dan gambar Sound Terdapat suara selama manjalankan aplikasi - Untuk menghentikan halaman agar tidak berulang f. Halaman Grafik Pada halaman ini menampilkan grafik tahun 2006 dengan jumlah kasus daerah kabupaten/kota di Sumatera Barat, begitu seterusnya sampai grafik tahun 2010.Di dalam halaman ini terdapat dua tombol yaitu next dan back yang berguna untuk mengembalikan ke halaman tahun sebelumnya atau berikutnya.

9 50 Tampilan dari halaman grafik ini bisa dilihat seperti gambar 4.6: Gambar 4.6 :Halaman Grafik Tabel 4.6 layer pada halaman grafik Button Melakukan navigasi ke halaman sebelumnya atau berikutnya Content Terdapat teks dan gambar Sound Terdapat suara selama manjalankan aplikasi - Untuk menghentikan halaman agar tidak berulang g. Menu Simulasi Pada menu simulasi ini terdapat tombol-tombol untuk menampilkan simulasi & animasi penyebaran penyakit rabies. Tombol-tombol tersebut diantaranya tombol penyebab, tombol gejala, tombol penularan, tombol pengobatan, tombol pencegahan, tombol menu,dan tombol x.

10 51 Adapun tampilannya seperti gambar 4.7: Gambar 4.7: Menu Simulasi Tabel 4.7 layer pada Menu Simulasi Penyebaran Penyakit Target Menghubungkan tombol ke berbagai halaman kembali_menu.onrelease = function(){ gotoandplay("judul",50); tombol_keluar.onrelease = function(){ gotoandstop ("profil",1); penyebab1.onrelease = function() { telltarget ("/tampilan_2") {

11 52 gotoandstop ("penyebab"); gejala1.onrelease = function() { telltarget ("/tampilan_2") { gotoandstop ("gejala"); penularan1.onrelease = function() { telltarget ("/tampilan_2") { gotoandstop ("penularan"); pengobatan1.onrelease = function() { telltarget ("/tampilan_2") { gotoandstop ("pengobatan"); pencegahan1.onrelease = function() { telltarget ("/tampilan_2") { gotoandstop ("pencegahan"); - Jika tombol penyebab di klik maka akan menampilkan halaman penyebab penyakit rabies.

12 53 - Jika tombol gejala di klik maka akan menampilkan halaman gejala penyakit rabies. - Jika tombol penularan di klik maka akan menampilkan halaman penularan penyakit rabies. - Jika tombol pengobatan di klik maka akan menampilkan halaman pengobatan penyakit rabies. - Jika tombol pencegahan di klik maka akan menampilkan halaman pencegahan penyakit rabies. - Jika tombol menu di klik maka tampilan akan kembali ke halaman menu utama. - Jika tombol x di klik maka pengguna akan keluar dari aplikasi. h. Halaman Penyebab Rabies Halaman ini berisi tentang gambar dan penjelasan penyebab penyakit rabies. Di dalam halaman ini juga terdapat dua tombol yaitu next dan back yang berguna untuk mengembalikan ke halaman sebelumnya atau berikutnya. Tampilan Halaman pencegahan ini bisa dilihat seperti gambar 4.8: Gambar 4.8: Halaman Penyebab

13 54 Tabel 4.8 layer pada halaman Penyebab Scroll Menggeser ke bawah atau ke atas jika ada bagian penjelasan yang panjang Button Melakukan navigasi ke halaman sebelumnya atau berikutnya Content Terdapat teks dan gambar Sound Terdapat suara selama manjalankan aplikasi - Untuk menghentikan halaman agar tidak berulang i. Halaman Gejala Rabies Halaman ini berisi tentang gambar dan penjelasan gejala penyakit rabies. Di dalam halaman ini juga terdapat dua tombol yaitu next dan back yang berguna untuk mengembalikan ke halaman sebelumnya atau berikutnya. Tampilan dari halaman Gejala Rabies ini bisa dilihat seperti gambar 4.9: Gambar 4.9: Halaman Gejala Rabies

14 55 Tabel 4.9 layer pada halaman Gejala Scroll Menggeser ke bawah atau ke atas jika ada bagian penjelasan yang panjang Button Melakukan navigasi ke halaman sebelumnya atau berikutnya Content Terdapat teks dan gambar Sound Terdapat suara selama manjalankan aplikasi - Untuk menghentikan halaman agar tidak berulang j. Halaman Penularan Rabies Halaman ini berisi animasi dan penjelasan tentang cara penularan penyakit rabies. Ada beberapa tombol yaitu, tombol play untuk menjalankan animasi dan dua tombol yang lainnya yaitu next dan back yang berguna untuk mengembalikan ke halaman sebelumnya atau berikutnya. Tampilan dari Penularan Rabies ini bisa dilihat seperti gambar 4.10.

15 56 Gambar 4.10: Halaman Penularan Tabel 4.10 layer pada halaman Penularan Scroll Menggeser ke bawah atau ke atas jika ada bagian penjelasan yang panjang Button Melakukan navigasi ke halaman sebelumnya atau berikutnya Content Terdapat teks dan gambar Sound Terdapat suara selama manjalankan aplikasi tombol_digigit.onrelease = function() { telltarget ("anjing_jalan") { gotoandplay ("digigit");

16 57 - Jika tombol play di klik maka akan menjalankan animasi penularan rabies k. Halaman Pengobatan Halaman ini menampilkan gambar dan penjelasan tentang pengobatan penyakit rabies. Di dalam halaman ini juga terdapat dua tombol yaitu next dan back yang berguna untuk mengembalikan ke halaman sebelumnya atau berikutnya. TampilanHalaman Pengobatan ini bisa dilihat seperti gambar 4.11: Gambar 4.11 :Halaman Pengobatan Tabel 4.11 layer pada halaman Pengobatan Scroll Menggeser ke bawah atau ke atas jika ada bagian penjelasan yang panjang Button Melakukan navigasi ke halaman sebelumnya atau berikutnya

17 58 Tabel 4.12 layer pada halaman Pengobatan (lanjutan) Content Terdapat teks dan gambar Sound Terdapat suara selama manjalankan aplikasi - Untuk menghentikan halaman agar tidak berulang l. Halaman Pencegahan Halaman ini menampilkan gambar dan penjelasan tentang pencegahan penyakit rabies. Di dalam halaman ini juga terdapat dua tombol yaitu next dan back yang berguna untuk mengembalikan ke halaman sebelumnya atau berikutnya. Adapun gambar tersebut seperti pada gambar Gambar 4.12 :Halaman Pencegahan

18 59 Tabel 4.13 layer pada halaman Pencegahan Scroll Menggeser ke bawah atau ke atas jika ada bagian penjelasan yang panjang Button Melakukan navigasi ke halaman sebelumnya atau berikutnya Content Terdapat teks dan gambar Sound Terdapat suara selama manjalankan aplikasi Untuk menghentikan halaman agar tidak berulang m. Halaman Profil Jika tombol x pada aplikasi di klik maka pengguna akan keluar dari aplikasi kemudian halaman inilah yang tampil. Halaman ini menampilkan profile si pembuat aplikasi dengan teks animasi, lalu setelah animasi selesai maka secara otomatis keluar dari aplikasi. Tampilan dari Halaman Profile ini bisa dilihat seperti gambar Gambar 4.13 :Halaman Profil

19 60 Tabel 4.14 layer pada halaman Profil Text Terdapat animasi text Background Terdapat background Untuk menghentikan halaman agar tidak berulang 4.3 Sekenario black box Berikut ini adalah tabel skenario black box untuk menguji aplikasi simulasi penyebaran penyakit rabies: Tabel 4.15Skenario black boxsimulasi Penyebaran Penyakit Rabies NO SKENARIO KASUS HASIL YANG DIHARAPKAN 1 berhasilmasuk ke menu utama User otomatis ke menu utama sistem menampilkan menu utama 2 berhasil masuk ke menu peta dan data user action mengklik tombol peta dan data sistem menampilkan menu peta dan data 3 berhasil masuk ke halaman peta user action mengklik tombol peta daerah sistem menampilkan halaman peta daerah daerah 4 berhasil masuk ke halaman tahun user action mengklik tombol 2006 sistem menampilkan halaman tahun berhasil masuk ke halaman grafik user action mengklik tombol grafik sistem menampilkan halaman grafik 6 berhasil masuk ke menu utama user action mengklik tombol menu sistem menampilkan kembalimenu utama

20 61 Tabel 4.16Skenario black boxsimulasi Penyebaran Penyakit Rabies (lanjutan) NO SKENARIO KASUS HASIL YANG DIHARAPKAN 7 berhasil masuk ke user action mengklik sistem menampilkan menu simulasi tombol simulasi menu simulasi penyebaran penyakit 8 berhasil masuk ke user action mengklik sistem menampilkan halaman tombol penyebab halaman penyebab penyebab 9 berhasil masuk ke user action mengklik sistem menampilkan halaman gejala tombol gejala halaman gejala 10 berhasil masuk ke halaman user action mengklik tombol penularan sistem menampilkan halaman penularan penularan 11 berhasil menjalankan user action mengklik tombol play sistem menjalankan animasi animasi 12 berhasil masuk ke halaman user action mengklik tombol pengobatan sistemmenampilkan halaman pengobatan pengobatan 13 berhasil masuk ke halaman user action mengklik tombol pencegahan sistem menampilkan halaman pencegahan pencegahan 14 berhasil keluar aplikasi user action mengklik tombol x sistem menutup aplikasi 4.4 Metode Pengujian Pengujian dilakukan dengan mencoba semua kemungkinan yang terjadi dan dilakukan secara berulang-ulang. Jika dalam pengujian ditemukan kesalahan, maka akan dilakukan penelusuran dan perbaikan (debugging) untuk memperbaiki kesalahan yang terjadi. Jika telah selesai melakukan perbaikan maka akan dilakukan pengujian kembali. Pengujian dan perbaikan dilakukan secara terus menerus hingga diperoleh hasil yang terbaik

21 Pengujian Skenario Black Box Tabel 4.17Hasil pengujian skenario black box Simulasi Penyebaran Penyakit Rabies NO SKENARIO KASUS HASIL YANG STATUS DIHARAPKAN 1 berhasilmasuk ke user otomatis ke sistem menampilkan Sukses menu utama menu utama menu utama 2 berhasil masuk ke user action sistem menampilkan Sukses menu peta dan data mengklik tombol peta dan data menu peta dan data 3 berhasil masuk ke user action sistem menampilkan Sukses halaman peta daerah mengklik tombol peta daerah halaman peta daerah 4 berhasil masuk ke user action sistem menampilkan Sukses halaman tahun 2006 mengklik tombol 2006 halaman tahun berhasil masuk ke user action sistem menampilkan Sukses halaman grafik mengklik tombol grafik halaman grafik 6 berhasil masuk ke user action sistem menampilkan Sukses menu utama mengklik tombol menu kembalimenu utama 7 berhasil masuk ke menu simulasi user action mengklik tombol simulasi penyebaran penyakit sistem menampilkan menu simulasi Sukses 8 berhasil masuk ke user action sistem menampilkan Sukses halaman penyebab mengklik tombol halaman penyebab penyebab

22 63 Tabel 4.18Hasil pengujian skenario black box Simulasi Penyebaran Penyakit Rabies (lanjutan) 9 berhasil masuk ke halaman penularan 10 berhasil menjalankan animasi 11 berhasil masuk ke halaman pengobatan 12 berhasil masuk ke halaman pencegahan 13 berhasil masuk ke halaman penularan 14 berhasil keluar aplikasi setelah melihat profile beberapa detik user action mengklik tombol penularan sistem menampilkan halaman penularan Sukses user action sistem menjalankan Sukses mengklik tombol animasi play user action sistemmenampilkan Sukses mengklik tombol halaman pengobatan pengobatan user action sistem menampilkan Sukses mengklik tombol halaman pencegahan pencegahan user action sistem menampilkan Sukses mengklik tombol halaman penularan penularan user action sistem menutup Sukses mengklik tombol x aplikasi setelah profile muncul beberapa detik