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.