pembangunan perangkat lunak berbasis web untuk … · 0 pembangunan perangkat lunak berbasis web...

14
0 PEMBANGUNAN PERANGKAT LUNAK BERBASIS WEB UNTUK PELAPORAN DATA BENCANA ALAM TUGAS AKHIR Diajukan Untuk Memenuhi Sebagian Persyaratan Mencapai Derajat Sarjana Teknik Informatika Oleh: Nana Tambayong 11 07 06477 PROGRAM STUDI TEKNIK INFORMATIKA FAKULTAS TEKNOLOGI INDUSTRI UNIVERSITAS ATMA JAYA YOGYAKARTA 2015

Upload: voliem

Post on 18-May-2019

226 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: PEMBANGUNAN PERANGKAT LUNAK BERBASIS WEB UNTUK … · 0 PEMBANGUNAN PERANGKAT LUNAK BERBASIS WEB UNTUK PELAPORAN DATA BENCANA ALAM TUGAS AKHIR Diajukan Untuk Memenuhi Sebagian Persyaratan

0

PEMBANGUNAN PERANGKAT LUNAK BERBASIS WEB

UNTUK PELAPORAN DATA BENCANA ALAM

TUGAS AKHIR

Diajukan Untuk Memenuhi Sebagian Persyaratan

Mencapai Derajat Sarjana Teknik Informatika

Oleh:

Nana Tambayong

11 07 06477

PROGRAM STUDI TEKNIK INFORMATIKA

FAKULTAS TEKNOLOGI INDUSTRI

UNIVERSITAS ATMA JAYA YOGYAKARTA

2015

Page 2: PEMBANGUNAN PERANGKAT LUNAK BERBASIS WEB UNTUK … · 0 PEMBANGUNAN PERANGKAT LUNAK BERBASIS WEB UNTUK PELAPORAN DATA BENCANA ALAM TUGAS AKHIR Diajukan Untuk Memenuhi Sebagian Persyaratan

i

Page 3: PEMBANGUNAN PERANGKAT LUNAK BERBASIS WEB UNTUK … · 0 PEMBANGUNAN PERANGKAT LUNAK BERBASIS WEB UNTUK PELAPORAN DATA BENCANA ALAM TUGAS AKHIR Diajukan Untuk Memenuhi Sebagian Persyaratan

ii

Skripsi ini saya persembahkan untuk

TUHAN YANG MAHA ESA

Keluarga

Terima Kasih atas dukungan kalian selama ini...

Semangat dari kalian lah yang selalu memberikanku

harapan...

“Janganlah kuatir akan hari besok, karena hari besok mempunyai

kesusahannya sendiri. Kesusahan sehari cukuplah untuk sehari.”

Skrippsii iini sayyaa ppeerrssembahhkkaan uunntuk

TUHAN YANG MAHA ESAA

Keluarga

Terima Kasih atas dukungan kalian selama ini....

Semangat dari kalliiaann llah yyaang selalu memberikanku

harapan...

“Janganlah kuatir akan harari besok,k, karena hari besok mempunyai

kesusahannya sendiri. Keesusahan ssehari cukuplah untuk sehari.”

Page 4: PEMBANGUNAN PERANGKAT LUNAK BERBASIS WEB UNTUK … · 0 PEMBANGUNAN PERANGKAT LUNAK BERBASIS WEB UNTUK PELAPORAN DATA BENCANA ALAM TUGAS AKHIR Diajukan Untuk Memenuhi Sebagian Persyaratan

iii

KATA PENGANTAR

Puji syukur kepada Tuhan Yang Maha Esa atas berkat-

Nya penulis dapat menyelesaikan pembuatan tugas akhir

ini dengan baik.

Tujuan penulisan tugas akhir ini adalah untuk

memenuhi sebagian persyaratan mencapai derajat sarjana

di Program Studi Teknik Informatika Fakultas Teknologi

Industri Universitas Atma Jaya Yogyakarta.

Pada kesempatan ini penulis ingin mengucapkan terima

kasih kepada :

1. Tuhan Yang Maha Esa atas segala rahmat, karunia,

dan bimbingan-Nya sehingga penyusunan laporan ini

dapat terselesaikan dengan baik.

2. Keluarga saya yang telah memberi semangat dan doa

selama pengerjaan tugas akhir, paman, bibi, dan

sepupu saya Yohana yang telah memberikan dukungan

dan bantuan selama empat tahun ini.

3. Ibu Findra Kartika Sari Dewi, S.T., M.M., M.T.

selaku dosen pembimbing I yang telah membimbing

dan membantu penulis dalam menyelesaikan tugas

akhir ini.

4. Ibu Th. Devi Indriasari, S.T., M.Sc. selaku dosen

