i

HALAMAN JUDUL

SISTEM INFORMASI MONITORING LONGSOR

BERBASIS WEB

TUGAS AKHIR

Diajukan Untuk Menyusun Tugas Akhir Dalam Program DIII Teknik Informatika

Fakultas Matematika dan Ilmu Pengetahuan Alam

Universitas Sebelas Maret

Disusun oleh :

AFIFAH TRI WARDANI

NIM. M3114005

PROGRAM DIPLOMA III TEKNIK INFORMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

UNIVERSITAS SEBELAS MARET

2017

ii

HALAMAN PERSETUJUAN

iii

HALAMAN PENGESAHAN

iv

PERNYATAAN

Dengan ini saya menyatakan bahwa dalam Laporan Tugas Akhir ini tidak

terdapat karya yang pernah diajukan untuk memperoleh gelar kesarjanaan disuatu

Perguruan Tinggi, dan sepanjang pengetahuan saya juga tidak terdapat karya atau

pendapat yang pernah ditulis atau diterbitkan oleh orang lain, kecuali yang secara

tertulis diacu dalam naskah ini dan disebutkan dalam Daftar Pustaka.

Surakarta, 15 Juni 2016

AFIFAH TRI WARDANI

M3114005

v

MOTTO

… Hasbunaallah wani’mal wakil

“… Cukuplah Allah menjadi penolong kami, dan Allah adalah sebaik-baik

pelindung” [QS. Ali Imran (3) : 173]

Fattaqullaha Mastatho’tum …

“Maka bertaqwalah kamu kepada Allah menurut kesanggupanmu.. ”

[QS. Tagabun (64):16]

vi

KATA PENGANTAR

Puji syukur kehadirat Allah SWT. yang atas limpahan rahmat dan kasih

saying-Nya penulis dapat menyelesaikan Laporan Tugas Akhir yang berjudul

“Sistem Informasi Monitoring Longsor Berbasis Web”.

Penyusunan Laporan Tugas Akhir ini bertujuan untuk memenuhi

persyaratan kelulusan Program Diploma III Teknik Informatika Fakultas

Matematika dan Ilmu Pengetahuan Alam Universitas Sebelas Maret Surakarta.

Dalam penyusunan laporan ini penulis mendapatkan bantuan dan dukungan dari

berbagai pihak. Terima kasih penulis sampaikan kepada semya pihak yang

memberikan bantuan dan dukungan selama keberjalanan hingga akhir dari tugas

akhir ini:

1. Bapak Abdul Aziz, S.Kom., M.Cs. selaku Kepala Program Studi

Diploma III Teknik Informatika Fakultas Matematika dan Ilmu

Pengetahuan Alam Universitas Sebelas Maret Surakarta.

2. Bapak Fendi Aji Purnomo, S.Si selaku Dosen Pembimbing Tugas Akhir

yang telah memberikan bimbingan, saran, dukungan, serta

membersamai selama penyusunan Laporan Tugas Akhir ini.

3. Bapak dan Ibu orangtua yang selalu memberikan dukungan dan do’a.

4. Teman-teman kelas TIA 2014 yang menjadi teman seperjuangan

5. Semua pihak yang telah memberikan dukungan serta saran.

Terima kasih sekali lagi penulis sampaikan. Semoga Allah SWT.

memberikan balasan yang lebih baik. Dan penulis berharap Laporan Tugas Akhir

ini dapat memberikan manfaat kepada pembaca.

Surakarta, 15 Juni 2017

Penulis

vii

DAFTAR ISI

HALAMAN JUDUL ................................................................................................ i

HALAMAN PERSETUJUAN ................................................................................ ii

HALAMAN PENGESAHAN ................................................................................ iii

PERNYATAAN ..................................................................................................... iv

MOTTO .................................................................................................................. v

KATA PENGANTAR ........................................................................................... vi

DAFTAR ISI ......................................................................................................... vii

DAFTAR GAMBAR ............................................................................................. xi

DAFTAR TABEL ................................................................................................ xiii

INTISARI ............................................................................................................. xiv

ABSTRACT .......................................................................................................... xv

