SISTEM INFORMASI TAGIHAN REKENING PDAM SE-PROVINSI GORONTALO BERBASIS ANDROID

SKRIPSI

logo

‘lpkpkmll

Oleh:

HANI ANJARxxxxxx

53141xxx

PROGRAM STUDI S1-SISTEM INFORMASI

JURUSAN TEKNIK INFORMATIKA

FAKULTAS TEKNIK

UNIVERSITAS NEGERI GORONTALO

2019

DAFTAR ISI

DAFTAR ISI        i

DAFTAR TABEL        ii

DAFTAR GAMBAR        iii

DAFTAR LAMPIRAN        iv

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        11

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.2        Analisis        17

4.1.3        Desain        19

4.1.4        Implementasi        34

4.1.5        Pengujian        48

4.2        Pembahasan        63

BAB 5 PENUTUP        65

5.1        Kesimpulan        65

5.2        Saran        65

DAFTAR PUSTAKA        66

LAMPIRAN        67


DAFTAR TABEL

Tabel 3.1 Jadwal Penelitian        10

Tabel 4.1 Data Klasifikasi Pelanggan        15

Tabel 4.2 Tarif Air Minum        17

Tabel 4.3 tb_admin        26

Tabel 4.4 tb_pdam        26

Tabel 4.5 tb_klasifikasi        26

Tabel 4.6 tb_pelanggan        27

Tabel 4.7 tb_tagihan        27

Tabel 4.8 tb_pengaduan        28

Tabel 4.9 Pengujian Halaman Tagihan        48

Tabel 4.10 Penentuan Kompleksifitas Siklomatis Pada Halaman Tagihan        52

Tabel 4.11 Jalur Bebas Flow Craph Natation Pada Halaman Tagihan        52

Tabel 4.12 Pengujian Tombol Import        53

Tabel 4.13 Penentuan Kompleksifitas Siklomatis Pada Tombol Import        56

Tabel 4.14 Jalur Bebas Flow Craph Natation Pada Tombol Import        56

Tabel 4.15 Pengujian Tombol Hapus        57

Tabel 4.16 Penentuan Kompleksifitas Siklomatis Pada Tombol Hapus        59

Tabel 4.17 Jalur Bebas Flow Craph Natation Pada Tombol Hapus        59

Tabel 4.18 Perancangan Pengujian        59

Tabel 4.19 Pengujian Halaman Andoid        60

Tabel 4.20 Jenis Smastphone Android        62

Tabel 4.21 Hasil Pengujian dari Smartphone        62


DAFTAR GAMBAR

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        19

Gambar 4.3 Flowchart Sistem Android        21

Gambar 4.4 Diagram Context        22

Gambar 4.5 Data Flow Diagram Level 0.        23

Gambar 4.6 DFD Level 1 Proses 1.        24

Gambar 4.7 DFD Level 1 Proses 2.        25

Gambar 4.8 DFD Level 1 Proses 3.        25

Gambar 4.9 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 Login        34

Gambar 4.21 Halaman Utama        35

Gambar 4.22 Tampilan PDAM        35

Gambar 4.23 Tampilan Klasifikasi        36

Gambar 4.24 Tampilan Pelanggan        37

Gambar 4.25 Tampilan Tagihan        37

Gambar 4.26 Tampilan Pengaduan        38

Gambar 4.27 Halaman Awal Sistem        39

Gambar 4.28 Halaman Utama Sistem        40

Gambar 4.29 Halaman Cek Tagihan        41

Gambar 4.30 Halaman Login        42

Gambar 4.31 Halaman Profil Pelanggan        43

Gambar 4.32 Halaman Riwayat Tagihan        44

Gambar 4.33 Halaman Lokasi        45

Gambar 4.34 Halaman Pengaduan        46

Gambar 4.35 Halaman Info PDAM        47

Gambar 4.36 Kompleksitas Siklomatis Pada Halaman Tagihan        52

Gambar 4.37 Kompleksitas Siklomatis Pada Tombol Import        56

Gambar 4.38 Kompleksitas Siklomatis Pada Tombol Hapus        58


DAFTAR LAMPIRAN

Lampiran 1. Data Penelitian        67

Lampiran 2. Pengujian        70

BAB 1
PENDAHULUAN

  1. Latar Belakang

Air bersih merupakan kebutuhan yang sangat penting dan utama bagi kehidupan manusia, yang harus terpenuhi kapanpun dan dimanapun saat 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 teknologi informasi yang telah berkembang pesat dan kemudahan mengakses informasi melalui berbagai perangkat teknologi informasi, memungkinkan ketersediaan informasi pelanggan yang mudah diakses dengan cepat dan akurat.

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.

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 pembayaran rekening PDAM.

Berdasarkan permasalahan diatas maka akan dirancang sebuah sistem informai berbasis android yang dapat diakses dengan mudah dan cepat serta dapat memberikan informasi seputar tagihan rekening PDAM kepada pelangggan.

  1. Rumusan Masalah

Berdasarkan latar belakang diatas, rumusan masalah dalam penelitian ini yaitu bagaimana cara membangun sebuah sistem informasi tagihan rekening PDAM berbasis Android.

1.3        Ruang Lingkup

Ruang lingkup dari penelitian ini adalah.

  1. Penelitian ini dilakukan di beberapa PDAM di Gorontalo.
  2. Sistem yang dibuat berbasis Android.

3.        Sistem ini tidak menyediakan proses pembayaran rekening PDAM.

4.        Mengirim notification kepada pelanggan sebelum batas pembayaran rekening PDAM.

5.        Menyajikan informasi lokasi kantor PDAM se-Provinsi Gorontalo dengan google maps.

1.4        Tujuan Penelitian

                Adapun tujuan dari Penelitian ini adalah

  1. Merancang sistem informasi yang dapat menyajikan informasi tagihan rekening pelanggan PDAM
  2. Membangun sebuah sistem informasi tagihan rekening PDAM berbasis Andoid.

1.5        Manfaat

                Adapun manfaat dari penelitian ini adalah

1.         Untuk PDAM Kota Gorontalo yakni agar dapat meningkatkan Fasilitas Pelayanan kepada pelanggan.

2.        Manfaat untuk pembaca dapat menjadi studi pustaka bagi para pembaca atau peneliti lainnya.

3.        Manfaat bagi peneliti adalah dapat  menjadi bahan pembelajaran bagi peneliti.

BAB 2
TINJAUAN PUSTAKA

2.1        LandasanTeori

2.1.1        Perusahaan Daerah Air Minum (PDAM)

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. PDAM terdapat disetiap provinsi, kabupaten, dan kotamadya diseluruh Indonesia. (Al Shahab)

Apabila merujuk pada keputusan menteri dalam negeri No: 690-069 tahun 1992, tentang pola petunjuk teknis pengelolahan PDAM, disana ditegaskan bahwa PDAM mempunyai tugas pokok pelayanan umum pada masyarakat, dimana dalam menjalankan fungsinya PDAM diharapkan mampu membiayai dirinya sendiri (Self Financing) dan harus berusaha mengembangkan tingkat pelayanannya, disamping itu PDAM juga diharapkan mampu memberikan sumbangan pembangunan kepada pemda. Selanjutnya dalam keputusan mentri 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. Untuk mencapai tujuan diatas, maka penyelenggaraan, pengelolahan, dan pembinaan terhadap PDAM harus berdasarkan kepada prinsip-prinsip dan azas ekeonomi perusahaan yang sehat. (Al Shahab).

2.1.2        Sistem Informasi

        Sistem adalah beberapa elemen yang saling berhubungan dengan maksud 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 sistem (Kadir, 2003).

        Sistem informasi adalah sekumpulan komponen (manusia, komputer, prosedur kerja, teknologi informasi) yang saling berhubungan yang melakukan suatu proses kerja secara manual atau berbasis komputer (data atau input menjadi informasi) untuk mencapai suatu sasaran yaitu sebuah informasi yang berguna sesuai dengan tujuan (Kadir, 2003).

2.1.3        Android

Android adalah sebuah sistem operasi yang berbasis linux atau open source yang diperuntukkan pada perangkat mobile seperti smartphone dan komputer tablet mencakup sistem operasi,  middleware, dan aplikasi. Android menyediakan platform terbuka yang memungkin bagi para pengembang untuk membuat aplikasi mereka sendiri (Hakiky & Ichwan, 2011).

2.1.4        Research and Development Model DBMS

        Research and Development adalah model penelitian pengembangan 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 produk berbasis penelitian yaitu analisis kebutuhan, perancangan sekaligus pengujian, implementasi produk, evaluasi produk, dan revisi secara menerus (Mulyatiningsing, 2011).

        Data-Based Management System (DBMS) merupakan sebuah sistem penyimpanan dan pemanggilan data elektronik menggunakan komputer dengan tujuan untuk meningkatkan efesiensi dan efektivitas pekerjaan. Beberapa 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 sama (Mulyatiningsing, 2011).

