SISTEM INFORMASI PERINGATAN DINI BANJIR DI SUNGAI BENGAWAN SOLO BERBASIS ANDROID
TUGAS AKHIR
Disusun untuk memenuhi sebagian persyaratan memperoleh gelar Ahli Madya pada Program Studi Diploma III Teknik Informatika
Universitas Sebelas Maret
Disusun oleh : AGUNG EKO SAPUTRO
M3114006
PROGRAM DIPLOMA III TEKNIK INFORMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SEBELAS MARET
iv INTISARI
Agung Eko Saputro. 2017. SISTEM PERINGATAN DINI BANJIR DI SUNGAI BENGAWAN SOLO BERBASIS ANDROID. Prgram DIII Teknik Informatika,Fakultas Matematika Dan Ilmu Pengetahuan Alam,Universitas Sebelas Maret Surakarta.
Banjir adalah peristiwa atau kejadian ketika aliran air berlebih menggenang, meluap, atau merendam daratan yang biasanya terjadi di sepanjang jalur aliran air sungai. Bencana ini telah mengakibatkan kerusakan dan kerugian yang besar pada masyarakat, dari kerugian material sampai kehilangan nyawa. Akan tetapi masih ada beberapa permasalahan yaitu masyarakat daerah aliran sungai sulit mengetahui ketinggian air.
Sungai Bengawan Solo sebagai salah satu sungai terbesar di Indonesia memiliki sistem informasi peringatan dini banjir yang sudah berkembang melalui website. Firebase merupakan database as a service yang dikembangkan oleh Google. Firebase menawarkan solusi dalam membangun aplikasi berbasiskan realtime. API Facebook merupakan application programming interface yang dikembangkan oleh Facebook untuk mengembangkan aplikasi yang berbasiskan data dari Facebook. Melihat sebagian besar penduduk di sekitar daerah aliran sungai sudah memiliki smartphone, maka akan memudahkan user jika terdapat suatu aplikasi berbasis mobile yang mampu memberikan informasi peringatan dini banjir seperti ketinggian air sungai dan status level di sungai Bengawan Solo langsung dari smartphone mereka masing-masing.
v ABSTRACT
Agung Eko Saputro. 2017. FLOOD EARLY WARNING SYSTEM IN BENGAWAN SOLO RIVER BASED ANDROID. Program DIII Informatics Engineering, Faculty of Mathematics and Natural Sciences, Sebelas Maret University Surakarta.
Flooding is an event or event when excessive water floods are pooled, overflowed, or soaked inland that usually occurs along the river flow pathways. This disaster has caused massive damage and loss to society, from material loss to loss of life. However, there are still some problems, namely the community of the watershed is difficult to know the water level.
Bengawan Solo River as one of the largest rivers in Indonesia that has a disaster information system that is developing through the website. Firebase is a database as a service developed by Google. Firebase offers solutions in building realtime based applications. Facebook API is an application programming interface developed by Facebook for the development of applications based on data from Facebook. Seeing most of the population around the basin already have a smartphone, it will facilitate the user if there is a mobile-based application that is able to provide information about floods and altitudes in the river Bengawan Solo directly from their respective smartphones.
The results of the application development show some features. One important feature in this application is a notification feature that notifies the condition of water level level status by utilizing push notification technology from Firebase to send notification to the application.
vi MOTTO
“Sesungguhnya sesudah kesulitan itu ada kemudahan.Maka apabila kamu telah selesai(dari suatu urusan).Kerjakanlah dengan sungguh-sungguh (urusan) yang lain. Dan hanya kepada Tuhanmulah hendaknya kamu berharap.”
(Q.S. Surat Al-Insyirah ayat 6-8) “Kecuali orang-orang yang beriman dan mengerjakan amal saleh dan nasehat menasehati supaya mentaati kebenaran dan nasehat menasehati supaya menetapi kesabaran.”
vii
HALAMAN PERSEMBAHAN
Halaman ini penulis persembahkan untuk orang-orang yang selalu ada dan mendukung penulis untuk menyelesaikan laporan Tugas Akhir ini,
1. Allah SWT karena ridho-Nya penulis dapat menyelesaikan laporan dan aplikasi android Tugas Akhir ini.
2. Ibu Sri Supadmi dan Bapak Subagyo, selaku orang tua penulis yang selalu memberikan dukungan dan selalu mendoakan penulis.
3. Bapak Ibu Dosen D3 Teknik Informatika FMIPA UNS yang telah memberikan bekal ilmu dan bimbingan selalu.
4. Bapak Nanang Maulana Yoeseph, S.Si, M. Cs selaku dosen pembimbing yang telah dengan penuh kesabaran dan ketulusan memberikan ilmu dan bimbingan terbaik kepada penulis.
5. Mahasiswa D3 Teknik Informatika FMIPA UNS.
6. Sahabat Asisten Labkom dan rekan – rekan yang membantu penulis dengan sabar dan tulus yang beberapa hari bersama untuk menyelesaikan laporan dan aplikasi android Tugas Akhir ini.
viii
KATA PENGANTAR
Segala puji syukur kehadirat Allah SWT yang telah melimpahkan seluruh rahmat serta hidayah-Nya sehingga penulis diberikan kelancaran dan kemudahan
dan mampu menyelesaikan Laporan Tugas Akhir dengan judul “SISTEM
PERINGATAN DINI BANJIR DI SUNGAI BENGAWAN SOLO BERBASIS ANDROID” tepat pada waktunya. Laporan Tugas Akhir ini disusun untuk memenuhi salah satu syarat dalam memperoleh gelar (Amd.)pada Program Studi Diploma III Teknik Informatika Universitas Sebelas Maret.
Dalam penyusunan laporan Tugas Akhir ini penulis telah mendapatkan banyak dukungan dan bantuan dari berbagai pihak. Penulis mengucapkan terima kasih yang tak terhingga kepada:
1. Allah SWT karena ridho-Nya penulis dapat menyelesaikan laporan Tugas Akhir ini.
2. Ibu Sri Supadmi dan Bapak Subagyo, selaku orang tua penulis yang selalu memberikan dukungan dan selalu mendoakan penulis.
3. Bapak Nanang Maulana Yoeseph, S.Si, M. Cs selaku dosen pembimbing yang telah dengan penuh kesabaran dan ketulusan memberikan ilmu dan bimbingan terbaik kepada penulis.
4. Sahabat Asisten Labkom yang bersama saling membantu untuk menyelesaikan laporan dan aplikasi android Tugas Akhir ini.
Penulis menyadari bahwa masih banyak kekurangan dalam penyusunan laporan Tugas Akhir ini. Maka dari itu, penulis mohon kritik dan saran yang membangun untuk memperbaiki laporan yang penulis susun ini.
Surakarta, 16 Juni 2017
ix
DAFTAR ISI
HALAMAN PERSETUJUAN ... ii
HALAMAN PENGESAHAN ... iii
ABSTRACT ... v
MOTTO ... vi
HALAMAN PERSEMBAHAN ... vii
KATA PENGANTAR ... viii
DAFTAR ISI ... ix
DAFTAR TABEL ... xii
DAFTAR GAMBAR ... xiii
1.1 Latar Belakang ... 1
1.2 Perumusan Masalah ... 1
1.3 Batasan Masalah... 1
1.4 Tujuan Penelitian ... 2
1.5 Mafaat Kegiatan ... 2
1.6 Metodologi ... 2
1.7 Sistematika Penulisan ... 3
BAB II ... 4
2.1 Tinjauan Pustaka ... 4
2.2 Landasan Teori ... 5
2.2.1 Aplikasi Mobile ... 5
2.2.2 JSON ... 6
2.2.3 Java ... 6
2.2.4 Android ... 6
2.2.5 Android Studio ... 7
2.2.6 Android SDK ... 7
2.2.7 JDK (Java Development Kit) ... 7
2.2.8 Unified Modelling Language (UML) ... 8
2.2.8.1 Use Case ... 8
x
x
2.2.9 Basis Data ... 10
2.2.10 PHP ... 10
2.2.11 MySQL ... 11
2.2.12 Entity Relationship Diagram (ERD) ... 11
2.2.13 Google Maps API ... 12
2.2.14 Model Waterfall ... 13
BAB III ... 15
3.1 Jalannya Penelitian ... 15
3.2 Gambaran Umum Aplikasi ... 16
3.3 Proses Bisnis Aplikasi ... 16
3.4 Software Requitment Specification (SRS) Aplikasi Android ... 17
3.4.1 Kebutuhan Fungsional Aplikasi ... 17
3.4.2 Kebutuhan Non Fungsional Aplikasi ... 17
3.4.3 Kebutuhan Non Fungsional Perangkat Lunak (Software) ... 18
3.4.4 Kebutuhan Non Fungsional Perangkat Keras (Hardware) ... 18
3.5 Perancangan Aplikasi Berbasis Android ... 18
3.5.1 Use Case Diagram ... 19
3.5.2 Activity Diagram ... 19
3.5.1.1 Melihat List Data ketinggian terbaru dalam bentuk Listview . 19 3.5.1.2 Melihat Maps posisi penempatan alat ... 20
3.5.1.3 Melihat History ... 21
3.5.1.4 Mendapatkan notifikasi... 21
3.6 Perancangan Basis Data ... 22
3.6.1 Entity Relationship Diagram (ERD) ... 22
3.6.2 Relasi Antar Tabel... 22
3.6.3 Perancangan Tabel ... 23
3.6.1.1 Tabel History ... 23
3.6.1.2 Tabel Users ... 24
3.6.1.3 Tabel Lokasi ... 25
3.6.1.4 Tabel Tampungan ... 26
xi
xi
3.7.1 Halaman Splash Screen pada aplikasi android... 27
3.7.2 Halaman Login ... 27
3.7.3 Halaman Form Login Facebook ... 28
3.7.4 Halaman Home pada aplikasi android ... 28
3.7.5 Halaman History pada aplikasi android ... 29
3.7.6 Halaman Maps pada aplikasi android ... 29
3.7.7 Halaman Notifikasi Aktif pada aplikasi android ... 30
3.7.8 Halaman List Lokasi pada aplikasi android ... 30
3.7.9 Halaman Notifikasi pada aplikasi android ... 31
BAB IV ... 32
4.1 Implementasi ... 32
4.1.1 Implementasi Halaman Splash Screen ... 32
4.1.2 Implementasi Halaman Login Facebook ... 32
4.1.3 Implementasi Halaman Form Login Facebook ... 33
4.1.4 Implementasi Halaman Menu Home ... 33
4.1.5 Implementasi Halaman History... 34
4.1.6 Implementasi Halaman Maps Aplikasi ... 35
4.1.7 Implementasi Halaman List Lokasi ... 35
4.1.8 Implementasi Halaman Notifikasi Aktif ... 36
4.1.9 Implementasi Push Notification ... 36
4.1.10 Implementasi Halaman Akun ... 37
4.2 Pengujian ... 37
4.2.1 Pengujian Fungsional ... 37
4.2.2 Pengujian Device ... 38
BAB V ... 40
5.1 Kesimpulan ... 40
5.2 Saran ... 40
xii
DAFTAR TABEL
Tabel 2. 1 Komponen Use Case Diagram menurut Kendall (2002)... 8
Tabel 2. 2 Simbol Activity Diagram menurut Shalahuddin & Rosa (2011) ... 9
Tabel 2. 3 Komponen ERD menurut Whitten, Bentley & Dittman (2004). ... 12
Tabel 3. 1 Kebutuhan fungsional ... 17
Tabel 3. 2 Tabel history ... 23
Tabel 3. 3 Tabel users ... 24
Tabel 3. 4 Tabel lokasi ... 25
Tabel 3. 5 Tabel tampungan ... 26
Tabel 4. 1 Pengujian Sistem Bagian Aktor User ... 37
Tabel 4. 2 Spesifikasi device ... 38
xiii
DAFTAR GAMBAR
Gambar 2. 1 Model waterfall menurut Pressman (1997) ... 13
Gambar 3. 1 Gambaran umum sistem aplikasi ... 16
Gambar 3. 2 Use case diagram ... 19
Gambar 3. 3 Activity Diagram melihat list data ... 20
Gambar 3. 4 Activity Diagram melihat maps ... 20
Gambar 3. 5 Activity Diagram melihat history ... 21
Gambar 3. 6 Activity Diagram mendapatkan notifikasi ... 21
Gambar 3. 7 Entity Relational Diagram ... 22
Gambar 3. 8 Relasi Antar Tabel ... 23
Gambar 3. 9 Perancangan halaman splashscreen ... 27
Gambar 3. 10 Perancangan halaman login ... 28
Gambar 3. 11 Perancangan Form Login ... 28
Gambar 3. 12 Perancangan halaman home ... 29
Gambar 3. 13 Perancangan halaman history ... 29
Gambar 3. 14 Perancangan halaman maps ... 30
Gambar 3. 15 Perancangan halaman notifikasi aktif ... 30
Gambar 3. 16 Perancangan halaman list lokasi ... 31
Gambar 3. 18 Perancangan push notification ... 31
Gambar 4. 1 Implementasi halaman home ... 32
Gambar 4. 2. Implementasi halaman login ... 33
Gambar 4. 3 Implementasi halaman form login ... 33
Gambar 4. 4 Implementasi halaman menu home ... 34
Gambar 4. 5 Implementasi halaman menu history ... 34
Gambar 4. 6 Implementasi halaman menu maps ... 35
Gambar 4. 7 Implementasi halaman menu list lokasi ... 35
Gambar 4. 8 Implementasi halaman notifikasi aktif... 36
Gambar 4. 9 Implementasi halaman push notifikasi dari server ... 36