pembimbing II yang telah membimbing dan membantu

penulis untuk menyelesaikan tugas akhir ini.

5. Teman seperjuangan Kristin, Stefannie, Fonda,

Stefani, Esti, Irvan, Vera, Helena, Agus, Tio,

Carol, dan teman-teman yang tidak dapat

disebutkan satu persatu. Terima kasih atas

kebersamaannya selama kuliah.

ini dengan baik.

Tujuan ppenenulisan tugas akhir iini adalah untuk

memenuhi sseebagian persr yaratan mencapai ddere ajat sarjana

di Progrgram Stuudii Tekninikk InInfoformrmatatikika Fakultasas Teknologi

Induusstri Universrsititas Atma Jaya Yoggyayakakarta.

Padada kkesesempatatan ini penulis iningigin mengngucucapapkan tet rima

kkasih kekeppada :

1.1. Tuhahan Yang Maha Esa atas segala rahmh att, kakaruniia,

ddan bimbingan-Nya sehingga penyusunan lapoporran inii

dapat terselesaikan dengan baik.

22. Keluarga saya yang telah memberi semangaat daann doaa

selama pengerjaan tugas akhir, paman, bibibi, dadann

sepupu saya Yohana yang telah memberikan ddukunngann

dan bantuan selama empat tahun ini.

3. Ibuu FFinindrdraa KaKartrtikika SSararii DeDewiwi, SS.TT., M.M., M..T.T.

selaku dosen pembiimbmbing I yang telah membimbmbining

dan membantu penulis dalam menyelesaikanan ttugugas

akakhihirr inini.i.

4.4. Ibbu u ThTh. DeDe ivi IIndn riiasasari,, SS.TT.,, M.M ScSc.. seelalakuku ddosen

pepembmbiimbing II yangn tellah membimbini gg dadann membantu

penulis untuk memenyelesaaikan tugas akhir ini.

5. Teman seperjuanngan Krristin, Stefannie, Fonda,

Stefani, Esti, IIrvan,, Vera, Helena, Agus, Tio,

Carol, dan temman--teman yang tidak dapat

disebutkan satu pep rsatu. Terima kasih atas

Page 5: PEMBANGUNAN PERANGKAT LUNAK BERBASIS WEB UNTUK … · 0 PEMBANGUNAN PERANGKAT LUNAK BERBASIS WEB UNTUK PELAPORAN DATA BENCANA ALAM TUGAS AKHIR Diajukan Untuk Memenuhi Sebagian Persyaratan

iv

Page 6: PEMBANGUNAN PERANGKAT LUNAK BERBASIS WEB UNTUK … · 0 PEMBANGUNAN PERANGKAT LUNAK BERBASIS WEB UNTUK PELAPORAN DATA BENCANA ALAM TUGAS AKHIR Diajukan Untuk Memenuhi Sebagian Persyaratan

v

DAFTAR ISI

HALAMAN PENGESAHAN ........ Error! Bookmark not defined.

HALAMAN PERSEMBAHAN ....... Error! Bookmark not defined.

KATA PENGANTAR ..................................... iii

DAFTAR ISI ........................................... v

DAFTAR GAMBAR ...................................... vii

DAFTAR TABEL ........................................ xi

INTISARI .......................................... xiii

BAB I PENDAHULUAN ................................. xiv

1.1 Latar Belakang ............................... xiv

1.2 Rumusan Masalah .............................. xvi

1.3 Batasan Masalah .............................. xvi

1.4 Tujuan Penelitian ........................... xvii

1.5 Metode Penelitian ........................... xvii

1.6 Sistematika Penulisan ...................... xviii

BAB II TINJAUAN PUSTAKA ........................... xxi

BAB III LANDASAN TEORI ............................. 25

3.1 Bencana ....................................... 25

3.2 Pemetaan ...................................... 25

3.3 Sistem Informasi .............................. 26

3.4 Web Service ................................... 26

3.5 Google Maps ................................... 27

3.6 CodeIgniter ................................... 27

3.7 MySQL ......................................... 28

3.8 Highcharts .................................... 29

BAB IV ANALISIS DAN PERANCANGAN SISTEM ............. 30

4.1 Analisis Perangkat Lunak ...................... 30

4.2 Kebutuhan Fungsionalitas Perangkat Lunak ...... 30

4.2.1 Arsitektur Perangkat Lunak ................. 30

4.2.2 Fungsi Produk .............................. 31

4.2.3 Use Case Diagram ........................... 32

KATA PENGANTAR ...................................... iii

DAFTAR ISI............................................. v

DAFTAR GAMMBBAR............................... ........ vii

DAFTAR TTABEL................................. .................... xi