R&B DBMS.png

Gambar 2.1 R&D DBMS Menurut Connoly

        Pada pengembangan DBMS terdapat prosedur singkat yaitu.

A.        Analisis Kebutuhan

        Analisis merupakan tahapan pendahuluan dalam pengembangan database. Pada tahap ini ada beberapa kegiatan-kegiatan yang dilakukan 1) analisis permasalahan perlu pengembangan pogram DBMS, 2) merumuskan tujuan pengembangan, 3) menetapkan isi database, 4) mengidentifikasi keterbatasan, kendala dan solusi, 5) menetapkan feasibilitas teknik database, 6) mengidentifikasi kebutuhan pengguna, 7) menetapkan metode pengembangan dan prosedur pengembangan (Mulyatiningsing, 2011).

B.         Desain

        Ada beberapa model pembuatan desain dari yag sederhana hingga desain kompleks. Sebuah desain sederhana dimulai dari pembuatan diagram flowchart, penulisan bahasa program (pseudocode), pengkodean, pembuatan prototype  dan pengujian pogram (Mulyatiningsing, 2011).

C.        Prototyping/Implementasi

        Prototyping adalah membuat softwarae dalam skala kecil sebagai produk awal. Pada pembuatan prototype diharapkan semua unsur pada pogram telah terbangun walaupun masih dalam skala kecil (Mulyatiningsing, 2011).

D.        Pengujian

        Setelah aplikasi yang telah dirancang lengkap, perlu dilakukan uji coba pada program. Pengujian dilakukan untuk mengendalikan keakuratan data atau memperkecil kesalahan pada pogram. Pada fase entry data pengujian menggunakan verifikasi dan validasi (Mulyatiningsing, 2011).

2.2        Penelitian Terkait

                Terdapat beberapa penelitian yang terkait dengan Sistem Informasi Tagihan Rekening PDAM Gorontalo, namun ada yang lebih mendekati dari penelitian yang ada yaitu penelitian tentang Aplikasi Pengecekan Tagihan di PDAM Kota Gorontalo Berbasis Smartphone Android (Djibu, 2015). Tujuan penelitian yakni merancang aplikasi berbasis smartphone android untuk memudahkan para pelanggan dalam mengecek biaya tagihan dan jumlah pemakaian air. Metode yang digunakan yaitu metode Research and Development atau penelitian dan pengembangan. Hasil dari penelitian adalah aplikasi bisa digunakan untuk melakukan pengecekan tagihan air, digunakan untuk meihat riwayat tagihan dan pemakaian air tiap bulan, dan menyediakan website yang digunakan untuk mengecek informasi tagihan air.

                Penelitian terkait lainnya yakni Sistem Informasi Geografis Pemetaan Jaringan Pipa di Kota Gorontalo (Ibrahim, 2016). Tujuan dari penelitian tersebut adalah melakukan pemetaan jaringan pipa PDAM di Kota Gorontalo menggunakan Sistem Informasi Geografis dan menyajikan informasi tentang jaringan pipa dan pelanggan PDAM yang ada di Kota Gorontalo menggunakan Sistem Informasi Geografis. Metode yang digunakan yaitu metode Prototyping. Metode ini dimulai dengan mengumpulkan kebutuhan pelanggan terhadap 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 yang ada di wilayah kerja PDAM Kota Gorontalo yakni Kota Gorontalo dan sebagian wilayah Bone Bolango dan memberikan informasi tentang data pelanggan yang ada di Kota Gorontalo, yang disajikan kedalam peta Google Maps API dengan marker yang berbeda sesuai dengan status pelanggan tersebut.

        Berdasarkan dari dua penelitian sebelumnya, terdapat perbedaan dengan penelitian ini yaitu penelitian yang dilakukan  oleh (Djibu, 2015) yang menyediakan informasi tagihan air dan riwayat tagihan pada penelitian ini akan dikembangkan dengan memberikan notification kepada pelanggan dan mencakup tidak hanya di PDAM Kota Gorontalo tetapi juga di beberapa PDAM di wilayah Kabupaten kota di Gorontalo. Sedangkan pada penelitian (Ibrahim, 2016) yang menyediakan informasi peta jaringan pipa, dipenelitian ini akan menyajikan informasi lokasi kantor-kantor PDAM di wilayah Kabupaten kota di Gorontalo.

BAB 3
METODE PENELITIAN

3.1        Lokasi Dan Waktu Penelitian

Penelitian ini dilakukan pada beberapa PDAM di Kabupaten Kota di Gorontalo pada bagian pelayanan pelanggan PDAM. Penelitian ini akan dilaksanakan selama 6 bulan dengan jadwal penelitian seperti pada Tabel 3.1.

Tabel 3.1 Jadwal Penelitian

No.

Kegiatan

Bulan Ke

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

1

Penentuan Topik

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

2

Studi Pendahuluan

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

3

Penyusunan Proposal

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

4

Seminar Proposal

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

5

Pengumpulan Data

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

6

Perancangan Aplikasi

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

7

Pembuatan Laporan

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

8

Seminar Hasil

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

9

Sidang Skripsi

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 


3.2        Rancangan Penelitian

                Pada rancangan ini peneliti menggunakan tahapan-tahapan penelitian Research and Development  model Data-Based Management System (DBMS). Peneliti menggunakan tahapan-tahapan penelitian R&D karena akan melakukan penelitian pengembangan pada aplikasi yang telah dibuat sebelumnya dengan memperluar wilayah penelitian, menambah tools dan juga informasi lainnya yang belum ada pada penelitian sebelumnya. Adapun tahapan-tahapan penelitian sebagai berikut.

3.2.1        Data Penelitian

Beberapa teknik pengumpulan data yang dilakukan untuk mengumpulkan data antara lain.

  1. Observasi atau wawancara dilakukan kepada pihak PDAM, mendapatkan data alur proses bisnis sistem tagihan rekening PDAM.
  2. Teknik pengambilan basis data dengan mengambil data arsip PDAM yaitu data pelanggan berupa klasifikasi jenis pelanggan dan status pelanggan.

3.2.2        Analisis

Teknik analisis yang digunakan peneliti adalah  analisis data kualitatif. Data yang telah didapat dari hasil wawancara yaitu alur proses bisnis sistem akan dianalisis kemudian dibuat rancangan desain sistem. Sedangkan pada data arsip yang telah diambil akan dianalisis kemudian kelompokkan sesuai dengan jenis pelanggan dan status pelanggan, Lalu akan dibuat kode pada setiap jenis dan status kemudian data pelanggan akan diurutkan sesuai dengan kode yang telah dibuat.

Pada tahapan ini ada beberapa hal yang perlu dianalisis yakni.

  1. Menganalisis permasalahan yang membutuhkan sistem informasi berbasis android.
  2. Merumuskan tujuan pembangunan sistem informasi tagihan rekening PDAM berbasis android.
  3. Mengidentifikasi kebutuhan pelanggan.

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 bisnis, dan karakteristik interface.

3.2.4        Implementasi

Berdasarkan hasil dari desain yang telah dirancang pada tahap sebelumnya, maka akan dibangun sebuah aplikasi. Pada tahap implementasi ini akan digunakan bahasa pemograman java dan beberapa software pendukung. Hasil yang diperoleh dari tahapan ini adalah sebuah sistem informasi yang berbasis android.

3.2.5        Pengujian

Pengujian dilakukan untuk melihat apakah aplikasi yang telah dirancang berjalan sesuai dengan kebutuhan. Dalam melakukan pengujian peneliti akan menggunakan blackbox dan whitebox.

BAB 4
HASIL PENELITIAN DAN PEMBAHASAN

4.1         Hasil Penelitian

Pada bagian ini akan dijelaskan hasil yang diperoleh dari penelitian melalui masing-nasing tahapan yang terdapat pada metode Research and Development model DBMS.

4.1.1        Data Penelitian

Adapun data yang didapatkan dari hasil pengumpulan data adalah data  wawancara dan data arsip, selanjutnya akan dijelaskan sebagai berikut.

4.1.1.1        Data Wawancara

Pada tahapan pengumpulan data dengan metode wawancara didapatkan alur sistem tagihan rekening PDAM yang telah digambarkan pada flow chart  dibawah ini.

Gambar 4.1 Flow chart Sistem Tagihan Rekening PDAM

4.1.1.2        Data Arsip

Data arsip dari hasil pengumpulan data antara lain sebagai berikut.

a. Data Klasifkasi Pelanggan

Tabel 4.1 Data Klasifikasi Pelanggan

No

Kelompok Pelanggan

Keterangan

1

Kelompok I

a. Terminal Air

b. Hidran Umum/Kran Kelompok

c. Tempat Ibadah

2

Kelompok II

a. Panti Asuhan

b. Yayasan Negeri

c. Sekolah Negeri, sampai Sekolah Menengah

