Sistem Informasi Peringatan Dini Banjir Sungai Bengawan Solo

(1)

i

Diajukan untuk memenuhi salah satu syarat mencapai Gelar Ahli Madya Program

Diploma III Teknik Informatika

Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sebelas Maret

Disusun oleh :

ANDRI ADI NUGROHO M3114021

PROGRAM DIPLOMA III TEKNIK INFORMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SEBELAS MARET

(2)

ii

(3)

iii

(4)

iv INTISARI

Andri Adi Nugroho,2017.”Sistem Informasi Peringatan Dini Banjir Sungai Bengawan Solo”.Program Studi Diploma III Teknik Informatika, Fakultas Matematika dan Ilmu Pengetahuan Alam. Universitas Sebelas Maret.

Sistem Informasi Peringatan Dini Banjir Sungai Bengawan Solo berguna untuk

memberikan iformasi terkait ketinggian muka air sungai bengawan solo agar dapat

dilakukan tindakan yang tepat untuk evakuasi para warga yang ada di bantaran sungai.

Pembuatan Sistem Informasi Peringatan Dini Banjir Sungai Bengawan Solo

menggunakan metode waterfall yang dimulai dari pengumpulan data, membuat analisa

kebutuhan system, membuat desain system, membuat desain basis data, implementasi

dan testing. Sistem Informasi Peringatan Dini Banjir Sungai Bengawan Solo dibuat

dengan menggunakan bahasa pemrograman php dan CodeIgniter 3 sebagai

frameworknya.

Sistem Informasi Peringatan Dini Banjir Sungai Bengawan Solo memiliki

beberapa fitur yaitu menampilkan ketinggian muka air, menampilkan map dengan titik

lokasi yang dipasang alat, data history, dan sms gateway.

(5)

v ABSTRACK

Andri Adi Nugroho, 2017. “Early Warning Information System of Bengawan Solo River Flood”. Diploma III Program in Informatics Engineering, Faculty of Mathematics and Natural Sciences. Sebelas Maret University.

Early Warning Information System The Bengawan Solo River Flood is useful

to provide information related to the altitude of solo river in order to make the right

action to evacuate the residents on the river bank.

Preparation of Information System Early Warning of Bengawan Solo River

Flood using waterfall method starting from data, making analysis. Early Warning

Information System The Bengawan Solo River Flood is developed using the php

programming language and CodeIgniter 3 as its framework.

Early Warning Information System The Bengawan Solo River Flood has

several features: displaying water level, displaying map with location point installed

tool, data history, and sms gateway.

(6)

vi

HALAMAN MOTTO

- Jangan menyerah dengan keterbatasan. ( Andri Adi Nugroho)

(7)

vii

HALAMAN PERSEMBAHAN

Tugas akhir ini dipersembahkan untuk :

1. Ayah Ibu tercinta yang selalu mendoakan setiap proses yang anaknya lalui

dalam menyelesaikan Tugas Akhir ini.

2. Dosen dan staf pengajar program D3 Teknik Informatika khususnya dosen

pembimbing, Bapak Nanang Maulana Yoeseph, S.Si., M.Si yang telah

memberikan bimbingan dan arahan bagi penulis.

3. Teman-teman D3 Teknik Informatika angkatan 2014 khususnya

HOMATIA yang membersamai dalam menyelesaikan Tugas Akhir.

4. Teman-teman maganger UPT TIK UNS yang selalu memberikan

dukungan dalam penyelesaian Tugas Akhir ini.

5. Staf UPT TIK UNS yang selalu memberikan saran,ilmu dan pengalaman

(8)

viii

KATA PENGANTAR

Puji Syukur penulis panjatkan kepada Allah SWT yang telah melimphakan

segala rahmat dan karunia-Nya sehingga penulis dapat menyelesaikan penyusunan Laporan Tugas Akhir yang berjudul “Sistem Informasi Peringatan Dini Banjir Sungai Bengawan Solo” dengan lancar dan tepat waktu.

Penyusunan Tugas Akhir ini dapat selesai atas bantuan dari beberapa pihak.

Oleh karena itu, dengan rasa hormat penulis mengucapkan terimakasih kepada :

1. Bapak Abdul Aziz, S.Kom, M.Cs selaku Ketua Program Studi Diploma III

Teknik Informatika.

2. Bapak Nanang Maulana Yoeseph selaku dosen pembimbing yang senantiasa

memberikan arahan dalam penyusunan tugas akhir.

3. Keluarga tercinta, Bapak, Ibu dan Adik yang selalu memberikan dukungan

dalam menyelesaikan tugas akhir ini.

Surakarta, 2 Juni 2017

(9)

ix DAFTAR ISI

HALAMAN PERSETUJUAN ... ii

HALAMAN PENGESAHAN ... iii

INTISARI ... iv

ABSTRACK ... v

HALAMAN MOTTO ... vi

HALAMAN PERSEMBAHAN ... vii

KATA PENGANTAR ... viii

DAFTAR ISI ... ix

DAFTAR TABEL ... xiii

DAFTAR GAMBAR ... xiv

BAB I ... 1

1.1 LATAR BELAKANG ... 1

1.2 PERUMUSAN MASALAH ... 1

1.3 BATASAN MASALAH ... 2

1.4 TUJUAN PENELITIAN ... 2