BAB I PENDAHULUAN ..................................................................................... 1

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

1.2 Rumusan Masalah .................................................................................... 1

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

1.4 Manfaat Penelitian .................................................................................... 2

1.5 Batasan Masalah ....................................................................................... 2

1.6 Metodologi Penelitian .............................................................................. 2

1.7 Sistematika Penulisan ............................................................................... 3

BAB II TINJAUAN PUSTAKA DAN LANDASAN TEORI ............................. 4

2.1 Tinjauan Pustaka .......................................................................................... 4

2.2 Landasan Teori ............................................................................................. 5

2.2.1 Sistem Informasi ................................................................................... 5

2.2.2 Longsor ................................................................................................. 5

2.2.2.1 Gejala Umum Tanah Longsor ............................................................. 5

2.2.2.2 Penyebab Terjadinya Tanah Longsor ................................................. 6

2.2.2.3 Faktor-Faktor Penyebab Tanah Longsor ............................................. 6

2.2.3 Monitoring .......................................................................................... 11

2.2.4 Sms Gateway ....................................................................................... 12

2.2.5 Basis Data ........................................................................................... 12

2.2.6 ERD (Entity Relationship Diagram) ................................................... 12

2.2.7 MySQL ................................................................................................ 13

viii

2.2.8 Use Case Diagram .............................................................................. 14

2.2.9 Sequence Diagram .............................................................................. 14

2.2.10 Class Diagram .................................................................................... 14

2.2.11 PHP Hypertext Prepocessor (PHP) ................................................... 15

2.2.12 HyperTextMarkup Language (HTML)................................................ 16

2.2.13 Java Script dan Jquery ....................................................................... 16

2.2.14 Black Box Testing ............................................................................... 16

BAB III ANALISA DAN RANCANGAN SISTEM ......................................... 18

3.1 Alat dan Bahan ........................................................................................... 18

3.1.1 Alat...................................................................................................... 18

3.1.1.1 Perangkat keras ............................................................................ 18

3.1.1.2 Perangkat Lunak .......................................................................... 18

3.1.2 Bahan .................................................................................................. 18

3.2 Jadwal Penelitian ........................................................................................ 19

3.3 Analisis Kebutuhan Sistem ........................................................................ 19

3.3.1 Kebutuhan Fungsional ........................................................................ 19

3.3.2 Kebutuhan non Fungsional ................................................................. 21

3.4 Perancangan Sistem ................................................................................... 22

3.4.1 Use Case Diagram .............................................................................. 22

3.3.2 Use Case Text ..................................................................................... 24

Parsing data kode masukan ......................................................... 24

Tampil peta lokasi ....................................................................... 25

Tampil detail map ........................................................................ 25

Tampil prakiraan cuaca ............................................................... 26

Tampil history harian .................................................................. 27

Tampil history bulanan ................................................................ 28

Tampil history tahunan ................................................................ 29

Tampil data lokasi ....................................................................... 30

Tambah titik lokasi ...................................................................... 30

Cetak data lokasi ......................................................................... 31

Kelompok data longsor berdasarkan kategori ............................. 31

Cetak keseluruhan data longsor ................................................... 32

Registrasi user available ............................................................. 32

Validasi data user ........................................................................ 33

Tampil data user .......................................................................... 33

Tambah data user ......................................................................... 34

ix

Detail data user ............................................................................ 34

Edit data user ............................................................................... 35

Hapus data user ........................................................................... 36

Cetak data user ............................................................................ 36

Kirim sms gateway ...................................................................... 37

3.3.3 Sequence Diagram .............................................................................. 38

3.3.4 Class Diagram .................................................................................... 49

3.3.5 Entity Relation Diagram ..................................................................... 50

3.3.6 Desain Fisik ........................................................................................ 51

3.3.7 Relasi Tabel ........................................................................................ 53

3.3.8 Perancangan User Interface ................................................................ 53

3.3.9.1 Desain Tampilan Home User ...................................................... 53

3.3.9.2 Desain Tampilan Map User ......................................................... 54

3.3.9.3 Desain History User .................................................................... 55