d. Rumah sakit Pemerintah Dan Pusat Kesehatan Masyarakat

e. Asrama Pelajar/mahasiswa Perguruan Tinggi Negeri

f. Pesantren, Madrasah dan TPA

g. MCK Sosial

3

Kelompok III

 

RA(Rumah tinggal A)

Pelanggan rumah tangga yang berlokasi dikawasan yang sudah tertata baik

dengan kondisi rumah tidak mewah dan atau dibawah type 54

golongan yang tidak mempunyai kegiatan usaha

4

RB(Rumah tinggal B)

Pelanggan rumah tinggal dengan kondisi rumah mewah

rumah type 54 keatas

golongan yang tidak mempunyai kegiatan usaha

5

Kelompok IV

 

Instansi Pemerintah(IP)

Instansi/lembaga pemerintah, TNI, POLRI, dan Lembaga Non Komersial

Lemabga Pendidikan Tinggi/Diklat dan khusus dari instansi pemerintah

Asrama pemerintah/TNI?POLRI dan sejenisnya

6

NK(Niaga Kecil)

a. Perusahan Berbentuk Cv, Firma, & koprasi

b. Perdagangan umum

c. Kios/Toko Kcil

d. rumah sakit swastatype C/D

e. pendidikan swasta/yayasan komersial

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

x. tempat pencucian mobil

y. depot air isi ulang

8

Kelompok V Khusus

a. Pelabuhan Laut

b. pelabuhan Umum

        Tabel 4.1 diatas adalah tabel data klasifikasi pelanggan PDAM Kota Gorontalo, data klasifikasi dari PDAM lainnya terdapat di lampiran 1. Data Penelitian.

b. Tarif Air Minum

Tabel 4.2 Tarif Air Minum

Kelompok Pelanggan

Besaran Biaya Air

Keterangan

0-10 M3

>11 M3

Kelompok 1 Sosial Umum

1100

1100

Pemakaian minimum untuk kelopok II s/d IV 10M3

Kelompok II Sosial Khusus

1100

1500

Kelompok III RA

2500

3400

Kelompok III RB

3200

4600

Kelompok IV IP

4600

5700

Kelompok IV NK

4750

5800

Kelompok IV NB

5300

5900

Kelompok V Khusus

25000

25000

Tabel 4.2 diatas adalah tabel tarif air minum PDAM Kota Gorontalo, data klasifikasi dari PDAM lainnya terdapat di lampiran 1. Data Penelitian.

4.1.2        Analisis

Tahapan analisis digunakan untuk mendapatkan informasi mengenai permasalahan yang ditemukan serta mendeskripsikan kebutuhan-kebutuhan mengenai sistem android yang dibuat. Pada tahapan ini akan dilakukan analisis permasalahan dan analisis kebutuhan. Pada analisis permasalahan akan menjelaskan mengenai permasalahan yang ada, dan pada analisis kebutuhan akan menjelaskan kebutuhan sistem.

A. Analisis Permasalahan

Pada tahapan ini menganalisis permasalahan-permasalahan yang ada pada PDAM. Ditemukan beberapa masalah yang terjadi pada seperti kurangnya informasi jumlah tagihan air pada setiap bulan yang akan dibayar oleh pelanggan, dan tidak adanya pengingat untuk pelanggan sehingga sering kali pelanggan melalukan pembayaran melewati batas tenggang yang diberikan.

B. Analisis Kebutuhan

Pada analisis kebutuhan akan menjelaskan mengenai kebutuhan sistem secara garis besar. pada analisis kebutuhan akan dibagi menjadi kebutuhan fungsional, Kebutuhan non fungsional, dan kebutuhan user.

  1. Kebutuhan Fungsional

Sistem ini akan dibangun dalam dua platform yang saling berhubungan. Platform pertama menggunkaan aplikasi web sebagai sistem untuk mengelolah data-data yang berhubungan dengan informasi tagihan rekening PDAM. Sedangkan platform kedua yakni program utamanya. Dibuat menggunakan platform andoid yang menangani informasi tagihan rekening PDAM, Informasi lainnya, dan pengaduan pelanggan.

  1. Kebutuhan Non Fungsional
  1. Sistem informasi berbasis android ini akan berjalan disemua jenis handphone android
  2. Memerlukan koneksi internet untuk mengakses informasi
  3. Mysql sebagai database
  4. Dalam pembuatan mengguanakan HTML dan Jquery dalam pembuatan sistem android

3. Kebutuhan User

  1. admin bertugas untuk melakukan kendali penuh terhadap sistem serta bertugas menginput pemakaian meter pelanggan.
  2. User adalah pelanggan PDAM dimana menggunakan sistem informasi andoid ini untuk mengakses informasi tagihan rekening PDAM

4.1.3        Desain

Ada beberapa desain yang dirancang, akan dijelaskan sebagai berikut.

4.1.3.1        Arsitektur Sistem

Gambar 4.2 Arsitektur Sistem Informasi Berbasis Android

        Gambar ini adalah gambaran arsitektur sistem yang akan dibuat. Dijelaskan pada gambar bahwa user menggunakan smartphone untuk mengakses sistem informasi tagihan rekening PDAM berbasis android. Smartphone android melakukan request ke internet server yang akan diproses oleh bahasa pemograman server, dalam hal ini menggunakan pemograman php. Kemudian server php akan mengakses database mysql yang selanjutnya oleh server php dikirim kembali ke smartphone android menggunakan format Json. Json sendiri adalah file format standar yang mengirimkan bahasa php ke mobile andoid. Sedangkan admin dapat mengakses melalui PC,  sistem web dapat diakses menggunakan browser yang langsung diproses oleh server. 

4.1.3.2        Perancangan Flowchart  Sistem  Android

        Gambar 4.3 dibawah ini menjelaskan alur/flowchart sistem andoid yang dibuat.

Gambar 4.3 Flowchart Sistem Android

4.1.3.3        Perancangan Data Flow Diagram

        Data Flow Diagram digunakan untuk menggambarkan rancangan sistem yang akan dibuat dalam bentuk visual agar dapat dimengerti. Beberapa diagram yang akan digunakan antara lain : DFD Level 0, DFD level , serta fungcional requirment untuk menceritakan sistem yang akan dbuat.

1. Functional Recruitment

        Functional recruitment digunakan untuk menceritakan bagaimana sistem akan dibuat. Berikut adalah list functional recruitment pada sistem Informasi Tagihan Rekening PDAM berbasis android

  1. Menampilkan Kabupaten Se-Provinsi Gorontalo
  2. Memasukkan nomor sambungan
  3. Menampilkan tagihan rekening pelangggan PDAM
  4. Menampilkan riwayat tagihan
  5. Menampilkan peta lokasi PDAM
  6. Menyajikan informasi tentang PDAM
  7. Terdapat kolom pengaduan pelanggan PDAM
  8. Terdapat pesan notifikasi batas pembayaran rekening PDAM

2. Diagram Context

Gambar 4.4 Diagram Context


3. DFD Level 0.

Gambar 4.5 Data Flow Diagram Level 0.


4. Data Flow Diagram Level 1

a. DFD Level 1 Proses 1.

Gambar 4.6 DFD Level 1 Proses 1.


b. DFD Level 1 Proses 2. 

Gambar 4.7 DFD Level 1 Proses 2.

c.  DFD Level 1 Proses 3.

Gambar 4.8 DFD Level 1 Proses 3.


4.1.3.4        Perancangan Database

  1. Rancangan Struktur Tabel
  1. Tabel Admin

Tabel 4.3 tb_admin

Field

Type

Length

Key

id

int

5

 

username

varchar

100

 

password

varchar

255

 

name

varchar

255

 

email

varchar

200

 

  1. Tabel PDAM

Tabel 4.4 tb_pdam

Field

Type

Length

Key

id_pdam

char

10

Primary

nama_pdam

varchar

200

 

kepala_pdam

varchar

200

 

hp_pdam

char

14

 

email_pdam

char

100

 

alamat_pdam

text

 

 

deskripsi_pdam

text

 

 

lat_pdam

double

 

 

Long_pdam

double

 

 

Photo_pdam

varchar

200

 

  1. Tabel Klasifikasi

Tabel 4.5 tb_klasifikasi

Field

Type

Length

Key

id_klasifikasi

int

11

Primary

id_pdam

char

10

 

nama_klasifikasi

varchar

200

 

tarif_klasifikasi

int

11

 

keterangan_klasifikasi

varchar

100

 

  1. Tabel Pelanggan

Tabel 4.6 tb_pelanggan

Field

Type

Length

Key

id_pelanggan

char

20

Primary

id_pdam

char

10

 

id_klasifikasi

int

11

 

username_pelanggan

varchar

200

 

password_pelanggan

varchar

225

 

nosambungan_pelanggan

char

50

 

nama_pelanggan

varchar

200

 

