PEMBUATAN SISTEM MONITORING KETINGGIAN LEVEL AIR
SUNGAI BERBASIS KAMERA
HALAMAN SAMPUL
Tugas Akhir
Disusun untuk memenuhi sebagian persyaratan memperoleh gelar Ahli Madya
Pada Program Studi Diploma III Teknik Informatika Universitas Sebelas Maret
Disusun Oleh
RYAN WAHYU ANGGARA
M3114130
PROGRAM DIPLOMA III TEKNIK INFORMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SEBELAS MARET
iii
iv
HALAMAN PERNYATAAN
Saya yang bertanda tangan dibawah ini atas nama:
Nama : RYAN WAHYU ANGGARA
Nim : M3114130
Judul Tugas Akhir : PEMBUATAN SISTEM MONITORING KETINGGIAN
LEVEL AIR SUNGAI BERBASIS KAMERA
Menyatakan bahwa dalam penulisan Laporan Tugas Akhir ini adalah hasil
pemikiran saya sendiri dengan bantuan dari beberapa pihak terkait. Apabila terdapat
pemaparan dan karya orang lain, maka saya sebutkan sumbernya dalam Daftar
Pustaka.
Demikian surat peryataan ini saya buat dalam keadaan sadar tanpa ada
paksaan dari pihak manapun dan apabila dikemudian hari terdapat penyimpangan
dan ketidakjelasan dalam surat pernyataan ini saya bersedia menerima sanksi
akademik sesuai dengan ketentuan Universitas Sebelas Maret.
Surakarta,______________
Ryan Wahyu Anggara
v
MOTTO
“ketika seseorang menyakitimu lagi dan lagi, anggap saja mereka sebuah amplas yang menggosok anda.. pada akhirnya anda akan
bersih mengkilap dan ia akan habis tak berguna” -Deddy Corbuzier-
“ilmu itu ibarat sebuah kunci, usaha adalah alat untuk membentuk ulirnya, dan doa merupakan kekuatan untuk
memutar kunci kearah yang benar agar sebuah pintu terbuka untuk melangkah lebih maju”
vi
HALAMAN PERSEMBAHAN
Yang pertama penulis ingin memanjatkan kehadirat Allah SWT Yang Maha Kuasa
karena atas Rahmat dan Karunia-Nya, penulis mampu menyelesaikan karya kecil
ini. Dan penulis ingin mempersambahkan karya ini juga kepada :
1. Bapak dan Ibuku yang selama ini telah membimbingku, menjagaku,
mendidikku dan membiayai pendidikanku hingga penulis bisa sampai di
tingkat Perguruan Tinggi.
2. Bapak Dosen beserta karyawan D3 Teknik Informatika khususnya kepada
bapak Fendi Aji Purnomo S.si,M.Eng. selaku dosen pembimbing Tugas
Akhir yang selalu memberikan masukan dan ide yang luar biasa pada karya
kecilku ini.
3. Teman-temanku D3 Teknik Informatika 2014 kelas TI-E yang selalu
memberikan support dan bantuan pemikirannya untuk menyelesaikan
vii
KATA PENGANTAR
Assalamu’alaikum Warahmatullahi Wabarakatuh.
Bismillahirrahmanirrahim, puji syukur penulis panjatkan kehadirat Allah Subhanahu wa ta’ala, atas limpahan karunia dan rahmat-Nya, sehingga penyusunan
Laporan Tugas Akhir dengan judul “Pembuatan Sistem Monitoring Ketinggian
Level Air Sungai Berbasis Kamera” ini dapat terselesaikan pada waktunya tanpa
ada suatu halangan apapun.
Penyusunan laporan ini bertujuan untuk memenuhi sebagian persyaratan
mendapatkan gelar Ahli Madya Program Diploma III Teknik Informatika Fakultas
Matematika dan Ilmu Pengetahuan Alam Universitas Sebelas Maret Surakarta.
Dalam pembuatan dan penyusunan Tugas Akhir ini, yang didalamnya
termasuk kegiatan penyusunan laporan ini penulis mendapatkan bantuan dan
dukungan dari berbagai pihak. Oleh sebab itu pada kesempatan ini, penulis
mengucapkan terima kasih kepada semua pihak yang telah memberikan bantuan
dan dukungannya, terutama kepada:
1. Bapak Prof. Ir Ari Handono Ramelan, M.Sc (Hons)., Ph.D, selaku Pimpinan
Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sebelas Maret
Surakarta yang memberikan izin kepada penulis untuk belajar.
2. Bapak Abdul Aziz, S.Kom., M.Sc. selaku Ketua Program Studi Diploma III
Teknik Informatika Fakultas Matematika dan Ilmu Pengetahuan Alam
Universitas Sebelas Maret Surakarta.
3. Bapak Fendi Aji Purnomo S.Si, M.Eng. selaku Dosen Pembimbing Tugas Akhir
yang telah memberikan banyak bimbingan, pengarahan, saran serta dukungan
selama pembuatan dan penyusunan Tugas Akhir.
4. Para Dosen Program Studi Diploma III Teknik Informatika Universitas Sebelas
Maret yang telah memberikan bekal ilmu kepada penulis.
5. Bapak dan Ibu tercinta yang selalu memberikan kasih sayang, nasihat dan
viii
6. Rekan-rekan D3 Teknik Informatika angkatan 2014 khususnya kelas TIE yang
selalu memberikan bantuan dan motivasi.
7. Semua pihak terkait yang tidak bisa saya sebutkan satu persatu, atas bantuan dan
dukungannya dalam pelaksanaan dan penyusunan Tugas Akhir ini.
Semoga Allah Subhanahu wa ta’ala memberikan balasan yang lebih baik kepada pihak-pihak yang telah memberikan bantuan dan dukungan dari awal
pelaksanaan hingga penyusunan Laporan Tugas Akhir ini selesai.Semoga dengan
selesainya penyusunan Laporan Tugas Akhir ini dapat memberikan manfaat dan
kebaikan pada penulis dan pembaca sekalian.
Surakarta, ________________
ix
ABSTRAK
Ryan Wahyu Anggara, 2017. Pembuatan Sistem Monitoring Ketinggian Level
Air Sungai Berbasis Kamera. Program Diploma III Teknik Informatika, Fakultas Matematika dan Ilmu Pengetahuan Alam, Universitas Sebelas Maret Surakarta.
Teknologi semakin hari semakin berkembang di berbagai bidang terutama di bidang komputerisasi dan digitalisasi yang menjadi sektor perkembangan teknologi yang paling pesat berkembang karena telah banyak melahirkan inovasi baru untuk membantu mempermudah pekerjaan manusia tak terkecuali dengan masalah banjir di setiap daerah terutama daerah pinggiran sungai.
Sebenarnya sudah ada usaha untuk memantau ketinggian air baik dengan cara sederhana hingga menggunakan sensor aliran listrik namun masih saja menemui kendala. Seiring zaman yang semakin maju dan peralatan juga semakin
canggih dengan didukung kemudahan untuk mengakses internet dimanapun
sehingga mendorong munculnya teknologi baru untuk memantau ketinggian air sungai yang disebar di beberapa titik sepanjang aliran sungai. Metode yang digunakan ialah dengan menggunakan sensor kamera yang dirangkai dengan raspberry yang merupakan chipset baru untuk menjalankan 1 atau lebih alat dengan perintah yang telah diprogram. Cara kerjanya adalah kamera akan mengambil
gambar dalam beberapa menit sekali sesuai perintah yang diberikan raspberry yang
kemudian gambar tersebut akan dikirim langsung ke server oleh raspberry. Server
akan menampung semua gambar yang dikirim oleh perangkat raspberry baru
selanjutnya diakses oleh sistem untuk pengolahan data dan informasi yang akan disampaikan kepada pengguna sistem tersebut untuk memonitoring/memantau keadaan sungai tanpa harus repot terjun ke pinggir sungai secara langsung.
x
ABSTRACT
Ryan Wahyu Anggara, 2017. Pembuatan Sistem Monitoring Ketinggian Level
Air Sungai Berbasis Kamera. Program Diploma III Teknik Informatika, Fakultas Matematika dan Ilmu Pengetahuan Alam, Universitas Sebelas Maret Surakarta.
Technology is increasingly growing in various fields especially in the field of computerization and digitization that became the most technological development sector rapidly growing because it has a lot of bearing new innovations to help simplify the job of man was no exception with the flooding problem in each region is primarily an area of the river.
In fact there are already efforts to monitor the height of water either with a simple way to use the electric flow sensor but still encountered obstacles. Over the days that are more advanced and sophisticated equipment are also increasingly supportedthe ease to access the internet anywhere, thereby encouraging the emergence of new technologies to monitor the water levels of the river spread at some point along the flow of the river. The method used is by using a camera sensors strung togetherwith raspberry which is a new chipset to run 1 or more tool with the command that has been programmed. The way it works is the camera will take a picture in a few minutes once appropriate the raspberry orders given then the picture will be sent directly to the server by the raspberries. The server will hold all the pictures sent by the device a new raspberry next accessed by systems for the processing of data and information to be communicated to users of the system to monitor the State of the river without having to bother to plunge into the river directly.
xi
DAFTAR ISI
HALAMAN SAMPUL ... i
HALAMAN PERSETUJUAN ... Error! Bookmark not defined. HALAMAN PENGESAHAN ... iii
BAB I PENDAHULUAN ... 1
1.1. Latar Belakang ... 1
1.2. Perumusan Masalah ... 2
1.3. Tujuan ... 2
1.4. Manfaat ... 3
1.5. Batasan Masalah ... 3
1.6. Metodologi ... 3
1.7. Sistematika Penulisan ... 4
BAB II TINJAUAN PUSTAKA DAN LANDASAN TEORI ... 6
2.1. Tinjauan Pustaka ... 6
2.2. Landasan Teori ... 7
2.2.1 Sistem Informasi ... 7
2.2.2 Basis Data ... 7
2.2.3 Hypertext Markup Language(HTML) ... 7
2.2.4 Hypertext Prepocessor (PHP) ... 8
2.2.5 Model View Controller ... 8
2.2.6 Framework ... 9
2.2.7 CodeIgniter ... 10
xii
2.2.9 UnifiedModellingLanguage (UML) ... 11
2.2.9.1 Use Case ... 11
2.2.9.2 Class Diagram ... 11
2.2.9.3 Activity Diagram ... 12
2.2.9.4 Sequence Diagram ... 12
2.2.10 Perbandingan Gambar(Image Comparation)... 14
2.2.11 Pengujian Metode Black-Box ... 15
BAB III ANALISIS DAN PERANCANGAN ... 16
3.1 Analisis Kebutuhan ... 16
3.1.1 Kebutuhan Fungsioanal ... 16
3.1.2 Kebutuhan Non Fungsional... 18
3.1.3 Kebutuhan Perangkat Lunak ... 19
3.1.4 Kebutuhan Perangkat Keras ... 19
3.2 Deskripsi Umum Sistem ... 19
3.3 Perancangan Sistem ... 20
3.3.1 Entity Relatonship Diagram(ERD) ... 20
3.3.2 Relasi Antar Tabel... 21
3.3.3 Desain Tabel Database ... 22
3.3.4 Use Case Diagram ... 25
3.3.5 Activity Diagram ... 27
3.3.6 Class Diagram ... 45
3.3.7 Sequence Diagram ... 45
3.3.8 Desain Tampilan ... 62
3.3.9 Rancangan Pengujian Black-box ... 78
BAB IV IMPLEMENTASI DAN PEMBAHASAN ... 80
4.1 Pembahasan ... 80
4.1.1 Penjelasan cara kerja Sistem ... 80
4.1.2 Pengujian Skala Lab ... 86
4.1.2.1 Pengujian Status Normal ... 86
4.1.2.2 Pengujian Status Siaga ... 87
4.1.2.3 Pengujian Status Waspada ... 88
4.1.2.4 Pengujian Status Awas ... 88
4.2 Implementasi ... 90
xiii
4.2.2 Implementasi Halaman Login ... 90
4.2.3 Implementasi Halaman GuestHome ... 91
4.2.4 Implementasi Halaman GuestAbout ... 92
4.2.5 Implementasi Halaman GuestNews... 92
4.2.6 Implementasi Halaman MemberHome ... 93
4.2.7 Implementasi Halaman MemberAbout ... 94
4.2.8 Implementasi Halaman Member Info Pantauan ... 94
4.2.9 Implementasi Halaman MemberHistory ... 96
4.2.10 Implementasi Halaman MemberNews... 98
4.2.11 Implementasi Halaman MemberUpdateProfile ... 99
4.2.12 Implementasi Halaman Admin Home... 99
4.2.13 Implementasi Halaman AdminAbout... 100
4.2.14 Implementasi Halaman Admin Info Pantauan ... 101
4.2.15 Implementasi Halaman Admin History ... 102
4.2.16 Implementasi Halaman Admin Daftar Device ... 105
4.2.17 Implementasi Halaman Tambah Device ... 106
4.2.18 Implementasi Halaman Admin EditDevice ... 107
4.2.19 Implementasi Halaman Admin Detail Device... 108
4.2.20 Implementasi Halaman Admin Hapus Device ... 108
4.2.21 Implementasi Halaman Admin Daftar Member ... 109
4.2.22 Implementasi Halaman Admin Verifikasi Member Baru ... 110
4.2.23 Implementasi Halaman Admin LogUser ... 110
4.2.24 Implementasi Halaman Admin PostNews ... 111
4.2.25 Implementasi Halaman Admin UpdateProfile... 112
4.2.26 Implementasi Halaman Admin Notifikasi ... 112
4.3 Pengujian Black-box ... 113
BAB V KESIMPULAN DAN SARAN ... 117
5.1 Kesimpulan ... 117
5.2 Saran ... 117
xiv
DAFTAR GAMBAR
Gambar 3. 1 Entity Relationship Diagram ... 21
Gambar 3. 2 Relasi Antar Tabel ... 22
Gambar 3. 3 Usecase Diagram... 26
Gambar 3. 4 Device Mengirim Gambar ke Server ... 27
Gambar 3. 5 Guest Mengakses Situs Web ... 28
Gambar 3. 6 Member melakukan Registrasi/Login ... 29
Gambar 3. 7 Member Memilih Info Pantauan ... 30
Gambar 3. 8 Member Memilih Menu History ... 31
Gambar 3. 9 Login Administrator ... 32
Gambar 3. 10 Administrator melihat data member yang telah registrasi ... 33
Gambar 3. 11 Administrator melihat log aktivitas pengguna ... 34
Gambar 3. 12 Administrator menerima notifikasi jika ada device bermasalah .... 35
Gambar 3. 13 Administrator mengubah Hak Akses member ... 36
Gambar 3. 14 Adminstrator melihat data device ... 37
Gambar 3. 15 Administrator menginputkan data device baru... 38
Gambar 3. 16 Administrator melihat detail data device ... 39
Gambar 3. 17 Administrator melakukan edit data device ... 40
Gambar 3. 18 Administrator menghapus data device ... 41
Gambar 3. 19 User mengubah profile / data diri ... 42
Gambar 3. 20 Administrator menambahkan News (Berita baru) ... 43
Gambar 3. 21 Member memilih menu News ... 44
Gambar 3. 22 Class Diagram SIMONAIR ... 45
Gambar 3. 23 Sequense Diagram Guest Registrasi ... 46
Gambar 3. 24 Sequence Diagram Guest Lihat News ... 46
Gambar 3. 25 Sequence Diagram Member Info Pantau 1 ... 47
Gambar 3. 26 Sequence Diagram Member Info Pantau 2 ... 47
Gambar 3. 27 Sequence Diagram Member History Hari ... 48
Gambar 3. 28 Sequence Diagram Member History Bulan ... 48
Gambar 3. 29 Sequence Diagram Member History Tahun ... 49
Gambar 3. 30 Sequence Diagram Member Ubah History Hari ... 49
Gambar 3. 31 Sequence Diagram Member Ubah History Bulan ... 50
Gambar 3. 32 Sequence Diagram Member Ubah History Tahun ... 50
Gambar 3. 33 Sequence Diagram Member Update Profile ... 51
Gambar 3. 34 Sequence Diagram Admin Info Pantauan1 ... 51
Gambar 3. 35 Sequence Diagram Admin Info Pantauan2 ... 52
Gambar 3. 36 Sequence Diagram Admin History Hari ... 52
Gambar 3. 37 Sequence Diagram Admin History Bulan ... 53
Gambar 3. 38 Sequence Diagram Admin History Tahun ... 53
Gambar 3. 39 Sequence Diagram Admin History Ubah Hari ... 54
Gambar 3. 40 Sequence Diagram Admin History Ubah Bulan ... 54
Gambar 3. 41 Sequence Diagram Admin History Ubah Tahun... 55
Gambar 3. 42 Sequence Diagram Admin Daftar Device ... 55
Gambar 3. 43 Sequence Diagram Admin Tambah Device ... 56
xv
Gambar 3. 45 Sequence Diagram Admin Edit Device ... 57
Gambar 3. 46 Sequence Diagram Admin Hapus Device ... 57
Gambar 3. 47 Sequence Diagram Admin Daftar Member ... 58
Gambar 3. 48 Sequence Diagram Admin Verifikasi Member ... 58
Gambar 3. 49 Sequence Diagram Admin Ubah Status Enable ... 59
Gambar 3. 50 Sequence Diagram Admin Ubah Status Disable ... 59
Gambar 3. 51 Sequence Diagram Admin Log Activity ... 60
Gambar 3. 52 Sequence Diagram Admin Clear Log Activity ... 60
Gambar 3. 53 Sequence Diagram Admin Tambah News ... 61
Gambar 3. 54 Sequence Diagram Admin Tampil News ... 61
Gambar 3. 55 Sequence Diagram Admin Update Profile ... 62
Gambar 3. 56 Desain Tampilan Login ... 62
Gambar 3. 57 Desain Tampilan Guest Homepage ... 63
Gambar 3. 58 Desain Tampilan Guest About ... 64
Gambar 3. 59 Desain Tampilan Guest News ... 65
Gambar 3. 60 Desain Tampilan Guest Register ... 66
Gambar 3. 61 Desain Tampilan Member Home ... 66
Gambar 3. 62 Desain Tampilan Member About ... 67
Gambar 3. 63 Desain Tampilan Member Info pantauan 1 ... 68
Gambar 3. 64 Desain Tampilan Member Info pantauan 2 ... 69
Gambar 3. 65 Desain Tampilan Member History ... 69
Gambar 3. 66 Desain Tampilan Member News ... 70
Gambar 3. 67 Desain Tampilan Admin Home... 71
Gambar 3. 68 Desain Tampilan Admin About ... 71
Gambar 3. 69 Desain Tampilan Admin Info Pantauan 1 ... 72
Gambar 3. 70 Desain Tampilan Admin Info Pantauan 1 ... 73
Gambar 3. 71 Desain Tampilan Admin Daftar Device ... 73
Gambar 3. 72 Desain Tampilan Admin Tambah Device ... 74
Gambar 3. 73 Desain Tampilan Admin Edit Device... 75
Gambar 3. 74 Desain Tampilan Admin Menegement Member ... 75
Gambar 3. 75 Desain Tampilan Admin Verifikasi Member ... 76
Gambar 3. 76 Desain Tampilan Admin Log user ... 77
Gambar 3. 77 Desain Tampilan Admin Post News ... 78
Gambar 4. 1 Contoh Hasil Perbandingan Gambar dengan status normal ... 86
Gambar 4. 2 Contoh Hasil Perbandingan gambar dengan Status Siaga ... 87
Gambar 4. 3 Contoh Hasil Perbandingan gambar dengan Status Waspada ... 88
Gambar 4. 4 Contoh Hasil Perbandingan gambar dengan Status Awas ... 89
Gambar 4. 5 Implementasi Halaman Register ... 90
Gambar 4. 6 Implementasi Halaman Login ... 91
Gambar 4. 7 Implementasi Halaman GuestHome ... 91
Gambar 4. 8 Implementasi Halaman GuestAbout ... 92
Gambar 4. 9 Implementasi Halaman GuestNews ... 93
Gambar 4. 10 Implementasi Halaman MemberHome ... 93
Gambar 4. 11 Implementasi Halaman MemberAbout ... 94
Gambar 4. 12 Implementasi Halaman Member Pilih Lokasi Pantuan ... 95
xvi
Gambar 4. 14 Implementasi Halaman Member Pilih History ... 96
Gambar 4. 15 Implementasi Halaman MemberHistory Hari ... 97
Gambar 4. 16 Implementasi Halaman MemberHistory Bulan ... 97
Gambar 4. 17 Implementasi Halaman Member History Tahun ... 98
Gambar 4. 18 Implementasi Halaman MemberNews ... 99
Gambar 4. 19 Implementasi Halaman Member Update Profile ... 99
Gambar 4. 20 Implementasi Halaman AdminHome ... 100
Gambar 4. 21 Implementasi Halaman AdminAbout ... 101
Gambar 4. 22 Implementasi Halaman Admin Pilih Lokasi Pantauan ... 101
Gambar 4. 23 Implementasi Halaman Admin Info Hasil Pantauan ... 102
Gambar 4. 24 Implementasi Halaman Admin Pilih History ... 103
Gambar 4. 25 Implementasi Halaman Admin History Hari Admin ... 103
Gambar 4. 26 Implementasi Halaman Admin History Bulan Admin ... 104
Gambar 4. 27 Implementasi Halaman Admin History Tahun Admin ... 105
Gambar 4. 28 Implementasi Halaman Admin Daftar Device ... 105
Gambar 4. 29 Implementasi Halaman Admin Tambah Lokasi Device ... 106
Gambar 4. 30 Implementasi Halaman Admin Tambah Data Device ... 107
Gambar 4. 31 Implementasi Halaman Admin EditDevice ... 107
Gambar 4. 32 Implementasi Halaman Admin Detail Device ... 108
Gambar 4. 33 Implementasi Halaman Admin Hapus Device ... 109
Gambar 4. 34 Implementasi Halaman Admin Daftar Member ... 109
Gambar 4. 35 Implementasi Halaman Admin Verifikasi Member Baru ... 110
Gambar 4. 36 Implementasi Halaman Admin LogUser ... 111
Gambar 4. 37 Implementasi Halaman Admin PostNews ... 111
Gambar 4. 38 Implementasi Halaman Admin UpdateProfile ... 112
Gambar 4. 39 Implementasi Halaman Admin Notifikasi... 112
xvii
DAFTAR TABEL
Tabel 2. 1 Tabel Komponen usecase ... 11
Tabel 2. 2 Tabel Simbol Komponen classdiagram ... 12
Tabel 2. 3 Tabel Simbol-Simbol pada SeqeunceDiagram ... 13
Tabel 3. 1 Kebutuhan Fungsional ... 16
Tabel 3. 2 Desain Tabel Device ... 22
Tabel 3. 3 Desain Tabel Gambar... 23
Tabel 3. 4 Desain Tabel Data_gambar ... 23
Tabel 3. 5 Desain Tabel log_user ... 24
Tabel 3. 6 Desain Tabel user ... 24
Tabel 3. 7 Desain Tabel news ... 25
Tabel 3. 8 Desain Tabel Komentar ... 25
Tabel 3. 9 Tabel Rancangan Black-box... 78
Tabel 4. 1 Tabel Script Analisis Gambar ... 81
Tabel 4. 2 Tabel Script Perbandingan Gambar ... 81
Tabel 4. 3 Tabel Script Mengambil Value ... 85
