TUGAS AKHIR - core.ac.uk · Penulis menyadari sepenuhnya bahwa dalam penulisan tugas akhir ini...

12
SIMULASI OPTIMALISASI DAN MONITORING DISTRIBUSI BANTUAN PENANGGULANGAN BENCANA TUGAS AKHIR Disusun Oleh : Bryan Kahfi Annuron 201010370311182 JURUSAN TEKNIK INFORMATIKA FAKULTAS TEKNIK UNIVERSITAS MUHAMMADIYAH MALANG 2015

Transcript of TUGAS AKHIR - core.ac.uk · Penulis menyadari sepenuhnya bahwa dalam penulisan tugas akhir ini...

Page 1: TUGAS AKHIR - core.ac.uk · Penulis menyadari sepenuhnya bahwa dalam penulisan tugas akhir ini masih ... 12 2.3.1 Nasional ... Indonesia pada pusat vulkanologi dan mitigasi bencana

SIMULASI OPTIMALISASI DAN MONITORING DISTRIBUSI

BANTUAN PENANGGULANGAN BENCANA

TUGAS AKHIR

Disusun Oleh :

Bryan Kahfi Annuron

201010370311182

JURUSAN TEKNIK INFORMATIKA

FAKULTAS TEKNIK

UNIVERSITAS MUHAMMADIYAH MALANG

2015

Page 2: TUGAS AKHIR - core.ac.uk · Penulis menyadari sepenuhnya bahwa dalam penulisan tugas akhir ini masih ... 12 2.3.1 Nasional ... Indonesia pada pusat vulkanologi dan mitigasi bencana
Page 3: TUGAS AKHIR - core.ac.uk · Penulis menyadari sepenuhnya bahwa dalam penulisan tugas akhir ini masih ... 12 2.3.1 Nasional ... Indonesia pada pusat vulkanologi dan mitigasi bencana
Page 4: TUGAS AKHIR - core.ac.uk · Penulis menyadari sepenuhnya bahwa dalam penulisan tugas akhir ini masih ... 12 2.3.1 Nasional ... Indonesia pada pusat vulkanologi dan mitigasi bencana
Page 5: TUGAS AKHIR - core.ac.uk · Penulis menyadari sepenuhnya bahwa dalam penulisan tugas akhir ini masih ... 12 2.3.1 Nasional ... Indonesia pada pusat vulkanologi dan mitigasi bencana

KATA PENGANTAR

Dengan memanjatkan puji syukur kehadirat Allah subhanahu wata’ala atas

limpahan rahmat dan hidayah-Nya sehingga penulis dapat menyelesaikan tugas

akhir yang berjudul :

“SIMULASI OPTIMALISASI DAN MONITORING DISTRIBUSI

BANTUAN PENANGULANGAN BENCANA”

Di dalam tulisan ini disajikan pokok-pokok pembahasan yang meliputi

pendahuluan, landasan teori, perancangan sistem, implementasi dan pengujian

sIstem. Penulis menyadari sepenuhnya bahwa dalam penulisan tugas akhir ini

masih banyak kekurangan dan keterbatasan. Oleh karena itu, penulis mengharapkan

saran yang membangun agar tulisan ini bermanfaat bagi perkembangan ilmu

pengetahuan ke depan.

Malang, 14 April 2015

Penulis

Page 6: TUGAS AKHIR - core.ac.uk · Penulis menyadari sepenuhnya bahwa dalam penulisan tugas akhir ini masih ... 12 2.3.1 Nasional ... Indonesia pada pusat vulkanologi dan mitigasi bencana

DAFTAR ISI

ABSTRAK ............................................................................................................... I

ABSTRACT ............................................................................................................ II

LEMBAR PERSEMBAHAN ............................................................................... III

KATA PENGANTAR ........................................................................................... V

DAFTAR ISI ......................................................................................................... VI

DAFTAR GAMBAR .......................................................................................... VIII

DAFTAR TABEL ................................................................................................. XI

BAB I PENDAHULUAN

1.1 Latar Belakang Masalah ........................................................................ 1

1.2 Rumusan Masalah ................................................................................. 2

1.3 Tujuan.................................................................................................... 2

1.4 Batasan Masalah .................................................................................... 2

1.5 Metodologi ............................................................................................ 3

1.5.1 Pemahaman Sistem dan Studi Literatur ........................................... 3