ktp_pelanggan

char

20

 

hp_pelanggan

char

20

 

sex_pelanggan

enum('L','P')

 

 

alamat_pelanggan

text

 

 

photo_pelanggan

varchar

255

 

  1. Tabel Tagihan

Tabel 4.7 tb_tagihan

Field

Type

Length

Key

id_tagihan

char

20

Primary

id_pelanggan

char

20

 

tunggakan_tagihan

int

11

 

jumlah_tagihan

int

11

 

meterlalu_tagihan

int

11

 

metersekarang_tagihan

int

11

 

denda_tagihan

int

11

 

periode_tagihan

char

20

 

administrasi_tagihan

int

11

 

tangganbatas_tagihan

date

 

 

tangganbayar_tagihan

date

 

 


  1. Tabel Pengaduan

Tabel 4.8 tb_pengaduan

Field

Type

Length

Key

id_pengaduan

int

11

Primary

id_pelanggan

char

20

 

tanggal_pengaduan

date

 

 

isi_pengaduan

text

 

 

status_pengaduan

enum{'Yes','No')

 

 

  1. Relasi Tabel

C:\Users\Asus\AppData\Local\Microsoft\Windows\INetCache\Content.Word\2019-05-19.png

Gambar 4.9 Relasi Tabel

4.1.3.5        Desain Interface

Gambar 4.10 Rancangan Halaman Awal

E:\SKRIPSI\interface\New Picture (6).png

Gambar 4.11 Rancangan Halaman Beranda

E:\SKRIPSI\interface\New Picture (7).png

Gambar 4.12 Rancangan Cek Tagihan

E:\SKRIPSI\interface\New Picture (8).png

Gambar 4.13 Rancangan Tagihan

E:\SKRIPSI\interface\New Picture (14).png

Gambar 4.14 Rancangan Login

E:\SKRIPSI\interface\New Picture (15).png

Gambar 4.15 Rancangan Profil

E:\SKRIPSI\interface\New Picture (10).png

Gambar 4.16 Rancangan Riwayat Tagihan

E:\SKRIPSI\interface\New Picture (10).png

Gambar 4.17 Rancangan Pengaduan

Gambar 4.18 Rancangan Peta Lokasi

E:\SKRIPSI\interface\New Picture (13).png

Gambar 4.19 Rancangan Info PDAM

  1. Implementasi

4.1.4.1        Implementasi Sistem Web

  1. Tampilan Halaman Login

Gambar 4.20 Halaman Login

        Sebelum masuk ke dalam sistem, admin diharuskan melakukan login dengan memasukkan username dan password yang benar. Form login digunakan agar dapat masuk ke delam sistem.

  1. Tampilan Halaman Utama

Gambar 4.21 Halaman Utama

        Halaman ini merupakan tampilan halaman utama. Halaman ini berisi menu navigasi untuk mengarahkan sistem ke halaman-halaman yang lain. Menu utama disini juga berisi informasi mengenai jumlah pelanggan, jumlah PDAM, jumlah Klasifikasi, jumlah pengaduan, dan Lokasi PDAM.

  1. Tampilan PDAM

Gambar 4.22 Tampilan PDAM

Halaman ini merupakan tampilan halaman PDAM. Halaman ini berisi daftar PDAM di Provinsi Gorontalo, juga terdapat keterangan PDAM seperti nama PDAM, foto kantor PDAM, dan alamat. Pada halaman ini admin juga dapat menambah PDAM dengan mengeklik ikon tambah (+), melihat detail dan lokasi PDAM, dan dapat mengedit data PDAM.

  1. Tampilan Klasifikasi

Gambar 4.23 Tampilan Klasifikasi

Halaman ini merupakan tampilan halaman Klasifikasi pelanggan. Halaman ini berisi daftar klasifikasi setiap PDAM di Provinsi Gorontalo, juga terdapat keterangan klasifikasi seperti nama PDAM, nama klasifikasi, tarif, dan keterangan klasifikasi. Pada halaman ini  admin dapat menambah klasifikasi dengan mengklik ikon tambah (+), dan dapat mengedit data.

  1. Tampilan Pelanggan

Gambar 4.24 Tampilan Pelanggan

Halaman ini merupakan tampilan halaman pelanggan. Halaman ini berisi daftar Pelanggan PDAM, juga terdapat keterangan pelanggan seperti foto pelanggan, nomer sambungan, PDAM, nama pelanggan, dan alamat. Pada halaman ini  admin dapat menambah pelanggan dengan mengklik ikon tambah (+), melihat detai pelanggan, dan dapat mengedit data.

  1. Tampilan Tagihan

Gambar 4.25 Tampilan Tagihan

Halaman ini merupakan tampilan halaman data tagihan pelanggan. 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, dan dapat mengedit data.

  1. Tampilan Pengaduan

C:\Users\Asus\OneDrive\Pictures\Screenshots\2019-06-14.png

Gambar 4.26 Tampilan Pengaduan

Halaman ini merupakan tampilan halaman pengaduan. Halaman ini berisi daftar pengaduan ke PDAM di Provinsi Gorontalo, juga terdapat keterangan seperti nama pelanggan, isi, dan status.


  1. Implementasi Sistem Android

  1. Halaman Awal Sistem

Gambar 4.27 Halaman Awal Sistem

        Tampilan ini merupakan tampilan halaman awal sistem. Pada halaman ini pelanggan akan memilih PDAM sebelum menuju halaman utama.


2.         Halaman Utama Sistem

Gambar 4.28 Halaman Utama Sistem

        Tampilan ini merupakan tampilan halaman utama sistem. Pada halaman ini terdapat beberapa ikon seperti tagihan, riwayat tagihan, pengaduan, dan lokasi. Pada halaman ini pula ada tombol menu home, info, dan profil.


3.        Halaman Cek Tagihan

E:\SKRIPSI\New folder (2)\Screenshot_2019-06-09-13-56-20.png

Gambar 4.29 Halaman Cek Tagihan

        Tampilan ini merupakan tampilan cek tagihan. Pada halaman ini ditampilkan tagihan yang harus dibayar pelanggan. Cara menampilkan halaman ini yakni dari halaman utama klik ikon tagihan kemudian akan tampil halaman untuk menginput nomer sambungan, setelah menginput nomer sambungan maka akan muncul tagihan PDAM.


4.        Halaman Login

E:\SKRIPSI\New folder (2)\Screenshot_2019-06-13-16-38-14.png

Gambar 4.30 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 dengan memasukkan usename dan password.


5.        Halaman Profil Pelanggan

E:\SKRIPSI\New folder (2)\Screenshot_2019-06-09-14-05-42.png

Gambar 4.31 Halaman Profil Pelanggan

Tampilan ini merupakan tampilan profil pelanggan. Pada halaman ini ditampilkan info tentang profil pelanggan. Terdapat info tentang nama pelanggan, nomor sambungan, no.KTP, no.HP, Jenis Kelamin, dan alamat.


6.        Halaman Riwayat Tagihan

E:\SKRIPSI\New folder (2)\Screenshot_2019-06-09-14-16-00.png

Gambar 4.32 Halaman Riwayat Tagihan

Tampilan ini merupakan tampilan riwayat tagihan. Pada halaman ini ditampilkan tagihan pada bulan-bulan sebelumnya. Cara menampilkan halaman ini yakni dari halaman utama klik ikon riwayat tagihan maka akan ditampilkan riwayat tagihan dari bulan sebelumnya.


7.         Halaman Lokasi

Gambar 4.33 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.


8.        Halaman Pengaduan

E:\SKRIPSI\New folder (2)\Screenshot_2019-06-13-17-00-59.png

Gambar 4.34 Halaman Pengaduan

Tampilan ini merupakan tampilan pengaduan. Pada halaman ini pelanggan dapat membuat pengaduan yang akan dikirim ke PDAM. Cara menampilkan halaman ini adalah dari halaman utama klik ikon pengaduan kemudian akan tampil halaman untuk mengisi pengaduan kemudian klik kirim.


9.         Halaman Info PDAM

Gambar 4.35 Halaman Info PDAM

        Tampilan ini merupakan tampilan info PDAM. Pada halaman ini ditampilkan info tentang PDAM. Terdapat info tentang Kepala PDAM, No. Telepon, Email, Alamat, dan Deskripsi.

 


  1. Pengujian

Setelah sistem selesai dibuat, maka akan dilakukan tahapan selanjutnya yakni pengujian sistem untuk menguji apakah sistem yang telah dibuat sesuai dengan keinginan pengguna. Dalam pengujian sistem ini akan dilakukan pengujian menggunakan pengujian whitebox dan blackbox.

4.1.5.1        Pengujian Whitebox

        Pengujian whitebox dilakukan untuk pengecekan terhadap detail dari perancangan berdasarkan pada sourecode program.

  1. Pengujian Halaman Tagihan