1.5 MANFAAT PENELITIAN ... 2

BAB II ... 3

2.1 TINJAUAN PUSTAKA ... 3

2.2 LANDASAN TEORI ... 5

2.2.1 Monitoring ... 5

2.2.2 Sistem Informasi ... 5

(10)

x

2.2.4 MySQL ... 7

2.2.5 HTML ... 7

2.2.6 Framework ... 7

2.2.7 CodeIgniter ... 7

2.2.8 Model View Controller (MVC) ... 8

2.2.9 Unified Model Language (UML) ... 8

2.2.10 Use Case Diagram ... 9

2.2.11 Activity Diagram ... 10

2.2.12 Sequence Diagram ... 11

2.2.13 Class Diagram ... 12

2.2.14 Black Box Testing ... 13

BAB III ... 15

1.1 Alat dan bahan ... 15

1.1.1 Alat ... 15

1.1.2 Bahan... 15

1.2 Analisa Kebutuhan Sistem ... 16

1.2.1 Proses Bisnis ... 16

1.2.2 Kebutuhan Fungsional ... 17

1.2.3 Kebutuhan Non Fungsional... 17

1.3 Perancangan Basis Data ... 18

1.3.1 ERD (Entity Realtionship Diagram) ... 18

1.3.2 Table Mapping ... 18

1.3.3 Table Fisik ... 19

(11)

xi

1.4.1 Deskripsi Aktor ... 21

1.4.2 Use Case Diagram ... 21

1.4.3 Activity Diagram ... 22

1.4.4 Class Diagram ... 28

1.4.5 Sequence Diagram ... 29

1.5 Perancangan Antar Muka (User Interface) ... 33

1.5.1 Halaman Login ... 33

1.5.2 Dasboard Admin ... 34

1.5.3 Dasboard User ... 35

1.5.4 Map ... 36

1.5.5 History ... 37

BAB IV ... 39

4.1 Deskripsi Sistem ... 39

4.2 Implementasi Sistem ... 39

4.2.1 Implementasi Login ... 39

4.2.2 Implementasi dashboard Admin ... 39

4.2.3 Implementasi Daftar lokasi ... 40

4.2.4 Implementasi penambahan lokasi ... 40

4.2.5 Implementasi History ... 42

4.2.6 Implementasi halaman utama user ... 42

4.2.7 Implementasi halaman map... 43

4.2.8 Implementasi halaman history ... 44

4.3 Pengujian Sistem ... 46

(12)

xii

4.3.2 Pengujian Arduinno ... 49

BAB V ... 50

5.1 Kesimpulan ... 50

5.2 Saran ... 50

(13)

xiii

DAFTAR TABEL

Tabel 2 1 Komponen Use Case Diagram ... 9

Tabel 2 2 Simbol simbol activity diagram ... 10

Tabel 2 3 Komponen Sequence Diagram... 11

Tabel 2 4 Komponen Class Diagram ... 12

Tabel 3. 1 Kebutuhan Fungsional Sistem ... 17

Tabel 3. 2 Tabel admin... 19

Tabel 3. 3 Tabel user ... 20

Tabel 3. 4 tabel lokasi ... 20

Tabel 3. 5 tabel history ... 20

Tabel 3. 6 Deskripsi Aktor ... 21

Tabel 4. 1 Pengujian Sistem Bagian Aktor Admin ... 47

(14)

xiv

DAFTAR GAMBAR

Gambar 2 1 struktur pembacaan web server ... 6

Gambar 3 1 Proses Bisnis EWS Banjir ... 16

Gambar 3 2 ERD (entity relational diagram) ... 18

Gambar 3 3 Relasi antar tabel ... 19

Gambar 3 4 Use Case diagram ... 22

Gambar 3 5 Activity diagram input lokasi ... 23

Gambar 3 6 Activity diagram input no hp ... 24

Gambar 3 7 Activity diagram sms gateway... 25

Gambar 3 8 Activity diagram menampilkan ketinggian muka air ... 26

Gambar 3 9 Activity diagram menampilkan map ... 26

Gambar 3 10 Activity diagram menampilkan data history... 27

Gambar 3 11 Class Diagram ... 28

Gambar 3 12 Sequence Diagram input lokasi ... 29

Gambar 3 13 Sequence Diagram input nomer hp ... 30

Gambar 3 15 Sequence Diagram Menampilkan Ketinggian Muka Air ... 31

Gambar 3 16 Sequence Diagram menampilkan peta ... 31

Gambar 3 17 Sequence Diagram menampilkan data history ... 32

Gambar 3 18 interface login admin ... 33

Gambar 3 19 interface dasbor admin ... 34

Gambar 3 20 interface dasbor user ... 35

Gambar 3 21 interface peta ... 36

Gambar 3 22 interface history ... 37

Gambar 4. 1 Halaman Login Admin ... 39

Gambar 4. 2 Halaman Dasbor Admin ... 40

Gambar 4. 3 Halaman Lokasi... 40

Gambar 4. 4 Halaman Tambah Lokasi ... 41

(15)

xv

Gambar 4. 6 halaman history ... 42

Gambar 4. 7 halaman utama user ... 43

Gambar 4. 8 Halaman peta untuk pengguna ... 43

Gambar 4. 9 Grafik dalam peta ... 44

Gambar 4. 10 Halaman History untuk pnengguna ... 45