APLIKASI WEB MOBILE INFORMASI PERUSAHAAN DAERAH AIR MINUM (PDAM) TIRTA MUSI PALEMBANG
LAPORAN AKHIR Disusun Untuk Memenuhi Syarat Menyelesaikan Pendidikan Diploma III Jurusan Manajemen Informatika Politeknik Negeri Sriwijaya
Oleh :
Okta Fadhilah
0612 3080 0665
MANAJEMEN INFORMATIKA POLITEKNIK NEGERI SRIWIJAYA PALEMBAG 2015
Motto dan Persembahan “La Tahzan, Innallaha Ma’ana”
“Wahai orang-orang yang beriman! Jika kamu menolong (agama) Allah, niscaya Dia akan menolongmu dan meneguhkan kedudukanmu”. (QS: Muhammad : 7). “Dan sungguh, Kami benar-benar akan menguji kamu sehingga Kami mengetahui orangorang yang benar-benar berjihad dan bersabar di antara kamu; dan akan Kami uji perihal kamu”. (QS: Muhammad :31). “No matter what people think of you...always keep smiling and walk away!”
Laporan ini Saya Persembahkan Kepada: Ibu dan Ayah Tercinta Yuk Nia, Yuk Dian, Kak Wira Semua Dosen Manajemen Informatika Politeknik Negeri Sriwijaya Sahabat-Sahabat Terbaik Almamater Seluruh Pihak yang Membantu, Khususnya Teman-teman Kelas 6IC
iii
ABSTRAK Judul laporan akhir ini adalah "Aplikasi Web Mobile Informasi PDAM Tirta Musi Palembang". Metode penelitian yang digunakan adalah wawancara, observasi, dan analisis dokumen serta menggunakan metode RUP (Rational Unified Process) dalam metode pengembangan sistem. Cara yang berjalan selama ini belum tersedianya sarana masyarakat khususnya pelanggan PDAM Tirta Musi Palembang untuk menyampaikan maupun mencari informasi tentang PDAM Tirta Musi Palembang secara cepat. Oleh karena itu PDAM Tirta Musi Palembang memerlukan suatu aplikasi yang dapat membantu dalam meningkatkan pelayanan informasi tersebut. Program aplikasi ini terdiri dari halaman informasi tagihan, pengajuan pemasangan baru dan informasi keluhan. Dengan menggunakan bahasa pemrograman WAP (Wireless Application Protocol) dan database MySQL.
v v
iv
ABSTRACT The title of this final report is "The Application of Web Mobile Information at Perusahaan Daerah Air Minum (PDAM) Tirta Musi Palembang". The method used is interview, observation, and analysis of documents as well as using RUP (Rational Unified Process) in system development methods. This way of running for the unavailability of community facilities, especially customers PDAM Tirta Musi Palembang and seek to convey information about the PDAM Tirta Musi Palembang quickly. Therefore, PDAM Tirta Musi Palembang need an application that can assist in improving the information services. This application program consists of pages of information bill, new installations and information filing a complaint. By using the programming language WAP (Wireless Application Protocol) and MySQL database.
vv i v i
KATA PENGANTAR
Alhamdulillah puji dan syukur kehadirat Allah SWT, karena berkat rahmat dan hidayah-Nya penulis dapat menyelesaikan Laporan Akhir yang diberi judul “Aplikasi Web Mobile Informasi Perusahaan Daerah Air Minum (PDAM) Tirta Musi Palembang”, terdiri dari Bab 1 Pendahuluan, Bab 2 Tinjauan Pustaka, Bab 3 Gambaran Umum Perusahaan, Bab 4 Hasil dan Pembahasan dan Bab 5 Kesimpulan dan Saran. Adapun tujuan dari penyusunan Laporan Akhir ini adalah untuk memenuhi salah satu syarat menyelesaikan Program Studi Diploma III pada Jurusan Manajemen Informatika di Politeknik Negeri Sriwijaya Palembang. Dalam penulisan Laporan Akhir, penulis banyak mendapatkan bantuan dari berbagai pihak berupa bimbingan secara langsung maupun tidak langsung sehingga penulis dapat menyelesaikan Laporan Akhir ini. Pada kesempatan ini penulis mengucapkan terima kasih kepada semua pihak yang telah memberikan bimbingan dan pengarahan dalam penulisan Laporan Akhir ini, kepada : 1. Bapak RD. Kusumanto, S.T., M.M. selaku Direktur Politeknik Negeri Sriwijaya. 2. Bapak H. Firdaus, S.T., M.T. selaku Pembantu Direktur I Politeknik Negeri Sriwijaya. 3. Bapak H. L. Suhairi Hazisma, S.E., M.Si. selaku Pembantu Direktur II Politeknik Negeri Sriwijaya. 4. Bapak Ir. Irawan Rusnadi, M.T. selaku Pembantu Direktur III Politeknik Negeri Sriwijaya. 5. Bapak Dr. Ing. Ahmad Taqwa, M.T. selaku Pembantu Direktur IV Politeknik Negeri Sriwijaya. 6. Bapak Dedy Rusdyanto, S.E., M.Si. selaku Ketua Jurusan Manajemen Informatika Politeknik Sriwijaya. 7. Bapak Robinson, S.Kom., M.Kom. selaku Sekretaris Jurusan Manajemen Informatika Politeknik Negeri Sriwijaya. vii vi
8. Bapak Ridwan Effendi, SE. selaku Dosen Pembimbing I dalam pembuatan Laporan Akhir ini. 9.
Bapak Sony Oktapriandi, S.Kom.,M.Kom. selaku Dosen Pembimbing II dalam pembuatan Laporan Akhir ini.
10. Semua Dosen dan Staff jurusan Manajemen Informatika. 11. Semua Direksi dan Staff Karyawan Perusahaan Daerah Air Minum (PDAM) Tirta Musi Palembang. 12. Ibu dan Ayah tercinta yang telah memberikan dukungan yang besar dan senantiasa selalu mendoakan. 13. Ayuk Nia, Ayuk Dian, Kak Wira yang memberikan semangat dan menginspirasi. 14. Para sahabat-sahabat terbaik yang setia membantu. 15.nda,iqbal,tiak,hilda,azmi,atika,fira,kakika,mer,ines,via,mbakyul, winda,ranni,pepeb,vika,khobran,topek,ardi,doni,bagus,galih,roby,jhon dan Teman-teman seperjuangan Jurusan Manajemen Informatika. 16. Semua pihak yang telah membantu dalam menyelesaikan Laporan Akhir ini.
Semoga segala bantuan yang telah diberikan akan mendapatkan pahala yang baik dari Allah SWT. Tiada gading yang tak retak andaipun retak jadikanlah sebagai ukiran, begitupun dengan Laporan Akhir ini, penulis menyadari bahwa masih banyak terdapat kesalahan dan masih jauh dari sempurna. Oleh karena itu, penulis juga mengharapkan agar pembaca laporan ini dapat memberikan saran dan kritik guna perbaikan dimasa yang akan datang. Penulis berharap semoga dengan adanya Laporan Akhir ini dapat membantu dan memberikan manfaat bagi semua pihak, khususnya bagi seluruh Mahasiswa Jurusan Manajemen Informatika.
Palembang,
Juni 2015
Penulis
vi vii ii vi ii
DAFTAR ISI
Halaman COVER ...................................................................................................
i
LEMBAR PENGESAHAN LAPORAN AKHIR ................................
ii
HALAMAN MOTO DAN PERSEMBAHAN .....................................................
iii
ABSTRACK ...........................................................................................
iv
ABSTRACT ............................................................................................
v
KATA PENGANTAR ............................................................................
vi
DAFTAR ISI ........................................................................... viii DAFTAR TABEL ..................................................................................
xv
DAFTAR GAMBAR .............................................................................. xvi
BAB I PENDAHULUAN .......................................................................
1
1.1.Latar Belakang ..........................................................................
1
1.2. Perumusan Masalah ................................................................
3
1.3. Batasan Masalah .....................................................................
3
1.4. Tujuan dan Manfaat Penulisan ...............................................
4
1.4.1. Tujuan Penulisan................................................................
4
1.4.2 . Manfaat Penulisan..........................................................
4
1.5. Metodologi Pengumpulan Data ......................................................
4
1.5.1. Lokasi Pengumpulan Data ........................................
4
1.5.2. Meode Pengumpulan Data ........................................
4
viii
1.6. Sistematika Penulisan ....................................................
6
BAB II TINJAUAN PUSTAKA .......................................................
8
2.1. Teori Umum ...........................................................................
8
2.1.1. Pengertian Aplikasi ........................................................
8
2.1.2. Pengertian Web ..............................................................
8
2.1.3. Pengertian Mobile ..........................................................
8
2.1.4. Pengertian Informasi ......................................................
9
2.1.5. Pengertian Aplikasi Web Mobile Informasi PDAM Tirta Musi Palembang ...........................................................
9
2.2. Teori Khusus..........................................................................
9
2.2.1. Pengertian Database .......................................................
9
2.2.2. Pengertian UML (Unified Modelling Language) ...........
10
2.2.3. Class Diagram ................................................................
10
2.2.4. Use Case Diagram .........................................................
12
2.2.5. Activity Diagram ............................................................
13
2.2.6. Sequence Diagram .........................................................
15
2.2.7. Metodologi RUP (Rational Unified Process) ................
16
2.2.8. Penerapan Tahap Metodologi Pengembangan Perangkat Lunak dengan RUP ........................................................
17
2.3. Teori Program ........................................................................
18
2.3.1. Pengertian WAP (Wireless Application Protocol) ........
18
2.3.2. Pengenalan WAP (Wireless Application Protocol) .......
18
ix
2.3.3. WML (Wireless Markup Language) ...............................
20
2.3.4. Pengertian MySQL .........................................................
21
2.3.5. PHP dan WAP.................................................................
21
2.3.5.1. Gambaran Umum .....................................................
21
2.3.5.2. Pengertian PHP ........................................................
21
2.3.5.3. Tipe Data PHP..........................................................
22
2.3.5.4. Skrip PHP .................................................................
22
2.3.6. Pengertian HTML ...........................................................
23
2.3.7. Pengertian CSS ...............................................................
24
2.3.8. Adobe Dreamweaver ......................................................
24
2.3.9. Pengenalan XAMPP .......................................................
25
2.3.10. PhpMyAdmin .................................................................
26
BAB III GAMBARAN UMUM PERUSAHAAN .........................
27
3.1. Sejarah Singkat PDAM Tirta Musi Palembang .......................
27
3.2. Sejarah Perkembangan ............................................................
28
3.3. Visi dan Misi Perusahaan ........................................................
30
3.3.1. Visi ...................................................................................
30
3.3.2. Misi ..................................................................................
30
3.4. Sistem Pengolahan Air Minum................................................
31
3.4.1. Air Baku (INTAKE) ........................................................
31
3.4.2. Instalasi Pengolahan Air (IPA) ........................................
31
3.4.3. Pusat Distribusi (BOOSTER) ..........................................
32
x
3.5. Struktur Organisasi ..................................................................
34
3.6. Pembagian Tugas dan Wewenang ...........................................
37
3.6.1. Direktur Utama ................................................................
37
3.6.2. Direktur Teknik dan Pengembangan ...............................
37
3.6.3. Direktur Umum dan Keuangan ........................................
38
3.6.4. Direktur Operasional dan Pemasaran...............................
38
3.6.5. Satuan Pengawasan Intern ...............................................
38
3.6.5.1. Seksi Pengawasan Umum ........................................
39
3.6.5.2. Seksi Pengawasan Teknik ........................................
39
3.6.6. Bagian Pengadaan ............................................................
40
3.6.6.1. Seksi Pengadaan .......................................................
41
3.6.6.2. Seksi Gudang ...........................................................
41
3.6.7. Bagian Keuangan .............................................................
42
3.6.7.1. Seksi Pembukuan .....................................................
43
3.6.7.2. Seksi Kas dan Pajak .................................................
43
3.6.7.3. Seksi Anggaran dan Asset ........................................
44
3.6.7.4. Seksi Pengolahan Data dan Rekening ......................
44
3.6.8. Bagian Sumber Daya Manusia (SDM) dan Umum .........
46
3.6.8.1. Seksi Hukum dan Hubungan Masyarakat dan Tata Usaha Umum .....................................................................
46
3.6.8.2. Seksi Sumber Daya Manusia ...................................
47
3.6.8.3. Seksi Perlengkapan dan Rumah Tangga ..................
48
xi
3.6.8.4. Seksi Pengamanan ....................................................
49
3.6.9. Unit Pelayanan .................................................................
49
3.6.9.1. Seksi Distribusi dan DMA .......................................
51
3.6.9.2. Seksi Pembaca Meter ...............................................
52
3.6.9.3. Seksi Penagihan dan Tunggakan ..............................
53
3.6.9.4. Seksi Pelayanan Langganan .....................................
53
3.6.10. Bagian Pengendalian Kehilangan Air ............................
54
3.6.10.1. Seksi Kebocoran.....................................................
55
3.6.10.2. Seksi Meter Air ......................................................
56
3.6.10.3. Seksi Analisa Jaringan dan GIS ...........................
57
3.6.10.4. Seksi Penertiban .....................................................
58
3.6.11. Bagian Produksi dan Pemeliharaan ...............................
58
3.6.11.1. Seksi Instalasi Rambutan .......................................
59
3.6.11.2. Seksi Instalasi 3 Ilir ................................................
60
3.6.11.3. Seksi Instalasi Karang Anyar dan Poligon .............
61
3.6.11.4. Seksi Instalasi Ogan ...............................................
62
3.6.11.5. Seksi Instalasi Transmisi Borang ...........................
62
3.6.11.6. Seksi Intake Karang Anyar ....................................
63
3.6.11.7. Seksi Kontrol Kwalitas ..........................................
64
3.6.11.8. Seksi Pemeliharaan Mekanik dan Listrik ...............
65
3.6.12. Bagian Perencanaan dan Pengembangan .......................
66
3.6.12.1. Seksi Perencanaan ..................................................
66
xii
3.6.12.2. Seksi Pengawasan ................................................
67
3.6.12.3. Seksi Dokumentasi .................................................
68
3.7. Sistem yang Sedang Berjalan ..................................................
68
3.8. Diagram Use Case Sistem yang Sedang Berjalan ...................
70
3.9. Diagram Aktivitas Sistem yang Sedang Berjalan Pada User ..
71
3.10. Diagram Aktivitas Sistem yang Sedang Berjalan Pada Admin
72
3.11. Data-Data yang Akan Diolah ................................................
73
BAB IV HASIL DAN PEMBAHASAN ...............................................
75
4.1. Hasil ........................................................................................
75
4.1.1. Definisi Masalah, Penyelidikan Awal, dan Studi Kelayakan 4.1.1.1. Definisi Masalah ......................................................
75
4.1.1.2. Penyelidikan Awal ...................................................
75
4.1.1.3. Studi Kelayakan .......................................................
76
4.1.2. Analisis Masalah .............................................................
77
4.1.2.1. Tempat dan Waktu Penelitian ............................
77
4.1.2.2. Alat dan Bahan .........................................................
77
4.1.2.2.1. Alat ...................................................................
77
4.1.2.2.2. Bahan ................................................................
78
4.3.1. Metode Pengembangan Sistem ........................................
78
4.1.3.1. Fase Inception ..........................................................
78
4.1.3.1.1. Deskripsi Umum Perangkat Lunak ...............
78
4.1.3.1.2. Requierements (Kebutuhan)Perangkat Lunak ..
78
xiii
75
4.1.3.1.2.1. Kebutuhan Fungsional ..............................
79
4.1.3.1.2.2. Kebutuhan Non Fungsional ......................
79
4.1.3.1.3. Use Case Diagram ......................................
81
4.1.3.2. Fase Elaboration .............................................
82
4.1.3.2.1. Analisis and Design (Desain dan Analisa) .......
82
4.1.3.2.2. Perancangan Statis ............................................
83
4.1.3.2.2.1. Diagram Kelas ..........................................
83
4.1.3.2.2.2. Diagram Aktivitas .....................................
84
4.1.3.2.2.2.1. Diagram Aktivitas Use Case Autentifikasi....... 84 4.1.3.2.2.2.2. Diagram Aktivitas Use Case Pengolahan Data User .............................................................
84
4.1.3.2.2.2.3. Diagram Aktivitas Use Case Pengolahan Informasi Tagihan ......
85
4.1.3.2.2.2.4.Diagram Aktivitas Use Case Data Keluhan........ 86 4.1.3.2.2.2.5. Diagram Aktivitas Use Case Data Pelanggan...... 86 4.1.3.2.2.2.6. Diagram Aktivitas Use Case Data PB........ 87 4.1.3.2.2.2.7. Diagram Aktivitas Use Case Mengajukan Informasi Keluhan ......
88
4.1.3.2.2.2.8. Diagram Aktivitas Use Case Mencari Informasi Tagihan ............................
88
4.1.3.2.2.2.9. Diagram Aktivitas Use Case Mengajukan Permohonan PB .......... xiv
89
4.1.3.2.3. Perancangan Dinamis .......................................
89
4.1.3.2.3.1. Diagram Sekuensial ..................................
89
4.1.3.2.3.1.1. Diagram Sekuensial Use Case Autentifikasi....... 89 4.1.3.2.3.1.2. Diagram Sekuensial Use Case Pengolahan Data User .........................................
90
4.1.3.2.3.1.3. Diagram Sekuensial Use Case Informasi Tagihan ............................................
91
4.1.3.2.3.1.4. Diagram Sekuensial Use Case Data Keluhan...... 91 4.1.3.2.3.1.5. Diagram Sekuensial Use Case Data Pelanggan ........................................
92
4.1.3.2.3.1.6. Diagram Sekuensial Use Case Data PB ...... 93 4.1.3.2.3.1.7. Diagram Sekuensial Use Case Mengajukan Informasi Keluhan ......
93
4.1.3.2.3.1.8. Diagram Sekuensial Use Case Mencari Informasi Tagihan...........................
94
4.1.3.2.3.1.9. Diagram Sekuensial Use Case Mengajukan Permohonan PB ..............................
95
4.1.3.3. Fase Contruction .............................................
95
4.1.3.3.1. Desain Tampilan..............................................
95
4.1.3.3.1.1. Desain Halaman Login ..........................
95
4.1.3.3.1.2. Desain Halaman Utama Aplikasi..............
96
4.1.3.3.1.3. Desain Halaman Profil ..............................
97
xv
4.1.3.3.1.4. Desain Halaman Unit Wilayah .................
97
4.1.3.3.1.5. Desain Halaman Admin ............................
98
4.1.3.3.1.6. Desain Halaman Pasang Baru ...................
98
4.1.3.3.1.7. Desain Halaman Keluhan .........................
99
4.1.3.3.1.8.Desain Halaman Sub Menu Pengolahan Data 4.1.3.3.2. Tampilan Aplikasi ........................................... 100 4.1.3.3.2.1. Tampilan Halaman Login ......................... 100 4.1.3.3.2.2. Tampilan Halaman Utama ........................ 100 4.1.3.3.2.3. Tampilan Halaman Unit Wilayah ............. 101 4.1.3.3.2.4. Tampilan Halaman Pasang Baru............... 102 4.1.3.3.2.5. Tampilan Halaman Keluhan ..................... 104 4.1.3.3.2.6. Tampilan Halaman Informasi Tagihan ..... 106 4.2. Pembahasan ............................................................................ 107 4.2.1. Pengujian Perangkat Lunak ...................................... 108 4.2.1.1. Lingkungan Pengujian.............................................. 108 4.2.1.2. Rencana Pengujian ............................................. 108 4.2.1.2.1. Test Case Admin Melakukan Prapengolahan Autentifikasi ..................................................... 108 4.2.1.2.2. Test Case Admin Melakukan Prapengolahan Data User .................................................................. 108 4.2.1.2.3. Test Case Admin Melakukan Prapengolahan Data Informasi Tagihan .................................. 109 xvi
99
4.2.1.2.4. Test Case Admin Melakukan Prapengolahan Data Keluhan ................................................... 110 4.2.1.2.5. Test Case Admin Melakukan Prapengolahan Data Pelanggan ................................................ 110 4.2.1.2.6. Test Case Admin Melakukan Prapengolahan Data PB ............................................................ 111 4.2.1.2.7. Test Case Pelanggan Melakukan Prapengajuan Informasi Keluhan .............................................. 112 4.2.1.2.8. Test Case Pelanggan Melakukan Prapencarian Informasi Tagihan .............................................. 112 4.2.1.2.9. Test Case Calon Pelanggan Melakukan Prapengajuan Permohonan PB ........................ 113 BAB V KESIMPULAN DAN SARAN ................................................. 114 5.1. Kesimpulan ............................................................................ 114 5.2. Saran ............................................................................. 114 DAFTAR PUSTAKA LAMPIRAN
xvii
DAFTAR TABEL Halaman Tabel 2.1. Simbol Diagram Kelas ............................................................
11
Tabel 2.2. Simbol Diagram Use Case ......................................................
12
Tabel 2.3. Simbol-Simbol Diagram Aktivitas .........................................
14
Tabel 2.4. Simbol-Simbol Diagram Sekuen ............................................
15
Tabel 2.5. Folder-Folder Penting Dalam XAMPP ...................................
25
Tabel 3.1. Air Baku (INTAKE) ...............................................................
31
Tabel 3.2. Instalasi Pengolahan Air (IPA) ...............................................
31
Tabel 3.3. Pusat Distribusi (BOOSTER) .................................................
32
Tabel 4.1. Faktor-Faktor Studi Kelayakan ...............................................
76
Tabel 4.2. Analisis PIECES .....................................................................
80
Tabel 4.3. Deskripsi Aktor .......................................................................
81
Tabel 4.4. Deskripsi Use Case .................................................................
82
Tabel 4.5. Test Case Prapengolahan Autentifikasi ................................... 108 Tabel 4.6. Test Case Prapengolahan Data User ....................................... 108 Tabel 4.7. Test Case Prapengolahan Informasi Tagihan ......................... 109 Tabel 4.8. Test Case Prapengolahan Data Keluhan ................................. 110 Tabel 4.9. Test Case Prapengolahan Data Pelanggan .............................. 110 Tabel 4.10. Test Case Prapengolahan Data PB ........................................ 111 Tabel 4.11. Test Case Prapengajuan Informasi Keluhan ......................... 112 Tabel 4.12. Test Case Prapencarian Informasi Tagihan .......................... 112 Tabel 4.13. Test Case Prapengajuan Permohonan PB ............................. 113 xviii
DAFTAR GAMBAR
Halaman
Gambar 2.1. Arsitektur Rational Unified Process ....................................
17
Gambar 2.2. Tampilan Aplikasi WAP .....................................................
18
Gambar 2.3. Jaringan WAP .....................................................................
19
Gambar 2.4. Tampilan PHP .....................................................................
23
Gambar 2.5. Tampilan Adobe Dreamweaver ..........................................
24
Gambar 2.6. Tampilan XAMPP ...............................................................
25
Gambar 2.7. Tampilan PhpMyAdmin......................................................
26
Gambar 3.1. Struktur Organisasi PDAM Tirta Musi Palembang ............
36
Gambar 3.2. Sistem yang Sedang Berjalan ..............................................
68
Gambar 3.3. Diagram Use Case Sistem yang Sedang Berjalan ...............
70
Gambar 3.4. Diagram Aktivitas Sistem yang Sedang Berjalan Pada User
71
Gambar 3.5. Diagram Aktivitas Sistem yang Sedang Berjalan Pada Admin
72
Gambar 4.1. Use Case Diagram ...............................................................
81
Gambar 4.2. Diagram Kelas .....................................................................
83
Gambar 4.3. Diagram Aktivitas Use Case Autentifikasi .........................
84
Gambar 4.4. Diagram Aktivitas Use Case Pengolahan Data User ..........
85
Gambar 4.5. Diagram Aktivitas Use Case Pengolahan Informasi Tagihan
85
Gambar 4.6. Diagram Aktivitas Use Case Pengolahan Data Keluhan ....
86
Gambar 4.7. Diagram Aktivitas Use Case Pengolahan Data Pelanggan .
87
xix
Gambar 4.8. Diagram Aktivitas Use Case Pengolahan Data PB .............
87
Gambar 4.9. Diagram Aktivitas Use Case Mengajukan Informasi Keluhan Gambar 4.10. Diagram Aktivitas Use Case Mencari Informasi Tagihan
88
Gambar 4.11. Diagram Aktivitas Use Case Mengajukan Permohonan PB
89
Gambar 4.12. Diagram Sekuensial Autentifikasi .....................................
90
Gambar 4.13. Diagram Sekuensial Use Case Pengolahan Data User ......
90
Gambar 4.14. Diagram Sekuensial Use Case Informasi Tagihan ............
91
Gambar 4.15. Sequence Diagram Use Case Pengolahan Data Keluhan ..
92
Gambar 4.16. Diagram Sekuensial Use Case Data Pelanggan ................
92
Gambar 4.17. Diagram Sekuensial Use Case Data PB ............................
93
Gambar 4.18. Diagram Sekuensial Mengajukan Informasi Keluhan ......
94
Gambar 4.19. Diagram Sekuensial Use Case Mencari Informasi Tagihan
94
Gambar 4.20. Diagram Sekuensial Mengajukan Permohonan PB ..........
95
Gambar 4.21. Rancangan Halaman Login ...............................................
96
Gambar 4.22. Rancangan Halaman Utama ..............................................
96
Gambar 4.23. Rancangan Halaman Profil ...............................................
97
Gambar 4.24. Rancangan Halaman Unit Wilayah ...................................
97
Gambar 4.25. Rancangan Halaman Admin .............................................
98
Gambar 4.26. Rancangan Halaman Pasang Baru ....................................
98
Gambar 4.27. Rancangan Halaman Keluhan ...........................................
99
Gambar 4.28. Rancangan Halaman Sub Menu Pengolahan Data ............
99
Gambar 4.29. Tampilan Halaman Login ................................................. 100 xx
88
Gambar 4.30. Tampilan Halaman Utama ................................................ 101 Gambar 4.31. Tampilan Halaman Unit Wilayah ..................................... 101 Gambar 4.32. Tampilan Proses Unit Wilayah ......................................... 102 Gambar 4.33. Tampilan Data Unit Wilayah pada Admin ........................ 102 Gambar 4.34. Tampilan Halaman Pasang Baru ....................................... 103 Gambar 4.35. Tampilan Form Pengisian Data Pasang Baru .................... 103 Gambar 4.36. Tampilan Proses Pasang Baru ........................................... 104 Gambar 4.37. Tampilan Data Pasang Baru pada Admin ......................... 104 Gambar 4.38. Tampilan Halaman Keluhan ............................................. 105 Gambar 4.39. Tampilan Form Pengisian Data Keluhan .......................... 105 Gambar 4.40. Tampilan Proses Keluhan ................................................. 106 Gambar 4.41. Tampilan Data Keluhan pada Admin ................................ 106 Gambar 4.42. Tampilan Halaman Informasi Tagihan ............................. 106 Gambar 4.43. Tampilan Proses Informasi Tagihan ................................. 107 Gambar 4.44. Tampilan Data Informasi Tagihan pada Admin ................ 107
xxi