SISTEM INFORMASI PENDAFTARAN SAMBUNGAN BARU

PADA PDAM TIRTA KENCANA KOTA SAMARINDA

BERBASIS WEB

Muhammad Fahmi Rahman1), Kusno Harianto, M.Kom2), Prof. Dr. Drs. Mulyadi, Sy.P., MBA., MM 3)

Jurusan Manajemen Informatika, STMIK Widya Cipta Dharma

Jl. M. Yamin No. 25 Samarinda – Kalimantan Timur – 75123
E-Mail : Muh.fahmi.r6@gmail.com1), kusno@wicida.ac.id2), mulyadi@wicida.ac.id3)

ABSTRAK
Pendaftaran berbasis web ini, bertujuan untuk meningkatkan layanan pendaftaran sambungan baru menjadi lebih
mudah sehingga calon pelanggan tidak harus datang ke kantor PDAM untuk melakukan pendaftaran sambungan baru,
calon pelanggan bisa melakukan pendaftaran dimana pun dan kapan pun melalui website pendaftaran ini dan calon
pelanggan dapat mencetak bukti pendaftaran yang di dalamnya ada informasi biaya penyambungan.
Pendaftaran berbasis web ini dikembangkan dengan metode pengembangan sistem Prototype dan alat bantu
pengembangan sistem dengan menggunakan Flowchart dan Site Map. Dalam mengembangkan Website Pendaftaran ini
menggunakan bahasa pemrograman PHP, HTML, JavaScript, JQuery Basis Data MySQL, serta Sublime Text sebagai text
editor. Metode pengujian menggunakan Black-box, White-box dan Beta Testing.
Dengan dibangunnya website pendaftaran sambungan baru di PDAM Tirta Kencana ini akan diperoleh manfaat
yang besar, dimana pengunjung atau user dengan mudah memperoleh informasi tentang prosedur pendaftaran sambungan
baru, kantor unit wilayah, golongan dan tarif pelanggan, dapat melakukan pendaftaran online sehingga calon pelanggan
tidak perlu lagi datang kantor PDAM, dan calon pelanggan dapat mengetahui biaya penyambungan.

Kata Kunci: Pendaftaran, Sambungan Baru, Website PDAM Tirta Kencana.

1. PENDAHULUAN dengan cara manual yaitu masyarakat yang ingin

