BAB III

ANALISIS DAN DESAIN SISTEM

3.1 ANALISIS SISTEM

Penganalisisan sistem bertujuan untuk mengetahui bagaimana sistem tersebut

berjalan, dengan demikian akan diketahui sisi kekurangan atau kelemahan dari
sistem tersebut. Analisis sistem merupakan penguraian dan penjabaran secara
rinci dari suatu informasi yang lengkap ke dalam komponen-komponennya,
dengan maksud untuk mengidentifikasi dan mengevalusi seluruh permasalahan,
kesempatan, serta seluruh hambatan yang terjadi, dan keperluan-keperluan yang
diharapkan sehingga dapat diusulkan perbaikan maupun peningkatan pada sistem
tersebut.

3.1.1 Deskripsi Sistem Yang Sedang Berjalan

Hasil pengamatan yang dilakukan terhadap sistem yang sedang berjalan

di Sistem Informasi Pelayanan Teknik Perusahaan Listrik Negara pada
Perseroan Terbatas Perusahaan Listrik Negara (Persero) Unit Layanan
Pelanggan Kuala Pembuang adalah sebagai berikut:

1. Pelanggan PT. PLN (Persero) ULP Kuala Pembuang yang berada

di Kecamatan Seruyan Hilir dan Kacamatan Seruyan Hilir Timur,
melaporkan gangguan kelistrikan dengan datang langsung ke
kantor Pelayanan Teknik PT. PLN (Persero) ULP Kuala Pembuang
yang buka selama 24 jam perhari.
2. Petugas Call Center menerima pelaporan pelanggan, mengecek dan
mengarsipkannya di sistem.
3. Petugas Call Center menyampaikan atau meneruskan laporan
pelanggan kepada petugas operator distribusi.
4. Petugas operator distribusi menuju lokasi gangguan yang
dilaporkan oleh pelanggan dan melakukan perbaikan.
5. Admin membuat laporan yang akan disampaikan kepada manajer.

41
 42

Pelanggan Operator Admin

Call Center Manajer
Distribusi

Data
Data Membuat & Laporan
Start Gangguan Laporan
Gangguan Mencetak Laporan
Masuk
Masuk Laporan

Menyampaikan
Gangguan Menerima & End
Laporan
Mengarsipkan
Gangguan &
Data Perbaikan
Gangguan

Meneruskan
Data
Gangguan

Data
Laporan Gangguan
Hasil
Perbaikan Melakukan
Gangguan Perbaikan
Gangguan

Gambar 3.1 Flowmap Sistem Yang Sedang Berjalan

3.1.2 Kelemahan Sistem

Berdasarkan deskripsi analisis sistem tersebut, dapat disimpulkan

bahwa masih terdapat kekurangan atau kelemahan yang terjadi. Berbagai
kekurangan atau kelemahan tersebut antara lain adalah sebagai berikut:

1. Pelanggan PT. PLN (Persero) ULP Kuala Pembuang yang berada

di Kecamatan Seruyan Hilir dan Seruyan Hilir Timur harus datang
secara langsung untuk melaporkan gangguan yang terjadi.
2. Admin mengalami kesulitan dalam pengolahan laporan,
penyimpanan dan pencarian data-data.
3. Dalam pembuatan laporan dan pencarian data, admin harus
membuka satu persatu dari arsip karena dalam pengolahan data
menggunakan microsoft excel.

3.1.3 Deskripsi Sistem Yang Diusulkan

Sistem yang diusulkan untuk Sistem Informasi Pelayanan Teknik

Perusahaan Listrik Negara pada PT. PLN (Persero) Unit Layanan Pelanggan
Kuala Pembuang adalah sebagai berikut:
 43

1. Pelanggan di lokasi gangguan dapat langsung menyampaikan

keluhan akan gangguan listrik melalui web yang bisa diakses
melalui smartphone maupun komputer, tanpa harus datang secara
langsung melaporkan gangguan ke kantor Pelayanan Teknik PT.
PLN (Persero) ULP Kuala Pembuang yang buka selama 24 jam
perhari.
2. Data gangguan yang masuk, ter-input di sistem secara otomatis dan
tidak lagi meng-input secara manual.
3. Petugas membuat laporan (tanggal otomatis dari sistem) yang akan
disampaikan kepada manajer PT. PLN (Persero) ULP Kuala
Pembuang.

Pelanggan Petugas Manajer

Start Data Input Input Membuat

Gangguan Gangguan Data-Data Laporan Laporan
Masuk

Data
Gangguan End
Masuk Aplikasi

Menunggu
Konfirmasi

Cek
Pengaduan
Laporan
Hasil
Perbaikan Perbaikan Pengaduan
Gangguan Gangguan Yes Diterima No

Gambar 3.2 Flowmap Sistem Yang Diusulkan

3.2 DESAIN SISTEM

Perancangan sistem yang baru dapat dilakukan, apabila sistem yang sedang
berjalan tidak mampu memenuhi keperluan entitas atau penggunaan sistem secara
maksimal. Berdasarkan beberapa kekurangan yang dipaparkan, maka dibuat suatu
model sistem baru yang diharapkan mampu meningkatkan efektivitas dan
 44

efisiensi pengelolaan Sistem Informasi Pelayanan Teknik pada PT. PLN (Persero)
ULP Kuala Pembuang.
3.2.1 Desain Model Sistem

Desain model sistem digambarkan ke dalam beberapa bagian,

diantaranya adalah Bagan Konteks (Context Diagram), Diagram Berjenjang
(Level Diagram), Diagram Arus Data (Data Flow Diagram), Diagram
Relasi Entitas (Entity Reationship Diagram) dan Model Data Relasional
(Relational Data Model).

1. Bagan Konteks (Context Diagram)

Diagram konteks adalah data flow diagram tingkat atas (DFD Top
Level), yaitu diagram yang paling rinci dari sebuah sistem informasi,
yang menggambarkan aliran-aliran data ke dalam dan ke luar sistem,
serta ke dalam dan ke luar entitas-entitas eksternal.

-Data Admin
-Data Petugas
-Data Halaman
-Data Kategori
0 -Data Berita
-Data Pengaduan -Data Pelanggan
Pelanggan Sistem Informasi Petugas
-Daftar Data -Daftar Data Admin
Pengaduan PT.PLN (Persero) ULP -Daftar Data Petugas
-Laporan Data Kuala Pembuang -Daftar Data Halaman
Pengaduan -Daftar Data Kategori
-Daftar Data Berita
-Daftar Data Pelanggan

-Laporan Data
Pengaduan
-Laporan Data
Pelanggan

Manajer

Gambar 3.3 Diagram Konteks

2. Diagram Berjenjang (Level Diagram)

Bagan ini menggambarkan hubungan dari fungsi-fungsi di sistem

secara berjenjang, berbentuk seperti topology tree (pohon) dalam mode
topology. Pembuatan bagan berjenjang dimaksudkan untuk
 45

memudahkan dalam pembuatan level-level berikutnya. Bagan

berjenjang pada Sistem Informasi Pelayanan Teknik PT. PLN (Persero)
ULP Kuala Pembuang adalah sebagai berikut:

Sistem Informasi
PT.PLN (Persero) ULP
Kuala Pembuang

1 2 3

Pengolahan Pengolahan Pembuatan

Data Data Laporan
Master Transaksi

1.1 1.2 2.1 3.1 3.2

Pengolahan Pengolahan Pengolahan Laporan Laporan

Data Data Data Data Data
Admin Petugas Pengaduan Pengaduan Pelanggan

1.3 1.4

Pengolahan Pengolahan
Data Data
Halaman Kategori

1.5 1.6

Pengolahan Pengolahan
Data Data
Berita Pelanggan

Gambar 3.4 Bagan Berjenjang

3. Diagram Arus Data (Data Flow Diagram)

Data Flow Diagram (DFD) adalah representasi grafik dari sebuah

sistem. DFD menggambarkan komponen-komponen sistem, aliran
data yang menunjukkan gambaran-gambaran dari komponen-komponen
 46

sistem, asal mula sistem, tujuan dan penyimpanan dari data-data sistem
tersebut.
1.) Data flow diagram level 0 (zero diagram / overview diagram)

Dari diagram berjenjang dapat diketahui bahwa pada level 0

terdiri dari 3 proses yaitu pengolahan data master, pengolahan data
transaksi dan pembuatan laporan. Data flow diagram level 0 pada
Sistem Informasi Pelayanan Teknik PT. PLN (Persero) ULP Kuala
Pembuang adalah sebagai berikut:

-Data Admin
-Data Petugas
-Data Halaman
-Data Kategori
1 -Data Berita
-Data Pelanggan
Pengolaha Petugas
n -Daftar Data Admin
Data -Daftar Data Petugas
Master -Daftar Data Halaman
-Daftar Data Kategori
-Daftar Data Berita
-Daftar Data
Pelanggan -Daftar
-Data
Data
Pengaduan
Pengaduan

2
-Data Pengaduan
Pelangga Pengolaha
n n
-Daftar Data Pengaduan Data
Transaksi
-Laporan
Data Pengaduan
-Daftar Data
Pengaduan
3 -Daftar Data
Pelanggan
Pembuatan -Laporan Data
Manajer
Laporan Pengaduan
-Laporan Data Pelanggan

Gambar 3.5 DFD Level 0

2.) Data flow diagram level 1 proses 1

 47

Pada pengolahan data master terdiri dari 6 proses, yaitu:

pengolahan data admin, petugas, halaman, kategori, berita dan
pelanggan. Hasil pengolahan data-data tersebut disimpan pada tabel
ADMIN, PETUGAS, HALAMAN, KATEGORI, BERITA dan
PELANGGAN. Data flow diagram level 1 proses 1 pada Sistem
Informasi Pelayanan Teknik PT. PLN (Persero) ULP Kuala
Pembuang adalah sebagai berikut:

Daftar Data Admin

1.1
Data Admin Data Admin
Pengolahan F1 ADMIN
Data
Admin Info Data Admin
Daftar Data
Petugas

1.2
Data Petugas Data Petugas
Pengolahan F2 PETUGAS
Data
Petugas Info Data Petugas
Daftar Data
Halaman

1.3
Data Halaman Data Halaman
Petugas Pengolahan F3 HALAMAN
Data
Halaman Info Data Halaman
Daftar Data Kategori

1.4
Data Kategori Data Kategori
Pengolahan F4 KATEGORI
Data
Kategori Info Data Kategori
Daftar Data Berita

1.5
Data Berita Data Berita
Pengolahan F5 BERITA
Data
Berita Info Data Berita
Daftar Data Pelanggan

1.6 Data
Data Pelanggan Pelanggan
Pengolahan
F6 PELANGGAN
Data
Pelanggan Info Data Pelanggan

Gambar 3.6 DFD Level 1 Proses 1

 48

3.) Data flow diagram level 1 proses 2

Pada proses pengolahan data transaksi terdiri dari 1 proses,

yaitu pengolahan data pengaduan. Pada pengolahan data transaksi,
data disimpan pada tabel PERBAIKAN. Data flow diagram level 1
proses 2 pada Sistem Informasi Pelayanan Teknik PT. PLN
(Persero) ULP Kuala Pembuang adalah sebagai berikut:

1.7
Data Pengaduan Data Pengaduan
Proses
Pengaduan
Pelanggan
Data
Pengaduan
F7 PENGADUAN Daftar Data Pengaduan
Pelanggan

2.1
Data Pengaduan
Pengolahan
Data F8 PERBAIKAN
Pengaduan

Daftar Data Data

Pengaduan Pengaduan

Petugas

Gambar 3.7 DFD Level 1 Proses 2

4.) Data flow diagram level 1 proses 3

Pada proses pengolahan data laporan terdiri dari 2 proses, yaitu

pembuatan laporan data pengaduan dan pembuatan laporan data
pelanggan. Data flow diagram level 1 proses 3 pada Sistem
 49

Informasi Pelayanan Teknik PT. PLN (Persero) ULP Kuala

Pembuang adalah sebagai berikut:

Pelanggan

Data 3.1 Laporan Data

Pengaduan Pengaduan
Laporan
F8 PERBAIKAN
Data
Pengaduan

Manajer

3.2 Laporan Data

Data Pelanggan Pelanggan
Laporan
F6 PELANGGAN
Data
Pelanggan

Gambar 3.8 DFD Level 1 Proses 3

4. Diagram Relasi Entitas (Entity Reationship Diagram / ERD)

ERD digunakan untuk mendokumentasikan data dengan

mengidentifikasi jenis-jenis entitas (entity) dan hubungannya. Suatu
model jaringan yang menggunakan susunan data, dan disimpan pada
sistem secara abstrak. ERD juga menggambarkan hubungan antara satu
entitas yang memiliki sejumlah atribut, dengan entitas lain dalam suatu
 50

sistem yang terintegrasi. ERD pada Sistem Informasi Pelayanan Teknik

PT. PLN (Persero) ULP Kuala Pembuang adalah sebagai berikut:

ADMIN PETUGAS HALAMAN

ID ID_PETUGAS HALAMAN_ID
NAMA n ID ID_PETUGAS
EMAIL NAMA_PETUGAS HALAMAN_JUDUL
USERNAME JENIS_KELAMIN_PETUGAS HALAMAN_ISI
PASSWORD ALAMAT n
1 NO_TELP
EMAIL
USERNAME_PETUGAS 1
PASSWORD_PETUGAS MEMILIKI
MEMILIKI 1 1 1

PERBAIKAN

MEMILIKI PERBAIKAN_ID
ID_PENGADUAN
n WAKTU_LAPOR
KATEGORI ID_PEL
NAMA_PELANGGAN
KATEGORI_ID MEMILIKI JENIS_KELAMIN_PELANGGAN
ID_PETUGAS ALAMAT
KATEGORI TELP_SELULER
STATUS_PENGADUAN
n
n
MEMILIKI
MEMILIKI

MEMILIKI MEMILIKI

n
n n n n n
BERITA
PELANGGAN PENGADUAN
BERITA_ID
KATEGORI_ID ID_PELANGGAN ID_PENGADUAN
BERITA_JUDUL ID_PETUGAS ID_PELANGGAN
BERITA_TANGGAL ID_PEL ID_PETUGAS
BERITA_KONTEN NAMA_PELANGGAN ISI_PENGADUAN
BERITA_SAMPUL JENIS_KELAMIN_PELANGGAN WAKTU_LAPOR
BERITA_KATEGORI ALAMAT STATUS_PENGADUAN
TELP_SELULER

Gambar 3.9 Entity Relationship Diagram

5. Model Data Relasional (Relational Data Model / MDR)

Model data relasional adalah kumpulan dari kolom dan baris yang
memiliki nama-nama unik. Dalam setiap baris di dalam tabel, terdapat
hubungan dari beberapa nilai yang ada. Model setiap data dan
 51

hubungan antar data memiliki nama yang unik, yang berguna untuk
merepresentasikan data. MDR pada Sistem Informasi Pelayanan Teknik
PT. PLN (Persero) ULP Kuala Pembuang adalah sebagai berikut:
HALAMAN
ADMIN
HALAMAN_ID
ID
ID_PETUGAS
NAMA
HALAMAN_JUDU
EMAIL
L
USERNAME
HALAMAN_ISI
PASSWORD

PERBAIKAN
PETUGAS
PERBAIKAN_ID
ID_PETUGAS ID_PENGADUAN
ID WAKTU_LAPOR
NAMA_PETUGAS ID_PEL
JENIS_KELAMIN_PETUGAS NAMA_PELANGGAN
ALAMAT JENIS_KELAMIN_PELANGGA
NO_TELP N
EMAIL ALAMAT
USERNAME_PETUGAS TELP_SELULER
PASSWORD_PETUGAS STATUS_PENGADUAN

PENGADUAN

KATEGORI ID_PENGADUAN
ID_PELANGGAN
KATEGORI_ID ID_PETUGAS
ID_PETUGAS ISI_PENGADUAN
KATEGORI WAKTU_LAPOR
STATUS_PENGADUA
N

BERITA
PELANGGAN
BERITA_ID
KATEGORI_ID
ID_PELANGGAN
BERITA_JUDUL
ID_PETUGAS
BERITA_TANGGAL
ID_PEL
BERITA_KONTEN
NAMA_PELANGGAN
BERITA_SAMPUL
JENIS_KELAMIN_PELANGGAN
BERITA_KATEGORI
ALAMAT
TELP_SELULER

Gambar 3.10 Relationship Data Model

3.2.2 Desain Basis Data

File database yang digunakan diberi nama

PENGADUAN_LISTRIK, file database ini terdiri dari 8 buah tabel yang
antara lain adalah sebagai berikut:
 52

1. Tabel ADMIN, digunakan untuk menginputkan data Supervisor

Jaringan selaku user pengguna sistem. Berperan untuk
mengawasi dan memonitor data-data pengaduan dan perbaikan,
data pelanggan dan data petugas Call Center dalam mengelola
web.
2. Tabel PETUGAS, digunakan untuk menginputkan data-data
petugas Call Center, yang akan mengelola web beserta data-data
pelanggan, pengaduan gangguan oleh pelanggan dan perbaikannya,
halaman, kategori, berita dan pembuatan laporan.
3. Tabel HALAMAN, digunakan untuk menginputkan data
halaman-halaman beserta isinya yang ditampilkan pada tampilan
awal web Sistem Informasi Pelayanan Teknik Perusahaan Listrik
Negara Berbasis Website pada PT. PLN (Persero) ULP Kuala
Pembuang.
4. Tabel KATEGORI, digunakan untuk menginputkan jenis-jenis
kategori dari berita yang ditampilkan pada tampilan awal saat
pelanggan mengakses berita pada web.
5. Tabel BERITA, digunakan untuk menginputkan judul dan isi berita
yang akan ditampilkan pada tampilan awal saat pelanggan
mengakses berita pada web Sistem Informasi Pelayanan Teknik
Perusahaan Listrik Negara Berbasis Website pada PT. PLN
(Persero) ULP Kuala Pembuang.
6. Tabel PELANGGAN, digunakan untuk menginputkan data-data
pelanggan PT. PLN (Persero) ULP Kuala Pembuang yang akan
melaporkan gangguan kelistrikan pada Sistem Informasi Pelayanan
Teknik Perusahaan Listrik Negara Berbasis Website pada PT. PLN
(Persero) ULP Kuala Pembuang.
7. Tabel PENGADUAN, digunakan untuk menginputkan dan
memproses transaksi data laporan pengaduan gangguan kelistrikan
yang disampaikan oleh para pelanggan PT. PLN (Persero) ULP
Kuala Pembuang.
 53

8. Tabel PERBAIKAN, digunakan untuk menginputkan data hasil

transaksi pengaduan pada Sistem Informasi Pelayanan Teknik
Perusahaan Listrik Negara Berbasis Website pada PT. PLN
(Persero) ULP Kuala Pembuang.

Dari beberapa penjelasan dan permodelan data tersebut, dapat

dikumpulkan beberapa macam field data. Field-field tersebut dirangkum di
dalam kamus data yang antara lain adalah sebagai berikut:

Tabel 3.1 Kamus Data

No. Nama Kolom Tipe Lebar Keterangan
1. ID Integer 11 ID admin
2. NAMA Varchar 255 Nama admin
3. EMAIL Varchar 255 E-mail admin
4. USERNAME Varchar 255 Username admin
5. PASSWORD Varchar 255 Password admin
6. ID_PETUGAS Integer 11 ID petugas
7. ID Integer 11 ID admin
8. NAMA_PETUGAS Varchar 255 Nama petugas
9. JENIS_KELAMIN_PETUGAS Varchar 30 Jenis kelamin
10. ALAMAT Text - Alamat petugas
11. NO_TELP Varchar 30 No telpon petugas
12. EMAIL Varchar 30 E-mail petugas
13. USERNAME_PETUGAS Varchar 255 Username
14. PASSWORD_PETUGAS Varchar 255 Password
15. HALAMAN_ID Integer 11 ID halaman
16. ID_PETUGAS Integer 11 ID petugas
17. HALAMAN_JUDUL Varchar 100 Judul halaman
18. HALAMAN_ISI Text - Isi halaman
19. KATEGORI_ID Integer 11 ID kategori
20. ID_PETUGAS Integer 11 ID petugas
21. KATEGORI Varchar 20 Kategori berita
22. BERITA_ID Integer 11 ID berita
23. KATEGORI_ID Integer 11 ID kategori
24. BERITA_JUDUL Varchar 255 Judul berita
25. BERITA_TANGGAL Date - Tanggal terbit
26. BERITA_KONTEN Text - Isi berita
27. BERITA_SAMPUL Varchar 255 Gambar sampul
28. BERITA_KATEGORI Integer 11 Kategori berita
29. ID_PELANGGAN Integer 11 ID pelanggan
30. ID_PETUGAS Integer 11 ID petugas
31. ID_PEL Varchar 30 ID pel kwh meter
32. NAMA_PELANGGAN Varchar 255 Nama pelanggan
33. JENIS_KELAMIN_PELANGGAN Varchar 20 Jenis kelamin
34. ALAMAT Text - Alamat pelanggan
35. TELP_SELULER Varchar 30 No telpon
36. ID_PENGADUAN Integer 11 ID pengaduan
 54

37. ID_PELANGGAN Integer 11 ID pelanggan

38. ID_PETUGAS Integer 11 ID petugas
39. ISI_PENGADUAN Text - Isi pengaduan
40. WAKTU_LAPOR Datetim - Waktu lapor
e
41. STATUS_PENGADUAN Integer 11 Status pengaduan
42. PERBAIKAN_ID Integer 11 ID perbaikan
43. ID_PENGADUAN Integer 11 ID pengaduan
44. WAKTU_LAPOR Datetim - Waktu lapor
e
45. ID_PEL Varchar 30 ID pel kwh meter
46. NAMA_PELANGGAN Varchar 255 Nama pelanggan
47. JENIS_KELAMIN_PELANGGAN Varchar 20 Jenis kelamin
48. ALAMAT Text - Alamat pelanggan
49. TELP_SELULER Varchar 30 No telpon
50. STATUS_PENGADUAN Integer 11 Status pengaduan

Desain basis data (database design) pada sistem dan aplikasi terdiri atas
beberapa file tabel, dimana perancangannya didasarkan pada kamus data.
File-file tabel tersebut antara lain adalah sebagai berikut:

Tabel 3.2 File-File Tabel

Kode Tabel
Nama File Tabel Keterangan
File Referensi
F1 ADMIN Tabel Supervisor Jaringan
F2 PETUGAS F1 Tabel Petugas Call Center
F3 HALAMAN F2 Tabel Halaman
F4 KATEGORI F2 Tabel Kategori Berita
F5 BERITA F4 Tabel Isi Berita
F6 PELANGGAN F2 Tabel Pelanggan
F7 PENGADUAN F2, F6 Tabel Pengaduan Pelanggan
F8 PERBAIKAN F7 Tabel Perbaikan

Struktur tabel dari masing-masing file tabel tersebut antara lain adalah
sebagai berikut:

Tabel 3.3 Struktur File Tabel “ADMIN”

No. Nama Kolom Tipe Lebar Nullable Key
1. ID Integer 11 Not Null Primary Key
2. NAMA Varchar 255 Not Null -
3. EMAIL Varchar 255 Not Null -
4. USERNAME Varchar 255 Not Null -
5. PASSWORD Varchar 255 Not Null -
 55

Tabel 3.4 Struktur File Tabel “PETUGAS”

No. Nama Kolom Tipe Lebar Nullable Key
1. ID_PETUGAS Integer 11 Not Null Primary Key
2. ID Integer 11 Not Null Foreign Key
3. NAMA_PETUGAS Varchar 255 Not Null -
4. JENIS_KELAMIN_PETUGAS Varchar 30 Not Null -
5. ALAMAT Text - Not Null -
6. NO_TELP Varchar 30 Not Null -
7. EMAIL Varchar 30 Not Null -
8. USERNAME_PETUGAS Varchar 255 Not Null -
9. PASSWORD_PETUGAS Varchar 255 Not Null -

Tabel 3.5 Struktur File Tabel “HALAMAN”

No. Nama Kolom Tipe Lebar Nullable Key
1. HALAMAN_ID Integer 11 Not Null Primary Key
2. ID_PETUGAS Integer 11 Not Null Foreign Key
3. HALAMAN_JUDUL Varchar 100 Not Null -
4. HALAMAN_ISI Text - Not Null -

Tabel 3.6 Struktur File Tabel “KATEGORI”

No. Nama Kolom Tipe Lebar Nullable Key
1. KATEGORI_ID Integer 11 Not Null Primary Key
2. ID_PETUGAS Integer 11 Not Null Foreign Key
3. KATEGORI Varchar 20 Not Null -

Tabel 3.7 Struktur File Tabel “BERITA”

No. Nama Kolom Tipe Lebar Nullable Key
1. BERITA_ID Integer 11 Not Null Primary Key
2. KATEGORI_ID Integer 11 Not Null Foreign Key
3. BERITA_JUDUL Varchar 255 Not Null -
4. BERITA_TANGGAL Date - Not Null -
5. BERITA_KONTEN Text - Not Null -
6. BERITA_SAMPUL Varchar 255 Not Null -
7. BERITA_KATEGORI Integer 11 Not Null -

Tabel 3.6 Struktur File Tabel “PELANGGAN”

No. Nama Kolom Tipe Lebar Nullable Key
1. ID_PELANGGAN Integer 11 Not Null Primary Key
2. ID_PETUGAS Integer 11 Not Null Foreign Key
3. ID_PEL Varchar 30 Not Null -
4. NAMA_PELANGGAN Varchar 255 Not Null -
5. JENIS_KELAMIN_PELANGGAN Varchar 20 Not Null -
6. ALAMAT Text - Not Null -
7. TELP_SELULER Varchar 30 Not Null -

Tabel 3.7 Struktur File Tabel “PENGADUAN”

No. Nama Kolom Tipe Lebar Nullable Key
1. ID_PENGADUAN Integer 11 Not Null Primary Key
 56

2. ID_PELANGGAN Integer 11 Not Null Foreign Key

3. ID_PETUGAS Integer 11 Not Null Foreign Key
4. ISI_PENGADUAN Text - Not Null -
5. WAKTU_LAPOR Datetime - Not Null -
6. STATUS_PENGADUAN Integer 11 Not Null -

Tabel 3.8 Struktur File Tabel “PERBAIKAN”

No. Nama Kolom Tipe Lebar Nullable Key
1. PERBAIKAN_ID Integer 11 Not Null Primary Key
2. ID_PENGADUAN Integer 11 Not Null Foreign Key
3. WAKTU_LAPOR Datetime - Not Null -
4. ID_PEL Varchar 30 Not Null -
5. NAMA_PELANGGAN Varchar 255 Not Null -
6. JENIS_KELAMIN_PELANGGAN Varchar 20 Not Null -
7. ALAMAT Text - Not Null -
8. TELP_SELULER Varchar 30 Not Null -
9. STATUS_PENGADUAN Integer 11 Not Null -

3.3 DESAIN HALAMAN UTAMA, MASUKAN DAN KELUARAN

Tampilan antar-muka (interface) berfungsi sebagai menu utama pada Sistem

Informasi Pelayanan Teknik Perusahaan Listrik Negara Berbasis Website pada
PT. PLN (Persero) ULP Kuala Pembuang. Di dalamnya terdapat dasbor sebagai
media masukan (input) untuk pelanggan dalam melaporkan gangguan kelistrikan
yang terjadi, media masukan (input) untuk Supervisor Jaringan, pengolahan data
master serta pengelolaan data transaksi untuk petugas Call Center, dan media
keluaran (output) hasil pengolahan data dari program atau sistem yang dirancang
ke dalam beberapa bentuk.

3.3.1 Perancangan Halaman Utama (Main Menu)

Gambar berikut adalah rancangan dari halaman utama yang telah diatur
sedemikian rupa agar lebih mudah dipahami dan digunakan oleh pengguna
(user), adapun beberapa menu pada halaman utama yaitu: home, pengaduan,
cek pengaduan, halaman kontak, halaman tentang kami dan login untuk
Supervisor Jaringan beserta petugas Call Center.
 57

Gambar 3.11 Desain Halaman Utama Home

Gambar 3.12 Desain Halaman Utama Berita

 58

Gambar 3.13 Desain Halaman Utama Pengaduan

Gambar 3.14 Desain Halaman Utama Cek Pengaduan

 59

Gambar 3.15 Desain Halaman Utama Kontak

Gambar 3.16 Desain Halaman Utama Tentang Kami

3.3.2 Perancangan Login

Login merupakan suatu model interface (antar muka) antara Supervisor

Jaringan dan petugas Call Center dengan aplikasi. Adapun model tampilan
login Sistem Informasi Pelayanan Teknik Perusahaan Listrik Negara Berbasis
 60

Website pada PT. PLN (Persero) ULP Kuala Pembuang adalah sebagai
berikut:

Gambar 3.17 Desain Login

3.3.3 Perancangan Masukan (Input Design)

Perancangan masukan merupakan suatu model interface (antar muka)