1.5.2 Perancangan sistem .......................................................................... 3

1.5.3 Mengimplementasikan Metode ke Dalam Bahasa Pemrograman .... 4

1.5.4 Pengujian Terhadap Sistem .............................................................. 4

1.6 Sistematika Penulisan ............................................................................ 4

BAB II LATAR BELAKANG

2.1 Bencana Alam ....................................................................................... 6

2.2 Mitigasi Bencana ................................................................................... 8

2.3 SOP BPBD Batu ................................................................................. 12

2.3.1 Nasional .......................................................................................... 13

2.3.2 Provinsi ........................................................................................... 14

2.3.3 Kabupaten/Kota .............................................................................. 14

2.3.4 Tindakan Diluar SOP ..................................................................... 15

2.4 Website ................................................................................................ 15

2.5 Google MAPS API .............................................................................. 15

2.6 Responsive Web Design...................................................................... 16

2.7 Penghitungan Estimasi Ketahanan Logistik ........................................ 17

2.7.1 Penghitungan Jumlah Rata Perhari ................................................. 18

2.7.2 Perhitungan Jumlah Estimasi ......................................................... 18

2.7.3 Perhitungan ketahanan Pada Pos .................................................... 19

2.8 Pengujian Sistem ................................................................................. 21

Page 7: TUGAS AKHIR - core.ac.uk · Penulis menyadari sepenuhnya bahwa dalam penulisan tugas akhir ini masih ... 12 2.3.1 Nasional ... Indonesia pada pusat vulkanologi dan mitigasi bencana

BAB III ANALISA DAN PERANCANGAN SISTEM

3.1 Analisa Kebutuhan .............................................................................. 23

3.2 Perancangan Sistem............................................................................. 23

3.2.1 Spesifikasi Perangkat Lunak .......................................................... 24

3.2.2 Fungsionalitas Sistem ..................................................................... 25

3.2.3 Non-Fungsionalitas Sistem ............................................................. 26

3.2.4 Flowchart ........................................................................................ 27

3.2.5 Entity Relation Diagram ................................................................. 28

3.2.6 Usecase Diagram ............................................................................ 29

3.2.7 Activity Diagram ............................................................................ 34

3.2.8 Data Flow Diagram ........................................................................ 39

3.3 Perancangan Antar Muka Aplikasi .................................................... 43

BAB IV IMPLEMENTASI DAN PENGUJIAN

4.1 Implementasi ....................................................................................... 48

4.1.1 Kebutuhan Lingkungan .................................................................. 48

4.1.2 Segmen Pengguna .......................................................................... 48

4.1.3 Source Code dan Tampilan Antar Muka ........................................ 48

4.2 Pengujian Aplikasi .............................................................................. 71

4.21 Black Box Testing .......................................................................... 71

4.22 Browser Testing.............................................................................. 73

4.23 Evaluasi .......................................................................................... 74

BAB V PENUTUP

5.1 Kesimpulan.......................................................................................... 82

5.2 Saran .................................................................................................... 82

DAFTAR PUSTAKA ............................................................................................ 83

Page 8: TUGAS AKHIR - core.ac.uk · Penulis menyadari sepenuhnya bahwa dalam penulisan tugas akhir ini masih ... 12 2.3.1 Nasional ... Indonesia pada pusat vulkanologi dan mitigasi bencana

DAFTAR GAMBAR

Halaman

Gambar 1.1 Alur Aplikasi Distribusi Bantuan ....................................................... 3

Gambar 2.1 Model Hubungan Resiko Bencana, Kerentanan dan Bahaya ........... 10

Gambar 2.2 Alur SOP Distribusi Bantuan ........................................................... 12

Gambar 2.3 Contoh Google MAPS API .............................................................. 16

Gambar 2.4 Skema Responsive Website ............................................................. 17

Gambar 2.5 Contoh Kuisioner ............................................................................. 22

Gambar 3.1 Flowchart Sistem Simulasi Monitoring ........................................... 27

Gambar 3.2 ERD Diagram ................................................................................... 28

Gambar 3.3 Usecase Diagram Sistem simulasi Monitoring Bencana.................. 29

Gambar 3.4 Activity Diagram Input Data ............................................................ 35

Gambar 3.5 Activity Diagram Tambah Posko ..................................................... 36

Gambar 3.6 Activity Diagram Nilai Jatah Harian ................................................ 37