Perusahaan Daerah Air Minum Kota Samarinda yang
disingkat PDAM Kota Samarinda merupakan Badan
Usaha Milik Daerah yang bergerak dibidang pelayanan
air minum, PDAM yang dibentuk oleh Pemerintah
Daerah didukung dengan Kepala Daerah selaku pemilik
modal, Dewan Pengawas, Direksi dan Kepegawaian.
PDAM sendiri memiliki tugas pokok menyelenggarakan
pengelolaan air minum untuk meningkatkan
kesejahteraan masyarakat yang mencakup aspek sosial,
kesejahteraan dan pelayanan umum.
PDAM Tirta Kencana Kota Samarinda mempunyai 4
(empat) Kantor Unit Wilayah yang terletak di beberapa
titik di Kota Samarinda. Kantor Unit Wilayah
melaksanakan tugas dan fungsi PDAM Tirta Kencana
dalam wilayah tertentu. Untuk melaksanakan tugas
sebagaimana dimaksud, Kantor Unit Wilayah
menyelenggarakan fungsi penguatan dan pelayanan
(pendaftaran sambungan baru, bayar tagihan dan
pengaduan) dalam rangka mewujudkan visi PDAM Tirta
Kencana yaitu menjadi perusahaan terdepan dalam
pelayanan air minum bagi masyarakat Kota Samarinda.
Pendaftaran sambungan baru adalah suatu layanan
yang disediakan oleh PDAM Tirta Kencana untuk
masyarakat yang ingin berlangganan air minum. Saat ini
proses pendaftaran sambungan baru masih berjalan
berlangganan harus datang ke Kantor Unit Wilayah
PDAM Tirta Kencana sesuai dengan wilayahnya masing
– masing dan mengisi formulir pendaftaran serta
membawa persyaratan yang dibutuhkan seperti fotocopy
KTP, Nomor Rekening Tetangga, Foto Depan Rumah,
Sketsa Denah Lokasi dan Materai 6000, setelah itu
petugas PDAM akan melakukan survey ke lokasi
bangunan, jika tidak ada masalah calon pelanggan akan
diberi surat rincian biaya dan diminta datang ke kantor
PDAM untuk melakukan pembayaran, hal ini cukup
menyita waktu.
Berdasarkan wawancara dengan bapak Chamdani
selaku Kepala Kantor Unit Wilayah III yang beralamat di
Jalan Kadrie Oening Nomor 1, Samarinda. Dimana
permasalahannya adalah pelayanan yang diberikan dirasa
kurang cepat dan efektif, karena informasi yang
diberikan hanya informasi yang didapat dari brosur,
selain itu calon pelanggan harus datang langsung ke
kantor PDAM untuk mencari informasi dan melakukan
pendaftaran sambungan baru.
Berdasarkan permasalahan diatas penulis bermaksud
untuk membangun suatu sistem yang dapat menunjang
segala kebutuhan terkait. Dengan adanya sistem infomasi
yang dibangun oleh penulis yang merangkap semua
kebutuhan diatas yang diantaranya penulis membangun
suatu sistem informasi web base yang dapat digunakan
secara online, yang memiliki fungsionalitas yaitu 3.2 Sublime
memudahkan calon pelanggan dalam melakukan Sublime Text adalah teks editor berbasis Python,
pendaftaran sambungan baru, dimana memungkinkan sebuah teks editor yang elegan, kaya akan fitur, cross-
calon pelanggan dapat mengisi formulir pendaftaran platform, mudah dan simpel yang cukup terkenal di
tersebut kapanpun dan dimana pun serta dapat kalangan pengembang, penulis, dan desainer..
mengetahui informasi mengenai pendaftaran sambungan
baru, sehingga sistem informasi pendaftaran secara
online yang bangun diharapkan menjadi suatu solusi
untuk menyelesaikan berbagai permasalahan diatas guna
mencapai efektifitas dan efisiensi layanan pada PDAM
Tirta Kencana.

2. RUANG LINGKUP PENELITIAN

Permasalahan difokuskan pada :
1. Sistem yang dibangun menjadi sub website di Gambar 3.2 Tampilan Sublime
www.pdamkotasamarinda.co.id.
2. Sistem yang dibangun hanya berjalan pada Kantor 3.3 Web Browser
Unit Wilayah III yang beralamat di Jalan Kadrie Menurut Wardana (2012), web browser adalah suatu
Oening nomor 1, Samarinda. program yang digunakan untuk membaca kode HTML
3. Sistem yang dibangun terbatas pada melakukan yang kemudian menerjemahkan kedalam bentuk visual.
pendaftaran, dapat mengetahui biaya penyambungan, Beberapa contoh web browser adalah, Explorer, firefox,
pengelolaan data pendaftar dan dapat memantau opera, Google Crome, Safari dan lain-lain.
status pendaftaran sambungan baru.
4. Pengguna sistem terdiri dari dua yaitu customer
service sebagai admin dan calon pelanggan sebagai
user biasa.
5. Admin dapat mengelola data pendaftar, membuat
laporan berupa file PDF dan ganti password.
6. User dapat melihat informasi pendaftaran sambungan
baru seperti prosedur sambungan baru, kantor unit
wilayah, golongan dan tarif pelanggan, meng-input
Gambar 3.3 Tampilan Web Browser
data pada form pendaftaran, dapat mencetak bukti
pendaftaran dan dapat memantau status pendaftaran..
3.4 Flowchart
Menurut Jogiyanto (2008) “Bagan alir (Flowchart)
3. BAHAN DAN METODE
adalah bagan (chart) yang menunjukkan alir (flow)
Bahan-bahan yang digunakan dalam pembuatan
didalam program atau prosedur system secara logika.
Aplikasi Pendaftaran Sambungan Baru Berbasis Web ini
“Selain itu, bagan alir merupakan program (program
antara lain :
flowchart) merupakan bagan alir yang mirip dengan
bagan alir system, yaitu untuk menggambarkan prosedur
3.1 XAMPP
didalam system“.
Menurut Arief Ramadhan (2008) XAMPP sebuah
Tabel 3.1 Simbol Flowchart
tool yang menyediakan beberapa perangkat lunak ke
Simbol Keterangan
dalam satu buah paket. Dengan menginstal XAMPP.
Anda tidak perlu lagi melakukan instalasi dan Proses komputer, menunjukan suatu
konfigurasi web server Apache, PHP dan MySQL secara
kegiatan proses dan operasi
manual. XAMPP akan menginstalasi dan
mengonfirgurasinya secara otomatis untuk anda. program computer
Menunjukan dimulainya dan
diakhirnya proses
Arus data, menunjukan arus dari
suatu proses
Keputusan suatu proses pengolahan
data
Simbol untuk mewakili data
input/output
Gambar 3.1 Tampilan Kerja XAMPP
 Penghubung Pada halaman yang
