Upload
votu
View
231
Download
2
Embed Size (px)
Citation preview
HALAMAN JUDUL
LAPORAN S K R I P S I
SISTEM INFORMASI LAYANAN PELANGGAN
BERBASIS WEB DI PDAM KABUPATEN GROBOGAN
NUR IVO JAYANTI
NIM. 2014-53-022
DOSEN PEMBIMBING
Muhammad Arifin, S.Kom., M.Kom
Anteng Widodo, S.T., M.Kom
PROGRAM STUDI SISTEM INFORMASI
FAKULTAS TEKNIK
UNIVERSITAS MURIA KUDUS
2018
ii
HALAMAN PERSETUJUAN
iii
HALAMAN PENGESAHAN
iv
PERNYATAAN KEASLIAN
v
SISTEM INFORMASI LAYANAN PELANGGAN
BERBASIS WEB DI PDAM KABUPATEN GROBOGAN
Nama mahasiswa : Nur Ivo Jayanti
NIM : 201453022
Pembimbing :
1. Muhammad Arifin, S.Kom., M.Kom
2. Anteng Widodo, S.T., M.Kom
ABSTRAK
Layanan Pelanggan merupakan bagian aset yang penting dari suatu perusahaan
untuk memberikan kepuasaan terhadap pelanggan. Dibutuhkan langganan prima sebagai
sistem penunjang pelayanan yang interaktif terhadap respon keinginan pelanggan, sehingga
dapat memberi kesan yang baik terhadap pelanggan. Untuk membantu meningkatkan
pelayanan bagi pelanggan PDAM Kabupaten Grobogan diperlukan suatu sistem yang
terintegrasi dengan baik.
Tujuan penelitian ini adalah membangun suatu sistem layanan publik yang dapat
mempermudah penyampaian informasi seperti : melakukan pendafataran sambung baru,
menyampaikan pengaduan, mengecek info tagihan, pencatatan meteran oleh pegawai dan
lain-lain. Metode pengembangan sistem yang digunakan adalah metode waterfall. Metode
perancangan menggunakan model UML (Unified Modeling Language) yang
diimplementasikan ke dalam aplikasi berbasis web dengan memanfaatkan bahasa
pemrograman PHP dan MySQL sebagai basis data. Tahapan akhir dalam perancangan
sistem adalah mengadakan pengujian terhadap aplikasi dengan menggunakan metode
Blackbox.
Kata kunci : Sistem, Pendaftaran, Pegaduan, Tagihan, Meteran
vi
CUSTOMER SERVICE INFORMATION SYSTEM
WEB-BASED IN GROBOGAN DISTRICT PDAM
Student Name : Nur Ivo Jayanti
Student Identity Number : 201453022
Supervisor :
1. Muhammad Arifin, S.Kom., M.Kom
2. Anteng Widodo, S.T., M.Kom
ABSTRACT
Customer Service is an important asset part of a company to provide satisfaction
to customers. A prime subscription is needed as an interactive service support system for
the response of customer desires, so that it can give a good impression on customers. To
help improve services for customers, Grobogan District PDAM requires a well integrated
system.
The purpose of this study is to build a public service system that can facilitate
the delivery of information such as: registering new connections, submitting complaints,
checking billing info, recording meters by employees and others. The system development
method used is the waterfall method. The design method uses the UML (Unified Modeling
Language) model which is implemented into a web-based application by utilizing the PHP
and MySQL programming languages as a database. The final stage in system design is to
test the application using the Blackbox method.
Keywords: System, Registration, Complaints, Bill, Meter
vii
KATA PENGANTAR
Dengan memanjatkan puji syukur kehadirat Allah SWT yang telag melimpahkan
rahmat dan kasih sayang-Nya sehingga pada kesempatan kali ini penulis dapat
menyelesaikan skripi yang berjudul “Rancang Bangun Aplikasi Bantu Penjaringan Berita
Dari Jepara Untuk Situs Di Jepara Hari Ini”. Sholawat dan salam tak lupa penulis haturkan
kepangkuan beliau Nabi Muhammad SAW yang kita nanti-nanti syafa’atnya di yaumul
qiyamah.
Penyusunan Skripsi ini ditujukan untuk memenuhi salah satu syarat memperoleh
gelar Sistem Informasi S-1 pada Fakultas Teknik Universitas Muria Kudus.
Dengan bantuan, bimbingan, dan dorongan dari berbagai pihak, maka terselesailah
laporan ini. Tidak lupa penulis mengucapkan terima kasih kepada :
1. Bapak Dr. Suparnyo, SH., MS, selaku Rektor Universitas Muria Kudus.
2. Bapak Mohammad Dahlan, S.T, M.T, selaku Dekan Fakultas Teknik
Universitas Muria Kudus.
3. Bapak Protomo Setiaji, S.Kom, M.Kom, selaku Ketua Progdi Sistem
Informasi Fakultas Teknik Universitas Muria Kudus.
4. Bapak Muhammad Arifin, S.Kom, M.Kom, selaku pembimbing utama
skripsi yang telah banyak memberikan waktu, ilmu, petunjuk, nasehat,
bimbingan dan arahan hingga terselesaikannya penulisan skripsi ini.
5. Bapak Anteng Widodo, S.T, M.Kom, selaku pembimbing pendamping
skripsi yang telah banyak memberikan waktu, ilmu, petunjuk, nasehat,
bimbingan dan arahan hingga terselesaikannya penulisan skripsi ini.
6. Bapak Wiwit Agus Triyanto, S.Kom, M.Kom, selaku Koordinator Skripsi.
7. Dosen-dosen di program studi sistem informasi yang telah mendidik dan
membagi ilmu yang sudah didapat kepada penulis, serta seluruh staff
karyawan Universitas Muria Kudus yang telah banyak membantu.
viii
ix
DAFTAR ISI
HALAMAN JUDUL .............................................................................................. i
HALAMAN PERSETUJUAN ............................................................................. ii
HALAMAN PENGESAHAN .............................................................................. iii
PERNYATAAN KEASLIAN .............................................................................. iv
ABSTRAK ............................................................................................................. v
ABSTRACT ........................................................................................................... vi
KATA PENGANTAR ......................................................................................... vii
DAFTAR ISI ......................................................................................................... ix
DAFTAR GAMBAR ........................................................................................... xii
DAFTAR TABEL .............................................................................................. xix
DAFTAR LAMPIRAN ...................................................................................... xxi
DAFTAR ISTILAH DAN SINGKATAN ....................................................... xxii
BAB I PENDAHULUAN
1.1. Latar Belakang ......................................................................................... 1
1.2. Perumusan Masalah .................................................................................. 2
1.3. Batasan Masalah ....................................................................................... 2
1.4. Tujuan ....................................................................................................... 3
1.5. Manfaat ..................................................................................................... 3
1.6. Metode Penelitian ..................................................................................... 3
1.6.1. Metode Pengumpulan Data ............................................................... 3
1.6.2. Metode Pengembangan Sistem ......................................................... 4
1.6.3. Metode Perancangan Sistem ............................................................. 6
1.7. Kerangka Pemikiran ................................................................................. 7
BAB II TINJAUAN PUSTAKA
2.1. Penelitian Terkait ..................................................................................... 9
2.2. Tabel Perbandingan Penelitian Terkait .................................................. 11
2.3. Landasan Teori ....................................................................................... 13
2.3.1. Definisi Sistem ................................................................................ 13
2.3.2. Definisi Informasi ........................................................................... 13
2.3.3. Definisi Sistem Informasi ............................................................... 13
2.3.4. Karakteristik Sistem ........................................................................ 13
x
2.3.5. Definisi Layanan ............................................................................. 14
2.3.6. Definisi Pelanggan .......................................................................... 14
2.3.7. Definisi Pelayanan Pelanggan ......................................................... 14
2.3.8. Definisi Sistem Informasi Layanan Pelanggan ............................... 14
2.3.9. Definisi PDAM ............................................................................... 15
2.3.10. Definisi Web ................................................................................ 15
2.3.11. Diagram Alir Data (Flow Of Document) ..................................... 15
2.3.12. Unified Modeling Language (UML) ........................................... 16
2.3.13. ERD (Entity Relationship Diagram) ........................................... 21
BAB III METODOLOGI PENELITIAN
3.1. Objek Penelitian ..................................................................................... 23
3.1.1. Gambaran Umum dan Lokasi PDAM Kabupaten Grobogan ......... 23
3.1.2. Struktur Organisai PDAM Kabupaten Grobogan ........................... 24
3.1.3. Tugas Pokok dan Fungsi ................................................................. 25
3.2. Analisa Sistem Lama .............................................................................. 27
3.2.1 Proses Pendaftaran Sambungan Baru ............................................. 27
3.2.2 Proses Pengaduan ............................................................................ 29
3.2.3 Proses Rekening Tagihan ................................................................ 30
3.3. Analisa dan Rancangan Sistem Baru ...................................................... 31
3.3.1. Analisa Kebutuhan .......................................................................... 31
3.3.2. Rancangan Sistem Baru .................................................................. 32
3.3.3. Rancangan Basis Data ................................................................... 108
3.3.4. Desain Input dan Output ............................................................... 120
BAB IV HASIL DAN PEMBAHASAN
4.1. Hasil Pembahasan ................................................................................. 139
4.2. Implementasi Sistem ............................................................................ 139
4.3. Implementasi Layar Antarmuka ........................................................... 139
4.4. Tampilan Program ................................................................................ 140
4.4.1. Tampilan Halaman Utama Pengunjung ........................................ 140
4.4.2. Tampilan Halaman Utama Bagian Humas .................................... 143
4.4.3. Tampilan Halaman Utama Bagian Perbendaharaan ..................... 146
4.4.4. Tampilan Halaman Utama Bagian USB ....................................... 148
4.4.5. Tampilan Halaman Utama Bagian HubLang ................................ 153
4.4.6. Tampilan Halaman Utama Cater ................................................... 154
xi
4.4.7. Tampilan Halaman Utama Pimpinan ............................................ 155
4.5. Pengujian Sistem .................................................................................. 157
4.5.1. Black Box Testing ......................................................................... 157
4.5.2. Pengujian Normal.......................................................................... 159
4.5.3. Pengujian Tidak Normal ............................................................... 159
BAB V
5.1. Kesimpulan ........................................................................................... 161
5.2. Saran ..................................................................................................... 161
DAFTAR PUSTAKA ........................................................................................ 162
LAMPIRAN ....................................................................................................... 163
BIODATA PENULIS
xii
DAFTAR GAMBAR
Gambar 1. 1 Kerangka Pemikiran Sistem Informasi Layanan Informasi Pelanggan
Berbasis Web di PDAM Kabupaten Grobogan ....................................................... 8
Gambar 3. 1 Denah Lokasi PDAM Grobogan ...................................................... 23
Gambar 3. 2 Struktur Organisasi ........................................................................... 24
Gambar 3. 3 Flow Of Document Proses Pendaftaran Sambungan Baru ............... 28
Gambar 3. 4 Flow Of Document Proses Pengaduan Pelanggan ........................... 29
Gambar 3. 5 Flow Of Document Proses Pencatatan Rekening ............................. 30
Gambar 3. 6 Diagram Business Use Case Layanan Pelanggan ............................ 34
Gambar 3. 7 Diagram Sistem Use Case Layanan Pelanggan ................................ 36
Gambar 3. 8 Class Usergroup ............................................................................... 56
Gambar 3. 9 Class User ........................................................................................ 56
Gambar 3. 10 Class Pimpinan ............................................................................... 57
Gambar 3. 11 Class Bagian Humas ...................................................................... 57
Gambar 3. 12 Class Bagian Perbendaharaan ........................................................ 57
Gambar 3. 13 Class USB / Unit Sambungan Baru ............................................... 58
Gambar 3. 14 Class HubLang / Hubungan Langganan ........................................ 58
Gambar 3. 15 Class Cater ..................................................................................... 58
Gambar 3. 16 Class Bank ..................................................................................... 59
Gambar 3. 17 Class Tarif Golongan Air ............................................................... 59
Gambar 3. 18 Class RAB ...................................................................................... 59
Gambar 3. 19 Class Pendaftaran ........................................................................... 60
Gambar 3. 20 Class SPKO .................................................................................... 61
Gambar 3. 21 Class Survey ................................................................................... 61
Gambar 3. 22 Class RAB Sambung Baru ............................................................. 61
Gambar 3. 23 Class Pembayaran Sambungan ...................................................... 62
Gambar 3. 24 Class BPPI...................................................................................... 62
Gambar 3. 25 Class Laporan Pelanggan ............................................................... 63
Gambar 3. 26 Class Pengaduan ............................................................................ 63
Gambar 3. 27 Class Berita Acara Pengecekan...................................................... 64
Gambar 3. 28 Class Laporan Pengaduan .............................................................. 64
xiii
Gambar 3. 29 Class Meteran ................................................................................. 64
Gambar 3. 30 Class Rekening ............................................................................... 65
Gambar 3. 31 Class Cek Tagihan ......................................................................... 65
Gambar 3. 32 Class Kirim Pesan .......................................................................... 65
Gambar 3. 33 Class Diagram Sistem Informasi Layanan Pelanggan ................... 66
Gambar 3. 34 Sequence Diagram Mengelola User .............................................. 67
Gambar 3. 35 Sequence Diagram Mengelola User .............................................. 68
Gambar 3. 36 Sequence Diagram Mengelola Tarif Golongan Air ....................... 69
Gambar 3. 37 Sequence Diagram Mengelola RAB .............................................. 70
Gambar 3. 38 Sequence Diagram Mendaftar Sambungan Baru ........................... 71
Gambar 3. 39 Sequence Diagram Membuat SPKO .............................................. 72
Gambar 3. 40 Sequence Diagram Mengelola Survey ........................................... 73
Gambar 3. 41 Sequence Diagram Membuat RAB Sambung Baru ....................... 74
Gambar 3. 42 Sequence Diagram Pembayaran Sambungan ................................. 75
Gambar 3. 43 Sequence Diagram Mengelola BPPI .............................................. 76
Gambar 3. 44 Sequence Diagram Laporan Pelanggan ......................................... 77
Gambar 3. 45 Sequence Diagram Pengaduan ....................................................... 78
Gambar 3. 46 Sequence Diagram Berita Acara Pengaduan ................................. 79
Gambar 3. 47 Sequence Diagram Pelaporan Pengaduan ...................................... 80
Gambar 3. 48 Sequence Diagram Mengelola Meteran ......................................... 81
Gambar 3. 49 Sequence Diagram Cek Tagihan .................................................... 81
Gambar 3. 50 Sequence Diagram Kirim Pesan .................................................... 82
Gambar 3. 51 Activity Diagram Mengelola User ................................................. 83
Gambar 3. 52 Activity Diagram Mengelola Bank ................................................. 84
Gambar 3. 53 Activity Diagram Mengelola Tarif Golongan Air .......................... 85
Gambar 3. 54 Activity Diagram Mengelola RAB ................................................. 86
Gambar 3. 55 Activity Diagram Mendaftar Sambungan Baru .............................. 87
Gambar 3. 56 Activity Diagram Membuat SPKO ................................................. 88
Gambar 3. 57 Activity Diagram Melakukan Survey ............................................. 89
Gambar 3. 58 Activity Diagram Membuat RAB Sambung Baru ......................... 89
Gambar 3. 59 Activity Diagram Pembayaran Sambungan................................... 90
Gambar 3. 60 Activity Diagram Mengelola BPPI ................................................. 91
xiv
Gambar 3. 61 Activity Diagram Pelaporan Pelanggan.......................................... 92
Gambar 3. 62 Activity Diagram Pengaduan .......................................................... 93
Gambar 3. 63 Activity Diagram Berita Acara Pengaduan .................................... 94
Gambar 3. 64 Activity Diagram Pelaporan Pengaduan ......................................... 94
Gambar 3. 65 Activity Diagram Mengelola Meteran ............................................ 95
Gambar 3. 66 Activity Diagram Cek Tagihan ....................................................... 96
Gambar 3. 67 Activity Diagram Kotak Pesan ....................................................... 96
Gambar 3. 68 Statechart Diagram Login ............................................................. 97
Gambar 3. 69 Statechart Diagram Logout ........................................................... 97
Gambar 3. 70 Statechart Diagram Tambah Data User ......................................... 97
Gambar 3. 71 Statechart Diagram Ubah Data User ............................................. 97
Gambar 3. 72 Statechart Diagram Hapus Data User ............................................ 98
Gambar 3. 73 Statechart Diagram Tambah Data Bank ........................................ 98
Gambar 3. 74 Statechart Diagram Ubah Data Bank ............................................ 98
Gambar 3. 75 Statechart Diagram Hapus Data Bank ........................................... 98
Gambar 3. 76 Statechart Diagram Tambah Tarif dan Biaya Sambungan ............ 99
Gambar 3. 77 Statechart Diagram Cari Data Tarif Golongan Air ....................... 99
Gambar 3. 78 Statechart Diagram Ubah Data Tarif Golongan Air ...................... 99
Gambar 3. 79 Statechart Diagram Tambah Data RAB ........................................ 99
Gambar 3. 80 Statechart Diagram Ubah Data RAB........................................... 100
Gambar 3. 81 Statechart Diagram Input Data Pendaftaran ................................ 100
Gambar 3. 82 Statechart Diagram Kirim Pembayaran Registrasi....................... 100
Gambar 3. 83 Statechart Diagram Verifikasi Pembayaran Registrasi ............... 101
Gambar 3. 84 Statechart Diagram Detail Data Pendaftaran............................... 101
Gambar 3. 85 Statechart Diagram Buat Data SPKO .......................................... 101
Gambar 3. 86 Statechart Diagram Cari SPKO ................................................... 101
Gambar 3. 87 Statechart Diagram Cetak SPKO ................................................ 101
Gambar 3. 88 Statechart Diagram Tambah Hasil Survey .................................. 102
Gambar 3. 89 Statechart Diagram Cari Survey .................................................. 102
Gambar 3. 90 Statechart Diagram Cetak Survey ............................................... 102
Gambar 3. 91 Statechart Diagram Cari RAB Sambung Baru ............................ 102
Gambar 3. 92 Statechart Diagram Rincian RAB Sambung Baru ...................... 103
xv
Gambar 3. 93 Statechart Diagram Cetak RAB .................................................. 103
Gambar 3. 94 Statechart Diagram Cek Status Pendaftaran ................................ 103
Gambar 3. 95 Statechart Diagram Kirim Pembayaran Sambungan ................... 103
Gambar 3. 96 Statechart Diagram Verifikasi Pembayaran Sambungan ............ 104
Gambar 3. 97 Statechart Diagram Buat Data BPPI ........................................... 104
Gambar 3. 98 Statechart Diagram Cari BPPI ..................................................... 104
Gambar 3. 99 Statechart Diagram Cetak Data BPPI .......................................... 104
Gambar 3. 100 Statechart Diagram Input Pemasangan...................................... 105
Gambar 3. 101 Statechart Diagram Cari Data Pelanggan .................................. 105
Gambar 3. 102 Statechart Diagram Ubah Data Pelanggan ................................ 105
Gambar 3. 103 Statechart Diagram Detail Data Pelanggan ............................... 105
Gambar 3. 104 Statechart Diagram Class Laporan Pelanggan .......................... 105
Gambar 3. 105 Statechart Diagram Input Pengaduan ........................................ 106
Gambar 3. 106 Statechart Diagram Detail Pengaduan ....................................... 106
Gambar 3. 107 Statechart Diagram ACC Pengaduan ........................................ 106
Gambar 3. 108 Statechart Diagram Input Survey .............................................. 106
Gambar 3. 109 Statechart Diagram Input Penyelesaian ..................................... 107
Gambar 3. 110 Statechart Diagram Class Laporan Pengaduan ......................... 107
Gambar 3. 111 Statechart Diagram Input Meteran ............................................ 107
Gambar 3. 112 Statechart Diagram Lihat Rekening .......................................... 107
Gambar 3. 113 Statechart Diagram Cek Tagihan .............................................. 108
Gambar 3. 114 Statechart Diagram Class Kirim Pesan Siaran .......................... 108
Gambar 3. 115 Menentukan Entitas .................................................................... 108
Gambar 3. 116 Menentukan Atribut Key (Primary Key) .................................... 109
Gambar 3. 117 Mengidentifikasi derajat kardinalitas relasi beserta Foreign Key
............................................................................................................................. 109
Gambar 3. 118 Melengkapi atribut-atribut deskriptif ......................................... 110
Gambar 3. 119 Relasi Tabel ................................................................................ 119
Gambar 3. 120 Desain Halaman Utama Pengunjung.......................................... 120
Gambar 3. 121 Desain Halaman Utama Pimpinan ............................................. 120
Gambar 3. 122 Desain Halaman Utama Bagian Humas ..................................... 121
Gambar 3. 123 Desain Halaman Utama Bagian Perbendaharaan ....................... 121
xvi
Gambar 3. 124 Desain Halaman Utama Bagian Unit Sambungan Baru............. 122
Gambar 3. 125 Desain Halaman Utama Hubungan Langganan (HubLang) ...... 122
Gambar 3. 126 Desain Halaman Utama Pencatat Meteran (Cater) .................... 123
Gambar 3. 127 Desain Halaman Login ............................................................... 123
Gambar 3. 128 Desain Halaman Kelola Data User............................................. 124
Gambar 3. 129 Desain Halaman Kirim Pesan Siaran ......................................... 124
Gambar 3. 130 Desain Halaman Tambah Tarif Golongan Air ........................... 125
Gambar 3. 131 Desain Halaman Tambah Data Bank ......................................... 125
Gambar 3. 132 Desain Tambah Formulir Sambungan Baru ............................... 125
Gambar 3. 133 Cek Status Pendaftaran............................................................... 126
Gambar 3. 134 Desain Halaman Verifikasi Pembayaran Registrasi................... 126
Gambar 3. 135 Desain Halaman Input SPKO ..................................................... 127
Gambar 3. 136 Desain Halaman Input Hasil Survey .......................................... 127
Gambar 3. 137 Desain Halaman Tambah Data RAB ......................................... 128
Gambar 3. 138 Desain Halaman Verifikasi Pembayaran Sambungan ................ 128
Gambar 3. 139 Desain Halaman Tambah BPPI .................................................. 129
Gambar 3. 140 Desain Halaman Input Berita Acara Pemasangan...................... 129
Gambar 3. 141 Desain Halaman Input Meteran................................................. 130
Gambar 3. 142 Desain Halaman Cek Tagihan Rekening ................................... 130
Gambar 3. 143 Desain Halaman Input Laporan Pengaduan ............................... 131
Gambar 3. 144 Desain Halaman Kirim Ekspedisi Pengaduan ............................ 131
Gambar 3. 145 Desain Halaman Detail Data Pelanggan .................................... 132
Gambar 3. 146 Desain Halaman Detail Laporan Pengaduan .............................. 132
Gambar 3. 147 Desain Halaman Rincian RAB Sambung Baru .......................... 133
Gambar 3. 148 Desain Halaman Cetak SPKO .................................................... 133
Gambar 3. 149 Desain Halaman Cetak Hasil Survey ......................................... 134
Gambar 3. 150 Desain Halaman Cetak RAB Sambung Baru ............................. 135
Gambar 3. 151 Desain Halaman Cetak BPPI...................................................... 136
Gambar 3. 152 Desain Halaman Cetak Laporan Pelanggan ............................... 137
Gambar 3. 153 Desain Halaman Lihat Grafik Pengaduan .................................. 137
Gambar 4. 1 Tampilan Halaman Utama Pengunjung ......................................... 140
Gambar 4. 2 Halaman Cek Tagihan Rekening.................................................... 140
xvii
Gambar 4. 3 Tampilan Halaman Pengaduan ...................................................... 141
Gambar 4. 4 Tampilan Halaman Formulir Permohonan Langganan Baru ......... 141
Gambar 4. 5 Tampilan Halaman Cek Status Pendaftaran ................................... 142
Gambar 4. 6 Tampilan Halaman Detail Status Pendaftaran ............................... 142
Gambar 4. 7 Tampilan Halaman Kirim Bukti Pembayaran ................................ 142
Gambar 4. 8 Tampilan Halaman Login .............................................................. 143
Gambar 4. 9 Tampilan Halaman Utama Bagian Humas ..................................... 143
Gambar 4. 10 Tampilan Halaman Kirim Pesan Siaran ....................................... 144
Gambar 4. 11 Tampilan Halaman Tambah Data Tarif Golongan Air ................ 144
Gambar 4. 12 Tampilan Halaman Tambah Data Bank ....................................... 144
Gambar 4. 13 Tampilan Halaman Detail Data Pendaftaran / Pelanggan ............ 145
Gambar 4. 14 Tampilan Halaman Tambah Data BPPI ....................................... 145
Gambar 4. 15 Tampilan Halaman Cetak BPPI .................................................. 146
Gambar 4. 16 Tampilan Halaman Kirim Ekspedisi Pengaduan ......................... 146
Gambar 4. 17 Tampilan Halaman Utama Bagian Perbendaharaan..................... 147
Gambar 4. 18 Tampilan Halaman Input Pembayaran Registrasi ........................ 147
Gambar 4. 19 Tampilan Halaman Input Pembayaran Sambungan ..................... 148
Gambar 4. 20 Tampilan Halaman Utama Bagian USB ...................................... 148
Gambar 4. 21 Tampilan Halaman Input SPKO .................................................. 149
Gambar 4. 22 Tampilan Halaman Cetak SPKO.................................................. 149
Gambar 4. 23 Tampilan Halaman Input Hasil Survey ........................................ 150
Gambar 4. 24 Tampilan Halaman Cetak Hasil Survey ....................................... 150
Gambar 4. 25 Tampilan Halaman Input RAB .................................................... 151
Gambar 4. 26 Tampilan Halaman Rincian RAB Sambung Baru........................ 151
Gambar 4. 27 Tampilan Halaman Cetak RAB Sambung Baru ........................... 152
Gambar 4. 28 Tampilan Halaman Input Hasil Pemasangan ............................... 152
Gambar 4. 29 Tampilan Halaman Utama Bagian HubLang ............................... 153
Gambar 4. 30 Tampilan Halaman Detail Laporan Pengaduan ........................... 153
Gambar 4. 31 Tampilan Halaman Input BAP Bagian CR .................................. 154
Gambar 4. 32 Tampilan Halaman Input BAP Bagian Teknik ............................ 154
Gambar 4. 33 Tampilan Halaman Input Data Meteran Pelanggan ..................... 155
Gambar 4. 34 Tampilan Halaman Inpu Data User .............................................. 155
xviii
Gambar 4. 35 Tampilan Halaman Laporan Pelanggan Baru .............................. 156
Gambar 4. 36 Tampilan Halaman Grafik Pengaduan ......................................... 156
Gambar 4. 37 Pengujian Normal Halaman Cek Status Pendaftaran ................... 159
Gambar 4. 38 Pengujian Tidak Normal Halaman Tambah Pendaftaran ............. 159
xix
DAFTAR TABEL
Tabel 2. 1 Perbandingan Deskripsi dari Sistem Informasi Layanan Informasi
Berbasis Client Server ........................................................................................... 11
Tabel 2. 2 Simbol Diagram Alir Data (Flow Of Document) ................................. 15
Tabel 2. 3 Notasi Business Use Case Diagram .................................................... 17
Tabel 2. 4 Notasi Use Case Diagram.................................................................... 17
Tabel 2. 5 Notasi Class Diagram .......................................................................... 18
Tabel 2. 6 Notasi Sequence Diagram .................................................................... 19
Tabel 2. 7 Notasi Activity Diagram....................................................................... 20
Tabel 2. 8 Notasi Statechart Diagram .................................................................. 21
Tabel 2. 9. Simbol-simbol pada Entity Relationship Diagram (ERD) ................. 21
Tabel 3. 1 Proses Business Use Case .................................................................... 33
Tabel 3. 2 Proses System Use Case ....................................................................... 35
Tabel 3. 3 Skenario Use Case Mengelola User .................................................... 37
Tabel 3. 4 Skenario Use Case Mengelola Bank .................................................... 38
Tabel 3. 5 Skenario Use Case Mengelola Tarif Golongan Air ............................. 39
Tabel 3. 6 Skenario Use Case Mengelola RAB .................................................... 40
Tabel 3. 7 Skenario Use Case Mendaftar Sambungan Baru ................................. 41
Tabel 3. 8 Skenario Use Case Membuat SPKO .................................................... 43
Tabel 3. 9 Skenario Use Case Mengelola Survey ................................................. 44
Tabel 3. 10 Skenario Use Case Membuat RAB Sambung Baru ........................... 45
Tabel 3. 11 Skenario Use Case Pembayaran Sambungan..................................... 46
Tabel 3. 12 Skenario Use Case Mengelola BPPI .................................................. 48
Tabel 3. 13 Skenario Use Case Pelaporan Pelanggan........................................... 50
Tabel 3. 14 Skenario Use Case Pengaduan ........................................................... 51
Tabel 3. 15 Skenario Use Case Mengelola Berita Acara Pengaduan ................... 52
Tabel 3. 16 Skenario Use Case Pelaporan Pengaduan .......................................... 53
Tabel 3. 17 Skenario Use Case Mengelola Meteran ............................................. 54
Tabel 3. 18 Skenario Use Case Cek Tagihan ........................................................ 55
Tabel 3. 19 Skenario Use Case Kirim Pesan ........................................................ 55
Tabel 3. 20 Transformasi Tabel .......................................................................... 111
xx
Tabel 3. 21 Struktur Tabel Usergroup ................................................................ 112
Tabel 3. 22 Struktur Tabel User .......................................................................... 112
Tabel 3. 23 Struktur Tabel Bank ......................................................................... 113
Tabel 3. 24 Struktur Tabel Golongan Tarif ......................................................... 113
Tabel 3. 25 Struktur Tabel Pendaftaran .............................................................. 114
Tabel 3. 26 Struktur Tabel SPKO ....................................................................... 115
Tabel 3. 27 Struktur Tabel Survey ...................................................................... 115
Tabel 3. 28 Struktur Tabel RAB ......................................................................... 116
Tabel 3. 29 Struktur Tabel Pembayaran .............................................................. 116
Tabel 3. 30 Struktur Tabel BPPI ......................................................................... 117
Tabel 3. 31 Struktur Tabel Pengaduan ................................................................ 117
Tabel 3. 32 Struktur Tabel Meteran .................................................................... 118
xxi
DAFTAR LAMPIRAN
Lampiran 1 : Fotocopy Buku Bimbingan
Lampiran 2 : Fotocopy Surat Balasan
Lampiran 3 : Kode Program
Lampiran 4 : Biodata Penulis
xxii
DAFTAR ISTILAH DAN SINGKATAN
FOD : Flow Of Document
UML : Unified Modeling Language
PHP : Hypertext Preprocessor
ERD : Entity Relationship Diagram
CR : Costumer Representative
USB : Unit Sambungan Baru
SPKO : Surat Perintah Kerja Opname/Survey
RAB : Rencana Anggaran Baru
BPPI : Bukti Persetujuan Pemasangan Instalasi
HubLang : Hubungan Pelanggan (Bagian Pengaduan)