INTIISSARI .............................................. xiii

BAABB I PPENENDADAHULUANAN ....................................... xiv

1.1 LaLattar BeBelakang.................................... xiv

1.22 Rumumusan Masalah................................. xvxvi

1.1 3 BaBatasan Masalah................................ xvii

1.1.4 Tujuan Penelitian......................... .... xvxvii

11.5 Metode Penelitian............................. xvxviii

1.66 Sistematika Penulisan...................... xviiiiii

BAB II TINJAUAN PUSTAKA ........................... xxii

BAABB IIII LANDASAN TEORI ............................... 2525

3.1 Bencannaa......................................... 2525

3.2 Pemetaan......................................... 2525

3.33 Sistem Informasi.................................. 226

3.3.44 WeWebb SeServrvicicee........ ............................................ 26

3.3.55 GoGoogoglele Mapaps.......................................... 27

3.6 CCodod IeIgniter................................... 27

3.7 MySQL.......................................... 28

3.8 Highcharts.................................... 29

BAB IV ANALISIS DAN PERERANCAANNGAN SISTEM............. 30

4.1 Analisis Perangkat Luunak...................... 30

4.2 Kebutuhan Fungsionallitas Perangkat Lunak...... 30

Page 7: PEMBANGUNAN PERANGKAT LUNAK BERBASIS WEB UNTUK … · 0 PEMBANGUNAN PERANGKAT LUNAK BERBASIS WEB UNTUK PELAPORAN DATA BENCANA ALAM TUGAS AKHIR Diajukan Untuk Memenuhi Sebagian Persyaratan

vi

4.3 Perancangan Sistem ............................ 33

4.3.1 Perancangan Arsitektur ..................... 34

4.3.2 Entity Relationship Diagram (ERD) .......... 35

4.3.1 Deskripsi Perancangan Antarmuka ............ 36

BAB V IMPLEMENTASI DAN PENGUJIAN PERANGKAT LUNAK ... 44

5.1 Pengkodean Perangkat Lunak .................... 44

5.2 Implementasi Perangkat Lunak .................. 51

5.2.1 Login Form ................................. 51

5.2.2 Pencatatan Data Bencana Form ............... 53

5.2.3 Pencatatan Data Laporan Bencana Form ....... 60

5.2.4 Pencatatan Data Posko Form ................. 71

5.2.5 Pencatatan Data Laporan Posko Form ......... 79

5.2.6 Laporan Form ............................... 87

5.2.7 Pemetaan Form ............................. 122

5.2.8 Terima Data Bencana ....................... 126

5.3 Pengujian Perangkat Lunak .................... 132

5.3.1 Pengujian Fungsionalitas .................. 132

5.4 Hasil Pengujian terhadap Pengguna ............ 167

5.5 Pengujian Web Service ........................ 172

5.6 Pembahasan Perangkat Lunak ................... 173

BAB VI KESIMPULAN DAN SARAN ....................... 174

6.1 Kesimpulan ................................... 174

6.2 Saran ........................................ 174

DAFTAR PUSTAKA ..................................... 175

LAMPIRAN ........................................... 178

y p g

4.3.1 Deskripsii PPerancangan AnAntat rmuka............ 36

BAB V IMPLEMEENNTASI DAN PENGUJIAN PERARANGN KAT LUNAK ... 44

5.1 Pengkgkodean Peraanngkat Lunak..................... 44

5.2 ImImplemenntaasisi Perranangkgkatat LLununakak.................... 51

5.5.2.1 Login n FoFormr .................................... 51

5.2.22 Peenncatattaan Data Bencana FoForm.................... 53

5.5 2.2.33 Pencncatatan Data Laporan Bencanna a Foormrm........... 60

5.5.22.4 PPencatatan Data Posko Form................ ... 717

5.2.55 Pencatatan Data Laporan Posko Form.......... . 799

5.2.2.6 Laporan Form........................... ........ 87

5.2.7 Pemetaan Form............................... 1222

5..2.8 Terima Data Bencana....................... 121266

5.33 Pengujian Perangkat Lunak.................... 1322

5..3.1 Pengujian Fungsionalitas.................... 13322

5.4 Hasiill PePeng jujiaiann teterhaddapap PPeenggunaa............ 161677

5.5 Pengujian Web Servicicee......................... 71722

5.66 Pembahasan Perangkat Lunak..................... 17173

BABAB VIVI KEKESISIMPMPULULANAN DDANAN SSARA ANAN ..................................... 1174

6.6.11 KeKesisimpmpuulanan......................................... 174

6.2 SaSararan........................................ 174

DAFTAR PUSTAKA ...................................... 175

LAMPIRAN ........................................... 178

