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

2017

ii

HALAMAN PERSETUJUAN

iii

HALAMAN PENGESAHAN

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

NIM. M3114130

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”

-Ryan Wahyu Anggara-

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

Tugas Akhir ini.

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

semangat.

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, ________________

Penulis

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.

Kata Kunci: Sistem Monitoring, Sungai, kamera.

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.

Keywords: Monitoring System, River, camera.

xi

DAFTAR ISI

HALAMAN SAMPUL ............................................................................................ i

HALAMAN PERSETUJUAN ............................... Error! Bookmark not defined.

HALAMAN PENGESAHAN ................................................................................ iii

HALAMAN PERNYATAAN ............................................................................... iv

MOTTO .................................................................................................................. v

HALAMAN PERSEMBAHAN ............................................................................ vi

KATA PENGANTAR .......................................................................................... vii

ABSTRAK ............................................................................................................. ix

ABSTRACT .............................................................................................................. x

DAFTAR ISI .......................................................................................................... xi

DAFTAR GAMBAR ........................................................................................... xiv

DAFTAR TABEL ............................................................................................... xvii

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

2.2.8 JavaScript dan Jquery ......................................................................... 10

xii

2.2.9 Unified Modelling Language (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

4.2.1 Implementasi Halaman Register ..................................................... 90

xiii

4.2.2 Implementasi Halaman Login ......................................................... 90

4.2.3 Implementasi Halaman Guest Home ............................................... 91

4.2.4 Implementasi Halaman Guest About ............................................... 92

4.2.5 Implementasi Halaman Guest News................................................ 92

4.2.6 Implementasi Halaman Member Home ........................................... 93

4.2.7 Implementasi Halaman Member About ........................................... 94

4.2.8 Implementasi Halaman Member Info Pantauan .............................. 94

4.2.9 Implementasi Halaman Member History ........................................ 96

4.2.10 Implementasi Halaman Member News............................................ 98

4.2.11 Implementasi Halaman Member Update Profile ............................ 99

4.2.12 Implementasi Halaman Admin Home.............................................. 99

4.2.13 Implementasi Halaman Admin About............................................ 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 Edit Device .................................. 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 Log User ..................................... 110

4.2.24 Implementasi Halaman Admin Post News .................................... 111

4.2.25 Implementasi Halaman Admin Update Profile............................. 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

DAFTAR PUSTAKA ......................................................................................... 118

xiv

DAFTAR GAMBAR

Gambar 3. 1 Entity Relationship Diagram ............................................................ 21 Gambar 3. 2 Relasi Antar Tabel ............................................................................ 22 Gambar 3. 3 Use case 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

Gambar 3. 44 Sequence Diagram Admin Detail 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 Guest Home ................................................ 91 Gambar 4. 8 Implementasi Halaman Guest About ................................................ 92 Gambar 4. 9 Implementasi Halaman Guest News ................................................. 93 Gambar 4. 10 Implementasi Halaman Member Home .......................................... 93 Gambar 4. 11 Implementasi Halaman Member About .......................................... 94

Gambar 4. 12 Implementasi Halaman Member Pilih Lokasi Pantuan .................. 95

Gambar 4. 13 Implementasi Halaman Member Info Hasil Pantuan ..................... 95

xvi

Gambar 4. 14 Implementasi Halaman Member Pilih History ............................... 96 Gambar 4. 15 Implementasi Halaman Member History Hari ............................... 97

Gambar 4. 16 Implementasi Halaman Member History Bulan ............................. 97 Gambar 4. 17 Implementasi Halaman Member History Tahun ............................ 98 Gambar 4. 18 Implementasi Halaman Member News ........................................... 99 Gambar 4. 19 Implementasi Halaman Member Update Profile ........................... 99 Gambar 4. 20 Implementasi Halaman Admin Home ........................................... 100

Gambar 4. 21 Implementasi Halaman Admin About ........................................... 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 Edit Device ................................. 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 Log User ..................................... 111 Gambar 4. 37 Implementasi Halaman Admin Post News ................................... 111 Gambar 4. 38 Implementasi Halaman Admin Update Profile ............................ 112

Gambar 4. 39 Implementasi Halaman Admin Notifikasi.................................... 112 Gambar 4. 40 Implementasi Halaman Admin Detail Notifikasi ......................... 113

xvii

DAFTAR TABEL

Tabel 2. 1 Tabel Komponen use case ................................................................... 11

Tabel 2. 2 Tabel Simbol Komponen class diagram .............................................. 12 Tabel 2. 3 Tabel Simbol-Simbol pada Seqeunce Diagram ................................... 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

Tabel 4. 4 Tabel Pengujian Sistem ...................................................................... 114