Tabel 4.9 Pengujian Halaman Tagihan

NO

Sourecode

1.

<div class="main-content-inner">

    <div class="row">

        <!-- data table start -->

        <div class="col-12 mt-5">

            <div class="card">

                <div class="card-body">

                    <h4 class="header-title">Import Data</h4>

                    <form method="post" enctype="multipart/form-data" action="admin.php?menu=tagihan-import"

                        role="form" class="form-horizontal" onSubmit="return validateForm()">

                        <div class="form-group">

                            <div class="input-group mb-3">

                                <input type="file" class="form-control" name="userfile" id="userfile">

                                <div class="input-group-append">

                                    <span class="input-group-text" id="basic-addon2">.xls / .xlsx</span>

                                </div>

                            </div>

                        </div>

2.

<button type="submit" name="simpan" class="btn btn-primary">IMPORT &nbsp<i class="fa fa-upload"></i></button>

&nbsp or &nbsp

3.

<a href="admin.php?menu=tagihan-tambah" class="btn btn-success" title="Edit Data">Tambah &nbsp<i class="fa fa-plus"></i></a>

                    </form>

                </div>

            </div>

        </div>

4.

<div class="col-12 mt-5">

            <div class="card">

                <div class="card-body">

                    <h4 class="header-title">Data Tagihan</h4>

                    <div class="data-tables">

                        <table id="dataTable" class="text-center">

                            <thead class="bg-light text-capitalize">

                                <tr>

                                    <th>ID</th>

                                    <th>Pelanggan</th>

                                    <th>No Sambungan</th>

                                    <th>Tunggakan</th>

                                    <th>Jumlah</th>

                                    <th>Periode</th>

                                    <th>Tanggal Bayar</th>

                                    <th>Action</th>

                                </tr>

                            </thead>

5.