Page 8: PEMBANGUNAN PERANGKAT LUNAK BERBASIS WEB UNTUK … · 0 PEMBANGUNAN PERANGKAT LUNAK BERBASIS WEB UNTUK PELAPORAN DATA BENCANA ALAM TUGAS AKHIR Diajukan Untuk Memenuhi Sebagian Persyaratan

vii

DAFTAR GAMBAR

Gambar 3.1 Arsitektur CodeIgniter................... 15

Gambar 4.1 Arsitektur Perangkat Lunak............... 18

Gambar 4.2 Use Case Diagram......................... 20

Gambar 4.3 Arsitektur Aplikasi...................... 21

Gambar 4.4 Entity Relationship Diagram.............. 23

Gambar 4.5 Antarmuka Tampilan Login................. 24

Gambar 4.6 Antarmuka Tampilan Menu Utama............ 25

Gambar 4.7 Antarmuka Tampilan Pencatatan Data Bencana 25

Gambar 4.8 Antarmuka Tampilan Pencatatan Data Laporan

Bencana............................................. 26

Gambar 4.9 Antarmuka Tampilan Pencatatan Data Posko. 27

Gambar 4.10 Antarmuka Tampilan Pencatatan Data Laporan

Posko............................................... 28

Gambar 4.11 Antarmuka Tampilan Pengelolaan Data

Laporan............................................. 29

Gambar 4.12 Antarmuka Tampilan Pemetaan............. 30

Gambar 5.1 Antarmuka Login.......................... 38

Gambar 5.2 Antarmuka Beranda........................ 40

Gambar 5.3 Antarmuka Pencatatan Data Bencana........ 40

Gambar 5.4 Antarmuka Tambah Data Bencana............. 42

Gambar 5.5 Antarmuka Tambah Data Bencana............ 43

Gambar 5.6 Antarmuka Ubah Data Bencana.............. 43

Gambar 5.7 Antarmuka Ubah Data Bencana.............. 44

Gambar 5.8 Antarmuka Ubah Data Bencana.............. 45

Gambar 5.9 Antarmuka Hapus Data Bencana............. 46

Gambar 5.10 Antarmuka Hapus Data Bencana............ 46

Gambar 5.11 Antarmuka Hapus Data Bencana............ 47

Gambar 5.12 Antarmuka Pencatatan Data Laporan Bencana 48

Gambar 5.13 Antarmuka Pencatatan Data Laporan Bencana 48

Gambar 5.14 Antarmuka Tambah Data Laporan Bencana... 49

Gambar 4.1 Arsitektur PePerarangngkakat Lunak............... 18

Gambar 4.2 Use Casase Diagram........................... 20

Gambar 4.3 AArrsitektur Aplikasi....................... 21

Gambar 4.4.4 Entity Relatatioionsshihip p DiD agram............... 23

Gambarr 4.5 Anttararmumuka TTamampipilalann LoLogigin.n................... 24

Gambmbar 4.66 Antararmuka TTamampipilalann Menu UUttama............ 25

GaGambar 44.77 AAntararmuka Tampilan Pencattatatan Datata a Bencanana 25

Gambbarar 44.8 AAntarmuka Tampilan Pencatatanan DDatata a LaL poorar n

Bencncana a................................................ 226

Gaambmbar 4.9 Antarmuka Tampilan Pencatatan Dataa PoPosksko.o. 277

GaGambm arr 4.10 Antarmuka Tampilan Pencatatan Datata LLapaporan

Pooskoo................................................ 2828

Gambaar 4.11 Antarmuka Tampilan Pengelolaaan Daataa

LaL poran............................................... 299

Gambmbaar 4.12 AnAntatarmukukaa Tampilann PPemetetaaaan.n ......... .... 3030

Gambar 5.1 Antarmuka Logogini ............................ 3838

GaGambar 5.2 Antarmuka Beranda.......................... 440

GaGambmbarr 55.3.3 AAntntararmumukaka Pencatatan n DaDatata BBenencacanana............ 40

GaGambmbar 5 4.4 Antntararmmuka Tamambabahh DaDatta Benncacanana.............. 42

Gambmbarar 55.55 Antntaarmuka TTama bah DaData Bencacanan ............ 43

Gambar 5.6 Antarmuka Ubabah Datat Bencana.............. 43

Gambar 5.7 Antarmuka UUbah Dataa Bencana.............. 44

Gambar 5.8 Antarmuka Ubbah Datata Bencana.............. 45

Gambar 5.9 Antarmuka Happus DData Bencana............. 46

Gambar 5.10 Antarmuka Hapupuss Data Bencana............ 46

G b 5 11 A t k H D t B 47