Gambar 3.7 Activity Diagram Distribusi Bantuan ............................................... 38

Gambar 3.8 Activity Diagram Status Posko ........................................................ 39

Gambar 3.9 Data Flow Diagram View Data ........................................................ 40

Gambar 3.10 Data Flow Diagram Input Data ........................................................ 41

Gambar 3.11 Data Flow Diagram Tambah Posko ................................................. 41

Gambar 3.12 Data Flow Diagram Tambah Posko Nilai Jatah Harian ................... 42

Gambar 3.13 Data Flow Diagram Distribusi Bantuan ........................................... 42

Gambar 3.14 Data Flow Diagram Status Posko .................................................... 43

Gambar 3.15 Interface Menu ................................................................................. 44

Gambar 3.16 Interface Tambah Posko ................................................................... 44

Gambar 3.17 Interface Input Data Logistik ........................................................... 45

Gambar 3.18 Interface Nilai Jatah Harian.............................................................. 45

Gambar 3.19 Interface View Data ......................................................................... 46

Gambar 3.20 Interface Distribusi Data .................................................................. 46

Page 9: TUGAS AKHIR - core.ac.uk · Penulis menyadari sepenuhnya bahwa dalam penulisan tugas akhir ini masih ... 12 2.3.1 Nasional ... Indonesia pada pusat vulkanologi dan mitigasi bencana

Gambar 3.21 Interface Status Posko ...................................................................... 47

Gambar 4.1 Interface Menu Utama Guest ........................................................... 49

Gambar 4.2 Source Code Select .......................................................................... 49

Gambar 4.3 Source Code Lempar Halaman ........................................................ 49

Gambar 4.4 Interface Guest View Data dengan layar 320X480 .......................... 50

Gambar 4.5 Interface Guest View Data dengan layar 480X320 .......................... 51

Gambar 4.6 Interface Ketahanan Logistik dengan resolusi 320X480 ................. 51

Gambar 4.7 Interface Ketahanan Logistik dengan resolusi 480X320 ................. 52

Gambar 4.8 Interface View Data Dengan Resolusi Website Normal .................. 52

Gambar 4.9 Interface View Data Dengan Resolusi Website Normal (2) ............ 53

Gambar 4.10 Source Code Panggil Library Bootstrap........................................... 53

Gambar 4.11 Source Code Panggil Css ................................................................. 54

Gambar 4.12 Source Code Table.css ..................................................................... 54

Gambar 4.13 Interface Login Mobile View ........................................................... 55

Gambar 4.14 Interface Login Desktop View ......................................................... 55

Gambar 4.15 Interface Main Menu ........................................................................ 56

Gambar 4.16 Source Code Panggil Library Smooth Scroll ................................... 56

Gambar 4.17 Interface MAPS ................................................................................ 57

Gambar 4.18 SourceCode Library MAPS API ...................................................... 57

Gambar 4.19 Muncul Alert .................................................................................... 58

Gambar 4.20 Input Data Pos Pengungsi ................................................................ 58

Gambar 4.21 Source Code Simpan Titik ............................................................... 59

Gambar 4.22 Data Titik Telah Muncul .................................................................. 59

Gambar 4.23 Fungsi InfoWindow.......................................................................... 60

Gambar 4.24 Fungsi MouseOver ........................................................................... 60

Gambar 4.25 Interface Input Logistik .................................................................... 60

Gambar 4.26 Source Code Simpan Data Logistik ................................................. 60

Gambar 4.27 Inputan Sudah Berhasil Masuk ........................................................ 61

Gambar 4.28 Input Nilai Logistik .......................................................................... 62

Page 10: TUGAS AKHIR - core.ac.uk · Penulis menyadari sepenuhnya bahwa dalam penulisan tugas akhir ini masih ... 12 2.3.1 Nasional ... Indonesia pada pusat vulkanologi dan mitigasi bencana

Gambar 4.29 Jumlah Nilai Logistik Sebelum Diinputkan Bantuan ....................... 62

Gambar 4.30 Jumlah Nilai Logistik Setelah Diinputkan Bantuan ......................... 62

Gambar 4.31 Source Code Input Nilai Logistik .................................................... 63

Gambar 4.32 Interface View Data ......................................................................... 63

Gambar 4.33 Source Code View Data ................................................................... 63

Gambar 4.34 Interface Data Logistik ..................................................................... 64