3.3.9.4 Desain Tampilan Login ............................................................... 55

3.3.9.5 Desain Tampilan Beranda Admin ............................................... 56

3.3.9.6 Desain Tampilan Detail Map....................................................... 57

3.3.9.7 Desain Tampilan History ............................................................. 57

3.3.9.8 Desain Tampilan Data Longsor ................................................... 58

3.3.9.9 Desain Tampilan Data Lokasi ..................................................... 58

3.3.9.10 Desain Tampilan Tambah Data Lokasi ....................................... 59

3.3.9.11 Desain Tampilan Data User ........................................................ 60

3.3.9.12 Desain Tampilan Edit Data User ................................................. 60

BAB IV IMPLEMENTASI DAN PENGUJIAN ................................................ 62

4.1 Implementasi .............................................................................................. 62

4.1.1 Tampilan Halaman User Home .......................................................... 62

4.1.2 Tampilan Halaman User - Maps ......................................................... 62

4.1.3 Tampilan Halaman User – History Harian ......................................... 63

4.1.4 Tampilan Halaman User – History Bulanan ....................................... 63

4.1.5 Tampilan Halaman User – History Tahunan ...................................... 64

4.1.6 Tampilan Halaman Login ................................................................... 65

4.1.7 Tampilan Halaman Dashboard Admin............................................... 65

4.1.8 Tampilan Halaman detail map dan prakiraan cuaca ........................... 66

4.1.9 Tampilan Halaman Lokasi Admin ...................................................... 66

4.1.10 Tampilan Halaman Tambah Lokasi Admin ........................................ 66

4.1.11 Tampilan Halaman Pengelompokan Status Longsor .......................... 67

x

4.1.12 Tampilan Halaman List Data User...................................................... 68

4.1.13 Tampilan Halaman Edit Data User ..................................................... 68

4.1.14 Tampilan Halaman Permintaan Validasi User .................................... 69

4.1.15 Tampilan Halaman Alur Pembuatan Akun User ................................ 69

4.1.16 Tampilan Halaman Pengisian Form Pembuatan Akun User .............. 70

4.1.17 Tampilan Halaman Hasil Pengiriman Sms Gateway .......................... 70

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

BAB V KESIMPULAN DAN SARAN .............................................................. 74

4.1 Kesimpulan ................................................................................................ 74

4.2 Saran ........................................................................................................... 74

DAFTAR PUSTAKA ........................................................................................... 75

xi

DAFTAR GAMBAR

Gambar 2. 1 Skala kecepatan aliran longsor dan kerusakan yang mungkin

ditimbulkan (Cruden & Varnes, 1996). ........................................................ 10

Gambar 3. 1 Use Case Diagram ........................................................................... 23

Gambar 3. 2 Sequence Diagram parsing data yang masuk ................................... 38

Gambar 3. 3 Sequence Diagram tampil peta ....................................................... 39

Gambar 3. 4 Sequence Diagram tampil detail map .............................................. 39

Gambar 3. 5 Sequence Diagram tampil prakiraan cuaca terkini .......................... 40

Gambar 3. 6 Sequence Diagram tampil history harian ......................................... 40

Gambar 3. 7 Sequence Diagram tampil history bulanan ...................................... 41

Gambar 3. 8 Sequence Diagram tampil history tahunan ...................................... 41

Gambar 3. 9 Sequence Diagram tampil data longsor ........................................... 42

Gambar 3. 10 Sequence Diagram tambah titik lokasi........................................... 42

Gambar 3. 11 Sequence Diagram cetak data lokasi .............................................. 43

Gambar 3. 12 Sequence Diagram cetak keseluruhan data longsor ....................... 43

Gambar 3. 13 Sequence Diagram tampil data user .............................................. 44

Gambar 3. 14 Sequence Diagram tampil detail data user ..................................... 44

Gambar 3. 15 Sequence Diagram edit data user ................................................... 45

Gambar 3. 16 Sequence Diagram tambah data user ............................................. 45

Gambar 3. 17 Sequence Diagram hapus data user ............................................... 46

Gambar 3. 18 Sequence Diagram cetak data user................................................. 46