Page 9: PEMBANGUNAN PERANGKAT LUNAK BERBASIS WEB UNTUK … · 0 PEMBANGUNAN PERANGKAT LUNAK BERBASIS WEB UNTUK PELAPORAN DATA BENCANA ALAM TUGAS AKHIR Diajukan Untuk Memenuhi Sebagian Persyaratan

viii

Gambar 5.15 Antarmuka Tambah Data Laporan Awal

Bencana............................................. 49

Gambar 5.16 Antarmuka Tambah Data Laporan Perkembangan

Bencana............................................. 51

Gambar 5.17 Antarmuka Tambah Data Laporan Bencana... 52

Gambar 5.18 Antarmuka Ubah Data Laporan Bencana..... 53

Gambar 5.19 Antarmuka Ubah Data Laporan Bencana..... 55

Gambar 5.20 Antarmuka Ubah Data Laporan Bencana..... 56

Gambar 5.21 Antarmuka Hapus Data Laporan Bencana.... 57

Gambar 5.22 Antarmuka Hapus Data Laporan Bencana.... 58

Gambar 5.23 Antarmuka Hapus Data Laporan Bencana.... 58

Gambar 5.24 Antarmuka Pencatatan Data Posko......... 59

Gambar 5.25 Antarmuka Pencatatan Data Posko......... 59

Gambar 5.26 Antarmuka Tambah Data Posko............. 60

Gambar 5.27 Antarmuka Tambah Data Posko............. 61

Gambar 5.28 Antarmuka Ubah Data Posko............... 62

Gambar 5.29 Antarmuka Ubah Data Posko............... 63

Gambar 5.30 Antarmuka Ubah Data Posko............... 64

Gambar 5.31 Antarmuka Hapus Data Posko.............. 64

Gambar 5.32 Antarmuka Hapus Data Posko.............. 65

Gambar 5.33 Antarmuka Hapus Data Posko.............. 66

Gambar 5.34 Antarmuka Pencatatan Data Laporan Posko. 66

Gambar 5.35 Antarmuka Pencatatan Data Laporan Posko. 67

Gambar 5.36 Antarmuka Pencatatan Data Laporan Posko. 67

Gambar 5.37 Antarmuka Tambah Data Laporan Posko..... 68

Gambar 5.38 Antarmuka Tambah Data Laporan Posko..... 69

Gambar 5.39 Antarmuka Ubah Data Laporan Posko....... 70

Gambar 5.40 Antarmuka Ubah Data Laporan Posko....... 71

Gambar 5.41 Antarmuka Ubah Data Laporan Posko....... 73

Gambar 5.42 Antarmuka Ubah Data Laporan Posko....... 73

Gambar 5.43 Antarmuka Hapus Data Laporan Posko...... 74

p g

Bencana.............................................. 51

Gambar 5.17 Annttarmuka Tambah Data Lapoporan Bencana... 52

Gambar 5.1188 Antarmukaa Ubah Data Laporan BeBencana..... 53

Gambar 55.19 Anntaarmrmuka UbUbahah DDattaa LaLapop ran Bencana a..... 55

Gambbaar 5.20 Antatarmrmuka Ubah Data Laapoorar n BeB ncana.a..... 56

Gaambar 55.2.211 Antarmrmuka Hapus Data LLapaporan BBenencac na..... 57

GGambbarr 55.22 AnAntarmuka Hapus Data Laporanan Benencacanana..... 58

Gambmbarr 5.223 Antarmuka Hapus Data Laporan BBene cacanana.... 585

Gaammbar 55.24 Antarmuka Pencatatan Data Posko........... 599

GaGambm arr 5.25 Antarmuka Pencatatan Data Posko............. 59

GaGambaar 5.26 Antarmuka Tambah Data Posko................. 600

Gambaar 5.27 Antarmuka Tambah Data Posko.............. 6161

Gambar 5.28 Antarmuka Ubah Data Posko................. 622

Gambmbaar 5.29 Antarmuka Ubah Data Posko............... 6363

Gambar 5.3300 AnAnttarmukukaa UbUbah DDatataa PoPo ksko............... 6464

GGambar 5.31 Antarmuka Hapupuss Data Posko............... 6464

GaGambmbarar 5.32 Antarmuka Hapus Data Posko................. 665

GaGambmbarar 55.3.333 AnAntatarmmukukaa HaHapupuss DaDatata PPososkoko......................... 66

GaGambmbarar 55.3.344 AAntatarmukka a Penccaatattaan Datataa LaLapoporarann PoPosksko. 66

Gambar 55 3.355 Antarmuka PePencattatan Data Laporarann Posko. 67

Gambar 5.36 Antarmuka Pencatattan Data Laporan Posko. 67

Gambar 5.37 Antarmuka TaT mbah DData Laporan Posko..... 68