sama
(Sumber : Jogiyanto HM, (2008). Analisa dan Desain
Sistem Informasi)

4. RANCANGAN SISTEM/APLIKASI
1. Flowchart Pendaftaran Sambungan Baru
Gambar 4.1 Menjelaskan gambaran umum alur user
apabila ingin melakukan proses pendaftaran sambungan
baru secara online maka terlebih dahulu membuka
alamat website pendaftaran sambungan baru online.
Kemudian user membaca prosedur pendaftaran
sambungan baru. Setelah itu user masuk ke menu form
Daftar untuk mengisi formulir pendaftaran secara
lengkap sesuai dengan prosedur, setelah data lengkap
dan tersimpan maka user dipersilahkan mencetak bukti
pendaftaran, dan bukti pendaftaran tersebut dibawa saat
melakukan verifikasi ke kantor PDAM.

Gambar 4.2 Flowchart Proses Login Admin

3. Site Map
Gambar 4.3 merupakan site map website, dijelaskan
bahwa website ini nantinya akan menjadi website induk
dimana akan memiliki beberapa halaman sub-sub
website atau website portal seperti halaman
administrator.

Gambar 4.1 Flowchart Pendaftaran Sambungan Baru

2. Flowchart Proses Admin

Gambar 4.2 Menjelaskan gambaran alur admin,
pertama kali dimulai dengan menuliskan alamat website
di browser. Setelah menuliskan alamat website maka
kemudian masuk ke dalam form login dan menginputkan
username serta password, jika benar maka masuk ke
halaman administrator. Admin dapat mengelola data
pendaftar, mencetak laporan dan ganti password.
Gambar 4.3 Site Map
5. IMPLEMENTASI
Implementasi merupakan tahapan pelaksanaan dari
tahap perancangan dimana rancangan yang ada dibuat
menjadi sebuah sistem yang nyata dan biasa digunakan.
5.1 Struktur Database
1. Tabel User 5. Tabel Tarif Sambungan Baru
Tabel 5.1 Tabel User Tabel 5.5 Tabel Tarif Sambungan Baru
No Field Name Data Type Field Size No Field Name Data Type Field Size
1 Id Int 11 1 Id Int 11
2 Username Varchar 10 2 Golongan Varchar 2
3 B_admin bigint 20
3 password Varchar 35
4 B_penyambun bigint 20
gan
2. Tabel Kecamatan 5 jaminan bigint 20
6 ppn bigint 20
Tabel 5.2 Tabel Kecamatan
7 jumlah bigint 20
No Field Name Data Type Field Size
1 Id Int 11 6. Tabel Fungsi Bangunan
2 Nama_kec Varchar 20 Tabel 5.6 Tabel Fungsi Bangunan
3 status Enum ‘0’,’1’ No Field Name Data Type Field Size
1 Id Int 11
3. Tabel Kelurahan 2 Fungsi Varchar 75
Tabel 5.3 Tabel Kelurahan 3 Gol enum SS,D1,D2,
No Field Name Data Type Field Size D3,P1,P2,
1 Id Int 11 P3,P4
2 Nama_kel Varchar 35
5.2 Tampilan Website
3 Kec_id Int 11 Implementasi dari program merupakan kelanjutan
dari tahap perancangan sehingga menjadi sebuah
4. Tabel Pendaftar sistem/aplikasi yang nyata dan bisa digunakan seperti
Tabel 5.4 Tabel Pendaftar membuat desain form aplikasi, data query, dan daftar
No Field Name Data Type Field Size keluaran.
1 No_daftar Int 11
2 Nama Varchar 18 1. Tampilan Halaman Home
Pada gambar 5.1 Menunjukan halaman utama
3 alamat Text -
website pendaftaran terdapat informasi tentang
4 No_rmh Varchar 5 pendaftaran sambungan baru online, tombol
5 rt Varchar 3 DAFTAR untuk ke halaman pendaftaran sambungan
6 rw Varchar 3 baru dan ada tombol untuk ke halaman informasi
7 Kode_pos Int 5 sambungan baru online. Lihat pada gambar 5.1.
8 kecamatan Varchar 30
9 kelurahan Varchar 30
10 No_hp Varchar 12
11 No_hp_alt Varchar 12
12 Jml_penghuni Int 2
13 Daya_listrik Int 4
14 Kegunaan_ban Varchar 50
gunan
15 gol Varchar 2
16 Rek_pdam_ttg Varchar 15
Gambar 5.1 Halaman Utama Sistem Informasi
17 Foto_ktp Varchar 45
Pendaftaran Berbasis Web
18 Foto_rek_ttg Varchar 45
19 Foto_denah Varchar 45 2. Tampilan Halaman Informasi Kantor Unit Wilayah
20 Foto_rmh Varchar 45 Gambar 5.2 Menunjukan informasi kantor unit
21 Tgl_daftar Date - wilayah yang berisi tentang informasi fungsi kantor
unit wilayah, dimana lokasi kantornya dan wilayah
22 status Enum Y,N,P,0,1
apa saja yang dicakupnya. Lihat gambar 5.2
23 keadaan Enum 0,1,2
24 ket Varchar 50
25 survey Varchar 45
26 tahunbulan varchar 4
 Gambar 5.2 Halaman Informasi Kantor Unit