Gambar 3. 19 Sequence Diagram registrasi user secara available........................ 47

Gambar 3. 20 Sequence Diagram validasi user yang mendaftar pada sistem ...... 47

Gambar 3. 21 Sequence Diagram kirim sms gateway ke user .............................. 48

Gambar 3. 22 Sequence Tampil data berdasar parameter kategori ....................... 48

Gambar 3. 23 Class Diagram................................................................................ 49

Gambar 3. 24 Entity Relation Diagram ................................................................ 50

Gambar 3. 25 Relasi Tabel Sistem Informasi Monitoring Longsor ...................... 53

Gambar 3. 26 Desain tampilan home user ............................................................ 54

Gambar 3. 27 Desain tampilan map user .............................................................. 54

Gambar 3. 28 Desain tampilan history user .......................................................... 55

Gambar 3. 29 Desain tampilan login..................................................................... 56

Gambar 3. 30 Desain tampilan beranda admin ..................................................... 56

Gambar 3. 31 Desain tampilan detail map ............................................................ 57

Gambar 3. 32 Desain tampilan history .................................................................. 58

Gambar 3. 33 Desain tampilan data longsor ......................................................... 58

Gambar 3. 34 Desain tampilan data lokasi............................................................ 59

Gambar 3. 35 Desain tampilan tambah data lokasi ............................................... 59

Gambar 3. 36 Desain tampilan data user .............................................................. 60

Gambar 3. 37 Desain tampilan edit data user ....................................................... 61

Gambar 4. 1 Tampilan halaman user - home ........................................................ 62

Gambar 4. 2 Tampilan halaman user - map .......................................................... 62

Gambar 4. 3 Tampilan halaman user – history harian .......................................... 63

Gambar 4. 4 Tampilan halaman user – history bulanan........................................ 64

Gambar 4. 5 Tampilan halaman user – history tahunan ........................................ 64

Gambar 4. 6 Tampilan halaman Login .................................................................. 65

xii

Gambar 4. 7 Tampilan halaman dashboard admin ............................................... 65

Gambar 4. 8 Tampilan halaman detail map dan prakiraan cuaca ......................... 66

Gambar 4. 9 Tampilan Halaman Lokasi Admin ................................................. 66

Gambar 4. 10 Tampilan Halaman Tambah Lokasi Admin ................................... 67

Gambar 4. 11 Tampilan halaman pengelompokkan status longsor ...................... 67

Gambar 4. 12 Tampilan halaman list data user ..................................................... 68

Gambar 4. 13 Tampilan halaman Edit data user ................................................... 68

Gambar 4. 14 Tampilan halaman permintaan validasi user .................................. 69

Gambar 4. 15 Tampilan halaman alur pembuatan akun user ................................ 69

Gambar 4. 16 Tampilan halaman form pembuatan akun user .............................. 70

Gambar 4. 17 Tampilan halaman hasil pengiriman sms gateway ......................... 70

xiii

DAFTAR TABEL

Tabel 2. 1 Komponen ERD .................................................................................. 13

Tabel 2. 2 Table Komponen use case.................................................................... 14

Tabel 2. 3 Tabel Simbol Komponen class diagram .............................................. 15

Table 3. 1 Jadwal Penelitian.................................................................................. 19

Table 3. 2 Kebutuhan Fungsional Sistem ............................................................. 19

Table 3. 3 Kebutuhan Non-Fungsional Sistem ..................................................... 21

Table 3. 4 Use Case Text Parsing data kode masukan ......................................... 24

Table 3. 5 Use Case Text Tampil peta lokasi ........................................................ 25

Table 3. 6 Use Case Text Tampil detail map ........................................................ 25

Table 3. 7 Use Case Text Tampil prakiraan cuaca ............................................... 26

Table 3. 8 Use Case Text Tampil history harian .................................................. 27

Table 3. 9 Use Case Text Tampil history bulanan ............................................... 28

Table 3. 10 Use Case Text Tampil history tahunan .............................................. 29

Table 3. 11 Use Case Text Tampil data lokasi ...................................................... 30