Gambar 5.38 Antarmuka TaTambah Data Laporan Posko..... 69

Gambar 5.39 Antarmuka Ubaah Data Laporan Posko....... 70

Gambar 5.40 Antarmuka Ubahh Data Laporan Posko....... 71

Page 10: PEMBANGUNAN PERANGKAT LUNAK BERBASIS WEB UNTUK … · 0 PEMBANGUNAN PERANGKAT LUNAK BERBASIS WEB UNTUK PELAPORAN DATA BENCANA ALAM TUGAS AKHIR Diajukan Untuk Memenuhi Sebagian Persyaratan

ix

Gambar 5.44 Antarmuka Hapus Data Laporan Posko...... 74

Gambar 5.45 Antarmuka Laporan Awal Bencana.......... 75

Gambar 5.46 Antarmuka Laporan Awal Bencana.......... 75

Gambar 5.47 Antarmuka Laporan Awal Bencana.......... 77

Gambar 5.48 Antarmuka Laporan Awal Bencana.......... 77

Gambar 5.49 Antarmuka Laporan Awal Bencana.......... 79

Gambar 5.50 Antarmuka Laporan Awal Bencana.......... 80

Gambar 5.51 Antarmuka Laporan Perkembangan Bencana.. 81

Gambar 5.52 Antarmuka Laporan Perkembangan Bencana.. 83

Gambar 5.53 Antarmuka Laporan Perkembangan Bencana.. 83

Gambar 5.54 Antarmuka Laporan Perkembangan Bencana.. 84

Gambar 5.55 Antarmuka Laporan Perkembangan Bencana.. 86

Gambar 5.56 Antarmuka Laporan Perkembangan Bencana.. 87

Gambar 5.57 Antarmuka Laporan Awal Posko............ 88

Gambar 5.58 Antarmuka Laporan Awal Posko............ 89

Gambar 5.59 Antarmuka Laporan Awal Posko............ 90

Gambar 5.60 Antarmuka Laporan Awal Posko............ 91

Gambar 5.61 Antarmuka Laporan Awal Posko............ 93

Gambar 5.62 Antarmuka Laporan Perkembangan Posko.... 94

Gambar 5.63 Antarmuka Laporan Perkembangan Posko.... 96

Gambar 5.64 Antarmuka Laporan Perkembangan Posko.... 97

Gambar 5.65 Antarmuka Laporan Perkembangan Posko.... 97

Gambar 5.66 Antarmuka Laporan Perkembangan Posko.... 99

Gambar 5.67 Antarmuka Grafik Perkembangan Bencana.. 100

Gambar 5.68 Antarmuka Grafik Perkembangan Bencana.. 101

Gambar 5.69 Antarmuka Grafik Perkembangan Bencana.. 102

Gambar 5.70 Antarmuka Grafik Ringkasan Bencana..... 106

Gambar 5.71 Antarmuka Grafik Ringkasan Bencana..... 107

Gambar 5.72 Antarmuka Grafik Ringkasan Bencana..... 108

Gambar 5.73 Antarmuka Grafik Ringkasan Bencana..... 108

Gambar 5.74 Antarmuka Pemetaan..................... 110

p

Gambar 5.47 Antarmmukuka Laporan Awwalal Bencana.......... 77

Gambar 5.48 Annttarmuka Laporan Awal Benencana.......... 77

Gambar 5.4499 Antarmukaa Laporan Awal Bencanana.......... 79

Gambar 55.50 Anntaarmrmuka LaLapoporarann AwAwalal Bencana........... 80

Gambbaar 5.51 Antatarmrmuka Laporan Perkkemmbab ngana Bencacana.. 81

Gaambar 55.5.522 Antarmrmuka Laporan Perkrkemembangganan BBene canaa.. 83

GGambbarr 55.53 AnAntarmuka Laporan Perkembangngan BBenencacana... 83

Gambmbarr 5.554 Antarmuka Laporan Perkembangann Benencacanan .. 848

Gaammbar 55.55 Antarmuka Laporan Perkembangan BBencacanana.. 866

GaGambm arr 5.56 Antarmuka Laporan Perkembangan Benncanan .... 87

GaGambaar 5.57 Antarmuka Laporan Awal Posko................ 888

Gambaar 5.58 Antarmuka Laporan Awal Posko............. 8989

Gambar 5.59 Antarmuka Laporan Awal Posko.............. 900

Gambmbaar 5.60 Antarmuka Laporan Awal Posko............ 9191

Gambar 5.6611 AnAnttarmukukaa LaLapop raann AwAwalal PPoskoko............ 9393

GGambar 5.62 Antarmuka Lapoporar n Perkembangan Posko..... 9494