Wilayah

3. Tampilan Halaman Informasi Prosedur Pendaftaran
Gambar 5.3 Menunjukan informasi prosedur /
tahapan-tahapan dalam melakukan pendaftaran
sambungan baru secara online. Lihat gambar 5.3.
Gambar 5.5 Halaman Pendaftaran Sambungan Baru
6. Tampilan Halaman Cetak Bukti
Gambar 5.6 Menunjukan halaman cetak bukti,
halaman ini terdapat link yang disediakan oleh sistem
untuk mencetak bukti pendaftaran. Lihat gambar 5.6.

Gambar 5.6 Halaman Cetak Bukti

Gambar 5.3 Halaman Informasi Prosedur 7. Tampilan Bukti Pendaftaran

Pendaftaran
4. Tampilan Halaman Informasi Golongan
Gambar 5.4 Menunjukan informasi mengenai
golongan serta fungsi bangunan di dalamnya dan
klasifikasi tarif pelanggan. Lihat gambar 5.4.
Gambar 5.7 Merupakan Bukti Pendaftaran,
terdapat data-data calon pelanggan yang telah
diinputkan sebelumnya dan informasi mengenai
biaya penyambungan. Lihat gambar 5.7.

Gambar 5.4 Halaman Informasi Golongan

5. Tampilan Halaman Pendaftaran Sambungan Baru