Table 3. 12 Use Case Text Tampil titik lokasi ...................................................... 30

Table 3. 13 Use Case Text cetak data lokasi ......................................................... 31

Table 3. 14 Use Case Text kelompok data longsor berdasarkan kategori ............ 31

Table 3. 15 Use Case Text Cetak keseluruhan data longsor ................................. 32

Table 3. 16 Use Case Text Registrasi user available ............................................ 32

Table 3. 17 Use Case Text Validasi data user ...................................................... 33

Table 3. 18 Use Case Text Tampil data user ........................................................ 33

Table 3. 19 Use Case Text Tambah data user ...................................................... 34

Table 3. 20 Use Case Text Detail data user ......................................................... 34

Table 3. 21 Use Case Text Edit data user.............................................................. 35

Table 3. 22 Use Case Text Hapus data user .......................................................... 36

Table 3. 23 Use Case Text cetak data user ............................................................ 36

Table 3. 24 Use Case Text Kirim sms gateway (secara statis)............................. 37

Table 3. 25 Use Case Text Kirim sms gateway (secara dinamis) ........................ 37

Table 3. 26 Table dataparsing ............................................................................... 51

Table 3. 27 Table person ....................................................................................... 51

Table 3. 28 Table lokasi ........................................................................................ 52

Table 3. 29 Table status ........................................................................................ 52

Table 3. 30 Table validasi ..................................................................................... 52

Table 4. 1 Pengujian Sistem Informasi Monitoring Longsor Berbasis Web ........ 71

xiv

INTISARI

Afifah Tri Wardani, 2017. Sistem Informasi Monitoring Longsor

Berbasis Web. Indonesia merupakan Negara yang banyak lembah, bukit dan

gunung berapi. Sehingga setiap tahun, Indonesia banyak terjadi bencana alam

tanah longsor. Bencana tanah longsor ini sering terjadi pada musim penghujan

terutama di daerah lereng pengunungan dan perbukitan. Pada saat curah hujan

tinggi mencapai rerata 300 mm/hari maka potensi terjadi tanah longsor sangat

besar. Dan pada saat tanah mulai bergeser sejauh 3 cm maka tanah berpotensi

longsor.

Sistem Informasi Monitoring Longsor Berbasis Web merupakan sistem

informasi yang menyediakan informasi mengenai longsor yang dilengkapi

dengan menampilkan titik-titik lokasi longsor dalam map atau peta lokasi,

informasi cuaca lokasi tertentu, grafik, managemen data lokasi dan managemen

data user. Selain itu sistem ini mengirimkan peringatan berupa sms gateway

kepada user berdasarkan kondisi dan lokasi user. Sistem informasi ini dibuat

menggunakan bahasa pemrograman PHP dan framework Code Igniter.

Hasil akhir dari tugas akhir ini adalah Sistem Informasi Monitoring Longsor

Berbasis Web yang dapat digunakan sebagai informasi seputar longsor kepada

masyarakat.

Kata Kunci :

Sistem Informasi, Monitoring, PHP, Framework Code Igniter, Longsor, Sms

Gateway.

xv

ABSTRACT

Afifah Tri Wardani, 2017. Information System Web-Based Landslide

Monitoring. Indoneisa is a country of many valleys, hills and valcanoes. So every

year, Indonesia many natural disasters occurred landslide.

Catastrophic landslides often occur in this rainy season, especially in the area

of the slopes of the mountain ranges and hills. At a time when the

average rainfall reaches 300 mm/day then the potential very large landslides occur.

And at a time when the ground began to shift as far as 3

cm then potentially soil landslide

Landslide Monitoring information system is a Web-based information

system that provides information on avalanche that comes with showing the

location of landslide points in the map or map location, location specific weather

information, graphics, data management and data management. In addition the

system is sending a warning in the form of sms gateway to the user based on the

condition and location of the user. This information system is created using the

PHP programming language and framework Code Igniter.

The end result of this final task is Monitoring information system Web-

based Landslide can be used as information about avalanche to the community.

Keywords:

Information Systems, Monitoring, PHP, Code Igniter Framework, Landslide,

Sms Gateway.