<tbody>

                            <?php

                                $tagihan = getAllTagihan($mysqli);

                                if ($tagihan <> 0) {

                                    foreach ($tagihan as $data) {

                                        ?>

6.

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

7.

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

8.

<a href="admin.php?menu=tagihan-edit&id=<?=$data['id_tagihan'];?>"

                                                    class="btn btn-flat btn-primary btn-xs mb-3"

                                                    title="Edit Data">

                                                    <i class="fa fa-pencil"></i>

                                                </a>

9.

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

10.

<tbody>

                            <?php

                                $tagihan = getAllTagihan($mysqli);

                                if ($tagihan <> 0) {

                                    foreach ($tagihan as $data) {

                                        ?>

</table>

11.

                    </div>

                </div>

            </div>

        </div>

        <!-- data table end -->

    </div>


Kompleksitas Siklomastis halaman tagihan.

C:\Users\Asus\OneDrive\Pictures\New Picture.png

Gambar 4.36 Kompleksitas Siklomatis Pada Halaman Tagihan

Tabel 4.10 Penentuan Kompleksifitas Siklomatis Pada Halaman Tagihan

V(G) = E – N + 2

         = 11 – 12 + 2

         = 1

E = Jumlah busur pada flow graph

N = Jumlah Simpul pada flow graph

E = 11     N = 12

Tabel 4.11 Jalur Bebas Flow Craph Natation Pada Halaman Tagihan

Basis Flow

Jalur Bebas (Independent Path)

Jalur 1

1-2-3-4-5-6-7-8-9-10-11-12


  1. Pengujian Tombol Import Pada Halaman Tagihan

Tabel 4.12 Pengujian Tombol Import

NO

Sourecode

1.

<?php

        require 'PHPExcelClass/PHPExcel/IOFactory.php';

        $inputfilename = $_FILES['userfile']['tmp_name'];

2.

try{

                $inputfiletype = PHPExcel_IOFactory::identify($inputfilename);

                $objReader = PHPExcel_IOFactory::createReader($inputfiletype);

                $objPHPExcel = $objReader->load($inputfilename);

        }

3.

catch(Exception $e){

                die('Error loading file "'.pathinfo($inputfilename,PATHINFO_BASENAME).'": '.$e->getMessage());

        }

4.

<script type="text/javascript">

function validateForm(){

        function hasExtension(inputID, exts) {

            var fileName = document.getElementById(inputID).value;

            return (new RegExp('(' + exts.join('|').replace(/\./g, '\\.') + ')$')).test(fileName);

        }

       

        if(!hasExtension('userfile', ['.xls'])){

            alert("Hanya file XLS (Excel 2003) yang diijinkan.");

            return false;

        }

    }

</script>

5.

//  Get worksheet dimensions

$sheet = $objPHPExcel->getSheet(0);

        $highestRow = $sheet->getHighestRow();

        $highestColumn = $sheet->getHighestColumn();

6.

//  Loop through each row of the worksheet in turn

        for ($row = 4; $row <= $highestRow; $row++)

7.

//  Read a row of data into an array

            $rowData = $sheet->rangeToArray('A' . $row . ':' . $highestColumn . $row, NULL, TRUE, FALSE);

            $no = noOtomatisTagihan($mysqli);

            $id_pelanggan = getIdPelangganByNo($mysqli, $rowData[0][1]);

            $tunggakan = $rowData[0][2];

            $jumlah = $rowData[0][3];

            $meterlalu = $rowData[0][4];

            $metersekrang = $rowData[0][5];

            $denda = $rowData[0][6];

            $periode = $rowData[0][7];

            $administrasi = $rowData[0][8];

            $tanggalbatas = $rowData[0][9];

            $tanggalbayar = $rowData[0][10];

8.

$cek = $mysqli->query("SELECT * FROM tb_tagihan

                                                                    WHERE id_pelanggan = '$id_pelanggan'

                                                                            AND periode_tagihan ='$periode'") or die($mysqli->error);

9.

if ($cek->num_rows == 0) {

                        $sql = "INSERT INTO tb_tagihan VALUES ('".$no."', '".$id_pelanggan."', '".$tunggakan."', '".$jumlah."', '".$meterlalu."', '".$metersekrang."', '".$denda."', '".$periode."', '".$administrasi."', '".$tanggalbatas."', '".$tanggalbayar."')";

10.

if ($mysqli->query($sql)) {

                                $exceldata[] = $rowData[0];

                        }

            }

11.

echo "<script>

                                alert('Excel File has been successfully Imported.');

                                window.location.href='admin.php?menu=tagihan';

                </script>";

?>


Kompleksitas Siklomastis tombol import pada halaman tagihan.

C:\Users\Asus\OneDrive\Pictures\New Picture (1).png

Gambar 4.37 Kompleksitas Siklomatis Pada Tombol Import

Tabel 4.13 Penentuan Kompleksifitas Siklomatis Pada Tombol Import

V(G) = E – N + 2

         = 13 – 11 + 2

         = 4

E = Jumlah busur pada flow graph

N = Jumlah Simpul pada flow graph

E = 13     N = 11

Tabel 4.14 Jalur Bebas Flow Craph Natation Pada Tombol Import

Basis Flow

Jalur Bebas (Independent Path)

Jalur 1

1-2-3-4-1

Jalur 2

1-2-5-6-1

Jalur 3

1-2-5-7-8-10-1

Jalur 4

1-2-3-7-8-9-11

  1. Pengujian Tombol Hapus Pada Halaman Tagihan

Tabel 4.15 Pengujian Tombol Hapus

NO

Sourecode

1.

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

2.

<script type="text/javascript">

    function hapusData(id){

        swal({

          title: "Are you sure?",

          text: "Data ini akan di hapus !",

          icon: "warning",

buttons: true,

          dangerMode: true,

        })

3.

        .then((willDelete) => {

          if (willDelete) {

            window.location.href='admin.php?menu=tagihan-hapus&id='+id;

          }

4.

<?php

        $id = $_GET['id'];

        $stmt = $mysqli->query("DELETE FROM tb_tagihan WHERE id_tagihan='$id'") or die($mysqli->error);

        if($stmt){

                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>

Kompleksitas Siklomastis tombol hapus pada halaman tagihan.

C:\Users\Asus\OneDrive\Pictures\New Picture (4).png

Gambar 4.38 Kompleksitas Siklomatis Pada Tombol Hapus


Tabel 4.16 Penentuan Kompleksifitas Siklomatis Pada Tombol Hapus

V(G) = E – N + 2

         = 6 – 6 + 2

         = 2

E = Jumlah busur pada flow graph

N = Jumlah Simpul pada flow graph

E = 6     N = 6

Tabel 4.17 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

        Untuk pengujian whitebox lainnya dapat dilihat pada  lampiran 2. Pengujian.

4.1.5.2        Pengujian Blackbox

        Pengujian blackbox adalah pengujian yang dilakukan dengan mengamati hasil eksekusi aplikasi dan memeriksa fungsi dari perangkat lunak.

Tabel 4.18 Perancangan Pengujian

Kelas Uji

Butir Uji

Jenis Pengujian

Tampilan Awal

Memilih ikon PDAM App pada Android

Blackbox

Halaman Utama

Memilih PDAM pada halaman awal

Blackbox

Profil

Memilih Profile pada halaman utama

Blackbox

Login

Blackbox

Tagihan

Memilih ikon tagihan pada hamalan utama

Blackbox

Memasukkan nomor sambungan pada halaman tagihan

Blackbox

Riwayat Tagihan

Memilih ikon riwayat tagihan

Blackbox

Lokasi

Memeilih ikon lokasi

Blackbox

Pengaduan

Memilih ikon pengaduan

Blackbox

Info

Memilih info

Blackbox

  1. Pengujian Alpha

                Pengujian alpha jenis blackbox adalah pengujian dimana dapat dikatakan berhasil apabila hasil dari output sesuai dengan kendali yang dimasukkan pada tiap tampilan.

Tabel 4.19 Pengujian Halaman Andoid

Kasus dan hasil Uji

Kelas Uji

Scenario Uji

Hasil Yang Diharapkan

Kesimpulan

Tampilan Awal

Memilih ikon PDAM App pada Android

Ketika ikon diklik maka aplikasi akan berjalan dan masuk tampilan awal

Diterima

Halaman Utama

Memilih PDAM pada halaman awal

Ketika memilih PDAM/klik PDAM aplikasi akan berjalan dan masuk ke halaman utama

Diterima

Profil

Memilih Profile pada halaman utama

Ketika mengklik profil maka akan muncul halaman utunk login

Diterima

Login

Ketika mesuk halaman login masukkan username dan password maka akan masuk dan muncul halaman profil pelanggan

Diterima

Tagihan

Memilih ikon tagihan pada hamalan utama

Ketika mengklik ikon tagihan maka akan muncul halaman tagihan untuk memasukan nomor sambungan

Diterima

Memasukkan nomor sambungan pada halaman tagihan

Setelah memasukkan nomor sambungan lalu klik Ok maka akan muncul halaman  data tagihan pelanggan

Diterima

Riwayat Tagihan

Memilih ikon riwayat tagihan

Ketika mengklik ikon riwayat tagihan makan akan muncul halaman riwayat tagihan

Diterima

Lokasi

Memeilih ikon lokasi

Ketika mengklik ikon lokasi maka akan muncul halaman map yang menunjukkan lokasi kantor PDAM yang dipilih

Diterima

Pengaduan

Memilih ikon pengaduan

Ketika memngklik ikon pengaduan maka akan muncul halaman untuk memasukkan pengaduan kemudian kirim

Diterima

Info

Memilih info

Ketika mengklik info maka akan muncul informasi tentang PDAM yang dipilih

Diterima

                Kesimpulan yang dapat diambil dari pengujian alfa secara funsinya semua proses pada aplikasi sistem informasi tagihan rekening PDAM berbasis android ini dapat berjalan sesuai dengan yang diharapkan.

  1. Pengujian Beta

                Pengujian betadilakukan untuk menguji aplikasi pada smartphone adroid. Hal ini dilakukan untuk mengetahui kinerja dari aplikasi pada tiap-tiap smartphone yang akan diuji. Pengujian ini menggunakan berbagai macam smartphone dan versi sistem operasi android yang berbeda.

Tabel 4.20 Jenis Smastphone Android

Smartphone

Type

Adnroid Version

Advan

I5E

Lolipop 5.1

Xiaomi

Redmi 5A

Nougat 7.1.2

Samsung

Galaxy SM-G530H

Lolipop 5.02

Tabel 4.21 Hasil Pengujian dari Smartphone

Pengujina

Smartphone

Advan

Xiaomi

Samsung

Tampilan Awal

Sukses

Sukses

Sukses

Halaman Utama

Sukses

Sukses

Sukses

Profil

Sukses

Sukses

Sukses

Tagihan

Sukses

Sukses

Sukses

Riwayat Tagihan

Sukses

Sukses

Sukses

Lokasi

Sukses

Sukses

Sukses

Pengaduan

Sukses

Sukses

Sukses

Info

Sukses

Sukses

Sukses

                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.

        Untuk pengujian blackbox dari aplikasi web dapat dilihat pada lapiran 2. Pengujian.

  1. Pembahasan

Berdasarkan dari tahapan-tahapan penelitian yang telah dilakukan menghasilkan sebuah Sistem Informasi Tagihan Rekening PDAM Se-Provisinsi Gorontalo Berbasis Android. Aplikasi ini menggunakan bahasa pemograman java dan PHP. Sedangkan untuk databasenya menggunakan Mysql. Aplikasi ini juga terhubung dengan aplikasi web  sebagai pengelolah dari beberapa data yang ada pada aplikasi android.

Dalam sistem ini pelanggan dapat melihat tagihan rekening PDAM pada bulan berjalan, juga dapat melihat riwayat tagihan pada bulan sebelumnya menggunakan sistem informasi tagihan melalui handphone Adnroid. Pada tanpilan awal aplikasi pelanggan dapat memilih salah satu PDAM kota yang ada di Provinsi Gorontalo tempat pelanggan tinggal. Setelah memilih PDAM yang dimaksud kemudian akan muncul tampilan beranda, pada beranda terdapat  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 tampilan riwayat tagihan pelanggan dari bulan sebelunya dengan memasukkan username dan password atau melakukan login terlebih dahulu di menu profil. Pada menu profil pelanggan dapat melakukan login dengan memasukkan username dan password, kemudian akan muncul profil pelanggan. Pada ikon pengaduan pelanggan dapat mengirim pengaduan kepada pihak PDAM, tampilan ini juga akan muncul dengan melakukan login terlebih dahulu. Kemudian pada ikon lokasi akan menampilkan lokasi kontor PDAM yang dimaksudkan. Pada menu info menampilkan informasi tentang PDAM yang dimasudkan.

Adapun sitem yang dibuat terbagi atas dua jenis, yaitu sistem berbasis android dan sistem berbasis web. Sistem berbasis web difunsikan untuk mengolah informasi dan tagihan pelanggan. Sedangkan sistem berbasis android difungsikan sebgai sistem yang bersentuhan langsung dengan user sebagai pelanggan untuk mendapatkan info tentang tagihan rekening PDAM.

 Terdapat dua hak akses yang terdapat pada sistem ini yang dimana kedua hak ini menggunakan sistem yang berbeda. Hak akses operator/admin menggunakan sistem berbasis web yang lebih berfokus untuk melakukan input data pelanggan dan tagihan rekening PDAM. Hak akses user/pelanggan menggunakan sistem berbasis android yang lebih berfokus sebagai pengguna sistem tersebut. Pelanggan menggunakan sistem ini untuk mencari informasi tentang tagihan rekening PDAM, melakukan pengaduan jika ada masalah pada pendistribusian air atau masalah lainnya yang berkaitan.

Adapun perbedaan penelitian ini dengan penelitian sebelumnya adalah sistem yang dibuat pada penelitian ini berbasis  android, menampilkan tagihan rekening PDAM, riwayat tagihan, notification sebelum batas pembayaran, 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 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.

5.2        Saran

Adapun saran untuk pengembangan penelitian selanjutnya adalah.

  1. Perbaikan pada desain interface dan penambahan fitur yang lebih lengkap.
  2. Meningkatkan pelayanan dengan menambahkan pembayaran secara online pada sistem.

DAFTAR PUSTAKA

Al Shahab, T. H. (n.d.). Pengertian PDAM. Retrieved April 5, 2019, from Academia.edu: https://www.academia.edu/20063682/pengertian_PDAM?auto=download

Djibu, R. R. (2015). Aplikasi Pengecekan Tagihan di PDAM Kota Gorontalo Berbasis Smartphone Android. Universitas Negeri Gorontalo .

Hakiky, F., & Ichwan, M. (2011). Pengukuran Kinerja Goodreads Application Programming Interface (API) pada Aplikasi Mobile Android. Institut Teknologi Nasional Bandung .

Ibrahim, R. R. (2016). Sistem Informasi Geografis Pemetaan Jalur Pipa PDAM Di Kota Gorontalo. Universitas Negeri Gorontalo .

Kadir, A. (2003). Pengenalan Sistem Informasi. Yogyakarta: ANDI.

Mulyatiningsing, E. (2011). Riset Terapan Bidang Pendidikan dan Teknik. Yogyakarta: UNY Press.


LAMPIRAN

Lampiran 1. Data Penelitian

1. Data Klasifikasi

Tabel. Klasifikasi Pelanggan PDAM Kabupaten Boalemo

No.

Kalsifikasi

Keterangan

1

Kelompok I

1. Hidran Umum (A1)

2. Kran Umum (A2)

3. Yayasan Sosial (A3)

4. Tempat Ibadah (A4)

2

Kelompok II

1. Rumah sangat Sederhan (B1)

2. Rumah Sederhana (B2)

3. Rumah Mewah (B3)

4. Rumah Dinas (B4)

3

Kelompok III

1. Sekolah Negeri (C1)

2. Kantor Pemerintah Desa/Kecamatan (C2)

3. Kantor Pemerintah Kota/Prov (C3)

4. Kantor Pemerintah Pusat (C4)

4

Kelompok IV

1. Niaga Kecil (D1)

2. Niaga Besar (D2)

3. Industri Kecil (D3)

4. Industri Besar (D4)

5

Kelompok V

1. Pendaratan Ikan/ TPI (E1)

2. Pelabuhan Penyebrangan Feri (E2)

3. Pelabuhan Container (E3)

4. Pelabuhan Udara/Cargo (E4)

Tabel. Klasifikasi Pelanggan PDAM Kabupaten Gorontalo

No

Kalsifikasi

Keterangan

1

Kelompok I A /Sosial Umum

a. Terminal Air

b. hidran Umum

c. Kran Umum

d. Tempat ibadah

2

Kelompok I B/Sosial khusus

a. panti Asuhan

b. Yayasan negeri

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

Tabel. Klasifikasi Pelanggan PDAM Kabupaten Gorontalo Utara

No

Kalsifikasi

Keterangan

1

Kelompok I A/ Sosial Umum

1. Terminal Air

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

Tabel. Klasifikasi Pelanggan PDAM Kabupaten Pohuwato

No

Klasifikasi

1

Rumah Tangga

2

Rumah Mewah

3

Rumah sakit

4

Sumah Sakit Swasta

5

Tempat Ibadah

6

Yayasan Sosial

7

Hidran Umum/Kran Umum

8

Sekolah Negeri

9

HamKan TNI/POLRI

10

Instansi Pemerintah

11

Rumah Pemerintah

12

Niaga Kecil

13

Niaga Besar

14

Hotel

15

Industri Kecil

16

Industri Besar

17

BUMN

2. Tarif Air Minum

Table. Tarif Air Minum PDAM Kabupaten Gorontalo Utara

No

Klasifikasi

Tarif Pemakaian Per M3

BY. Pemasangan

Harga Air 10m3 tanpa biaya lain

Dana Meter

Biaya Admin

0 s/d 10 M3

>10M3

1

Kelompok I A

 Rp   1,050

 Rp  1,050

 Rp       531,500

 Rp 10,500

 Rp   3,500

 Rp  5,000

2

Kelompok I B

 Rp   1,050

 Rp  2,000

 Rp       531,500

 Rp 20,000

 Rp   3,500

 Rp  5,000

3

Kelompok II A

 Rp   2,000

 Rp  3,200

 Rp       637,000

 Rp 32,000

 Rp   3,500

 Rp  5,000

4

Kelompok II B

 Rp   3,200

 Rp  4,800

 Rp       679,000

 Rp 48,000

 Rp   3,500

 Rp  5,000

5

Kelompok III A

 Rp   4,800

 Rp  6,000

 Rp       849,500

 Rp 60,000

 Rp   3,500

 Rp  5,000

6

Kelompok III B

 Rp   6,000

 Rp  6,600

 Rp       970,500

 Rp 66,000

 Rp   3,500

 Rp  5,000

7

Kelompok III C

 Rp   6,600

 Rp  7,300

 Rp    1,043,500

 Rp 73,000

 Rp   3,500

 Rp  5,000

Lampiran 2. Pengujian

1. Pengujian Whitebox

a. Pengujian Tombol Tambah Pada Halaman Tagihan

Tabel 1. Pengujian Tombol Tambah

NO

Sourecode

1.

<form method="POST" id="form">

                            <div class="row">

                            <div class="col-6">

                                <input type="hidden" name="id" class="form-control" value="<?=noOtomatisTagihan($mysqli);?>" required>

                                <div class="form-group">

                                    <label for="pdam">Pelanggan</label>

                                    <select class="custom-select" name="pelanggan">

                                        <option selected="selected">Pilih Pelanggan ...</option>

                                        <?php

                                            $pelanggan = getAllPelanggan($mysqli);

                                            if ($pelanggan <> 0) {

                                                foreach ($pelanggan as $data) {

                                                    ?>

                                                    <option value="<?=$data['id_pelanggan'];?>"><?=$data['nosambungan_pelanggan']." / ".$data['nama_pelanggan'];?></option>

                                                    <?php

                                                }

                                            }

                                        ?>

                                    </select>

                                </div>

2.

<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" placeholder="Tunggakan ...">

                                    </div>

                                    </div>

3.

<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">Rp.</span>

                                        </div>

                                        <input type="text" class="form-control" name="jumlah" id="jumlah" placeholder="Jumlah ...">

                                    </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">Kwh</span>

                                        </div>

                                        <input type="text" class="form-control" name="meterlalu" id="meterlalu" placeholder="Meter Lalu ...">

                                    </div>

                                </div>

                            </div>

5.

<div class="col-6">

                                <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">Kwh</span>

                                        </div>

                                        <input type="text" class="form-control" name="metersekarang" id="metersekarang" placeholder="Meter Sekarang ...">

                                    </div>

                                </div>

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" placeholder="Denda ...">

                                    </div>

                                </div>

7.

<div class="form-group">

                                    <label for="periode">Periode</label>

                                    <input class="form-control" type="text" value="<?=date("M Y");?>" name="periode">

                                </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" placeholder="Administrasi ...">

                                    </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.

<div class="form-group">

                                    <label for="tanggalbayar">Tanggal Bayar</label>

                                    <input class="form-control" type="date" value="<?=date("Y-m-d");?>" id="example-date-input" name="tanggalbayar">

                                </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 = $_POST['id'];

                        $pelanggan = $_POST['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 = $_POST['tanggalbayar'];

$hasil = simpanTagihan($mysqli, $id, $pelanggan, $tunggakan, $jumlah, $meterlalu, $metersekarang, $denda, $periode, $administrasi, $tanggalbatas, $tanggalbayar);

                                                if ($hasil) {

                                                        ?>

13.

<script src="assets/js/sweetalert.min.js"></script>

                                                        <script type="text/javascript">

                                                          swal({

                                                            text: "Berhasil Tambah Data !",

                                                            icon: "success",

                                                            button: "OK",

                                                          }).then((value) => {

                                                              window.location.href='admin.php?menu=tagihan';

                                                          });

                                                        </script>

                                                        <?php

                                                }

                                        }

                                        ?>


Kompleksitas Siklomastis tombol tambah halaman tagihan.

C:\Users\Asus\OneDrive\Pictures\New Picture (2).png

Gambar 1. Kompleksitas Siklomatis Pada Tombol Tambah

Tabel 2.  Penentuan Kompleksifitas Siklomatis Pada Tombol Tambah

V(G) = E – N + 2

         = 12 – 13 + 2

         = 1

E = Jumlah busur pada flow graph

N = Jumlah Simpul pada flow graph

E = 12     N = 13

Tabel 3. 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


b. Pengujian Tombol Edit Pada Halaman Tagihan

Tabel 4. Pengujian Tombol Edit

NO

Sourecode

1.

<?php

  $tagihan = getTagihanId($mysqli, $_GET['id']);

?>

2.

<form method="POST" id="form">

                        <div class="row">

                            <div class="col-6">

                                <div class="form-group">

                                    <label for="pdam">Pelanggan</label>

                                    <select class="custom-select" name="pelanggan">

                                        <option selected="selected">Pilih Pelanggan ...</option>

                                        <?php

                                            $pelanggan = getAllPelanggan($mysqli);

                                            if ($pelanggan <> 0) {

                                                foreach ($pelanggan as $data) {

                                                    if ($tagihan[0]['id_pelanggan'] == $data['id_pelanggan']) {

                                                        ?>

                                                        <option value="<?=$data['id_pelanggan'];?>" selected><?=$data['nosambungan_pelanggan']." / ".$data['nama_pelanggan'];?></option>

                                                        <?php

                                                    }else{

                                                        ?>

                                                        <option value="<?=$data['id_pelanggan'];?>"><?=$data['nosambungan_pelanggan']." / ".$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="<?=$tagihan[0]['tunggakan_tagihan'];?>">

                                    </div>

                                </div>

4.

<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">Rp.</span>

                                        </div>

                                        <input type="text" class="form-control" name="jumlah" id="jumlah" value="<?=$tagihan[0]['jumlah_tagihan'];?>">

                                    </div>

                                </div>

5.

<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">Kwh</span>

                                        </div>

                                        <input type="text" class="form-control" name="meterlalu" id="meterlalu" value="<?=$tagihan[0]['meterlalu_tagihan'];?>">

                                    </div>

                                </div>

                            </div>

6.

<div class="col-6">

                                <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">Kwh</span>

                                        </div>

                                        <input type="text" class="form-control" name="metersekarang" id="metersekarang" value="<?=$tagihan[0]['metersekarang_tagihan'];?>">

                                    </div>

                                </div>

7.

<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'];?>">

                                    </div>

                                </div>

8.

<div class="form-group">

                                    <label for="periode">Periode</label>

                                    <input class="form-control" type="text" value="<?=$tagihan[0]['periode_tagihan'];?>" name="periode">

                                </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="<?=$tagihan[0]['administrasi_tagihan'];?>">

                                    </div>

                                </div>

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.

<div class="form-group">

                                    <label for="tanggalbayar">Tanggal Bayar</label>

                                    <input class="form-control" type="date" value="<?=$tagihan[0]['tanggalbayar_tagihan'];?>" id="example-date-input" name="tanggalbayar">

                                </div>

12.

<button type="submit" name="simpan" class="btn btn-primary mt-4 pr-4 pl-4">Simpan</button>

                            </div>

                        </div>

                    </form>

13.

<?php

                    if (isset($_POST['simpan'])){

                        $id = $_GET['id'];

                        $pelanggan = $_POST['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 = $_POST['tanggalbayar'];

                        $hasil = editTagihan($mysqli, $id, $pelanggan, $tunggakan, $jumlah, $meterlalu, $metersekarang, $denda, $periode, $administrasi, $tanggalbatas, $tanggalbayar);

                        if ($hasil) {

                            ?>

14.

<script src="assets/js/sweetalert.min.js"></script>

                            <script type="text/javascript">

                              swal({

                                text: "Berhasil Edit Data !",

                                icon: "success",

                                button: "OK",

                              }).then((value) => {

                                  window.location.href='admin.php?menu=tagihan';

                              });

                            </script>

                            <?php

                        }

                    }

                    ?>


Kompleksitas Siklomastis tombol edit pada halaman tagihan.

C:\Users\Asus\OneDrive\Pictures\New Picture (3).png

Gambar 2. Kompleksitas Siklomatis Pada Tombol Edit

Tabel 5.  Penentuan Kompleksifitas Siklomatis Pada Tombol Edit

V(G) = E – N + 2

         = 13 – 14 + 2

         = 1

E = Jumlah busur pada flow graph

N = Jumlah Simpul pada flow graph

E = 13     N = 14

Tabel 6.  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

c. Pengujian Tombol Detail Pada Halaman Tagihan

Tabel 7.  Pengujian Tombol Detail

NO

Sourecode

1.

<?php

  $tagihan = getTagihanId($mysqli, $_GET['id']);

?>

2.

<div class="col-md-4 col-sm-12 mt-5">

            <div class="additional-content">

                <div class="alert alert-primary" role="alert" align="center">

                    <img width="100%" src="assets/images/photo/pelanggan/<?=$tagihan[0]['photo_pelanggan'];?>">

                    <hr>

                    <h4 class="alert-heading">

                        <a href="admin.php?menu=pelanggan-detail&id=<?=$tagihan[0]['id_pelanggan'];?>"><?=$tagihan[0]['nama_pelanggan'];?></a></h4>

                    <p><b><?=$tagihan[0]['nosambungan_pelanggan'];?></b></p>

                    <a href="admin.php?menu=tagihan-edit&id=<?=$_GET['id'];?>"

                        class="btn btn-warning btn-xs mb-3">Edit data</a>

                </div>

            </div>

        </div>

3.

<div class="col-md-8 col-sm-12 mt-5">

            <div class="card">

                <div class="card-body">

                    <h4 class="header-title">Detail Data Tagihan</h4>

                    <ul class="list-group">

                        <li class="list-group-item d-flex justify-content-between 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>

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>

                        </li>

13.

</ul>

                </div>

            </div>

        </div>

    </div>


Kompleksitas Siklomastis tomblol detail halaman tagihan.

C:\Users\Asus\OneDrive\Pictures\New Picture (2).png

Gambar 3. Kompleksitas Siklomatis Pada Tombol Detail

Tabel 8. Penentuan Kompleksifitas Siklomatis Pada Tombol Detail

V(G) = E – N + 2

         = 12– 13 + 2

         = 1

E = Jumlah busur pada flow graph

N = Jumlah Simpul pada flow graph

E = 12     N = 13

Tabel 9. 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

2. Pengujian Blackbox

  1. Pengujian Form Login

Tabel 10. Pengujian Form Login Sistem Web

Kasus dan hasil Uji

Data Msukkan

Reaksi Yang Diharapkan

Hasil Yang Diharapkan

Kesimpulan

Memasukkan Username dan password Admin

Muncul menu admin

Menu admin ditampilkan

Diterima

  1. Pengujian Halaman Web

Tabel 11. Pengujian Halaman Web

Kasus dan hasil Uji

Data Msukkan

Reaksi Yang Diharapkan

Hasil Yang Diharapkan

Kesimpulan

Melakukan Login.Memasukkan Username dan password Admin

Memproses Inputan username dan Password. Benar.

Menampilkan beranda web

Diterima

Melihat data PDAM dengan mengklik “PDAM”

Memproses tampilan data PDAM

Menampilkan data PDAM

Diterima

Menambah data PDAM dengan mengklik ikon “tambah (+)”

Memproses tambah PDAM

Menampilkan Tambah PDAM

Diterima

Mengisi data PDAM dengan mengklik “Simpan”

Memproses simpan PDAM

Menampilkan data PDAM

Diterima

Mengubah data PDAM dengan mengeklik “Edit”

Memproses edit data PDAM

Menampilkan edit data PDAM

Diterima

Melihat detail data PDAM dengan mengklik “Detail”

Memproses Detail PDAM

Menampilkan Detail PDAM

Diterima

Melihat Lokasi PDAM dengan Mengklik “Lokasi”

Memproses Lokasi PDAM

Menampilkan Lokasi PDAM

Diterima

Menghapus data PDAM dengan mengklik “Hapus”

Memproses Hapus PDAM

Menampilkan Data PDAM

Diterima

Melihat data Klasifikasi dengan mengklik “Klasifikasi”

Memproses tampilan data Klaifikasi

Menampilkan data Klasifikasi

Diterima

Menambah data Klasifikasi dengan mengklik ikon “tambah (+)”

Memproses tambah Klasifikasi

Menampilkan Tambah Klasifikasi

Diterima

Mengisi data Klasifikasi dengan mengklik “Simpan”

Memproses simpan Klasifikasi

Menampilkan data Klasifikasi

Diterima

Mengubah data Klasifikasi dengan mengeklik “Edit”

Memproses edit data Klasifikasi

Menampilkan edit data Klasifikasi

Diterima

Menghapus data Klasifikasi dengan mengklik “Hapus”

Memproses Hapus Klasifikasi

Menampilkan Data Klasifikasi

Diterima

Melihat data pelanggan dengan mengklik “Pelanggan”

Memproses tampilan data pelanggan

Menampilkan data pelanggan

Diterima

Menambah data pelanggan dengan mengklik ikon “tambah (+)”

Memproses tambah pelanggan

Menampilkan Tambah pelanggan

Diterima

Mengisi data pelanggan dengan mengklik “Simpan”

Memproses simpan pelanggan

Menampilkan data pelanggan

Diterima

Mengubah data pelanggan dengan mengeklik “Edit”

Memproses edit data pelanggan

Menampilkan edit data pelanggan

Diterima

Melihat detail data pelanggan dengan mengklik “Detail”

Memproses Detail pelanggan

Menampilkan Detail pelanggan

Diterima

Menghapus data pelanggan dengan mengklik “Hapus”

Memproses Hapus pelanggan

Menampilkan Data pelanggan

Diterima

Melihat data tagihan dengan mengklik “Tagihan”

Memproses tampilan data tagihan

Menampilkan data tagihan

Diterima

Menambah data tagihan dengan mengklik ikon “tambah (+)”

Memproses tambah tagihan

Menampilkan Tambah tagihan

Diterima

Mengimport data tagihan dengan mengklik “Import”

Memproses import tagihan

Menampilkan data tagihan

Diterima

Mengisi data tagihan dengan mengklik “Simpan”

Memproses simpan tagihan

Menampilkan data tagihan

Diterima

Mengubah data tagihan dengan mengeklik “Edit”

Memproses edit data tagihan

Menampilkan edit data tagihan

Diterima

Melihat detail data tagihan dengan mengklik “Detail”

Memproses Detail tagihan

Menampilkan Detail tagihan

Diterima

Menghapus data tagihan dengan mengklik “Hapus”

Memproses Hapus tagihan

Menampilkan Data tagihan

Diterima

Melihat pengaduan dengan mengklik “Pengaduan”

Memproses tampilan pengaduan

Menampilkan data pengaduan

Diterima

Mengubah pengaduan dengan mengeklik “Edit”

Memproses edit pengaduan

Menampilkan pengaduan

Diterima

Menghapus pengaduan dengan mengklik “Hapus”

Memproses Hapus pengaduan

Menampilkan Data pengaduan

Diterima