Gambar 5.5 Menunjukan halaman form
pendaftaran sambungan baru, form diisi dengan baik
dan benar serta mengunggah syarat-syarat seperti
KTP, Rekening PDAM Tetanga, Denah Lokasi, Foto
Rumah/Bangunan. Lihat gambar 5.5.
Gambar 5.7 Bukti Pendaftaran
8. Tampilan Halaman Tracking Pendaftaran Sambungan
Baru
Gambar 5.8 Menunjukan halaman Tracking
Pendaftaran Sambungan Baru yang digunakan untuk
mengecek status pendaftaran sambungan baru. Lihat
gambar 5.8.
11. Tampilan Halaman Pendaftar
Gambar 5.11 Menampilkan list semua pendaftar
dari database dan menampilkan statusnya. Lihat
gambar 5.11.

Gambar 5.11. Halaman Pendaftar

12. Tampilan Halaman Detail Pendaftar

Gambar 5.8 Halaman Tracking Pendaftaran
Gambar 5.12 Menunjukan data lengkap
Sambungan Baru
pendaftar yang telah diinput sebelumnya melalui
form pendaftaran. Lihat gambar 5.12.
9. Tampilan Login Admin
Gambar 5.9 Menunjukan halaman login yang
digunakan admin, user mengisi username dan
password lalu menekan tombol login untuk masuk.
Lihat gambar 5.9.

Gambar 5.9 Halaman Login Admin

10. Tampilan Halaman Dashboard

Gambar 5.10 Menunjukan halaman dashboard
admin, pada halaman ini ada notification pendaftar
yang baru masuk, menu dan sub-sub menu pendaftar, Gambar 5.12. Halaman Detail Pendaftar
laporan dan ganti password. Lihat gambar 5.10.
13. Tampilan Halaman Tambah Pendaftar
Gambar 5.13 Menunjukan halaman untuk
melakukan tambah pendaftar melalui administrator.
Lihat gambar 5.13.

Gambar 5.10 Halaman Dashboard


Gambar 5.13. Halaman Tambah Pendaftar
14. Tampilan Halaman Tambah Data Pendaftar
Gambar 5.14 Menunjukan rekap laporan, ada
dua inputan yang harus diisi, yaitu dari dan sampai,
kemudian tekan tombol cetak. Lihat gambar 5.14.
Gambar 5.14. Halaman Tambah Data Pendaftar
15. Tampilan Laporan Sambungan Baru (Mengizinkan)
Gambar 5.15 Menunjukan laporan sambungan
baru dengan status mengizinkan artinya lokasi
pendaftar bisa dilakukan pemasangan. Lihat Gambar
5.15.
Gambar 5.15. Laporan Sambungan Baru
(Mengizinkan)
16. Tampilan Laporan Sambungan Baru (Tidak
Mengizinkan)
Gambar 5.16 Menunjukan laporan sambungan
baru dengan status tidak mengizinkan artinya lokasi
pendaftar tidak bisa dilakukan pemasangan. Lihat
gambar 5.16.
Gambar 5.16. Laporan Sambungan Baru (Tidak
Mengizinkan)
17. Tampilan Laporan Sambungan Baru (Pending)
Gambar 5.17 Menunjukan laporan sambungan
baru dengan status pending artinya data pendaftar
belum diverifikasi atau di survey. Lihat gambar 5.17.
Gambar 5.17. Laporan Sambungan Baru (Pending)
18. Tampilan Halaman Ganti Password
Gambar 5.21 Merupakan halaman yang berisi
tampilan list data pengguna. Halaman ini juga
berfungsi sebagai halaman untuk melakukan tambah
data pengguna, edit data pengguna dan juga hapus
data pengguna. Lihat gambar 5.21.
Gambar 5.21. Halaman Ganti Password
6. KESIMPULAN
Berdasarkan uraian masing-masing bab dan hasil
pembahasan maka penulis dapat mengambil kesimpulan
sebagai berikut :
1. Website pendaftaran ini dibuat menggunakan
Metode Pengembangan Sistem Prototype.
2. Dengan website pendaftaran ini calon pelanggan
dapat melihat informasi mengenai prosedur
pendaftaran, kantor unit wilayah, golongan dan tarif
pelanggan.
3. Dengan website pendaftaran ini calon pelanggan
dapat melakukan pendaftaran sambungan baru
 secara online serta dapat mencetak bukti
