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
ii
iii
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
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…
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
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
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
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
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
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
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
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
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 :
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:
