BAB IV DESKRIPSI PEKERJAAN
4.3 Perancangan Sistem
4.3.7 Input/Output
Dalam bagian implementasi sistem akan menjelaskan tentang perangkat lunak dan perangkat keras pendukung serta apa saja yang bisa dilakukan sistem Pengelolaan Pengaduan Pelanggan pada PT. Bumi Lingga Pertiwi.
1) Tampilan Menu Awal
Halaman ini adalah halaman awal pengguna dimana terdapat akses untuk Login User dan Login admin maupun petugas
70
Gambar 4.48 Tampilan Menu Login
2) Tampilan Menu Login Customer
Halaman ini adalah halaman Login User dimana Customer sebelumnya sudah menghubungi admin untuk melakukan registrasi di form Login terdapat pilihan lupa Password jika lupa Password sebelumnya.
3) Tampilan Menu Lupa Password Customer
Halaman ini adalah halaman lupa Password dimana Customer dapat mereset Password mereka jika mereka lupa Password sebelumnya yang penting mereka ingat Username nya.
Gambar 4.50 Tampilan Menu Lupa Password Customer
4) Tampilan Menu Halaman Utama Customer
Halaman ini adalah halaman utama setelah melakukan Login , pada halaman tersebut terdapat dashboard untuk menuju halaman utama dan terdapat Box notifikasi detail laporan seperti pengaduan belum terkonfirmasi , terkonfirmasi,
72
pengaduan terselaikan, dan tabel laporan. Disebelah kiri teradapt menu dropdown dan teradapat menu pilihan lengkapi profil, ganti Password dan logout.
Gambar 4.51 Tampilan Menu Halaman Setelah Login
5) Tampilan Menu Data Pengaduan Customer
Halaman ini adalah halaman data pengaduan dimana Customer dapat menambahkan pengaduan dan tabel terdapat opsi detail agar dapat melihat proses perkembangan laporan yang diadukan.
6) Tampilan Menu Tambah Pengaduan
Halaman ini adalah halaman Tambah pengaduan dimana Customer menambahkan data pengaduan yang dialami dan mengisi semua form data yang disediakan seperti masalah kejadian yang terjadi, dimana kejadiannya, tanggal kejadian, siapa petugas yang terlibat, menjelakan proses kejadiannya, keterangan, barang bukti berupa foto.
Gambar 4.53 Tampilan Menu Tambah Pengaduan
7) Tampilan Menu Pengaduan Detail
Halaman ini adalah halaman pengaduan detail dimana Customer dapat melihat secara detail pengaduan yang diadukan dan melihat pesan petugas.
74
Gambar 4.54 Tampilan Menu Pengaduan Detail
8) Tampilan Menu Lengkapi Profile
Halaman ini untuk melengkapi Profile Customer yang masih belum lengkap dan agar petugas dan admin dapat mengetahui informasi detail Customer
9) Tampilan Menu Ganti Password Customer
Halaman ini untuk merubah Password jika Customer ingin merubah sesuai dengan yang diinginkan.
Gambar 4.56 Tampilan Menu Ganti Password
10) Tampilan Menu Login Admin
Tampilan Menu ini Halaman Login admin terdapat dua pilihan Login sebagai admin atau sebagai petugas. Disini saya akan menjelaskan terlebih dahulu Login sebagai super admin atau admin.
76
11) Tampilan Menu Halaman Utama Login
Halaman ini adalah halaman utama setelah melakukan Login Admin , pada halaman tersebut terdapat dashboard untuk menuju halaman utama dan terdapat Master data yang didalamnya ada pilihan untuk melihat dan User, pengaduan, petugas, Registasi member, Box notifikasi detail laporan seperti jumlah User, pengaduan belum terkonfirmasi, terkonfirmasi, pengaduan terselaikan, dan tabel laporan. Disebelah kiri teradapt menu dropdown dan teradapat menu pilihan ganti Password dan logout.
Gambar 4.58 Tampilan Menu Halaman Utama Login
12) Tampilan Menu Ganti Password
Halaman ini untuk merubah Password jika Admin ingin merubah sesuai dengan yang diinginkan.
Gambar 4.59 Tampilan Menu Ganti Password Admin
13) Tampilan Menu Data User
Halaman ini Data User untuk melihat detail profil lengkap User dan admin dapat menghapus data User jika dibutuhkan.
Gambar 4.60 Tampilan Menu Data User
14) Tampilan Menu Data Pengaduan
Halaman ini Data Pengaduan untuk melihat pengaduan yang belum dikonfirmasi, sedang ditangani sampai selesai admin dapat mengkonfirmasi data pengaduan setelah itu data akan masuk ke petugas terkait.
78
Gambar 4.61 Tampilan Menu Data Pengaduan
15) Tampilan Menu Detail Pengaduan
Halaman ini adalah halaman pengaduan detail dimana Admin dapat melihat secara detail pengaduan yang diadukan.
16) Tampilan Menu Document Laporan
Halaman ini adalah halaman print laporan dimana admin dapat mencetak laporan data pengaduan Customer.
Gambar 4.63 Tampilan Menu Document Laporan
17) Tampilan Menu Data Petugas
Halaman ini adalah halaman Data Petugas dimana Admin dapat menambahkan data petugas, hapus petugas dan Update data petugas.
80
18) Tampilan Menu Tambah Petugas
Halaman ini adalah halaman Tambah data Petugas dimana Admin dapat menambahkan data petugas dan mengisi data sesuai inputan tabel.
Gambar 4.65 Tampilan Menu Tambah Petugas 19) Tampilan Menu Update Data Petugas
Halaman ini adalah halaman Update data Petugas dimana Admin dapat mengupdate data petugas dan melengkapi kekurangan data profil petugas.
20) Tampilan Menu Register User
Halaman ini adalah halaman Register Customer dimana Admin dapat menambahkan data Customer yang ingin melakukan pengaduan.
Gambar 4.67 Tampilan Menu Register User
21) Tampilan Menu Login Petugas
Tampilan Menu ini Halaman Login Petugas terdapat dua pilihan Login sebagai admin atau sebagai petugas. Disini saya akan menjelaskan terlebih dahulu Login sebagai Petugas.
82
Gambar 4.68 Tampilan Menu Login Petugas
22) Tampilan Menu Halaman Utama Login Petugas
Halaman ini adalah halaman utama setelah melakukan Login Petugas , pada halaman tersebut terdapat dashboard untuk menuju halaman utama dan terdapat Master data yang didalamnya ada pilihan untuk melihat dan User, pengaduan, petugas, Box notifikasi detail laporan seperti jumlah User, pengaduan belum terkonfirmasi, terkonfirmasi, pengaduan terselaikan, dan tabel laporan. Disebelah kiri teradapt menu dropdown dan teradapat menu pilihan ganti Password dan logout.
Gambar 4.69 Tampilan Menu Halaman Utama Login Petugas
23) Tampilan Menu Ganti Password
Halaman ini untuk merubah Password jika Petugas ingin merubah sesuai dengan yang diinginkan.
Gambar 4.70 Tampilan Menu Ganti Password
24) Tampilan Menu Data User
Halaman ini Data User untuk melihat detail profil lengkap User dan admin dapat menghapus data User jika dibutuhkan.
84
Gambar 4.71 Tampilan Menu Data User
25) Tampilan Menu Detail User
Halaman ini adalah Data detail User untuk melihat profil lengkap User.
26) Tampilan Menu Data Pengaduan Petugas
Tampilan Menu ini digunakan untuk petugas dalam melihat status konfirmasi yang diterima dari Admin dan Petugas dapat melanjutkan pengaduan yang diterima.
Gambar 4.73 Tampilan Menu Data Pengaduan Petugas
27) Tampilan Menu Detail Pengaduan petugas
Tampilan Menu ini digunakan untuk halaman pengaduan detail dimana petugas dapat melihat isi pengaduan yang diadukan.
86
28) Tampilan Menu Update data pengaduan
Tampilan Menu ini digunakan untuk Petugas dalam mengUpdate data pengaduan yang diterima lalu memberi pesan kepada Customer dan memberikan status pengaduan dimana terdapat dua pilihan sedang ditangani atau selesai lalu simpan dan secara otomatis akan terkirim ke Customer terkait.
Gambar 4.75 Tampilan Menu Update data pengaduan
29) Tampilan Menu Data Petugas
Tampilan Menu ini digunakan untuk Petugas dalam melihat data petugas lainnya.
4.3.8 Perangkat Lunak dan Perangkat Keras Pendukung