pendaftaran.
4. Berdasarkan hasil pengujian beta maka website
pendaftaran ini telah memenuhi 9 kriteria website
yang baik. Dan dapat meningkatkan kualitas
pelayanan serta menjadi media informasi yang
efektif bagi calon pelanggan
7. SARAN
Berdasarkan dari hasil penelitian ini ada
beberapa saran untuk berbagai pihak yang terkait, yaitu
sebagai berikut :
1. Penambahan fitur google maps sehingga
memudahkan dalam mencari lokasi calon
pelanggan
2. Penambahan multi admin untuk kantor unit wilayah
I, II dan IV sehingga dapat memperluas
penggunaan website pendaftaran.
8. DAFTAR PUSTAKA
Abdulloh, Rohi. 2015. Web Programming is Easy.
Jakarta: PT.Elex Media Komputindo.
Al Fatta, Hanif. 2008. Analisis Perancangan Sistem
Informasi Jakarta, Yogyakarta : Andi
Jogianto. 2008. Analisis dan Desain Sistem
Informasi. Yogyakarta: Andi.
Database, Cetakan Pertama.Bandung:
Informatika Bandung.
Sibero, Alexander F.K, 2011. Kitab Suci Web
Programming Yogyakarta : Mediakom.
Simarmata. Janner. 2010. Rekayasa Perangkat
Lunak, Yogyakarta: Andi Offset.
Suryanto, Bunafit, 2008, Aplikasi Pemrograman
Web Dinamis, Yogyakarta: Gaya Media.
Suryanto, Bunafit, 2008, Web Design Theory &
practices, Yogyakarta: Gaya Media
Tantra, Rudy. 2012. Manajemen Proyek Sistem
Informasi. Yogyakarta: Andi
Utomo, Priyo.2014. Bikin Sendiri Toko Online
Dinamis dengan Bootstrap dan PHP.Jakarta :
Mediakom
Yuhefizar. 2009. Cara Mudah Membangun Website
Interaktif Menggunakan Content
Managemen System Joomla (CMS),
Jakarta : Elex media computindo.

Prasetio. Adhi. 2012, Buku Pintar Pemrograman

Web. Jakarta : Mediakita.

Pressman, Roger S. 2012. Rekayasa Perangkat Lunak

(Pendekatan Praktis). Edisi ke Tujuh Buku
ke-1 .Yogyakarta : Andi.

Raharjo, Budi.2016, Modul Pemrograman Web

(HTML,PHP dan MySQL), Edisi Ketiga,
Bandung: Modula.

Raharjo, Budi.2015, Belajar Otodiadak MySQL

Teknik Pembuatan dan Pengelolaan
DAFTAR NAMA DOSEN STMIK WIDYA CIPTA DHARMA

Nama Institusi E-mail

Azhari Lathyf TI
Ahmad Rofiq Hakim SI rofiq_93@yahoo.com
Shinta Palupi SI caca_200177@gmail.com
Ita Arfyanti SI qonita23@yahoo.com
Hj. Ekawati Y. Hidayat MI ekawati_stmik@yahoo.com
M. Irwan Ukkas SI Irwan212@yahoo.com
H. Nursobah TI nursb@yahoo.com
Kusno Harianto SI kusnoharianto97.kh@gmail.com
Amelia Yusnita SI lia_ameliay@yahoo.co.id
Siti Lailiyah TI lail.59a@gmail.com
Yulindawati TI yuli.linda08@yahoo.com
Eka Arriyanti TI
Homsin Ramli MI homsinramli@yahoo.com
Awang H. Kridalaksana TI awangkid@gmail.com
Tommy Bustomi TI tbustomi@gmail.com
Jundro Daud TI daudjundro@yahoo.co.id
Sumarno TI sumarno_stmik@yahoo.com
Vilianty Rafida TI viliantyrafida@yahoo.com

DATA Kampus:

STMIK Widya Cipta Dharma

Jl. M. Yamin No. 25, Samarinda, 75123