GaGambmbarar 5.63 Antarmuka Laporan Perkembangan Poskoko...... 996

GaGambmbarar 55.6.644 AnAntatarmmukukaa LaLapoporarann PePerkrkemembabangnganan PPososkoko....... 97

GaGambmbarar 55.6.655 AAntatarmukka a Lapoorran PePerkemmbab ngganan PPososkoko..... 97

Gambar 55 6.666 Antarmuka LaLaporaann Perkembangan PPososkko.... 99

Gambar 5.67 Antarmuka Grafik PPerkembangan Bencana.. 100

Gambar 5.68 Antarmuka GrG afik PPerkembangan Bencana.. 101

Gambar 5.69 Antarmuka GrGrafikk Perkembangan Bencana.. 102

Gambar 5.70 Antarmuka Graafikik Ringkasan Bencana..... 106

Gambar 5.71 Antarmuka Graffik Ringkasan Bencana..... 107

Page 11: PEMBANGUNAN PERANGKAT LUNAK BERBASIS WEB UNTUK … · 0 PEMBANGUNAN PERANGKAT LUNAK BERBASIS WEB UNTUK PELAPORAN DATA BENCANA ALAM TUGAS AKHIR Diajukan Untuk Memenuhi Sebagian Persyaratan

x

Gambar 5.75 Antarmuka Pemetaan..................... 112

Gambar 5.76 Arsitektur Web Service................. 113

Gambar 5.77 Format Data JSON....................... 114

Gambar 5.78 Task Scheduler......................... 115

Gambar 5.79 Triggers pada Task Scheduler........... 115

Gambar 5.80 Membuat Triggers Baru.................. 116

Gambar 5.81 Membuat Triggers Baru.................. 117

Gambar 5.82 Membuat Actions Baru................... 117

Gambar 5.83 Membuat Actions Baru................... 118

Gambar 5.84 Presentase Hasil Rekapitulasi Pertanyaan

1.................................................. 155

Gambar 5.85 Presentase Hasil Rekapitulasi Pertanyaan

2.................................................. 156

Gambar 5.86 Presentase Hasil Rekapitulasi Pertanyaan

3.................................................. 157

Gambar 5.87 Presentase Hasil Rekapitulasi Pertanyaan

4.................................................. 157

Gambar 5.88 Presentase Hasil Rekapitulasi Pertanyaan

5.................................................. 158

Gambar 5.89 Presentase Hasil Rekapitulasi Pertanyaan

6.................................................. 159

Gambar 5.78 Task Schcheduler.......................... 115

Gambar 5.79 Trriiggers pada Task Scheduleler........... 115

Gambar 5.8800 Membuat TrTriggers Baru................... 116

Gambar 55.81 Meembbuauat Trrigiggegersrs BaBaruru.................... 117

Gambbaar 5.82 Membmbuauat Actions Baru........ ..... .......... 117

Gaambar 55.8.833 Membuauatt Actions Baru........................ 118

GGambbarr 55.84 Presentase Hasil Rekapittululasii PePertr anyay an

1...................................................... 15155

Gaammbar 5.85 Presentase Hasil Rekapitulasi Peertrtaanyay ann

2.2.... .................................................. 156

GaGambaar 5.86 Presentase Hasil Rekapitulasi Peertananyayaann

3................................................... 151577

Gambar 5.87 Presentase Hasil Rekapitulasi Perrtanyyaann

4................................................... 15577

Gambar 5.8888 PPresenntatasese Hassilil RRekekapitit lulasi Pertanyayaanan

5.5 ................................................... 51588

GaGambmbarar 5.89 Presentase Hasil Rekapitulasi PePertrtananyayaaan

6.6............ .................................................. ............... 159

Page 12: PEMBANGUNAN PERANGKAT LUNAK BERBASIS WEB UNTUK … · 0 PEMBANGUNAN PERANGKAT LUNAK BERBASIS WEB UNTUK PELAPORAN DATA BENCANA ALAM TUGAS AKHIR Diajukan Untuk Memenuhi Sebagian Persyaratan

xi

DAFTAR TABEL

Tabel 2.1 Perbandingan Aplikasi yang Telah Dikembangkan

Sebelumnya dengan Aplikasi yang akan Dikembangkan... 11

Tabel 5.1 Pengkodean Controller ATEN................ 31

Tabel 5.2 Pengkodean Model ATEN..................... 32

Tabel 5.3 Pengkodean View ATEN....................... 33

Tabel 5.4 Tabel Pengujian Fungsionalitas........... 119

Tabel 5.5 Pengujian Aplikasi ATEN.................. 154

Sebelumnya dengan Aplikakasisi yyanang akan Dikembangkan... 11

