SKRIPSI
Oleh:
HANI ANJARWATI
531412066
SKRIPSI
Oleh:
HANI ANJARWATI
531412066
i
LEMBAR PENGESAHAN SKRIPSI
ii
iii
LEMBAR PERSETUJUAN SIDANG SKRIPSI
PERNYATAAN ORISINALITAS
iv
PERNYATAAN HAK BEBAS ROYALITI
v
KATA PENGANTAR
sebagai salah satu syarat untuk memperoleh Gelar Sarjana pada Program Studi
Negeri Gorontalo.
Dalam penyusunan skripsi ini banyak hambatan yang dialami oleh penulis
namun pada akhirnya dapat melaluinya berkat adanya bimbingan dan bantuan dari
berbagai pihak baik secara moral maupun spiritual. Untuk itu pada kesempatan ini
1. Kedua orang tua tercinta, Bapak Syafrudin dan Ibu Maryam beserta kakak
laki-laki tercinta Budi Asrori yang selalu memberikan motivasi, dukungan dan
2. Bapak Dr. Eng, Rifadli Bahsuan, ST, MT selaku Dekan Fakultas Teknik
vi
5. Bapak Taufiq Ismail Yusuf, ST, M.Si selaku Wakil Dekan III Fakultas
7. Ibu Lillyan Hadjaratie, S.Kom, M.Si Selaku Ketua Program Studi S1 Sistem
9. Bapak dan Ibu Dewan Penguji : Bapak Agus Lahinta, S.T, M.Kom selaku
Penguji I, Bapak Dian Novian, S.Kom, M.T selaku Penguji II, dan Bapak
Moh. Ramdhan Arif Kaluku, S.Kom, M.Kom selaku penguji III, yang telah
10. Bapak Rochmad Moh. Thohir Jassin, S.Kom, M.Eng selaku dosen
pembimbing akademik.
11. Seluruh staff Dosen Pengajar Jurusan Teknik Informatika Fakultas Teknik
13. Teman-teman Sistem Informasi Kelas B Teknik Informatika 2012 : Alfi Fitria
vii
Alamsyah, Riski Walangadi, Fadlan Usman, Lala Dako, dan Rahmad
Mahmud.
Harun, Reza Mustaki, Deliyanti Sidiki, Leon Arumasi, Arif Laisa, Sempani
Megawaty Gobel, Afrizal F. Adam, Abdul Gani Lihawa, Moh. Prasetyo Koni,
Ibrahim, Abdul Mutalib Dai, Anca Podungge, Anto Motota, Rizal Saleh,
16. Teman-teman Teknik Angkatan 2012 yang telah melewatkan waktu selama
Jul, Febri Tamala, Intan Abdullah, Herdiyanto Dunda, Azmi Akmal, Aldi P.
Lukum, Ramdan Umar, Nandi Nento, Ilham Amu, Rachmat Sorongan, Melki
Pramana, Muh. Syarif Mustapa, Muhdin Dai, Arbi Wiliyanto, Moh. Idhar M.
Jaya Saputra Uloli, Zulkifli, Ilham Tulen, Megawaty Gobel, Agus Wahyudi,
viii
Junior-junior : Ari Paputungan, Melki N. Ointu, Yulianti Anggita, Agus
Tiranda Monoarfa, Efendi Tahir, Abd. Fatah Uko, Moh. Resca Assang, Muh
18. Serta semua pihak yang telah membantu baik secara langsung maupun tidak
Pada penulisan skripsi ini, Penulis sadar masih banyak sekali kekurangan
dari skripsi ini. Oleh karena itu, saran dan kritik yang membangun akan Penulis
terima dengan senang hati. Akhirnya, hanya kepada Allah S.W.T penulis serahkan
memohon maaf.
Penulis
Hani Anjarwati
ix
INTISARI
Perusahaan Daerah Air Minum ( PDAM ) adalah perusahaan yang bergerak dalam mendistribusi
air bersih bagi masyarakat umum. PDAM selalu berusaha memberikan pelayanan kepada
pelanggannya dengan sebaik mungkin. Akan tetapi masih ada beberapa masalah seperti kurangnya
informasi jumlah tagihan air pada setiap bulan yang akan dibayar oleh pelanggan, dan juga sering
kali pelanggan melalukan pembayaran melewati batas tenggang yang diberikan yang berakibat
pelanggan harus membayar denda. Tujuan penelitian ini adalah dapat merancang sistem informasi
yang dapat menyajikan informasi tagihan rekening pelanggan PDAM dan membangun sebuah
sistem informasi tagihan rekening PDAM berbasis Andoid. Metode yang digunakan pada
penelitian ini dalah metode penelitian Research and Development model Data-Based
Management System (DBMS). Hasil penelitian ini adalah terciptanya sebuah sistem informasi
tagihan rekening PDAM yang dapat memudahkan pelanggan PDAM se-Provinsi Gorontalo untuk
mencari informasi tentang jumlah tagihan PDAM, dapat melihat riwayat tagihan pelanggan pada
bulan sebelumnya, memberikan informasi dan lokasi PDAM se-Provinsi Gorontalo, menyediakan
form pengaduan, dan mendapatkan notofication sebelum batas pembayaran rekening PDAM.
x
ABSTRACT
xi
DAFTAR ISI
Halaman
HALAMAN JUDUL ........................................................................................... i
LEMBAR PENGESAHAN SKRIPSI ............................................................... ii
LEMBAR PERSETUJUAN SIDANG SKRIPSI ............................................. iv
PERNYATAAN ORISINALITAS ................................................................... iv
PERNYATAAN HAK BEBAS ROYALITI ..................................................... v
KATA PENGANTAR....................................................................................... vi
INTISARI........................................................................................................... x
ABSTRACT ....................................................................................................... xi
DAFTAR ISI .................................................................................................... xii
DAFTAR TABEL ........................................................................................... xiv
DAFTAR GAMBAR........................................................................................ xv
DAFTAR LAMPIRAN .................................................................................. xvii
BAB 1 PENDAHULUAN .................................................................................. 1
1.1 Latar Belakang..................................................................................... 1
1.2 Rumusan Masalah................................................................................ 2
1.3 Ruang Lingkup .................................................................................... 2
1.4 Tujuan Penelitian ................................................................................. 2
1.5 Manfaat ............................................................................................... 3
BAB 2 TINJAUAN PUSTAKA ......................................................................... 4
2.1 LandasanTeori ..................................................................................... 4
2.1.1 Perusahaan Daerah Air Minum (PDAM) ..................................... 4
2.1.2 Sistem Informasi ......................................................................... 5
2.1.3 Android ....................................................................................... 5
2.1.4 Research and Development Model DBMS .................................. 5
2.2 Penelitian Terkait ................................................................................. 8
BAB 3 METODE PENELITIAN .................................................................... 10
3.1 Lokasi Dan Waktu Penelitian ............................................................. 10
3.2 Rancangan Penelitian ......................................................................... 10
3.2.1 Data Penelitian .......................................................................... 11
3.2.2 Analisis ..................................................................................... 11
3.2.3 Desain ....................................................................................... 12
3.2.4 Implementasi............................................................................. 12
3.2.5 Pengujian .................................................................................. 12
BAB 4 HASIL PENELITIAN DAN PEMBAHASAN .................................... 13
4.1 Hasil Penelitian .................................................................................. 13
4.1.1 Data Penelitian .......................................................................... 13
4.1.1.1 Data Wawancara............................................................ 13
4.1.1.2 Data Arsip ..................................................................... 14
4.1.2 Analisis ..................................................................................... 16
4.1.3 Desain ....................................................................................... 18
4.1.3.1 Arsitektur Sistem ........................................................... 18
4.1.3.2 Flowchart Sistem Tagihan Rekening PDAM ................ 19
4.1.3.3 Perancangan Data Flow Diagram ................................... 20
4.1.3.4 Perancangan Database ................................................... 24
xii
4.1.3.5 Desain Interface ............................................................. 29
4.1.4 Implementasi............................................................................. 34
4.1.4.1 Implementasi Sistem Web ............................................. 34
4.1.4.2 Implementasi Sistem Android ........................................ 43
4.1.5 Pengujian .................................................................................. 52
4.1.5.1 Pengujian Whitebox ...................................................... 53
4.1.5.2 Pengujian Blackbox ....................................................... 62
4.2 Pembahasan ....................................................................................... 66
BAB 5 PENUTUP ............................................................................................ 68
5.1 Kesimpulan........................................................................................ 68
5.2 Saran ................................................................................................. 68
DAFTAR PUSTAKA ....................................................................................... 69
LAMPIRAN ..................................................................................................... 70
RIWAYAT HIDUP .......................................................................................... 94
xiii
DAFTAR TABEL
Halaman
Tabel 3.1 Jadwal Penelitian................................................................................ 10
Tabel 4.1 Data Klasifikasi Pelanggan ................................................................. 15
Tabel 4.2 Tarif Air Minum ................................................................................ 15
Tabel 4.3 tb_admin ............................................................................................ 24
Tabel 4.4 tb_adminpdam ................................................................................... 24
Tabel 4.5 tb_adminloket .................................................................................... 25
Tabel 4.6 tb_cs .................................................................................................. 25
Tabel 4.7 tb_pimpinan ....................................................................................... 25
Tabel 4.8 tb_pdam ............................................................................................. 26
Tabel 4.9 tb_klasifikasi ...................................................................................... 26
Tabel 4.10 tb_pelanggan .................................................................................... 26
Tabel 4.11 tb_tagihan ........................................................................................ 27
Tabel 4.12 tb_notifikasi ..................................................................................... 27
Tabel 4.13 tb_pengaduan ................................................................................... 27
Tabel 4.14 Pengujian Halaman Tagihan ............................................................. 53
Tabel 4.15 Penentuan Kompleksifitas Siklomatis Pada Halaman Tagihan .......... 56
Tabel 4.16 Jalur Bebas Flow Craph Natation Pada Halaman Tagihan ................ 56
Tabel 4.17 Pengujian Tambah ............................................................................ 56
Tabel 4.18 Penentuan Kompleksifitas Siklomatis Pada Tombol Tambah ............ 62
Tabel 4.19 Jalur Bebas Flow Craph Natation Pada Tombol Import .................... 62
Tabel 4.20 Perancangan Pengujian ..................................................................... 62
Tabel 4.21 Pengujian Halaman Andoid .............................................................. 63
Tabel 4.22 Jenis Smastphone Android ................................................................ 65
Tabel 4.23 Hasil Pengujian dari Smartphone ...................................................... 65
xiv
DAFTAR GAMBAR
Halaman
Gambar 2.1 R&D DBMS Menurut Connoly ........................................................ 6
Gambar 4.1 Flow chart Sistem Tagihan Rekening PDAM ................................. 14
Gambar 4.2 Arsitektur Sistem Informasi Berbasis Android ................................ 18
Gambar 4.3 Flowchart Sistem Android .............................................................. 20
Gambar 4.4 Diagram Context ............................................................................ 21
Gambar 4.5 Data Flow Diagram Level 0. .......................................................... 22
Gambar 4.6 DFD Level 1 Proses 1..................................................................... 23
Gambar 4.7 DFD Level 1 Proses 2..................................................................... 23
Gambar 4.7 DFD Level 1 Proses 3..................................................................... 24
Gambar 4.8 Relasi Tabel.................................................................................... 28
Gambar 4.10 Rancangan Halaman Awal ............................................................ 29
Gambar 4.11 Rancangan Halaman Beranda ....................................................... 29
Gambar 4.12 Rancangan Cek Tagihan ............................................................... 30
Gambar 4.13 Rancangan Tagihan ...................................................................... 30
Gambar 4.14 Rancangan Login .......................................................................... 31
Gambar 4.15 Rancangan Profil .......................................................................... 31
Gambar 4.16 Rancangan Riwayat Tagihan......................................................... 32
Gambar 4.17 Rancangan Pengaduan .................................................................. 32
Gambar 4.18 Rancangan Peta Lokasi ................................................................. 33
Gambar 4.19 Rancangan Info PDAM ................................................................ 33
Gambar 4.20 Halaman awal sistem .................................................................... 34
Gambar 4.21 Halaman Login ............................................................................. 34
Gambar 4.22 Halaman Utama admin ................................................................. 35
Gambar 4.23 Tampilan user ............................................................................... 36
Gambar 4.24 Tampilan PDAM .......................................................................... 36
Gambar 4.25 Halaman Utama admin PDAM ..................................................... 37
Gambar 4.26 Tampilan Klasifikasi ..................................................................... 38
Gambar 4.27 Tampilan Pelanggan ..................................................................... 38
Gambar 4.28 Tampilan Tagihan ......................................................................... 39
Gambar 4.29 Tampilan Tambah Tagihan ........................................................... 39
Gambar 4.30 Tampilan Pengaduan .................................................................... 40
Gambar 4.31 Tampilan Pengaduan .................................................................... 41
Gambar 4.32 Halaman Verifikasi Tagihan ......................................................... 41
Gambar 4.33 Tampilan Pengaduan .................................................................... 42
Gambar 4.34 Halaman Awal Sistem .................................................................. 43
Gambar 4.35 Halaman Utama Sistem ................................................................ 44
Gambar 4.36 Halaman Cek Tagihan .................................................................. 45
Gambar 4.37 Halaman Login ............................................................................. 46
Gambar 4.38 Halaman Profil Pelanggan ............................................................ 47
Gambar 4.39 Halaman Riwayat Tagihan ............................................................ 48
Gambar 4.40 Halaman Lokasi ............................................................................ 49
Gambar 4.41 Halaman Pengaduan ..................................................................... 50
Gambar 4.42 Halaman Notifikasi ....................................................................... 51
xv
Gambar 4.43 Halaman Info PDAM .................................................................... 52
Gambar 4.44 Kompleksitas Siklomatis Pada Halaman Tagihan .......................... 55
Gambar 4.45 Kompleksitas Siklomatis Pada Tombol Tambah ........................... 61
xvi
DAFTAR LAMPIRAN
Halaman
Lampiran 1. Data Penelitian ............................................................................... 70
Lampiran 2. Pengujian ....................................................................................... 75
xvii
BAB 1
PENDAHULUAN
Air bersih merupakan kebutuhan yang sangat penting dan utama bagi
dibutuhkan. Kebutuhan air bersih ini tidak hanya menyangkut jumlah yang cukup,
tetapi juga dapat memenuhi kualitas air yang sesuai dengan standar kesehatan
masyarakat. Usaha untuk menyediakan air bersih pada suatu wilayah hendaklah
memperhatikan ketersediaan sumber daya air yang ada. Disisi lain, perkembangan
ketersediaan informasi pelanggan yang mudah diakses dengan cepat dan akurat.
bergerak dalam mendistribusi air bersih bagi masyarakat umum. PDAM selalu
Akan tetapi masih ada beberapa masalah seperti kurangnya informasi jumlah
tagihan air pada setiap bulan yang akan dibayar oleh pelanggan, dan juga sering
Oleh karena itu, perlu sebuah sistem informasi yang dapat memberikan
informasi biaya tagihan air yang harus di bayar pelanggan setiap bulannya dan
juga dapat mengirimkan pesan atau notification kepada pelanggan sebelum batas
1
2
informai berbasis android yang dapat diakses dengan mudah dan cepat serta dapat
berbasis Android.
rekening PDAM.
google maps.
Andoid.
3
1.5 Manfaat
2. Manfaat untuk pembaca dapat menjadi studi pustaka bagi para pembaca
peneliti.
BAB 2
TINJAUAN PUSTAKA
2.1 LandasanTeori
perusahaan daerah air minum (PDAM) merupakan salah satu unit usaha
milik daerah yang bergerak dalam distribusi air bersih bagi masyarakat umum
yang diawasi dan dimonitor oleh aparat-aparat eksekutif maupun legislatif daerah.
Apabila merujuk pada keputusan menteri dalam negeri No: 690-069 tahun
1992, tentang pola petunjuk teknis pengelolahan PDAM, disana ditegaskan bahwa
dalam negeri nomor 47 tahun 1999, tentang pedoman penilaian kinerja PDAM
dinyatakan bahwa tujuan pendirian PDAM adalah untuk memenuhi pelayanan dan
kebutuhan akan air bersih bagi masyarakat srta sebagai salah satu sumber PAD.
4
5
untuk mencapai tujuan yang sama. Jika elemen yang ada pada sebuah sistem
tersebut tidak memberikan manfaat untuk mencapai suatu tujuan yang sama atau
memiliki tujuan yang berbeda, maka elemen tersebut tidak termaksud bagian dari
suatu proses kerja secara manual atau berbasis komputer (data atau input menjadi
informasi) untuk mencapai suatu sasaran yaitu sebuah informasi yang berguna
2.1.3 Android
Android adalah sebuah sistem operasi yang berbasis linux atau open
sebuah produk tertentu guna menghasilkan sebuah produk baru. Dalam penelitian
ini memadukan beberapa jenis model penelitian seperti penelitian survei atau
action research dan evaluasi. Ada lima langkah utaman pada pengembangan
(Mulyatiningsing, 2011).
kelebihan yang dimiliki DBMS sebagai pengarsipan data antara lain praktis, dapat
menyimpan data yang sangat banyak, dan mudah untuk melakukan pencarian data
kembali. DBMS juga dapat menghindari pengulangan data yang sama karena data
yang telah dimasukkan langsung tersimpan dan tidak dapat menyimpan data yang
A. Analisis Kebutuhan
B. Desain
Ada beberapa model pembuatan desain dari yag sederhana hingga desain
C. Prototyping/Implementasi
awal. Pada pembuatan prototype diharapkan semua unsur pada pogram telah
D. Pengujian
Setelah aplikasi yang telah dirancang lengkap, perlu dilakukan uji coba
Tagihan Rekening PDAM Gorontalo, namun ada yang lebih mendekati dari
pemakaian air. Metode yang digunakan yaitu metode Research and Development
atau penelitian dan pengembangan. Hasil dari penelitian adalah aplikasi bisa
riwayat tagihan dan pemakaian air tiap bulan, dan menyediakan website yang
Jaringan Pipa di Kota Gorontalo (Ibrahim, 2016). Tujuan dari penelitian tersebut
jaringan pipa dan pelanggan PDAM yang ada di Kota Gorontalo menggunakan
perangkat lunak yang akan dibuat. Lalu dibuatkan prototyping agar pelanggan
lebih terbayang dengan apa yang sebernarnya diinginkan. Penelitian ini dilakukan
pada pemetaan jaringan pipa PDAM di Kota Gorontalo. Hasil yang diperoleh dari
penelitian ini yakni sistem tersebut memberikan informasi tentang jaringan pipa
9
yang ada di wilayah kerja PDAM Kota Gorontalo yakni Kota Gorontalo dan
pelanggan yang ada di Kota Gorontalo, yang disajikan kedalam peta Google Maps
API dengan marker yang berbeda sesuai dengan status pelanggan tersebut.
penelitian ini yaitu penelitian yang dilakukan oleh (Djibu, 2015) yang
menyediakan informasi tagihan air dan riwayat tagihan pada penelitian ini akan
tidak hanya di PDAM Kota Gorontalo tetapi juga di beberapa PDAM di wilayah
dilaksanakan selama 6 bulan dengan jadwal penelitian seperti pada Tabel 3.1.
Bulan Ke
No Kegiatan 1 2 3 4 5 6
1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4
Penentuan
1 Topik
Studi
2 Pendahuluan
Penyusunan
3 Proposal
Seminar
4 Proposal
Pengumpulan
5 Data
Perancangan
6 Aplikasi
Pembuatan
7 Laporan
Seminar
8 Hasil
Sidang
9 Skripsi
10
11
memperluar wilayah penelitian, menambah tools dan juga informasi lainnya yang
sebagai berikut.
b. Teknik pengambilan basis data dengan mengambil data arsip PDAM yaitu
3.2.2 Analisis
deskriftif kualitatif dimana proses ini mengembangkan teori yang didapatkan dari
hasil wawancara yaitu alur proses bisnis sistem akan dianalisis kemudian dibuat
rancangan desain sistem. Sedangkan pada data arsip yang telah diambil akan
pelanggan, Lalu akan dibuat kode pada setiap jenis dan status kemudian data
Pada tahapan ini ada beberapa hal yang perlu dianalisis yakni.
android.
3.2.3 Desain
Dari hasil analisis maka akan dirancang sebuah desain sistem, desain yang
dirancang antara lain diagram alir data (DAD), arsitektur sistem, database, proses
3.2.4 Implementasi
sebelumnya, maka akan dibangun sebuah aplikasi. Pada tahap implementasi ini
Hasil yang diperoleh dari tahapan ini adalah sebuah sistem informasi yang
berbasis android.
3.2.5 Pengujian
Pada bagian ini akan dijelaskan hasil yang diperoleh dari penelitian
Adapun data yang didapatkan dari hasil pengumpulan data adalah data
alur sistem tagihan rekening PDAM yang telah digambarkan pada flow chart
dibawah ini.
13
14
Start
Start
Melakukan
Pengecekan
Meteran Mengechek/
memeriksa
tagihan
Memilih data kepada
Data Meter meter dan petugas loket
mengisi data
tagihan
Data
Tagihan
Memproses
permintaan
tagihan dari
pelanggan
Finish
Data arsip dari hasil pengumpulan data antara lain data pelanggan, data
klasifikasi pelanggan dan data tarif air minum. Adapun datanya sebagai berikut.
15
Tabel 4.1 diatas adalah tabel data klasifikasi pelanggan PDAM Kota
Penelitian.
Tabel 4.2 diatas adalah tabel tarif air minum PDAM Kota Gorontalo, data
4.1.2 Analisis
mengenai sistem android yang dibuat. Pada tahapan ini akan dilakukan analisis
menjelaskan mengenai permasalahan yang ada, dan pada analisis kebutuhan akan
A. Analisis Permasalahan
17
informasi jumlah tagihan air pada setiap bulan yang akan dibayar oleh pelanggan,
dan tidak adanya pengingat untuk pelanggan sehingga sering kali pelanggan
B. Analisis Kebutuhan
secara garis besar. pada analisis kebutuhan akan dibagi menjadi kebutuhan
1. Kebutuhan Fungsional
Sistem ini akan dibangun dalam dua platform yang saling berhubungan.
handphone android
3. Kebutuhan User
meter pelanggan.
PDAM.
4.1.3 Desain
CUSTOMER
LOKET
SISTEM WEB SERVICE
server php akan mengakses database mysql yang selanjutnya oleh server php
adalah file format standar yang mengirimkan bahasa php ke mobile andoid.
Sedangkan admin, admin PDAM, loket, customer service, dan Pimpinan dapat
mengakses melalui PC, sistem web dapat diakses menggunakan browser yang
Start
Pilih
PDAM
Pilih Halaman
Riwayat Login Ya Riwayat
Tampilan Tagihan Tagihan
Halaman Utama
Tidak
Pilih Halaman
Lokasi Lokasi
Pilih
Profil
Pilih
Login Ya
Pengaduan
Pesan
Input Username Notifikasi
dan Password
Input
Pengaduan
Halaman
notifikasi batas
pembayaran
Halaman Profil
Tidak
Ya
Halaman
Info
PDAM
Ya Kembali Ke
halaman Utama
Tidak
End
yang akan dibuat dalam bentuk visual agar dapat dimengerti. Beberapa diagram
yang akan digunakan antara lain : Diagram context, DFD level , serta fungcional
1. Functional Recruitment
akan dibuat. Berikut adalah list functional recruitment pada sistem Informasi
2. Diagram Context
-Data pelanggan
-Data Klasifikasi Pelanggan
-Data Admin -Data Tagihan
-Data PDAM
Sistem Informasi
Tagihan Rekening Laporan Pimpinan
PDAM
Verifikasi Pembayaran
-Input Nomor Sambungan
-Pengaduan -Tagihan Rekening Loket
-Laporan
3. DFD Level 0.
Data Klasifikasi
Input Klasifikasi
Admin Input Data Pelanggan 1P
Data Pelanggan
PDAM INPUT
Input Pemakaian
Data Tagihan
Data PDAM
Riwayat Tagihan
Tagihan Rekening
Data Admin
Data Klasifikasi
Data Pelanggan
Data Tagihan
Notifikasi Batas pembayaran Data PDAM
Loket
Verifikasi Pembayaran
Input Pengaduan 2P
Notifikasi Batas Pembayaran
PROSES
Input Nomor Sambungan
Data Pengaduan
Status Pembayaran
1.1P
Input Data Admin Input Data Data Admin
Admin
1.2P
Admin Input Data PDAM Input Data Data PDAM
PDAM
1.4P
Input Klasifikasi Input Data Klasifikasi
Klasifikasi
1.5P
Admin
Input Data Pelanggan Input Data Data Pelanggan
PDAM
Pelanggan
2.1P
Loket Verifikasi Pembayaran Verifikasi Status Pembayaran
Pembayaran
Data Pengaduan
2.2P
Pelanggan Input Pengaduan Data Pelanggan
Pengaduan
2.3P
Pelanggan Input Nomor Sambungan Nomor Data Tagihan
Sambungan
2.4P
Notifikasi
Customer Service Notifikasi Batas pembayaran Notifikasi Batas Pembayaran
Batas
Pemabyaran
3.1P Admin
-Tagihan Rekening
Admin PDAM PDAM
-Riwayat Tagihan
Data Tagihan
Data Tagihan
Data Tagihan
3.2P
Data Tagihan -Tagihan Rekening Loket
Loket
-Laporan
Data Tagihan
1. Tabel Admin
5. Tabel Pimpinan
6. Tabel PDAM
7. Tabel Klasifikasi
8. Tabel Pelanggan
9. Tabel Tagihan
b. Relasi Tabel
4.1.4 Implementasi
Pada halaman awal sistem akan ada pilihan untuk melakukan login user.
Ada 4 login user yang dapat dipilih yakni admin PDAM, Admin Loket, Customer
dengan memasukkan username dan password yang benar. Form login digunakan
PDAM.
36
4. Tampilan Users
tampilan halaman yang sama yakni user admin PDAM, user loket, user customer
service, dan user pimpinan. Halaman ini berisi data user seperti nama, no.HP,
Email, username, dan password. Pada halaman ini admin juga dapat menambah
user dengan mengeklik ikon tambah (+), menghapus, mengedit, dan melihat
detail.
5. Tampilan PDAM
nama PDAM, foto kantor PDAM, dan alamat. Pada halaman ini admin juga dapat
menambah PDAM dengan mengeklik ikon tambah (+), melihat detail dan lokasi
7. Tampilan Klasifikasi
Admin PDAM. Halaman ini berisi daftar klasifikasi setiap PDAM di Provinsi
klasifikasi, tarif, dan keterangan klasifikasi. Pada halaman ini admin dapat
menambah klasifikasi dengan mengklik ikon tambah (+), dan dapat mengedit
data.
8. Tampilan Pelanggan
PDAM. Halaman ini berisi daftar Pelanggan PDAM, juga terdapat keterangan
dan alamat. Pada halaman ini admin dapat menambah pelanggan dengan
mengklik ikon tambah (+), melihat detai pelanggan, dan dapat mengedit data.
9. Tampilan Tagihan
Admin PDAM. Halaman ini berisi daftar data tagihan pelanggan PDAM di
Provinsi Gorontalo. Pada halaman ini admin dapat menambah data tagihan
dengan mengklik ikon tambah (+) atau import data tagihan, dan dapat mengedit
data.
Service. Halaman ini berisi daftar notifikasi yang dikirimkan kepada pelanggan
pada user Admin Loket. Halaman ini tagihan berisi data tagihan pelanggan yang
telah lunas dan yang belum lunas yang kemudian akan diklik ikon pada status jika
Admin Loket, dan Customer Service. Pada halaman ini dapat melihat laporan
tagihan, laporan tagihan yang belum dibayar, dan laporan tagihan yang telah
dibayar.
43
Tampilan ini merupakan tampilan halaman awal sistem. Pada halaman ini
ini terdapat beberapa ikon seperti tagihan, riwayat tagihan, pengaduan, dan lokasi.
Pada halaman ini pula ada tombol menu home, info, dan profil.
45
ini yakni dari halaman utama klik ikon tagihan kemudian akan tampil halaman
4. Halaman Login
Tampilan ini merupakan tampilan login. Pada halaman ini pelanggan dapat
melakukan login. Cara menampilkan halaman ini yakni dari halaman utama klik
profile maka akan muncul halaman untuk melakukan login, login dilakukan
ditampilkan info tentang profil pelanggan. Terdapat info tentang nama pelanggan,
ini yakni dari halaman utama klik ikon riwayat tagihan maka akan ditampilkan
7. Halaman Lokasi
Tampilan ini adalah tampilan halama lokasi. Pada halaman ini ditampilkan
lokasi kantor PDAM yang dipilih. Cara menampilkan halaman ini yakni dari
halaman utama klik ikon lokasi maka akan muncul lokasi kantor PDAM.
50
8. Halaman Pengaduan
halaman ini adalah dari halaman utama klik ikon pengaduan kemudian akan
9. Halaman Notifikasi
halaman ini ditampilkan pesan notifikasi yang dikirim oleh PDAM terdapat juga
tanggan pengiriman.
52
ditampilkan info tentang PDAM. Terdapat info tentang Kepala PDAM, No.
4.1.5 Pengujian
yakni pengujian sistem untuk menguji apakah sistem yang telah dibuat sesuai
53
NO Sourecode
<th>No Sambungan</th>
<th>Tunggakan</th>
<th>Jumlah</th>
<th>Periode</th>
<th>Tanggal Bayar</th>
<th>Action</th>
</tr>
</thead>
3. <tbody>
<?php
$tagihan = getAllTagihan($mysqli);
if ($tagihan <> 0) {
foreach ($tagihan as $data) {
?>
4. <tr>
<td><?=$data[‗id_tagihan‘];?></td>
<td><?=$data[‗nama_pelanggan‘];?></td>
<td><?=$data[‗nosambungan_pelanggan‘];?></td>
<td><?=$data[‗tunggakan_tagihan‘];?></td>
<td><?=$data[‗jumlah_tagihan‘];?></td>
<td><?=$data[‗periode_tagihan‘];?></td>
<td><?=$data[‗tanggalbayar_tagihan‘];?></td>
5. <td>
<a href=‖admin.php?menu=tagihan-detail&id=<?=$data[‗id_tagihan‘];?>‖
class=‖btn btn-flat btn-warning btn-xs mb-3‖ title=‖Detail‖>
<i class=‖fa fa-list‖></i>
</a>
6. <a href=‖admin.php?menu=tagihan-edit&id=<?=$data[‗id_tagihan‘];?>‖
class=‖btn btn-flat btn-primary btn-xs mb-3‖ title=‖Edit Data‖>
55
NO Sourecode
<i class=‖fa fa-pencil‖></i>
</a>
7. <a href=‖#‖ onclick=‖hapusData(‗<?=$data[‗id_tagihan‘];?>‘)‖
class=‖btn btn-flat btn-danger btn-xs mb-3‖ title=‖Hapus Data‖>
<i class=‖fa fa-trash‖></i>
</a>
</td>
8. <?php
}
}
?>
</tbody>
</table>
</div>
</div>
</div>
</div>
<!—data table end
</div>
</div>
=1 E=7 N=8
Tabel 4.16 Jalur Bebas Flow Craph Natation Pada Halaman Tagihan
Basis Flow Jalur Bebas (Independent Path)
Jalur 1 1-2-3-4-5-6-7-8
NO Sourecode
$profile[0]['id_pdam']);
if ($pelanggan <> 0) {
foreach ($pelanggan as $data) {
?>
<option
value="<?=$data['id_pelanggan'];?>"><?=$data['nosambungan_pelangga
n']." / ".$data['nama_pelanggan'];?></option>
<?php
}
}
?>
</select>
</div>
3. <div class="form-group">
<label for="tunggakan">Tunggakan</label>
<div class="input-group">
<div class="input-group-prepend">
<span class="input-group-text" id="inputGroupPrepend">Rp.</span>
</div>
<input type="text" class="form-control" name="tunggakan"
id="tunggakan" value="0" readonly>
</div>
</div>
4. <div class="form-group">
<label for="meterlalu">Meter Lalu</label>
<div class="input-group">
<div class="input-group-prepend">
<span class="input-group-text" id="inputGroupPrepend">M
<sup>3</sup></span>
58
NO Sourecode
</div>
<input type="text" class="form-control" name="meterlalu"
id="meterlalu" value="0" readonly>
</div>
</div>
5. <div class="form-group">
<label for="metersekarang">Meter Sekarang</label>
<div class="input-group">
<div class="input-group-prepend">
<span class="input-group-text" id="inputGroupPrepend">M
<sup>3</sup></span>
</div>
<input type="text" class="form-control" name="metersekarang"
id="metersekarang" placeholder="Meter Sekarang ..." required>
</div>
</div>
6. <div class="form-group">
<label for="jumlah">Jumlah</label>
<div class="input-group">
<div class="input-group-prepend">
<span class="input-group-text" id="inputGroupPrepend">M
<sup>3</sup></span>
</div>
<input type="text" class="form-control" name="jumlah" id="jumlah"
value="0" readonly>
</div>
</div>
7. <div class="form-group">
<label for="periode">Periode</label>
59
NO Sourecode
<input class="form-control" type="text" value="<?=date("M Y");?>"
name="periode" readonly>
</div>
8. <div class="form-group">
<label for="denda">Administrasi</label>
<div class="input-group">
<div class="input-group-prepend">
<span class="input-group-text" id="inputGroupPrepend">Rp.</span>
</div>
<input type="text" class="form-control" name="administrasi"
id="administrasi" value="3000" readonly>
</div>
</div>
9. <div class="form-group">
<label for="tanggalbatas">Tanggal Batas</label>
<input class="form-control" type="date" value="<?=date("Y-m-d");?>"
id="example-date-input" name="tanggalbatas">
</div>
10. <button type="submit" name="simpan" class="btn btn-primary mt-4 pr-4
pl-4">Simpan</button>
</div>
</div>
</form>
11. <?php
if (isset($_POST['simpan'])){
$id = $_POST['id'];
$pelanggan = $_POST['pelanggan'];
$tunggakan = $_POST['tunggakan'];
$jumlah = $_POST['jumlah'];
60
NO Sourecode
$meterlalu = $_POST['meterlalu'];
$metersekarang = $_POST['metersekarang'];
$denda = $_POST['denda'];
$periode = $_POST['periode'];
$administrasi = $_POST['administrasi'];
$tanggalbatas = $_POST['tanggalbatas'];
$tanggalbayar = "0000-00-00";
12. <?php
$hasil = simpanTagihan($mysqli, $id, $pelanggan, $tunggakan, $jumlah,
$meterlalu, $metersekarang, $denda, $periode, $administrasi,
$tanggalbatas, $tanggalbayar);
if ($hasil == "sukses") {
?>
<script src="../admin-control/assets/js/sweetalert.min.js"></script>
<script type="text/javascript">
swal({
text: "Berhasil Tambah Data !",
icon: "success",
button: "OK",
}).then((value) => {
window.location.href='adminpdam.php?menu=tagihan';
});
</script>
13. }else{
?>
<script src="../admin-control/assets/js/sweetalert.min.js"></script>
<script type="text/javascript">
swal({
text: "Gagal Tambah Data !",
61
NO Sourecode
icon: "error",
button: "OK",
});
</script>
14 <?php
}
}
?>
</div>
</div>
</div>
</div>
</div>
=1 E = 13 N = 14
Tabel 4.19 Jalur Bebas Flow Craph Natation Pada Tombol Import
Basis Flow Jalur Bebas (Independent Path)
Jalur 1 1-2-3-4-5-6-7-8-9-10-11-12-13-14
Pengujian.
Jenis
Kelas Uji Butir Uji
Pengujian
Notifikasi Memilih ikon notifikasi Blackbox
Info Memilih info Blackbox
1. Pengujian Alpha
berhasil apabila hasil dari output sesuai dengan kendali yang dimasukkan pada
tiap tampilan.
Kesimpulan yang dapat diambil dari pengujian alfa secara funsinya semua
proses pada aplikasi sistem informasi tagihan rekening PDAM berbasis android
2. Pengujian Beta
Hal ini dilakukan untuk mengetahui kinerja dari aplikasi pada tiap-tiap
Hasil dari pengujian beta yang telah dilakukan pada 3 type Smartphone
android dengan versi OS yang berbeda menunjukkan semua fitur yang ada pada
aplikasi sistem informasi tagihan PDAM berbasis android dapat berjalan sesuai
dengna fungsinya.
66
Untuk pengujian blackbox dari aplikasi web dapat dilihat pada lapiran 2.
Pengujian.
4.2 Pembahasan
dan PHP. Sedangkan untuk databasenya menggunakan Mysql. Aplikasi ini juga
terhubung dengan aplikasi web sebagai pengelolah dari beberapa data yang ada
Dalam sistem ini pelanggan dapat melihat tagihan rekening PDAM pada
bulan berjalan, juga dapat melihat riwayat tagihan pada bulan sebelumnya
tanpilan awal aplikasi pelanggan dapat memilih salah satu PDAM kota yang ada
pilihan ikon tagihan, riwayat tagihan, pengaduan, dan lokasi. Ada pula menu info
dan profil. Pada ikon tagihan pelanggan dapat melihat tagihan pada bulan berjalan
dengan memasukkan nomor sambungan. Pada ikon riwayat tagihan akan muncul
username dan password atau melakukan login terlebih dahulu di menu profil.
username dan password, kemudian akan muncul profil pelanggan. Pada ikon
ini juga akan muncul dengan melakukan login terlebih dahulu. Kemudian pada
ikon lokasi akan menampilkan lokasi kontor PDAM yang dimaksudkan. Pada
ikon notifikasi atau lonceng akan muncul notification batas pembayaran. Pada
Adapun sistem yang dibuat terbagi atas dua jenis, yaitu sistem berbasis
web dan sistem berbasis android. Sistem berbasis web difungsikan untuk
langsung dengan user sebagai pelanggan untuk mendapatkan info tentang tagihan
rekening PDAM.
sistem yang dibuat pada penelitian ini berbasis android, menampilkan tagihan
pengaduan, dan informasi lokasi kantor PDAM yang mencakup PDAM seluruh
Provinsi Gorontalo.
BAB 5
PENUTUP
5.1 Kesimpulan
Berdasarkan dari hasil dan pembahasan yang telah dijelaskan pada bab
sebelumnya dapat disimpulkan bahwa sistem yang telah dibuat yaitu sistem
informasi tagihan rekening PDAM ini dapat memudahkan pelanggan PDAM se-
provinsi Gorontalo untuk mencari informasi tentang jumlah tagihan PDAM, dapat
5.2 Saran
2. Perbaikan pada desain interface dan penambahan fitur yang lebih lengkap.
pada sistem.
68
DAFTAR PUSTAKA
69
LAMPIRAN
1. Data Klasifikasi
70
Kelompok
No Keterangan
Pelanggan
f. warung komunikasi
g. bengkel kecil/ tempat pencucian kendaraan
bermotor
h. sanggar seni
i. hotel melati(tidak berbintang), wisma/losmen dan
sejenisnya
j. kamar mandi/WC umum
k. Hidran Umum Komersial
l. Prakter Dokter
m. Rumah Makan Kecil
n. Salon
o. Biro jasa antara lain asuransi, notaris, akuntan,
biro reklme/iklan dan lainnya.
p. Toko obat/apotik kecil
7 NB(Niaga Besar) a. Exportir/importir
b. jasa expedisi
c. agen/Biro jasa
d. Pasar Swalayan/Mall
e. Rumah Sakit Swasta type A/B
f. Kolam Renang Umum Swasta
g. SPBU
h. Distributor/Pedagang Besar
i. Dealer kendaraan bermotor
j. hotel berbintang, wisma/losmen dijalan protokol
k. salon dijalan protokol
l. rumah makan besar/restoran
m. bengkel besar
n. pabrik
o. tempat hiburan
p. industri perikanan
q. bioskop
r. toko/ruko dijalan protokol
s. perusahaan berbentuk PT. Persero
BUMN/BUMD
t. Perkayuan
u. pertambangan
v. apotik, toko obat besar
w. dokter praktek bersama
71
Kelompok
No Keterangan
Pelanggan
x. tempat pencucian mobil
y. depot air isi ulang
8 Kelompok V a. Pelabuhan Laut
Khusus b. pelabuhan Umum
72
No Kalsifikasi Keterangan
c. Sekolah Negeri
d. RSP/Puskesmas
e. Asrama(Pelajar/mahasiswa)
f. Pesantren, Madrasyah & TPA
g. MCK Sosial
3 Kelompok II A Rumah Tangga Biasa
4 Kelompok II B Rumah Mewah
5 Kelompok III A a. instansi pemerintah
b. Hamkam TNI/POLRI
6 Kelompok III B Niaga Kecil
7 Kelompok III C Niaga Besar
8 Kelompok IV/Khusus a. Pelabuhan laut
b. Pelabuhan Udara
73
Tabel 5. Klasifikasi Pelanggan PDAM Kabupaten Gorontalo Utara
No Kalsifikasi Keterangan
1 Kelompok I A/ Sosial 1. Terminal Air
Umum 2. Hidran Umum/HU
3. Tempat Ibadah
2 Kelompok I B 1. Panti Asuhan
2. Yayasan sosila
3. Sekolah Negeri
4. Rumah sakit Pemerinatah
5. Asrama pelajar/Mahasiswa
6. Posantren/ Madrasah
7. MCK Sosial
3 Kelompok II A Rumah Tangga
4 Kelompok II B Rumah Mewah
5 Kelompok III A 1. Instansi Pemerintah
2. Hamkam
6 Kelompok III B Niaga Kecil
7 Kelompok III C Niaga Besar
8 Kelompok IV 1. Pelabuhan Laut
2. Pelabuhan Udara
Tarif Pemakaian
Per M3 Harga
BY.
Air 10m3 Dana Biaya
No Klasifikasi Pemasanga
0 s/d 10 tanpa Meter Admin
>10M3 n
M3 biaya lain
Kelompok Rp Rp Rp Rp Rp Rp
1
IA 1,050 1,050 531,500 10,500 3,500 5,000
Kelompok Rp Rp Rp Rp Rp Rp
2
IB 1,050 2,000 531,500 20,000 3,500 5,000
Kelompok Rp Rp Rp Rp Rp Rp
3
II A 2,000 3,200 637,000 32,000 3,500 5,000
Kelompok Rp Rp Rp Rp Rp Rp
4
II B 3,200 4,800 679,000 48,000 3,500 5,000
74
Tarif Pemakaian
Per M3 Harga
BY.
Air 10m3 Dana Biaya
No Klasifikasi Pemasanga
0 s/d 10 tanpa Meter Admin
>10M3 n
M3 biaya lain
Kelompok Rp Rp Rp Rp Rp Rp
5
III A 4,800 6,000 849,500 60,000 3,500 5,000
Kelompok Rp Rp Rp Rp Rp Rp
6
III B 6,000 6,600 970,500 66,000 3,500 5,000
Kelompok Rp Rp Rp Rp Rp Rp
7
III C 6,600 7,300 1,043,500 73,000 3,500 5,000
75
Lampiran 2. Pengujian
1. Pengujian Whitebox
76
NO Sourecode
<div class="input-group-prepend">
<span class="input-group-text" id="inputGroupPrepend">M
<sup>3</sup></span>
</div>
<input type="text" class="form-control" name="meterlalu"
id="meterlalu" value="<?=$tagihan[0]['meterlalu_tagihan'];?>" readonly>
</div>
</div>
5. <div class="form-group">
<label for="metersekarang">Meter Sekarang</label>
<div class="input-group">
<div class="input-group-prepend">
<span class="input-group-text" id="inputGroupPrepend">M
<sup>3</sup></span>
</div>
<input type="text" class="form-control" name="metersekarang"
id="metersekarang" value="<?=$tagihan[0]['metersekarang_tagihan'];?>"
required>
</div>
</div>
6. <div class="form-group">
<label for="jumlah">Jumlah</label>
<div class="input-group">
<div class="input-group-prepend">
<span class="input-group-text" id="inputGroupPrepend">M
<sup>3</sup></span>
</div>
<input type="text" class="form-control" name="jumlah" id="jumlah"
value="0" readonly>
77
NO Sourecode
</div>
</div>
</div>
7. <div class="col-6">
<div class="form-group">
<label for="denda">Denda</label>
<div class="input-group">
<div class="input-group-prepend">
<span class="input-group-text" id="inputGroupPrepend">Rp.</span>
</div>
<input type="text" class="form-control" name="denda" id="denda"
value="<?=$tagihan[0]['denda_tagihan'];?>" readonly>
</div>
</div>
8. <div class="form-group">
<label for="periode">Periode</label>
<input class="form-control" type="text" value="<?=date("M Y");?>"
name="periode" readonly>
</div>
9. div class="form-group">
<label for="denda">Administrasi</label>
<div class="input-group">
<div class="input-group-prepend">
<span class="input-group-text" id="inputGroupPrepend">Rp.</span>
</div>
<input type="text" class="form-control" name="administrasi"
id="administrasi" value="3000" readonly>
</div>
</div>
78
NO Sourecode
10. <div class="form-group">
<label for="tanggalbatas">Tanggal Batas</label>
<input class="form-control" type="date"
value="<?=$tagihan[0]['tanggalbatas_tagihan'];?>" id="example-date-
input" name="tanggalbatas">
</div>
11. <button type="submit" name="simpan" class="btn btn-primary mt-4 pr-4
pl-4">Simpan</button>
</div>
</div>
</form>
12. <?php
if (isset($_POST['simpan'])){
$id = $_GET['id'];
$pelanggan = $tagihan[0]['id_pelanggan'];
$tunggakan = $_POST['tunggakan'];
$jumlah = $_POST['jumlah'];
$meterlalu = $_POST['meterlalu'];
$metersekarang = $_POST['metersekarang'];
$denda = $_POST['denda'];
$periode = $_POST['periode'];
$administrasi = $_POST['administrasi'];
$tanggalbatas = $_POST['tanggalbatas'];
$tanggalbayar = $tagihan[0]['tanggalbayar_tagihan'];
$hasil = editTagihan($mysqli, $id, $pelanggan, $tunggakan, $jumlah,
$meterlalu, $metersekarang, $denda, $periode, $administrasi,
$tanggalbatas, $tanggalbayar);
if ($hasil == "sukses") {
?>
79
NO Sourecode
13. <script src="../admin-control/assets/js/sweetalert.min.js"></script>
<script type="text/javascript">
swal({
text: "Berhasil Edit Data !",
icon: "success",
button: "OK",
}).then((value) => {
window.location.href='adminpdam.php?menu=tagihan';
});
</script>
<?php
}else{
?>
<script src="../admin-control/assets/js/sweetalert.min.js"></script>
<script type="text/javascript">
swal({
text: "Gagal Edit Data !",
icon: "error",
button: "OK",
});
</script>
14. </script>
<?php
}
}
?>
</div>
</div>
</div>
80
NO Sourecode
<!-- data table end -->
</div>
</div>
=1 E = 13 N = 14
Tabel 10. Jalur Bebas Flow Craph Natation Pada Tombol Edit
Basis Flow Jalur Bebas (Independent Path)
Jalur 1 1-2-3-4-5-6-7-8-9-10-11-12-13-14
81
b. Pengujian Tombol Detail Pada Halaman Tagihan
82
NO Sourecode
align-items-center">
Tarif
<span class="badge badge-primary badge-pill">Rp.
<?=$tagihan[0]['tarif_klasifikasi'];?></span>
</li>
4. <li class="list-group-item d-flex justify-content-between align-items-
center">
Tunggakan
<span class="badge badge-primary badge-pill">Rp.
<?=$tagihan[0]['tunggakan_tagihan'];?></span>
</li>
5. <li class="list-group-item d-flex justify-content-between align-items-
center">
Jumlah
<span class="badge badge-primary badge-pill">Rp.
<?=$tagihan[0]['jumlah_tagihan'];?></span>
</li>
6. <li class="list-group-item d-flex justify-content-between align-items-
center">
Meter Lalu
<span class="badge badge-primary badge-
pill"><?=$tagihan[0]['meterlalu_tagihan'];?> Kwh</span>
</li>
7. <li class="list-group-item d-flex justify-content-between align-items-
center">
Meter Sekarang
<span class="badge badge-primary badge-
pill"><?=$tagihan[0]['metersekarang_tagihan'];?> Kwh</span>
</li>
83
NO Sourecode
8. <li class="list-group-item d-flex justify-content-between align-items-
center">
Denda
<span class="badge badge-primary badge-pill">Rp.
<?=$tagihan[0]['denda_tagihan'];?></span>
</li>
9. <li class="list-group-item d-flex justify-content-between align-items-
center">
Periode
<span class="badge badge-primary badge-
pill"><?=$tagihan[0]['periode_tagihan'];?></span>
</li>
10. <li class="list-group-item d-flex justify-content-between align-items-
center">
Administrasi
<span class="badge badge-primary badge-pill">Rp.
<?=$tagihan[0]['administrasi_tagihan'];?></span>
</li>
11. <li class="list-group-item d-flex justify-content-between align-items-
center">
Tanggal Batas
<span class="badge badge-primary badge-
pill"><?=$tagihan[0]['tanggalbatas_tagihan'];?></span>
</li>
12. <li class="list-group-item d-flex justify-content-between align-items-
center">
Tanggal Bayar
<span class="badge badge-primary badge-
pill"><?=$tagihan[0]['tanggalbayar_tagihan'];?></span>
84
NO Sourecode
</li>
13. </ul>
</div>
</div>
</div>
</div>
=1 E = 12 N = 13
85
Tabel 13. Jalur Bebas Flow Craph Natation Pada Tombol Tambah
Basis Flow Jalur Bebas (Independent Path)
Jalur 1 1-2-3-4-5-6-7-8-9-10-11-12-13
86
NO Sourecode
echo
"<script>window.location.href='admin.php?menu=tagihan';</script>";
}else{
echo "<script>alert('Gagal Hapus Data
!');window.location.href='admin.php?menu=tagihan';</script>";
}
?>
5. else {
swal("Data Berhasil Di Amankan !");
}
6. });
}
</script>
=2 E=6 N=6
87
Tabel 16. Jalur Bebas Flow Craph Natation Pada Tombol Hapus
Basis Flow Jalur Bebas (Independent Path)
Jalur 1 1-2-4-5-1
Jalur 2 1-2-3-6
2. Pengujian Blackbox
a. Pengujian Form Login
88
Kasus dan hasil Uji
Reaksi Yang Hasil Yang
Data Msukkan Kesimpulan
Diharapkan Diharapkan
Service
Melakukan Memproses Inputan Menampilkan Diterima
Login.Memasukkan Username username dan beranda web
dan password Pimpinan Password. Benar.
Melihat data Admin PDAM Memproses tampilan Menampilkan Diterima
dengan mengklik ―Admin data Admin PDAM data Admin
PDAM‖ PDAM
Menambah data Admin PDAM Memproses tambah Menampilkan Diterima
dengan mengklik ikon ―tambah Admin PDAM Tambah Admin
(+)‖ PDAM
Mengisi data Admin PDAM Memproses simpan Menampilkan Diterima
dengan mengklik ―Simpan‖ Admin PDAM data Admin
PDAM
Mengubah data Admin PDAM Memproses edit data Menampilkan edit Diterima
dengan mengeklik ―Edit‖ Admin PDAM data Admin
PDAM
Melihat detail data Admin Memproses Detail Menampilkan Diterima
PDAM dengan mengklik Admin PDAM Detail Admin
―Detail‖ PDAM
Menghapus data Admin Memproses Hapus Menampilkan Diterima
PDAM dengan mengklik Admin PDAM Data Admin
―Hapus‖ PDAM
Melihat data Admin Loket Memproses tampilan Menampilkan Diterima
dengan mengklik ―Admin data Admin Loket data Admin Loket
Loket‖
Menambah data Admin Loket Memproses tambah Menampilkan Diterima
dengan mengklik ikon ―tambah Admin Loket Tambah Admin
(+)‖ Loket
Mengisi data Admin Loket Memproses simpan Menampilkan Diterima
dengan mengklik ―Simpan‖ Admin Loket data Admin Loket
Mengubah data Admin Loket Memproses edit data Menampilkan edit Diterima
dengan mengeklik ―Edit‖ Admin Loket data Admin Loket
Melihat detail data Admin Memproses Detail Menampilkan Diterima
Loket dengan mengklik Admin Loket Detail Admin
―Detail‖ Loket
Menghapus data Admin Loket Memproses Hapus Menampilkan Diterima
89
Kasus dan hasil Uji
Reaksi Yang Hasil Yang
Data Msukkan Kesimpulan
Diharapkan Diharapkan
dengan mengklik ―Hapus‖ Admin PDAM Data Admin
Loket
Melihat data PDAM dengan Memproses tampilan Menampilkan Diterima
mengklik ―PDAM‖ data PDAM data PDAM
Menambah data PDAM Memproses tambah Menampilkan Diterima
dengan mengklik ikon ―tambah PDAM Tambah PDAM
(+)‖
Mengisi data PDAM dengan Memproses simpan Menampilkan Diterima
mengklik ―Simpan‖ PDAM data PDAM
Mengubah data PDAM dengan Memproses edit data Menampilkan edit Diterima
mengeklik ―Edit‖ PDAM data PDAM
Melihat detail data PDAM Memproses Detail Menampilkan Diterima
dengan mengklik ―Detail‖ PDAM Detail PDAM
Melihat Lokasi PDAM dengan Memproses Lokasi Menampilkan Diterima
Mengklik ―Lokasi‖ PDAM Lokasi PDAM
Menghapus data PDAM Memproses Hapus Menampilkan Diterima
dengan mengklik ―Hapus‖ PDAM Data PDAM
Melihat data Klasifikasi Memproses tampilan Menampilkan Diterima
dengan mengklik ―Klasifikasi‖ data Klaifikasi data Klasifikasi
Menambah data Klasifikasi Memproses tambah Menampilkan Diterima
dengan mengklik ikon ―tambah Klasifikasi Tambah
(+)‖ Klasifikasi
Mengisi data Klasifikasi Memproses simpan Menampilkan Diterima
dengan mengklik ―Simpan‖ Klasifikasi data Klasifikasi
Mengubah data Klasifikasi Memproses edit data Menampilkan edit Diterima
dengan mengeklik ―Edit‖ Klasifikasi data Klasifikasi
Menghapus data Klasifikasi Memproses Hapus Menampilkan Diterima
dengan mengklik ―Hapus‖ Klasifikasi Data Klasifikasi
Melihat data pelanggan dengan Memproses tampilan Menampilkan Diterima
mengklik ―Pelanggan‖ data pelanggan data pelanggan
Menambah data pelanggan Memproses tambah Menampilkan Diterima
dengan mengklik ikon ―tambah pelanggan Tambah
(+)‖ pelanggan
Mengisi data pelanggan Memproses simpan Menampilkan Diterima
dengan mengklik ―Simpan‖ pelanggan data pelanggan
Mengubah data pelanggan Memproses edit data Menampilkan edit Diterima
90
Kasus dan hasil Uji
Reaksi Yang Hasil Yang
Data Msukkan Kesimpulan
Diharapkan Diharapkan
dengan mengeklik ―Edit‖ pelanggan data pelanggan
Melihat detail data pelanggan Memproses Detail Menampilkan Diterima
dengan mengklik ―Detail‖ pelanggan Detail pelanggan
Menghapus data pelanggan Memproses Hapus Menampilkan Diterima
dengan mengklik ―Hapus‖ pelanggan Data pelanggan
Melihat data tagihan dengan Memproses tampilan Menampilkan Diterima
mengklik ―Tagihan‖ data tagihan data tagihan
Menambah data tagihan Memproses tambah Menampilkan Diterima
dengan mengklik ikon ―tambah tagihan Tambah tagihan
(+)‖
Mengisi data tagihan dengan Memproses simpan Menampilkan Diterima
mengklik ―Simpan‖ tagihan data tagihan
Mengubah data tagihan dengan Memproses edit data Menampilkan edit Diterima
mengeklik ―Edit‖ tagihan data tagihan
Melihat detail data tagihan Memproses Detail Menampilkan Diterima
dengan mengklik ―Detail‖ tagihan Detail tagihan
Menghapus data tagihan Memproses Hapus Menampilkan Diterima
dengan mengklik ―Hapus‖ tagihan Data tagihan
Melihat data tagihan dengan Memproses tampilan Menampilkan Diterima
mengklik ―Tagihan‖ data tagihan data tagihan
Klik bayar dengan mengklik Memproses klik Menampilkan Diterima
ikon ―bayar‖ bayar bayar
Melihat detail data tagihan Memproses Detail Menampilkan Diterima
dengan mengklik ―Detail‖ tagihan Detail tagihan
Melihat laporan sudah bayar Memproses tampilan Menampilkan Diterima
dengan mengklik ―sudah laporan sudah bayar laporan sudah
bayar‖ bayar
Melihat laporan sudah bayar Memproses tampilan Menampilkan Diterima
perperiode dengan memilih laporan sudah bayar laporan sudah
periode lalu klik ―lihat data‖ perperiode bayar perperiode
Mengeksport laporan sudah Memproses eksport Data laporan Diterima
bayar dengan mengklik data laporan sudah sudah bayar
―Eksport‖ bayar didaownload
Melihat laporan belum bayar Memproses tampilan Menampilkan Diterima
dengan mengklik ―belum laporan belum bayar laporan belum
bayar‖ bayar
91
Kasus dan hasil Uji
Reaksi Yang Hasil Yang
Data Msukkan Kesimpulan
Diharapkan Diharapkan
Melihat laporan belum bayar Memproses tampilan Menampilkan Diterima
perperiode dengan memilih laporan belum bayar laporan belum
periode lalu klik ―lihat data‖ perperiode bayar perperiode
Mengeksport laporan belum Memproses eksport Data laporan Diterima
bayar dengan mengklik data laporan belum belum bayar
―Eksport‖ bayar didaownload
Melihat laporan keseluruhan Memproses tampilan Menampilkan Diterima
dengan mengklik ―All‖ keseluruhan laporan
keseluruhan
Melihat laporan keseluruhan Memproses tampilan Menampilkan Diterima
perperiode dengan memilih laporan keseluruhan laporan
periode lalu klik ―lihat data‖ perperiode keseluruhan
perperiode
Mengeksport laporan Memproses eksport Data laporan Diterima
keseluruhan dengan mengklik data laporan keseluruhan
―Eksport‖ keseluruhan didaownload
Melihat pengaduan dengan Memproses tampilan Menampilkan Diterima
mengklik ―Pengaduan‖ pengaduan data pengaduan
Mengubah pengaduan dengan Memproses edit Menampilkan Diterima
mengeklik ―Edit‖ pengaduan pengaduan
Menghapus pengaduan dengan Memproses Hapus Menampilkan Diterima
mengklik ―Hapus‖ pengaduan Data pengaduan
Melihat notifikasi dengan Memproses tampilan Menampilkan Diterima
mengklik ―notifikasi‖ notifikasi data pelanggan
Melihat detail pelanggan Memproses tampilan Menampilkan Diterima
dengan mengklik ―Detail‖ detail data notifikasi
Menambah notifikasi dengan Memproses tambah Menampilkan Diterima
mengklik ikon ―tambah (+)‖ notifikasi Tambah notifikasi
Mengisi notifikasi dengan Memproses tambah Menampilkan Diterima
mengklik ―Simpan‖ notifikasi notifikasi
Menghapus notifikasi dengan Memproses Hapus Menampilkan Diterima
mengklik ―Hapus‖ notifikasi Data notifikasi
Melihat semua notifikasi Memproses tampilan Menampilkan Diterima
dengan mengklik ―Notifikasi semua notifikasi semua notifikasi
All‖
Menambah notifikasi dengan Memproses tambah Menampilkan Diterima
92
Kasus dan hasil Uji
Reaksi Yang Hasil Yang
Data Msukkan Kesimpulan
Diharapkan Diharapkan
mengklik ikon ―tambah (+)‖ semua notifikasi Tambah notifikasi
Mengisi notifikasi dengan Memproses tambah Menampilkan Diterima
mengklik ―Simpan‖ notifikasi semua notifikasi
Menghapus notifikasi dengan Memproses Hapus Menampilkan Diterima
mengklik ―Hapus‖ notifikasi Data notifikasi
93
RIWAYAT HIDUP
Sekolah Dasar pada tahun 1998 – 2004 dengan nama SD Impres 1 Bingo
III saat itu dan berganti nama menjadi SDN 07 Wonosari sekarang. setelah lulus
melanjutkan sekolah di KMI (Kulliyatul Mualimat Al-Islamiyah) Pondok Modern
Darussalam Gontor Putri 3 dari tahun 2004 – 2010. Kemudian pada tahun 2012 -
2019 kuliah di Universitas Negeri Gorontalo Fakultas Teknik Jurusan Teknik
Informatika.
94