Gambar 4.35 Interface Estimasi Ketahanan Logistik ............................................ 64

Gambar 4.36 Source Code Estimasi Logistik ........................................................ 65

Gambar 4.37 Source Code Estimasi Logistik (2) .................................................. 65

Gambar 4.38 Pilih Pos Pengirim ............................................................................ 66

Gambar 4.39 Masukkan Nilai Logistik .................................................................. 66

Gambar 4.40 Pilih Pos Penerima ........................................................................... 66

Gambar 4.41 Sebelum Ditambahkan ..................................................................... 67

Gambar 4.42 Setelah Ditambahkan........................................................................ 67

Gambar 4.43 Source Code Distribusi Data ............................................................ 68

Gambar 4.44 Source Code Distribusi Data (2) ...................................................... 68

Gambar 4.45 Tombol Ganti Status......................................................................... 69

Gambar 4.46 Status Ttiitk Pos Aktif ...................................................................... 69

Gambar 4.47 Tombol Berubah Jadi Active............................................................ 70

Gambar 4.48 Titik Pos Sudah Hilang Setelah di Non-Aktifkan ............................ 70

Gambar 4.49 Ters Internet Explorer ...................................................................... 73

Gambar 4.50 Tes Opera ......................................................................................... 73

Gambar 4.51 Tes Mozilla Firefox .......................................................................... 74

Gambar 4.52 Hasil Kuisiioner................................................................................ 76

Gambar 4.53 Hasil Kuisioner (2) ........................................................................... 77

Gambar 4.54 Hasil Kuisioner (3) ........................................................................... 78

Gambar 4.55 Hasil Kuisioner (4) ........................................................................... 79

Gambar 4.56 Hasil Kuisioner (5) ........................................................................... 80

Gambar 4.57 Hasil Kuisioner (6) ........................................................................... 81

Page 11: TUGAS AKHIR - core.ac.uk · Penulis menyadari sepenuhnya bahwa dalam penulisan tugas akhir ini masih ... 12 2.3.1 Nasional ... Indonesia pada pusat vulkanologi dan mitigasi bencana

DAFTAR TABEL

Halaman

Tabel 2.1 Contoh Data Logistik Pos Pengungsi ................................................... 19

Tabel 3.1 Skenario Edit Data ................................................................................ 30

Tabel 3.2 Skenario View Data .............................................................................. 31

Tabel 3.3 Skenario Input Data .............................................................................. 31

Tabel 3.4 Skenario Tambah posko ........................................................................ 32

Tabel 3.5 Skenario Distribusi Bantuan ................................................................. 33

Tabel 3.6 Skenario Status Posko ........................................................................... 34

Tabel 4.1 Kebutuhan Lingkungan ......................................................................... 48

Tabel 4.2 Hasil Black Box Testing ....................................................................... 71

Page 12: TUGAS AKHIR - core.ac.uk · Penulis menyadari sepenuhnya bahwa dalam penulisan tugas akhir ini masih ... 12 2.3.1 Nasional ... Indonesia pada pusat vulkanologi dan mitigasi bencana

DAFTAR PUSTAKA

[1] Siahaan, N. H. T. 2004. Hukum Lingkungan dan Ekologi

Pembangunan. Jakarta: Erlangga.

[2] Sadisun, Imam. 2007. Smart SOP Dalam Mitigasi dan Penanganan

Bencana Alam. Bandung.

[3] Winarno ST, Edy dan Kawan kawan. 2014. 3 in 1: JavaScript,

Jquery, dan Jquey Mobile. Semarang: Gramedia.

[4] Alatas, Husein. 2013.Responsive Web Design dengan PHP &

Bootstrap. Jakarta: Lokomedia.

[5] Kris Nur Akbar. Ssitem informasi geografis gempa bumi merusak di

Indonesia pada pusat vulkanologi dan mitigasi bencana geologi

berbasis web. 2011.

[6] Fikri Fachrul, dan kawan kawan. Pengembangan sistem informasi

kejadian bencana berbasis web di aceh (contoh: data dan informasi

bencana Aceh). 2011.

[7] Chen, Shan-Liang. Development of Logistic Management

information system based on web service architecture and RFID

Technology. 2013

[8] Rick Hofstede and Tiago Fioreze. SURFmap : A network monitoring

tool based on the Google Maps. 2009.