Tabel 5.1 Pengkodedean Controller ATTENEN................ 31

Tabel 5.2 Peenngkodean Model ATEN...................... 32

Tabel 5.33 Pengkodean VVieew w ATATENEN......................... 33

Tabel 55.4 Tabeell PePengujjiaiann FuFungngsisiono alalititas............ 119

Tabbeel 5.5 PPenguujij an Aplplikikasasii ATA EN.................... 154

Page 13: PEMBANGUNAN PERANGKAT LUNAK BERBASIS WEB UNTUK … · 0 PEMBANGUNAN PERANGKAT LUNAK BERBASIS WEB UNTUK PELAPORAN DATA BENCANA ALAM TUGAS AKHIR Diajukan Untuk Memenuhi Sebagian Persyaratan

xii

DAFTAR LAMPIRAN

Lampiran 1 Spesifikasi Kebutuhan Perangkat Lunak (SKPL)-

ATEN

Lampiran 2 Deskripsi Perancangan Perangkat Lunak (DPPL)-

ATEN

Lampiran 2 Deskrippsisi Perancangan PPerangkat Lunak (DPPL)-

ATENEN

Page 14: PEMBANGUNAN PERANGKAT LUNAK BERBASIS WEB UNTUK … · 0 PEMBANGUNAN PERANGKAT LUNAK BERBASIS WEB UNTUK PELAPORAN DATA BENCANA ALAM TUGAS AKHIR Diajukan Untuk Memenuhi Sebagian Persyaratan

xiii

INTISARI

PEMBANGUNAN PERANGKAT LUNAK BERBASIS WEB UNTUK

PELAPORAN DATA BENCANA ALAM

Indonesia merupakan sebuah negara kepulauan yang

terletak di antara lempeng tektonik, mengakibatkan

kemungkinan terjadinya bencana alam seperti gempa bumi

dan gunung meletus sangat tinggi. Untuk melakukan upaya

penanganan terhadap bencana alam secara cepat, tepat,

terkoordinasi dan menyeluruh, dibutuhkan informasi yang

akurat mengenai bencana tersebut.

Melihat permasalahan tersebut, dibangunlah sebuah

aplikasi berbasis web untuk melakukan pelaporan data

bencana alam. Aplikasi ini dikembangkan dengan bahasa

pemrograman PHP serta MySQL untuk penyimpanan data

bencana alam. Aplikasi ini digunakan untuk melakukan

pemetaan sebaran pengungsi bencana alam, pembuatan

laporan, dan pendataan terhadap data bencana alam dan

data pengungsi bencana alam.

Dengan aplikasi ini pengguna dapat melakukan

pelaporan terhadap data bencana dengan lebih efektif dan

efisien, sehingga bantuan kemanusiaan dapat dengan mudah

disalurkan ke tempat yang tepat dan memudahkan relawan

untuk melakukan analisa terhadap data yang ada.

Kata kunci: Aplikasi Web, Pelaporan, Bencana Alam.

PELAAPOPORRAN DATA BENNCACANA ALAM

Indonenesia merupaakan sebuah negara kekepulauan yang

terletakak di anntatara llemempeengng ttekektot nik, menngag kibatkan

kemuunngkinan n terjrjadadinya bencana alalam m sepeertr i gempm a bumi

daan gununungng mmelettusus sangat tinggi. UnUntuk memelalakukan upaya

penaanggananaan tteerhadap bencana alam secarara cecepapat,t, teppat,

terkkooordinnasi dan menyeluruh, dibutuhkan iinfn ormamasis yanang

akkuurat mmengenai bencana tersebut.

MeMelihat permasalahan tersebut, dibangunllah sebebuahh

apaplikkasi berbasis web untuk melakukan pelapoorann dadataa

bencaana alam. Aplikasi ini dikembangkan dengann bahasasaa

pep mrograman PHP serta MySQL untuk penyimpanan ddataa

bencncaana alam. Aplp ikasi ini digugunaakan untuk memelalakukakann

pemetaan sebbaran pepengnguungsii bebencana lalam, pembuatatann

lal poran, dan pendataan teterhr adap data bencana alamm ddaan

dadatata pepengungsi bencana alam.

DeDengnganan aaplplikikasasii inini ppenenggggunu aa dadapapatt memelalakukukkan

peelalapoporarann teterhrhadadaap datata beenncanaa dengganan llebebihih eefefektktifif dan

efisiei nn, sehingga bantuaan kemmanusiaan dapatt dedengan mudah

disalurkan ke tempat yyang teppat dan memudahkan relawan

untuk melakukan analisaa terhaddap data yang ada.

Kata kunci: Aplikasi Web,b Pellaporan, Bencana Alam.