Sistem Informasi Monitoring Longsor Berbasis Web - UNS Institutional Repository
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
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
… 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]
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
2.2 Landasan Teori ............................................................................................. 5
2.2.6 ERD (Entity Relationship Diagram) ................................................... 12
2.2.5 Basis Data ........................................................................................... 12
2.2.4 Sms Gateway ....................................................................................... 12
2.2.3 Monitoring .......................................................................................... 11
2.2.2.3 Faktor-Faktor Penyebab Tanah Longsor ............................................. 6
2.2.2.2 Penyebab Terjadinya Tanah Longsor ................................................. 6
2.2.2.1 Gejala Umum Tanah Longsor ............................................................. 5
2.2.2 Longsor ................................................................................................. 5
2.2.1 Sistem Informasi ................................................................................... 5
2.1 Tinjauan Pustaka .......................................................................................... 4
BAB II TINJAUAN PUSTAKA DAN LANDASAN TEORI ............................. 4
1.7 Sistematika Penulisan ............................................................................... 3
1.6 Metodologi Penelitian .............................................................................. 2
1.5 Batasan Masalah ....................................................................................... 2
1.4 Manfaat Penelitian .................................................................................... 2
1.3 Tujuan Penelitian ...................................................................................... 2
1.2 Rumusan Masalah .................................................................................... 1
1.1 Latar Belakang ......................................................................................... 1
BAB I PENDAHULUAN ..................................................................................... 1
2.2.7 MySQL ................................................................................................ 13
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 .............................................................................. 22
Use Case Diagram
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
4.1.11 Tampilan Halaman Pengelompokan Status Longsor .......................... 67
3.3.9.10 Desain Tampilan Tambah Data Lokasi ....................................... 59
4.1.10 Tampilan Halaman Tambah Lokasi Admin ........................................ 66
4.1.9 Tampilan Halaman Lokasi Admin ...................................................... 66
4.1.8 Tampilan Halaman detail map dan prakiraan cuaca ........................... 66
4.1.7 Tampilan Halaman Dashboard Admin............................................... 65
4.1.6 Tampilan Halaman Login ................................................................... 65
4.1.5 Tampilan Halaman User
4.1.4 Tampilan Halaman User – History Bulanan ....................................... 63
4.1.3 Tampilan Halaman User – History Harian ......................................... 63
4.1.2 Tampilan Halaman User - Maps ......................................................... 62
4.1.1 Tampilan Halaman User Home .......................................................... 62
4.1 Implementasi .............................................................................................. 62
BAB IV IMPLEMENTASI DAN PENGUJIAN ................................................ 62
3.3.9.12 Desain Tampilan Edit Data User ................................................. 60
3.3.9.11 Desain Tampilan Data User ........................................................ 60
3.3.9.9 Desain Tampilan Data Lokasi ..................................................... 58
Edit data user ............................................................................... 35
3.3.8 Perancangan User Interface ................................................................ 53
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.9.1 Desain Tampilan Home User ...................................................... 53
3.3.9.8 Desain Tampilan Data Longsor ................................................... 58
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
- – History Tahunan ...................................... 64
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
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
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
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
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 .
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.