BAB III ANALISA DAN PERENCANAAN 3.1. Analisa Sistem Rabies merupakan penyakit hewan menular yang disebabkan oleh virus dan dapat menular pada manusia. Hampir sebagian besar masyarakat mengetahui rabies merupakan penyakit gila anjing atau biasa disebut penyakit anjing gila. Penyebab penyakit ini memiliki daya tarik kuat untuk menginfeksi jaringan saraf yang menyebabkan terjadinya peradangan pada otak, sehingga berakibat fatal bagi hewan ataupun manusia yang tertular 3.2. Analisis Kebutuhan Dalam melakukan penelitian, dibutuhkan beberapa komponen yang mendukung terhadap keberhasilan peneliltian ini yaitu : 1. Perangkat lunak (software) a. Sistem operasi Windows 7 b. Software animasi Adobe Flash CS3 c. Software Adobe Photoshop CS3 2. Perangkat keras (hardware) Seperangkat Komputer 3.3. Konsep Aplikasi simulasi ini merupakan aplikasi yang dibuat untuk digunakan oleh parapraktisi medis ataupun masyarakat umum. Aplikasi ini mempergunakan grafik, teks, gambar dan animasi untuk penjelasan agar lebih menarik serta lebih mudah di pahami. 21
22 Deskripsi konsep aplikasi ini adalah sebagai berikut : Tabel 3.1DeskripsiKonsepAplikasi Judul Aplikasi Simulasi Penyebaran Penyakit Rabies Pengguna Gambar Suara Animasiteks Para Praktisi Medis dan masyarakat Menggunakan file berformat.gif yang dibuat sendiri Menggunakan file berformat mp3 Animasi pada teks dan gambar dibuat sendiri Interaktif Menggunakan script yang dimasukan kedalam aplikasi Aplikasi ini juga dikemas dalam bentuk.swf sehingga bisa langsung digunakan pada laptop atau komputer yang sudah ter instal Adobe Flash CS3. 3.4. Perancangan Rancangan simulasi penyebaran penyakit ini menampilkan gambar, animasi, serta tombol tombol yang digunakan untuk menjalankan proses simulasi, dengan rancangan seperti itu memungkinkan user dengan mudah memahami simulasi tersebut. Didalam simulasi ini terdapat rancangan sistemnya, antara lain : 1. Pembuka Halaman ini menampilkan judul aplikasi dengan animasi kemudian secara otomatis membawa user ke halaman menu utama. 2. Menu utama Pada halaman ini terdapat dua tombolyang berfungsi mengarahkan user ke halaman yang akan di inginkan. 3. Peta Daerah Pada halaman iniditampilkan peta kabupaten/kota di Sumatera Barat
23 4. Tahun Pada halaman ini, user akan melihat daerah mana saja yang jumlah kasus rabies pertahunnya tertinggi di wilayah kabupaten/kota Sumatera Barat. 5. Grafik Pada halaman ini, user akan melihat grafik jumlah kasus rabies di wilayah kabupaten/kota Sumatera Barat. 6. Penyebab Pada halaman ini, user akan melihat bagaimana penyebab penyakit rabies. 7. Gejala Pada halaman ini, user akan melihat bagaimana gejala penyakit rabies. 8. Penularan Pada halaman ini, user akan melihat bagaimana penularan penyakit rabies dengan animasi. 9. Pengobatan Pada halaman ini, user akan melihat bagaimana pengobatan jika terinfeksi penyakit rabies. 10. Pencegahan Pada halaman ini, user akan melihat bagaimana pencegahan penyakit rabies. 11. Profil Pada halaman ini, user akan melihat profil tentang penulis. 12. Keluar Pada halaman ini, user akan menutup dan keluar dari aplikasi, maka tampilan secara otomatis menuju ke halaman profile dan aplikasi langsung tertutup.
24 3.4.1 Perancangan Peta Navigasi Peta navigasi ini memudahkan untuk merancang aplikasi yang akan dibuat dalam menentukan lokasi pada setiap halaman yang ada. Berikut ini adalah gambar peta navigasi dari rancang bangun aplikasi simulasi penyebaran penyakit rabies. Intro Menu Petadan Data Simulasi Peta Tahun Grafik Penyebab Gejala Penularan Pengobatan Pencegahan Gambar 3.1Diagram Peta Navigasi 3.4.2 Perancangan Storyboard Selanjutnya adalah membuat storyboard. Storyboard merupakan deskripsi masing-masing tampilan suatu kejadian dari movie yang akan dimainkan. Dengan mencantumkan semua objek atau elemen-elemen multimedia serta komponenkomponen aplikasi yang akan dibuat. Satu kolom storyboard mewakili satu tampilan dilayar monitor.
25 1. Storyboard Halaman Awal Modul : Pembukaan Nama Scane : Judul Animasi : Huruf Sound : - Dog2.mp3 - Rain2.mp3 Aplikasi Penyebaran Penyakit Rabies Gambar 3.2 Storyboard Halaman Awal Pada halaman ini menampilkan animasi teks dan suara. Halaman awal ini bertujuan untuk menampilkan judul dari aplikasi ini dan kemudian secara otomatis langsung masuk ke halaman menu utama. 2. Storyboard Halaman Menu Modul : Menu Nama Scane : Judul Peta dan Data Simulasi Penyebaran Penyakit Navigasi: - Peta dan Data : Menuju halaman peta dan data. - Simulasi Penyebaran Penyakit : Menuju halaman simulasi. Gambar 3.3 Storyboard Halaman menu
26 3. Storyboard Halaman Peta dan Data peta daerah jumlah kasus di daerah Grafik menu X 2006 2007 2008 2009 2010 Gambar Animasi Modul : Peta dan Data Nama Scene : Peta Navigasi : peta daerah : menuju halaman peta 2006 : menuju halaman jumlah kasus penyakit rabies di daerah tahun 2006 2007 : menuju halaman jumlah kasus penyakit rabies di daerah tahun 2007 2008 : menuju halaman jumlah kasus penyakit rabies di daerah tahun 2008 2009 : menuju halaman jumlah kasus penyakit rabies di daerah tahun 2009 2010 : menuju halaman jumlah kasus penyakit rabies di daerah tahun 2010 menu : kembali ke halaman menu utama x : keluar aplikasi Gambar 3.4 Storyboard Halaman Peta dan Data
27 4. Storyboard Halaman Peta Daerah peta daerah jumlah kasus di daerah Grafik menu X 2006 2007 2008 2009 2010 Peta Daerah keterangan back next Modul : Peta Daerah NamaScene : Peta Navigasi : peta daerah : menuju halaman peta 2006 : menuju halaman jumlah kasus penyakit rabies di daerah tahun 2006 2007 : menuju halaman jumlah kasus penyakit rabies di daerah tahun 2007 2008 : menuju halaman jumlah kasus penyakit rabies di daerah tahun 2008 2009 : menuju halaman jumlah kasus penyakit rabies di daerah tahun 2009 2010 : menuju halaman jumlah kasus penyakit rabies di daerah tahun 2010 back : menuju halaman sebelumnya next : menuju halaman berikutnya menu : kembali ke halaman menu utama x : keluar aplikasi Gambar 3.5 Storyboard Halaman Peta Daerah
28 5. Storyboard HalamanTahun peta daerah jumlah kasus di daerah Grafik menu X 2006 2007 2008 2009 2010 Gambar Animasi Peta Daerah keterangan back next Modul : Tahun Nama Scene : Peta Navigasi : peta daerah : menuju halaman peta 2006 : menuju halaman jumlah kasus penyakit rabies di daerah tahun 2006 2007 : menuju halaman jumlah kasus penyakit rabies di daerah tahun 2007 2008 : menuju halaman jumlah kasus penyakit rabies di daerah tahun 2008 2009 : menuju halaman jumlah kasus penyakit rabies di daerah tahun 2009 2010 : menuju halaman jumlah kasus penyakit rabies di daerah tahun 2010 back : menuju halaman sebelumnya next : menuju halaman berikutnya menu : kembali ke halaman menu utama x : keluar aplikasi Gambar 3.6 Storyboard Halaman Tahun
29 6. Storyboard Halaman Grafik peta daerah jumlah kasus di daerah Grafik menu X 2006 2007 2008 2009 Gambar Animasi Peta Daerah keterangan back next Modul : Grafik Nama Scene : Peta Navigasi : peta daerah : menuju halamanpeta 2006 : menuju halaman jumlah kasus penyakit rabies di daerah tahun 2006 2007 : menuju halaman jumlah kasus penyakit rabies di daerah tahun 2007 2008 : menuju halaman jumlah kasus penyakit rabies di daerah tahun 2008 2009 : menuju halaman jumlah kasus penyakit rabies di daerah tahun 2009 2010 : menuju halaman jumlah kasus penyakit rabies di daerah tahun 2010 back : menuju halaman sebelumnya next : menuju halaman berikutnya menu : kembali ke halaman menu utama x : keluar aplikasi Gambar 3.7 Storyboard Halaman Grafik
30 7. Storyboard Halaman Penyebab penyebab gejala penularan menu X pengobatan pencegahan Gambar Penyebab Penyakit Rabies keterangan back next Modul : Penyebab Penyakit Rabies NamaScene : Simulasi Navigasi : penyebab : menuju ke halaman penyebab penyakit rabies gejala : menuju ke halaman gejala penyakit rabies penularan : menuju ke halaman penularan penyakit rabies pengobatan : menuju ke halaman pengobatan penyakit rabies pencegahan : menuju ke halaman pencegahan penyakit rabies back : menuju halaman sebelumnya next : menuju halaman berikutnya menu : kembali ke halaman menu utama x : keluar aplikasi Gambar 3.8 Storyboard Halaman Penyebab
31 8. Storyboard Halaman Gejala penyebab gejala penularan menu X pengobatan pencegahan Gambar Gejala Penyakit Rabies keterangan back next Modul : Gejala Penyakit Rabies NamaScene : Simulasi Navigasi : penyebab : menuju ke halaman penyebab penyakit rabies gejala : menuju ke halaman gejala penyakit rabies penularan : menuju ke halaman penularan penyakit rabies pengobatan : menuju ke halaman pengobatan penyakit rabies pencegahan : menuju ke halaman pencegahan penyakit rabies back : menuju halaman sebelumnya next : menuju halaman berikutnya menu : kembali ke halaman menu utama x : keluar aplikasi Gambar 3.9 Halaman Gejala
32 9. Storyboard Halaman Penularan penyebab gejala penularan menu X pengobatan pencegahan Animasi Penularan Penyakit Rabies keterangan Play back next Modul : Penularan Penyakit Rabies NamaScene : Simulasi Navigasi : penyebab : menuju ke halaman penyebab penyakit rabies gejala : menuju ke halaman gejala penyakit rabies penularan : menuju ke halaman penularan penyakit rabies pengobatan : menuju ke halaman pengobatan penyakit rabies pencegahan : menuju ke halaman pencegahan penyakit rabies play : menjalankan animasi back : menuju halaman sebelumnya next : menuju halaman berikutnya menu : kembali ke halaman menu utama x : keluar aplikasi Gambar 3.10 Halaman Penularan
33 10. Storyboard Halaman Pengobatan penyebab gejala penularan menu X pengobatan pencegahan Gambar Pengobatan Penyakit Rabies keterangan back next Modul : Pengobatan Penyakit Rabies Nama Scene : Simulasi Navigasi : penyebab : menuju ke halaman penyebab penyakit rabies gejala : menuju ke halaman gejala penyakit rabies penularan : menuju ke halaman penularan penyakit rabies pengobatan : menuju ke halaman pengobatan penyakit rabies pencegahan : menuju ke halaman pencegahan penyakit rabies back : menuju halaman sebelumnya next : menuju halaman berikutnya menu : kembali ke halaman menu utama x : keluar aplikasi Gambar 3.11 Halaman Pengobatan
34 11. Storyboard Halaman Pencegahan penyebab gejala penularan menu X pengobatan pencegahan Gambar Pencegahan Penyakit Rabies keterangan back next Modul : Pencegahan Penyakit Rabies Nama Scene : Simulasi Navigasi : penyebab : menuju ke halaman penyebab penyakit rabies gejala : menuju ke halaman gejala penyakit rabies penularan : menuju ke halaman penularan penyakit rabies pengobatan : menuju ke halaman pengobatan penyakit rabies pencegahan : menuju ke halaman pencegahan penyakit rabies back : menuju halaman sebelumnya next : menuju halaman berikutnya menu : kembali ke halaman menu utama x : keluar aplikasi Gambar 3.12 Halaman Pencegahan
35 4. Storyboard Halaman Profil Modul : Keluar Aplikasi Nama Scene : Profil profil Gambar 3.13 Storyboard Halaman Profil 3.4.3 Perancangan Use Case Diagram Diagram ini menunjukkan fungsionalitas suatu sistem atau kelas dan bagaimana sistem berinteraksi dengan dunia luar. Aktor memperlihatkan himpunan pengguna use case, himpunan sesuatu yang berinteraksi dengan sistem yang akan digunakan. Kita harus mengidentifikasi aktor dan memahami bagaimana aktor akan menggunakan dan berinteraksi dengan sistem. Pada aplikasi simulasi penyebaran penyakit rabies ini, dapat diidentifikasikan bahwa aktor utamanya adalah user (pengguna). Dari identifikasi aktor tersebut, maka akan didapatkan satu use case diagram dan beberapa skenario yang memperlihatkan interaksi-interaksi use case dengan aktor. Use case diagram Rancang Bangun Aplikasi Simulasi Penyebaran Penyakit Rabies dapat dilihat pada Gambar 3.7.
36 Aplikasi Menu Utama Peta dan Data <<extended>> <<extended>> Peta Tahun Grafik Penyebab Simulasi Penyebaran Penyakit Gejala USER <<extended> Penularan Keluar Pengobatan Pencegahan Tabel 3.2 Use Case Simulasi Gambar 3.14 : Use Case Diagram Nama Aktor Deskripsi Skenario Melihat Praktisi Medis User dapat memilih menu simulasi penyebaran penyakit 1. User memilih menu simulasi penyebaran penyakit 2. Sistem masuk ke halaman simulasidi mana terdapat tomboltombol, yaitu tombol penyebab, gejala, penularan, pegobatan, pencegahan, menu, keluar. 3. Sistem menampilkan materi penyebab penyakit rabies 4. Sistem menampilkan materi gejala penyakit rabies
37 Tabel 3.3 Use Case Simulasi (lanjutan) Skenario Kondisi Awal Kondisi Akhir 5. User memilih menu simulasi penyebaran penyakit 6. Sistem masuk ke halaman simulasi di mana terdapat tomboltombol, yaitu tombol penyebab, gejala, penularan, pegobatan, pencegahan, menu, keluar. 7. Sistem menampilkan materi penyebab penyakit rabies 8. Sistem menampilkan materi gejala penyakit rabies 9. Sistem menampilkan materi penularan penyakit rabies 10. Sistem menampilkan materi pengobatan penyakit rabies 11. Sistem menampilkan materi pencegahan penyakit rabies 12. Sistem kembali ke menu utama 13. Sistem keluar dari aplikasi 1. User menerima halaman simulasi yang didalamnya terdapat tombol tombol. User memilih tombol-tombol yang ada 1. User memahami simulasi dan mengerti cara pencegahan penyakit rabies 3.4.5 Perancangan Activity Diagram Activity diagram menunjukkan langkah demi langkah untuk melakukan komputasi. Setiap langkah adalah sebuah keadaan dalam melakukan sesuatu Diagram ini menggambarkan langkah yang mana yang harus dijalankan secara berurutan dan langkah mana yang bisa dijalankan secara bersamaan. 1. Perancangan Activity Diagram untuk halaman Menu Utama Aktifitas dimulai ketika pengguna memilih masuk, kemudian sistem menampilkan halaman menu utama, aktifitas selanjutnya adalah memilih menu yang
38 terdiri dari peta dan data, simulasi penyebaran penyakit, dan keluar. Kemudian sistem akan menampilkan halaman yang dipilih PENGGUNA SISTEM Membuka Aplikasi Menampilkan tombol pada menu utama : Peta dan Data, Simulasi Penyebaran Penyakit, Keluar Memilih Menu yang diinginkan Menampilkan menu yang dipilih Gambar 3.15 Activity Diagram halaman Menu Utama 2. Perancangan Activity Diagram untuk halaman Simulasi Aktifitas dimulai ketika pengguna memilih tombol simulasi kemudian sistem menampilkan halaman simulasi, aktifitas selanjutnya adalah memilih tombol - tombol yang ada di menu simulasi penyebaran penyakit.
39 Pengguna Sistem Memilih menu simulasi penyebaran penyakit pada menu utama Memilih tombol yang diinginkan Menampilkan tombol tombol yaitu tombol penyebab, gejala, penularan, pengobatan, dan pencegahan Menampilkan materi atau simulasi dari tombol yang dipilih Gambar 3.16 activity diagram halaman simulasi penyebaran penyakit 3.4.6 Perancangan Sequence Diagram Sebuah sequence diagram secara khusus menjabarkan aktifitas sebuah skenario tunggal. Diagram tersebut menunjukkan sejumlah objek contoh dan pesanpesan melalui objek-objek di dalam use case diagram (Fowler, 2005:81). Dari bentuk use case yang telah di gambarkan sebelumnya, dapat dibuat sequence diagram. 1. Perancangan untuk halaman Peta dan Data Sequence diagram untuk halaman materi menggambarkan skenario dan langkah-langkah yang dilakukan pengguna. Pertama pengguna masuk
40 halaman menu utama selanjutnya pengguna dapat memilih menu peta dan data, kemudian sistem menampilkan halaman peta dan data yang berisi tombol-tombol untuk menampilkan peta, data kasus pertahun, grafik. Layer Menu Utama Layer Menu Petadan Data Layer SubMenu Peta& Data Pengguna 1. Menuju Menu Utama 3. Tampilan Menu Peta dan Data 2.Menuju Menu Peta dan Data 4. Memilih sub menu peta daerah, tahun, grafik 5. Masuk halaman simulasi peta daerah, tahun, grafik 6. Tampilan halaman simulasi peta daerah, tahun, grafik Gambar 3.17 Sequence Diagram Halaman Peta dan Data 2. Perancangan untuk halaman simulasi penyebaran penyakit Sequence diagram untuk halaman simulasi menggambarkan skenario dan langkah-langkah yang dilakukan pengguna. Pertama pengguna masuk halaman menu utama selanjutnya pengguna dapat memilih menu simulasi penyebaran penyakit, kemudian sistem menampilkan halaman simulasi yang berisi tombol tombol seperti tombol penyebab, gejala, penularan, pengobatan, dan pencegahan.
41 Layer Menu Utama Layer Menu simulasi Pengguna 1. Menuju Menu Utama 2.Menuju Menu simulasi 3. Tampilan Menu Simulasi 4. Memilih simulasi penyebaran penyakit rabies Gambar 3.18 Sequence Diagram Halaman Simulasi