Upload
others
View
6
Download
0
Embed Size (px)
Citation preview
37
BAB III
ANALISIS DAN PERANCANGAN SISTEM
3.1.AnalisisKebutuhanSistem
Aplikasi yang dibangun merupakan Aplikasi pengenalan jenis nyamuk
dan bahayanya bagi manusia berbasis multimedia. Aplikasi ini memiliki 5
menu dalam menu utama yaitu menu infomasi nyamuk, jenis-jenis nyamuk,
penyakit (pencegahan dan pengobatan), menu profil, dan menu keluar.
Aplikasi ini menggunakan metode tahapan pengembangan multimedia dan
Macromedia Flash ,sebagai perangkat lunak pendukung.
Dalam aplikasi ini terdapat 4 menu utama dimana menu informasi
nyamuk merupakan menu yang berisi penjelasan tentang nyamuk beserta
cuplikan atau animasi yang berkaitan dengan nyamuk, jenis-jenis nyamuk
merupakan menu yang berisi tentang jenis-jenis nyamuk yang di dalamnya
terdapat informasi tentangn yamuk, selanjutnya menu penyakit yang di
dalamnya terdapat cara pencegahan dan pengobatan yang disertai cuplikan
atau animasi yang berkaitan dengan jenis-jenis penyakit, Pada menu istilah
medis terdapat istilah-istilah yang berkaitan dengan dunia medis.
3.2.AnalisisPeranPengguna
Pengguna aplikasi pengenalan jenis nyamuk dan bahayanya bagi manusia
yaitu masyarakat umum.
38
3.3. Analisis Perangkat Pendukung
Perangkat pendukung yang dibutuhkan dalam membantu dalam
penelitian ini dibagi menjadi dua yaitu:
3.3.1. Analisis Perangkat Keras (Hardware)
Dalam membuat aplikasi ini spesifikasi perangkat keras yang
dibutuhkan adalah sebagai berikut :
1. Processor Intel(R) Pentium (R) CPU B940 2.00 GHz.
2. Memory 2 GB.
3. Hard Disk 500 GB.
4. Mouse
5. Keyboard.
6. Speaker.
3.3.2. Analisis Perangkat Lunak (Software)
Perangkat lunak yang digunakan dalam pembuatan aplikasi ini adalah:
1. Sistem operasi Windows 7 Ultimate Enterprise 32 bit.
2. Macromedia Flash 8
3. Adobe Photoshop CS 4
4. Visio 2007
5. Xampp v3.2.2
39
3.4. Struktur Menu Aplikasi
Pembuatan aplikasi didasarkan pada tahap design, seperti storyboard.
Tujuan pembuatan storyboard adalah dapat memberikan gambaran untuk
aplikasi yang akan dibuat dan sebagai bagan alir jalannya aplikasi setelah
melakukan analisis. Ada pun hirarki storyboard aplikasi ini adalah sebagai
berikut:
3.4.1 Hirarky Storyboard
Penjelasan Gambar Hirarki Stroryboard:
Pada hirarki storyboard ini terdapat halaman tampilan preloader,
tampilan menu utama yaitu menu informasi nyamuk yang didalamnya
terdapat sub menu penjelasan jenis-jenis nyamuk, menu penyakit didalamnya
terdapat sub menujenis-jenis penyakit beserta pencegahan dan pengobatan,
dan menu profil.
40
3.4.2. Tabel Nyamuk
No. Field Type Size Key Keterangan
1. Id Varchar 200 * Primary Key
2. Nama Text - -
Tabel 3.1 Jenis-JenisNyamuk
Keterangan: Tabel nyamuk di atas terdiri dari 2 field yaitu Id_nyamuk
dan Nm_nyamuk. Dimana Id_nyamuk sebagai primary key(*).
3.4.3. Perancangan Storyboard
Tabel 3.2Tabel Stroryboard
Scene Judul Visual Durasi Keterangan
1 Preloader 00:00:12 Pada menu ini
dilengkapi dengan
sound effect.
b1:gambar
background/ animasi
b2: tombol “skip
intro”.
Sound effect
41
2 Menu
Utama
00 : 00 : 20 Pada menu ini
dilengkapi dengan
sound effect.
B1=tomboli nformasi
nyamuk
B2 = tombol
informasi jenis-jenis
nyamuk
B3 =.tombol
informasi jenis
penyakit
B4 = tombol tentang
penulis
X=tombol exit
3 Menu
Informasi
Nyamuk
00 : 00 : 20 Pada menu ini
dilengkapi dengan
sound effect.
B1= materi
B2 = image
Dilengkapi tombol
play, pause, stop,
home dan exit.
42
4Menu jenis-
jenis
nyamuk
00 : 00 : 20 Pada menu ini
dilengkapi dengan
sound effect.
B1 =tombol nyamuk
Aedes sp
B2 = tombol nyamuk
Culex sp.
B3=tombol nyamuk
Mansonia sp.
B4=tombol nyamuk
Anopheles sp.
Dilengkapi tombol,
home dan exit.
5 Menu
Penyakit
00 : 00 : 20 Pada menu ini
dilengkapi dengan
sound effect.
B1=tombol penyakit
DB.
B2=tombol penyakit
kaki gajah.
B3=tombol penyakit
radang otak.
B4=tombol penyakit
malaria.
Dilengkapi tombol,
43
home dan exit.
6 Menu
tentang
istilah
medis
00 : 00 : 30 Pada menu ini
dilengkapi dengan
sound effect.
B1=image
B2=mater
B3=tombol Home
B4=tombol menu
informasi nyamuk.
B5=tombol menu
jenis-jenis nyamuk.
B6=tombol menu
penyakit.
B7=tombol menu
profil penulis.
B8=tombol exit.
44
3.5. Perancangan Tampilan
Rancangan tampilan yang ada dalam aplikasi akan dijelaskan pada
tahap ini. Tampilan dimulai dengan menu intro kemudian akan terhubung ke
menu home.
3.5.1. RancanganTampilan Intro
Gambar 3.2 RancanganTampilan Intro
Rancangan tampilan ini digunakan sebagai tampilan awal opening yang
berupa animasi intro yang berupa teks, dan musik.
3.5.2. Rancangan Tampilan Menu Home
Gambar 3.3 Rancangan Tampilan Menu Home
45
Pada tampilan menu home terdapat 4 tombol menu yaitu: menu
informasi nyamuk, menu jenisjenis nyamuk , menu penyakit dan menu
profil. Pada menu home juga diberikan gambar.
3.5.3. Rancangan Tampilan Menu Informasi nyamuk
Gambar 3.4 Rancangan Tampilan Menu Informasi nyamuk
Pada menu informasi penyakit, menampilkan materi informasi nyamuk
dan gambar/cuplikan nyamuk. Selain itu terdapat juga tombol home
untuk kembali ke menu utama dan tombol exit untuk keluar dari
aplikasi.
3.5.4. Rancangan Tampilan menu jenis-jenis nyamuk
Gambar 3.5 Rancangan Tampilan menu jenis-jenis nyamuk
46
Pada menu jenis-jenis nyamuk terdapat 5 sub materi tentang jenis-jenis
nyamuk dan animasi jenis-jenis nyamuk. Selain itu terdapat 2 tombol
berupa tombol home untuk kembali pada menu utama dan tombol x
untuk keluar dari program.
3.5.5. Rancangan tampilan sub menu jenis nyamukAedes SP
Gambar 3.6 Rancangan Tampilan sub menu Nyamuk Aedes SP
Pada sub menu jenis nyamuk Aedes sp terdapat materi serta cuplikan
gambar/ animasi, serta terdapat 5 tombol yaitu tombol Home untuk
kembali pada menu utama, tombol X untuk keluar dari program,
tombol next untuk lanjut ke sub menu nyamuk berikutnya, tombol play
untuk memulai suara, tombol pause untuk berhenti suara serta tombol
stop.
47
3.5.6. Rancangan tampilan sub menu jenis Nyamuk Culex SP
Gambar 3.7 Rancangan Tampilan sub menu Nyamuk Culex SP
Pada sub menu jenis nyamuk Culex sp terdapat materi serta cuplikan
gambar/animasi, serta terdapat 5 tombol yaitu tombol Home untuk
kembali pada menu utama, tombol X untuk keluar dari program,
tombol next untuk lanjut ke sub menu nyamuk berikutnya, tombol play
untuk memulai suara, tombol pause untuk berhenti suara serta tombol
stop.
3.5.7. Rancangan Tampilan sub Menu jenis Nyamuk Mansonia Sp
Gambar 3.8 Rancangan Tampilan sub menu Nyamuk Mansonia SP
48
Pada sub menu jenis nyamuk Mansonia sp terdapat materi serta
cuplikan gambar/animasi, serta terdapat 5 tombol yaitu tombol Home
untuk kembali pada menu utama, tombol X untuk keluar dari program,
tombol next untuk lanjut ke sub menu nyamuk berikutnya, tombol play
untuk memulai suara, tombol pause untuk berhenti suara serta tombol
stop.
3.5.8. Rancangan Tampilan sub menu Jenis Nyamuk Anopheles Sp
Gambar 3.9 Rancangan Tampilan sub menu Nyamuk Anopheles SP
Pada sub menu jenis nyamuk Anopheles sp terdapat materi serta
cuplikan gambar/animasi, serta terdapat 5 tombol yaitu tombol Home
untuk kembali pada menu utama, tombol X untuk keluar dari program,
tombol next untuk lanjut ke sub menu nyamuk berikutnya, tombol play
untuk memulai suara, tombol pause untuk berhenti suara serta tombol
stop.
49
3.5.9. Rancangan Tampilan Menu penyakit
Gambar 3.10 Rancangan Tampilan Menu penyakit
Pada menu penyakit didalamnya terdapat informasi penjelasan tentang
jenis-jenis penyakit pada sub menu penyakit beserta cuplikan/animasi.
Terdapat juga tombol home untuk kembali ke tampilan awal, dan
tombol X untuk keluar dari aplikasi.
3.5.10. Rancangan Tampilan sub menu penyakit Demam Berdarah
Gambar 3.11 Rancangan tampilan sub menu penyakit demam berdarah
Pada sub menu jenis penyakit demam berdarah terdapat materi serta
cuplikan gambar/animasi, dan terdapat 7 tombol yaitu tombol Home
50
untuk kembali pada menu utama, tombol X untuk keluar dari program,
tombol pencegahan, tombol pengobatan, tombol play untuk memulai
suara, tombol pause untuk berhenti suara serta tombol stop.
3.5.11. Rancangan Tampilan sub menu penyakit kaki gajah
Gambar 3.12 Rancangan tampilan sub menu penyakit kaki gajah
Pada sub menu jenis penyakit kaki gajah terdapat materi serta cuplikan
gambar/animasi, dan terdapat 7 tombol yaitu tombol Home untuk
kembali pada menu utama, tombol X untuk keluar dari program,
tombol pencegahan, tombol pengobatan, tombol play untuk memulai
suara, tombol pause untuk berhenti suara serta tombol stop.
3.5.12. Rancangan Tampilan sub menu penyakit radang otak
Gambar 3.13 Rancangan Tampilan sub menu penyakit radang otak
51
Pada sub menu jenis penyakit radang otak terdapat materi serta
cuplikan gambar/animasi, dan terdapat 7 tombol yaitu tombol Home
untuk kembali pada menu utama, tombol X untuk keluar dari program,
tombol pencegahan, tombol pengobatan, tombol play untuk memulai
suara, tombol pause untuk berhenti suara serta tombol stop.
3.5.13. Rancangan Tampilan sub menu penyakit Malaria
Gambar 3.14 Rancangan Tampilan sub menu penyakit Malaria
Pada sub menu jenis penyakit malaria terdapat materi serta
cuplikan gambar/animasi, dan terdapat 7 tombol yaitu tombol
Home untuk kembali pada menu utama, tombol X untuk keluar
dari program, tombol pencegahan, tombol pengobatan, tombol play
untuk memulai suara, tombol pause untuk berhenti suara serta
tombol stop.
52
3.5.14. Rancangan tampilan menu Istilah Medis
Gambar 3.15 Rancangan Tampilan Menu Istilah Medis
Pada menu Tentang Istilah Medis, terdapat materi yang berkaitan
dengan istilah medis. Terdapat 2 tombol berupa tombol home untuk
kembali ke menu utama, dan X untuk keluar dari aplikasi.