antara pelanggan yang akan melaporkan gangguan dan mengecek hasil
laporan gangguan, Supervisor Jaringan serta petugas Call Center pengelola
sistem. Adapun model tampilan input pada Sistem Informasi Pelayanan
Teknik Perusahaan Listrik Negara Berbasis Website pada PT. PLN (Persero)
ULP Kuala Pembuang adalah sebagai berikut:

1. Master Pengaduan Pelanggan Pada Halaman Utama Web

 61

Gambar 3.18 Desain Pengaduan Pelanggan

2. Master Cek Pengaduan Pelanggan Pada Halaman Utama Web

Gambar 3.19 Desain Cek Pengaduan Pelanggan

3. Dasbor Supervisor Setelah Login

Gambar 3.20 Desain Dasbor Supervisor

 62

4. Master Data - Data Pelanggan - Supervisor

Gambar 3.21 Desain Master Data Pelanggan - Supervisor

5. Master Data - Data Pengaduan - Supervisor

Gambar 3.22 Desain Master Data Pengaduan - Supervisor

6. Master Data - Data Petugas Call Center - Supervisor

Gambar 3.23 Desain Master Data Petugas

Call Center - Supervisor
 63

7. Master Data - Tambah Data Petugas Call Center - Supervisor

Gambar 3.24 Desain Master Tambah Data

Petugas Call Center - Supervisor
8. Master Data - Edit Data Petugas Call Center - Supervisor

Gambar 3.25 Desain Master Edit Data

Petugas Call Center - Supervisor

9. Dasbor Petugas Call Center Setelah Login

 64

Gambar 3.26 Desain Dasbor Petugas Call Center

10. Master Data - Data Pelanggan - Petugas Call Center

Gambar 3.27 Desain Master Data

Pelanggan - Petugas Call Center
11. Master Data - Tambah Data Pelanggan - Petugas Call Center

Gambar 3.28 Desain Master Tambah Data

Pelanggan - Petugas Call Center

12. Master Data - Edit Data Pelanggan - Petugas Call Center

 65

Gambar 3.29 Desain Master Edit Data

Pelanggan - Petugas Call Center

13. Master Data - Data Pengaduan - Petugas Call Center

Gambar 3.30 Desain Master Pengaduan - Petugas Call Center

14. Master Data - Update Data Pengaduan - Petugas Call Center

Gambar 3.31 Desain Master Update Data

Pengaduan - Petugas Call Center

15. Master Data - Data Petugas - Petugas Call Center

 66

Gambar 3.32 Desain Master Data Petugas - Petugas Call Center

16. Website - Data Halaman - Petugas Call Center

Gambar 3.33 Desain Website Halaman - Petugas Call Center

17. Website - Tambah Data Halaman - Petugas Call Center

Gambar 3.34 Desain Website Tambah Data

Halaman - Petugas Call Center

18. Website - Edit Data Halaman - Petugas Call Center

 67

Gambar 3.35 Desain Website Edit Data

Halaman - Petugas Call Center

19. Website - Data Kategori - Petugas Call Center

Gambar 3.36 Desain Website Data

Kategori - Petugas Call Center
20. Website - Tambah Data Kategori - Petugas Call Center

Gambar 3.37 Desain Website Tambah Data

Kategori - Petugas Call Center

21. Website - Edit Data Kategori - Petugas Call Center

 68

Gambar 3.38 Desain Website Edit Data

Kategori - Petugas Call Center

22. Website - Data Berita - Petugas Call Center

Gambar 3.39 Desain Website Data Berita - Petugas Call Center

23. Website - Tambah Data Berita - Petugas Call Center
 69

Gambar 3.40 Desain Website Tambah Data

Berita - Petugas Call Center

24. Website - Edit Data Berita - Petugas Call Center

Gambar 3.41 Desain Website Edit Data

Berita - Petugas Call Center

3.3.4 Perancangan Keluaran (Output Design)

Berikut adalah desain dari perancangan keluaran (output design) pada

Sistem Informasi Pelayanan Teknik Perusahaan Listrik Negara Berbasis
Website pada PT. PLN (Persero) ULP Kuala Pembuang:
1. Print Laporan Data Pelanggan - Petugas Call Center
 70

Gambar 3.42 Desain Print Laporan Data

Pelanggan - Petugas Call Center

2. Print Laporan Data Pengaduan Gangguan - Petugas Call Center

Gambar 3.43 Desain Print Laporan Data

Pengaduan - Petugas Call Center