BAB III KEGIATAN SELAMA KERJA PRAKTEK
3.1
Jadwal Kerja Praktek
Kerja Praktek dilaksanakan di PT. PLN (Persero) Area Pelayanan Jaringan Bandung pada tanggal 2 November – 2 Desember 2009. Waktu kerja praktek dilakukan mulai pukul 07.00-16.00 WIB, disesuaikan dengan jadwal kegiatan pembimbing. 3.2
Analisis Sistem Sistem pelayanan pelanggan listrik prabayar di PT. PLN (Persero) APJ
Bandung belum dapat memberikan layanan yang maksimal. Oleh karena itu perlu dikembangkan sebuah sistem pelayanan pelanggan yang berbasis web yang dapat diakses dan dikenal oleh seluruh pelanggan listrik prabayar dan masyarakat pengguna internet yang lain. Dimana dengan adanya web tersebut dapat juga memberikan kemudahan bagi pelanggan dalam menghitung pembelian token dan pemakaian kWh. Sistem pelayanan pelanggan berbasis web tersebut adalah Simulasi Perhitungan Token Listrik Prabayar Berbasis Web di PT. PLN (Persero) APJ Bandung. Web tersebut dibangun dengan dilengkapi keamanan data yang akan menggunkan hak akses bagi para penggunanya. Adapun proses pengelolaan yang terdapat pada web pelayanan pelanggan listrik prabayar secara on-line di PT. PLN (Persero) APJ Bandung tersebut adalah: 24
25
1. Proses pengelolaan login admin 2. Proses pengelolaan data pelanggan 3. Proses simulasi perhitungan pembelian token listrik prabayar 3.2.1 Analisis masalah Belum lama ini PLN telah mempublikasikan kwhmeter yang menggunakan sistem prabayar. Para pelanggan yang menggunakan kwhmeter tersebut masih banyak yang tidak mengetahui perhitungan dan pembelian kWh listrik prabayar dan bagaimana perhitungan hari yang akan di dapat pada saat membeli token pada jumlah rupiah tertentu. 3.2.2
Batasan Analisis
Batasan analisis meliputi : 1.
Sistem membahas tentang simulasi perhitungan listrik prabayar golongan tarif rumah tangga.
2. Sistem hanya membahas tentang analisis perangkat keras dan perangkat lunak dalam perancangan
3.2.3
Analisis Perangkat keras
Perangkat keras minimal yang digunakan pada Aplikasi Simulasi Perhitungan Token Listrik Prabayar Golongan Tarif Rumah Tangga Berbasis Web Di PT PLN (Persero) APJ Bandung terdiri dari : 1. Processor Intel PIV 600 Mhz
26
2. Memory DDR2 512 MB 3. Harddisk 80 GB 4. Monitor 15 inch 5. Keyboard + Mouse Optic 3.2.4
Analisis Perangkat Lunak Perangkat lunak yang digunakan dalam implementasi sistem ini adalah :
a. Sistem operasi Windows Xp. b. Macromedia Dreamweaver MX, editor yang digunakan untuk merancang user interface. c. Macromedia Flash MX, digunakan untuk merancang animasi web. d. PHP, merupakan bahasa pemrograman yang digunakan untuk mengolah data. e. PHP MySQL merupakan salah satu database yang digunakan dalam aplikasi ini.
3.2.5
Analisis Proses Sistem
Adapun perancangan proses ini mencakup diagram konteks sistem, Data Flow Diagram yang dapat menjelaskan aliran data yang diproses hingga menghasilkan informasi yang diinginkan.
27
3.2.5.1 E-R Diagram nama
nama2
lastname kWh Id_pelanggan firstname
tarif
login index id
Members_id
tarif
kwH
Password
admin
1
mengelola
n
Pelanggan
1
mengetahui
1
T_harga
1
melakukan
id
1
Token
Id_pelanggan
bayar
ppju
nama
ppn
tarif
Jml_kwh
kWh
materai
biaya
Admin_bank
Gambar 3.1 ER-Diagram Aplikasi Website Pelayanan Pelanggan 3.2.5.2 Diagram Konteks Diagram konteks adalah diagram tingkat atas yang merupakan diagram global dengan menggambarkan aliran-aliran data dan entitas luar yang masuk dan keluar dari sistem.
28
dt_admin dt_login Administrator dt_pelanggan
0
info_dt_pelanggan info_dt_login info_dt_admin
Simulasi Perhitungan Token Listrik Prabayar Berbasis Web
dt_pelanggan dt_perhitungan_rekening dt_perhitungan_LPB
+
info_dt_perhitungan_LPB Pelanggan info_dt_perhitungan_rekening info_dt_pelanggan
Gambar 3.2 Diagram konteks Dari diagram kontek pada gambar 3.2 dapat dijelaskan sebagai berikut : Dalam Simulasi Perhitungan Token Listrik Prabayar Golongan Tarif Rumah Tangga Berbasis Web di APJ Bandung yang dirancang ini memiliki kemampuan untuk menghitung pemakaian token LPB. Administrator dapat mengelola admin untuk menentukan hak akses sehingga dapat memanipulasi data pada sistem.
29
3.2.5.3 DFD Level 1 Simulasi Perhitungan Token Listrik Prabayar Berbasis Web dt_admin
1
inf o_dt_admin
kelola_dt_adm in
inf o_dt_admin
dt_admin
+ t_admin
dt_login
2 v alidas i_login
inf o_dt_login
dt_admin inf o_dt_admin
dt_pelanggan A dminis trat or
dt_pelanggan 3
inf o_dt_pelanggan
inf o_dt_pelanggan kelola_dt_pelang gan
dt_harga
Pelanggan
dt_pelanggan
+
t_harga
inf o_dt_harga inf o_dt_pelanggan
t_pelanggan
4 t_bay ar
inf o_dt_bay ar
dt_pelanggan kelola_dt_perhitung an_rekening
dt_bay ar
+
dt_perhitungan_rekening inf o_dt_perhitungan_rekening
5 kelola_dt_perhit ungan_LPB
+
dt_perhitungan_LPB
inf o_dt_perhitungan_LPB
Gambar 3.3 DFD Level 1 Simulasi Perhitungan Token Listrik Prabayar Berbasis Web
30
3.2.5.4 DFD Level 2 Proses 1 Pengelolaan Data Admin 1 info_input_dt_admin
info_dt_t_admin
input_dt_adm in
input_dt_admin
input_dt_t_admin
2
dt_admin_disimpan
dt_t_admin_dismpan
save_dt_adm in
simpan_dt_admin
simpan_dt_t_admin
3 Administrator
dt_admin
display_dt_ad min
tampilkan_dt_admin
dt_admin dt_admin_ditampilkan
tampilkan_dt_t_admin dt_t_admin_ditampilkan
4
dt_admin_diedit
dt_t_admin_ditampilkan info_dt_admin
edit_dt_admin
info_dt_admin edit_dt_admin
t_admin
edit_dt_t_admin
5 delete_dt_ad min
hapus_dt_admin
hapus_dt_t_admin dt_t_admin_dihapus
dt_admin_dihapus
6 search_dt_ad min
cari_dt_admin
cari_dt_t_admin
dt_admin_ditemukan
dt_t_admin_ditemukan
Gambar 3.4 DFD Level 2 Proses 1 Pengelolaan Data Admin 3.2.5.5 DFD Level 2 Proses 3 Pengolahan Data Pelanggan info_input_dt_pela nggan
1
info_input_dt_t_pe langgan
input_dt_pela ngga n
input_dt_pelangga n
s impan_d t_pe langgan
input_dt_t_pelanggan
s impan_d t_t_pelanggan
2
dt_t_ pelanggan_disimpa n
s av e_dt_pela ngga tampilkan n _dt_t_pelanggan c ari_dt_t_pelanggan
dt_pelanggan_disimpan
t_pelanggan
dt_pelanggan t_harga dt_t_ pelanggan_ditampilkan 3
tampilkan _dt_pelanggan
info_dt_pelanggan
display _d t_pel angg an
dt_pelanggan_dita mpilkan
dt_pelanggan_dita mpilkan dt_harga info_dt_harga dt_pelanggan
tampilk an _dt_pelanggan 4 Administrator
dt_pelanggan
c ari_dt_pelanggan
searc h_dt_pel angg an
dt_pelanggan_dite muk an
info_dt_pelanggan
5 edit_dt_pelanggan dt_pelanggan_diedit
edit_dt_pelan ggan
Pelangga n cari_dt_pelanggan dt_pelanggan_dite mukan
dt_t_ pelanggan_ditemukan
dt_t_ pelanggan_diedit
edit_dt_t_pelanggan
Gambar 3.5 DFD Level 2 Proses 3 Pengolahan Data Pelanggan
info_dt_pelanggan
31
3.2.5.6 DFD Level 2 Proses 4 Pengelolaan Data Perhitungan Rekening t _ p e la n g g a n
d t _ p e la n g g a n
d t _ p e r h it u n g a n _ r e ke n in g
1
in p u t _ d t _ p e r h it u n g a n _ r e ke n in g in f o _ d t _ p e r h it u n g a n _ r e k e n in g _ d iin p u ka n
in p u t _ d t _ b a y a r
in p u t _ d t _ h it u ng
in f o _ d t _ b a ya r
t a m p ilka n _ d t _ b a y a r
P e la n g g a n t a m p ilka n _ d t _ p e r h it u n g a n _ r e ke n in g in f o _ d t _ p e r h it u n g a n _ r e ke n in g _ d it a m p ilka n
2 d is p la y_ d t _ h it ung
in f o _ d t _ p e r h it u n g a n _ r e k e n in g _ d ice t a k in f o _ d t _ p e r h it u n g a n _ r e ke n in g ce t a k _ d t _ p e r h it u n g a n _ r e k e n in g
in f o _ d t _ b a ya r
t _ b a ya r d t _ b a ya r _ d it a m p ilk a n
3
d t _ b a ya r
d t _ b a ya r _ d ic e t a k
p r in t _ d t _ h it u n g ce t a k _ d t _ b a y a r
Gambar 3.6 DFD Level 2 Proses 4 Pengelolaan Data Perhitungan Rekening
32
3.2.5.7 DFD Level 2 Proses 5 Pengelolaan Perhitungan LPB info_input_dt_perhitungan_LPB
5.1 input_dt_perhi tungan_LPB
input_dt_perhitungan_LPB
Pelanggan
tampilkan_dt_perhitungan_LPB [dt_perhitungan_LPB]
5.2 [info_dt_perhitungan_LPB]
display_dt_per hitungan_LPB
dt_perhitungan_LPB_ditampilkan
Gambar 3.7 DFD Level 2 Proses 5 Pengelolaan Perhitungan LPB 3.3 Spesifikasi Proses 3.3.1 DFD Level 1 Simulasi Perhitungan Token Listrik Prabayar Berbasis Web Tabel 3.1 DFD Level 1 Simulasi Perhitungan Token Listrik Prabayar Berbasis Web Proses Kelola Admin
Masukan Req_dt_admin
Keluaran Inf_dt_admin
Pada
Keterangan proses
administrator
ini harus
mempunyai adminname dan
password
agar
dapat melakukan login admin.
33
Validasi
Req_dt_admin
Login
Validasi sukses
Pada proses ini setiap
Validasi gagal
administrator diwajibkan memasukkan
login
(username
dan
password)
sebagai
validasi admin untuk Kelola
Req_dt_pelanggan
menjalankan aplikasi. Inf_dt_pelanggan Pada proses ini diproses
Pelanggan
segala sesuatu hal yang berhubungan
dengan
proses pencatatan data Kelola
Req_dt_pelanggan,
Perhitungan dt_bayar Rekening
pelanggan. Inf_dt_pelanggan Pada proses ini diproses , inf_dt_bayar
segala sesuatu hal yang berhubungan perhitungan
dengan rekening
Kelola
pre-paid Pada proses ini diproses
Perhitungan
segala sesuatu hal yang
LPB
berhubungan
dengan
perhitungan LPB.
34
3.3.2 DFD Level 2 Proses 1 Pengelolaan Data Admin Tabel 3.2 DFD Level 2 Proses 1 Pengelolaan Data Admin Proses Input
Masukan Req_dt_admin
Keluaran Inf_dt_admin
Keterangan Pada proses ini dilakukan proses
Save Display
Req_dt_admin Req_dt_admin
memasukkan
data
Inf_dt_admin
admin Pada proses ini dilakukan
Inf_dt_admin
proses menyimpan data admin Pada proses ini dilakukan proses
menampilkan
data
Edit
Req_dt_admin
Inf_dt_admin
admin Pada proses ini dilakukan
Delete
Req_dt_admin
Inf_dt_admin
proses mengedit data admin Pada proses ini dilakukan
Inf_dt_admin
proses menghapus data admin Pada proses ini dilakukan
Search
Req_dt_admin
proses mencari data admin
3.3.3 DFD Level 2 Proses 3 Pengelolaan Data Pelanggan Tabel 3.3 DFD Level 2 Proses 3 Pengelolaan Data Pelanggan Proses Input
Masukan Req_dt_pelanggan
Keluaran Inf_dt_pelanggan
Keterangan Pada proses ini dilakukan memasukkan pelanggan
proses data
35
Save
Req_dt_pelanggan
Inf_dt_pelanggan
Pada
proses
dilakukan menyimpan Display
Req_dt_pelanggan
Inf_dt_pelanggan
pelanggan Pada proses dilakukan menampilkan
Search
Req_dt_pelanggan
Inf_dt_pelanggan
pelanggan Pada proses dilakukan mencari
Edit
Delete
Req_dt_pelanggan
Req_dt_pelanggan
Inf_dt_pelanggan
Inf_dt_pelanggan
pelanggan Pada proses
ini proses data ini proses data ini
mengubah
data
pelanggan Pada proses
pelanggan
3.3.4 DFD Level 2 Proses 5 Pengelolaan Perhitungan LPB Tabel 3.4 DFD Level 2 Proses 5 Pengelolaan Perhitungan LPB Keluaran
data
proses
menghapus
Masukan
proses
dilakukan
dilakukan
Proses
ini
Keterangan
ini proses data
36
Input
Req_dt_hitung
Inf_dt_hitung
Pada proses ini dilakukan proses
Display
Req_dt_hitung
Inf_dt_hitung
memasukkan
data
hitung Pada proses ini dilakukan proses
menampilkan
data
hitung
3.4 Kamus Data Tabel 3.5 Kamus Data NO 1
dt_admin
Nama
Rincian Data admin_id, firstname, lastname
2
dt_login
Username admin, password
3
dt_pelanggan
Id_pelanggan, firstname, lastname, tarif, kWh
37
4
dt_harga
Index, tarif, kWh
5
dt_bayar
No, id_pelanggan, nama, tarif, kWh, biaya, admin bank, materai, PPn
38
3.5
Physical Data Model
ADMIN ID_ADM IN integer FIRSTNAME varchar(10) LASTNAME varchar(10) LOGIN varchar(20) PASSWD varchar(32)
ID_ADMI N = ID_ADMIN
PELANGGAN ID_PELANGGAN varchar(12) INDEX varchar(2) NO
ID integer NAMA varchar(30) NAMA2 varchar(20) TARIF varchar(25) KWH varchar(8) ID_ADM IN integer
ID_PELANGGAN INDEX = INDEX = ID_PELANGGAN
T_HARGA INDEX varchar(2) ID_PELANGGAN varchar(12) TARIF varchar(25) KWH varchar(8)
NO = NO ID_PELANGGAN = ID_PELANGGAN
BAYAR NO ID_PELANGGAN BIAYA ADMIN_BANK MATERAI PPN PPJU TOKEN JM L_KWH NAMA TARIF KWH
integer varchar(12) varchar(10) varchar(4) varchar(4) varchar(10) varchar(10) varchar(10) float varchar(30) varchar(25) varchar(8)
Gambar 3.8 Physical Data Model 3.6 Deskripsi Rinci Tabel Berisi penjelasan secara rinci mengenai tabel – tabel yang digunakan dalam sistem.
3.6.1
Tabel Admin
Identifikasi/Nama
: Admin
Deskripsi Isi
: Data admin
Primary Key
: admin_id
Tabel 3.6 Admin
39
Id Field Admin_id
Deskripsi
Tipe & Length Integer (11)
No administrato
Firstname
r Nama depan Varchar(10) NOT NULL
r Nama akhir Varchar(10) NOT administrato r username
Login
NULL Varchar(20) NOT
administrato Password
r Kata
NULL
kunci Varchar(10) NOT
administrato r
3.6.2
NULL NOT NULL
administrato Lastname
Boleh
Tabel Pelanggan
Identifikasi/Nama
: Pelanggan
Deskripsi Isi
: Data pelanggan
Primary Key
: id_pelanggan
NULL
Default
Keterangan Primary
40
Tabel 3.7 Pelanggan Id Field
Deskripsi
Tipe &
Boleh
-
Length Integer
NULL NOT NULL NOT
Id Id_pelanggan
Nomor meter
(11) Varchar
Nama
pelanggan Nama awal
(10) Varchar
NULL NOT
Nama2
pelanggan Nama akhir
(30) Varchar
NULL NOT
Tarif
pelanggan Golongan tarif
(30) Varchar
NULL NOT
kWh
Besaran daya
(20) Varchar
NULL NOT
listrik
(8)
NULL
3.6.3
Default Keterangan
Tabel Harga
Identifikasi/Nama
: Harga golongan Tarif
Deskripsi Isi
: menampilkan harga kWh per golongan tarif
Primary Key
: index
Primary
41
Tabel 3.8 Harga Id Field
Deskripsi
Tipe &
Boleh
No hitung ke-
Length Varchar
NULL NOT
Tarif
Jenis golongan
(2) Varchar
NULL NOT
kWh
tarifnya Besaran daya
(2) Varchar
NULL NOT
listrik
(5)
NULL
Index
3.6.4
Tabel Bayar
Identifikasi/Nama
: Bayar
Deskripsi Isi
: Data Perhitungan Rekening
Primary Key
: id_pelanggan
Tabel 3.9 Bayar
Default Keterangan Primary
42
Id Field
Tipe &
Boleh
No
Length No hitung ke- Integer
NULL NOT
Id_pelanggan
Nomor meter
(5) Varchar
NULL NOT
Nama
pelanggan Nama
(10) Varchar
NULL NOT
Tarif
pelanggan Jenis
(30) Varchar
NULL NOT
golongan
(2)
NULL
tarif Besaran daya
Varchar
NOT
(8) Varchar
NULL NOT
kWh
Deskripsi
listrik Biaya Admin_bank
Administrasi
(10) Varchar
NULL NOT
Materai
bank (4) Biaya materai Varchar
NULL NOT
Ppn
Biaya ppn
(4) Varchar
NULL NOT
Ppju
Biaya ppju
(10) Varchar
NULL NOT
Jumlah uang
(10) Varchar
NULL NOT
Jumlah kWh
(10) Float
NULL NOT
Token Jml_kWh
yang di dapat
NULL
Default Keterangan
Primary
43
3.7
Perancangan Program
3.7.1
Perancangan Struktur Menu Gambar berikut ini merupakan struktur menu dari pembangunan Simulasi
Perhitungan Token Listrik Prabayar Golongan Tarif Rumah Tangga Berbasis Web di PT. PLN (Persero) APJ Bandung. Home Menu 1 Login Admin
Input Data Pelanggan
Tampilan Awal Help Profil Perusahaan Info Listrik Prabayar Menu 2
Info Pelanggan Perhitungan Rekening Pre-Paid Simulasi Perhitungan Listrik Prabayar Kontak
Gambar 3.9 Struktur Menu Perancangan Menu 1 Menu 1 terdiri 2 link yaitu : 1. Home Pada link Home berfungsi untuk mengembalikan ke halaman utama. 2. Login Admin Fungsi login admin adalah agar admin dapat masuk pada menu pengisian data pelanggan. Menu 2
44
Menu 2 terdiri dari beberapa menu yang masing-masingnya mempunyai fungsi, adalah sebagai berikut : 1. Help Menu help berfungsi untuk memberikan informasi kepada pelanggan bagaimana cara agar bisa melakukan perhitungan rekening pre-paid dan simulasi perhitungan listrik prabayar. 2. Profil Perusahaan Pada menu profil diberikan informasi mengenai perusahaan. Dari mulai sejarah, visi dan misi serta sekilas mengenai PT. PLN (persero). 3. Info Listrik Prabayar Menu info listrik prabayar memberikan informasi tentang listrik prabayar. Yaitu, pengertian listrik prabayar, cara penggunaan kWh meter tertentu dan proses memasukkan kode token pada kWh meter. 4. Info Pelanggan Di menu info pelanggan terdapat informasi mengenai syarat menjadi pelanggan listrik prabayar, keuntungan menggunakan listrik prabayar dan tempat pembelian token. 5. Perhitungan Rekening Pre-Paid Menu perhitungan rekening pre-paid adalah fitur utama yang pertama yang ada dalam website ini. Fitur ini berfungsi untuk melakukan perhitungan rekening pre-paid. Maksudnya adalah dengan adanya fitur ini pelanggan akan mengetahui berapa kWh yang akan di dapat ketika membeli token dalam jumlah uang tertentu.
45
6. Simulasi Perhitunngan Listrik Prabayar Simulasi perhitungan listrik prabayar adalah fitur utama kedua yang ada di website ini. Fungsi fitu ini adalah untuk membantu pelanggan untuk mengetahui lamanya hari ketika mendapat membeli kWh dalam jumlah tertentu. 7. Kontak Menu kontak berisi alamat dan nomor telepon dari PT. PLN (Persero) Distribusi Jawa Barat dan Banten dan PT. PLN (Persero) APJ Bandung.
3.7.2
Perancangan Halaman Index
Perancangan Splash screen dapat dilihat secara pada gambar dibawah ini.
46
1.Help 2.Profil Perusa haan
3.Info LPB
4.Info Pelang gan
8.Informasi Layanan Kelistrikan
10.Info gerakan Hemat Energi Sejawabarat
5.Perhitu ngan rekening LPB
6.Simulasi Perhitunga n LPB
7.Kont ak
9.Tips
11.Home 12.Login Admin
Gambar 3.10 Perancangan Halaman Index
Tabel 3.10 Keterangan Halaman Index No 1 2 3 4 5
Nama Help Profil Perusahaan Info LPB Info Pelanggan Perhitungan Rekening LPB
Tipe Link
Kegunaan Terhubung ke info
Link
Help Terhubung ke info
Link
profil perusahaan Terhubung ke info
Link
LPB Terhubung ke info
Link
pelanggan Terhubung ke form pencarian data pelanggan berdasarkan Id Pelanggan
47
6
Simulasi Perhitungan
Link
Terhubung ke form
LPB
input data Simulasi
7
Kontak
Link
Perhitungan LPB Terhubung ke info
8
Informasi Layanan
Link
kontak perusahaan Terhubung ke
Kelistrikan
informasi layanan Link Link
kelistrikan Terhubung ke info tips Terhubung ke info
11
energi Home
Link
gerakan hemat energi Terhubung ke halaman
12
Login Admin
Link
tampilan awal Terhubung ke form
9 10
Tips Info gerakan Hemat
login admin
3.7.3
Perancangan Halaman Help
Perancangan halaman Help dapat dilihat pada gambar dibawah ini :
48
1. Isi Halaman Help I
2. Back to Home
Gambar 3.11 Perancangan Halaman Help Tabel 3.11 Keterangan Halaman Help No 1
Nama Isi Halaman Help
Tipe Info
Kegunaan Berisi tentang ketentuan
2
Back to Home
Link
perhitungan Terhubung ke Halaman Tampilan awal
3.7.4
Perancangan halaman Visi & Misi
Perancangan halaman Visi & Misi dapat dilihat pada gambar dibawah ini :
49
1.Isi Halaman Visi dan Misi
2.Back to Home
Gambar 3.12 Perancangan halaman Visi & Misi
Tabel 3.12 Keterangan Halaman Visi dan Misi No 1
Nama Isi Halaman Visi dan
Tipe Info
Kegunaan Berisi tentang Visi dan
2
Misi Back to Home
Link
Misi PLN Terhubung ke Halaman Tampilan awal
3.7.5
Perancangan Halaman Sejarah Perusahaan
Perancangan halaman Daftar Pustaka dapat dilihat pada gambar dibawah ini :
50
1. Isi Halaman Sejarah
2. Back to Home
Gambar 3.13 Perancangan halaman Sejarah Perusahaan
Tabel 3.13 Keterangan Halaman Visi dan Misi No 1
Nama Isi Halaman Sejarah
Tipe Info
Kegunaan Berisi tentang Visi dan
2
Back to Home
Link
Misi PLN Terhubung ke Halaman Tampilan awal
3.7.6
Perancangan Halaman Sekilas PLN
Perancangan halaman penulis dapat dilihat pada gambar dibawah ini :
51
1.Isi Halaman Sekilas PLN
2. Back to Home
Gambar 3.14 Perancangan halaman Sekilas PLN Tabel 3.14 Keterangan Halaman Sekilas PLN No 1
Nama Isi Halaman Sekilas PLN
Tipe Info
Kegunaan Berisi tentang Sekilas
2
Back to Home
Link
PLN Terhubung ke Halaman Tampilan awal
3.7.7
Perancangan Halaman Info Listrik Prabayar
Perancangan halaman Info Listrik Prabayar dapat dilihat pada gambar dibawah ini :
52
1. Apa Itu Listrik Prabayar
3. Proses Pemasukan & Isi Ulang
2. Cara Penggunaan
4. Home 5. Login Admin
Gambar 3.15 Perancangan halaman Info Listrik Prabayar Tabel 3.15 Keterangan Halaman Info Listrik Prabayar No 1
Nama Apa Itu Listrik Prabayar
Tipe Link
Kegunaan Terhubung Ke Halaman
2
Cara Penggunaan
Link
Apa Itu Listrik Prabayar Terhubung Ke Halaman
3
Proses Pemasukan & Isi
Link
Cara Penggunaan Terhubung ke Halaman
Ulang 4 5
Home Login Admin
Proses Pemasukan & Isi Link
Ulang Terhubung ke Halaman
Link
Tampilan awal Terhubung ke Halaman Form Login Admin
53
3.7.8
Perancangan Halaman Apa Itu Listrik Prabayar
1. Isi halaman Apa Itu Listrik Prabayar
2. Back to Home
Gambar 3.16 Perancangan Halaman Apa Itu Listrik Prabayar Tabel 3.16 Keterangan Halaman Apa Itu Listrik Prabayar No 1
Nama Isi Halaman Apa Itu
Tipe Info
Kegunaan Berisi tentang Apa Itu
Listrik Prabayar 2
Back to Home
Listrik Prabayar Link
Terhubung ke Halaman Tampilan awal
3.7.9
Perancangan Halaman Cara Penggunaan kWhmeter
1. Isi Halaman Cara Pengguanaan kWhmeter
2. Back to Home
54
Gambar 3.17 Perancangan Halaman Cara Penggunaan kWhmeter Tabel 3.17 Keterangan Halaman Cara Penggunaan kWhmeter No 1
Nama Isi Halaman Cara
Tipe Info
Kegunaan Berisi tentang Cara
2
Penggunaan kWhmeter Back to Home
Link
Penggunaan kWhmeter Terhubung ke Halaman Tampilan awal
3.7.10 Perancangan Halaman Proses Pemasukan dan Isi Ulang Token
1. Isi Halaman Proses Pemasukan dan Isi Ulang Token
2. Back to Home
Gambar 3.18 Perancangan halaman Proses Pemasukan dan Isi Ulang Token Tabel 3.18 Keterangan Halaman Proses Pemasukan dan Isi Ulang Token No 1
Isi
Nama Halaman
Proses
Tipe Info
Pemasukan dan Isi Ulang 2
Token Back to Home
Berisi
Kegunaan tentang Proses
Pemasukan dan Isi Ulang Link
Token Terhubung ke Halaman Tampilan awal
55
3.7.11 Perancangan Halaman Info Pelanggan Perancangan halaman Info Pelanggan dapat dilihat pada gambar dibawah ini :
1. Syarat Menjadi Pelanggan Listrik Prabayar
3. Tempat Pembelian Token
2. Keuntungan LPB
4. Home 5. Login Admin
Gambar 3.19 Perancangan halaman Info Pelanggan
Tabel 3. 19 Keterangan halaman Info Pelanggan No 1
2
Nama Syarat Menjadi
Tipe Link
Kegunaan Terhubung Ke Halaman
Pelanggan Listrik
Syarat Menjadi
Prabayar
Pelanggan Listrik
Keuntungan LPB
Link
Prabayar Terhubung Ke Halaman Keuntungan LPB
56
3
Tempat Pembelian Token
Link
Terhubung ke Halaman Tempat Pembelian
4
Home
Link
Token Terhubung ke Halaman
5
Login Admin
Link
Tampilan awal Terhubung ke Halaman Form Login Admin
3.7.12 Perancangan Halaman Syarat Menjadi Pelanggan Listrik Prabayar Perancangan halaman Syarat menjadi Pelanggan Listrik Prabayar dapat dilihat pada gambar dibawah ini :
1. Isi Halaman Syarat Menjadi Pelanggan Listrik Prabayar
2. Back to Home
Gambar 3.20 Perancangan halaman Syarat Menjadi Pelanggan Listrik Prabayar Tabel 3.20 Keterangan Halaman Syarat Menjadi Pelanggan Listrik Prabayar No 1
Isi
Nama Halaman
Menjadi
Syarat
Tipe Info
Pelanggan
Menjadi
Listrik Prabayar 2
Back to Home
Kegunaan Berisi tentang Syarat Pelanggan
Listrik Prabayar Link
Terhubung ke Halaman Tampilan awal
57
3.7.13 Perancangan Halaman Keuntungan Listrik Prabayar Perancangan halaman Keuntungan Listrik Prabayar dapat dilihat pada gambar dibawah ini :
1. Isi Halaman Keuntungan Listrik Prabayar
2. Back to Home
Gambar 3.21 Perancangan halaman Keuntungan Listrik Prabayar Tabel 3.21 Keterangan Halaman Keuntungan Listrik Prabayar No 1
Nama Isi Halaman Keuntungan
Tipe Info
Listrik Prabayar
Kegunaan Berisi
tentang
Keuntungan
Listrik
Prabayar 2
Back to Home
Link
Terhubung ke Halaman Tampilan awal
58
3.7.14 Perancangan Halaman Tempat pembelian Token Perancangan halaman Tempat Pembelian Token dapat dilihat pada gambar dibawah ini :
1. Isi Halaman Tempat Pembelian Token
2. Back to Home
Gambar 3.22 Perancangan halaman Tempat Pembelian Token
Tabel 3.22 Keterangan Halaman Tempat Pembelian Token No 1
Nama Isi Halaman Tempat
Tipe Info
Kegunaan Berisi tentang Tempat
2
Pembelian Token Back to Home
Link
Pembelian Token Terhubung ke Halaman Tampilan awal
3.7.15 Perancangan Halaman Memasukkan Id Pelanggan Perancangan halaman kredits dapat dilihat pada gambar dibawah ini :
59
Masukkan Id Pelanggan Anda 1 E_Id_Pelanggan
2 Cari
3 Back to Home
Gambar 3.23 Perancangan halaman Memasukkan Id Pelanggan Tabel 3.23 Keterangan Halaman Info Pelanggan No 1 2
Nama E_Id_Pelanggan Cari
Tipe Text Command
Kegunaan Menginput Id Pelanggan Terhubung Ke database Pelanggan untuk
3
Back to Home
Link
melakukan pencarian Terhubung ke Halaman Tampilan awal
3.7.16 Perancangan Halaman Memasukkan Halaman Data Pelanggan Perancangan halaman kredits dapat dilihat pada gambar dibawah ini :
Data Pelanggan 1.E_No 2. E_Id_Pel 3. E_Nama 4. E_Tarif 5. E_Daya 6. E_Jumlah Uang 7. Hitung 8. Back to Home
Gambar 3.24 Perancangan halaman Memasukkan Data Tabel 3.24 Keterangan Halaman Memasukkan Data No
Nama
Tipe
Kegunaan
60
1
E_No
Text
Menampilkan no
2
E_Id_Pel
Text
Pelanggan Menampilkan Id
3
E_Nama
Text
Pelanggan Menampilakan Nama
4
E_Tarif
Text
Pelanggan Menampilkan Jenis
5 6
E_Daya E_Jumlah Uang
Text Integer
Tarif Menampilkan Daya Menginput Jumlah
7
Hitung
Command
Uang Memproses perhitugan
Link
Rekening LPB Terhubung Ke
8
Back To Home
Tampilan Awal
3.7.17 Perancangan Halaman Hasil Perhitungan Rekening Prabayar Perancangan halaman Hasil Perhitungan LPB dapat dilihat pada gambar dibawah ini :
1. Hasil Perhitungan Rekening LPB
2. Back To Home
Gambar 3.25 Perancangan halaman Hasil Perhitungan Rekening LPB
Tabel 3.25 Keterangan Halaman Hasil Perhitungan Rekening LPB
61
No 1
Nama Hasil Perhitungan
Tipe Info
rekening LPB 2
Kegunaan Berisi tentang rincian hasil perhitugan rekening
Back to Home
Link
LPB Terhubung ke Halaman Tampilan awal
3.7.18 Perancangan Halaman Memasukkan Id Pelanggan Perancangan halaman kredits dapat dilihat pada gambar dibawah ini :
Simulasi Perhitungan Listrik Prabayar 1. E_Jml_kWh_Beli 2. E_Pemakaian_Watt_Perhari 3. Hitung 4. Back to Home
Gambar 3.26 Perancangan halaman Memasukkan Id Pelanggan Tabel 3.26 Keterangan Halaman Memasukkan Id Pelanggan No 1
Nama E_Jml_kWh_Beli
Tipe Integer
Kegunaan Menginput Jumlah
2
E_Pemakaian_Watt_Perhari
Interger
kWh yang di beli Menginput pemakaian
3
Hitung
Command
watt perhari Memproses simulasi
Link
perhitungan LPB Terhubung ke tampilan
4
Back to Home
awal
62
3.7.19 Perancangan Halaman Hasil Perhitungan Rekening Prabayar Perancangan halaman kredits dapat dilihat pada gambar dibawah ini :
1.E_Hasil Perhitungan hari Daya Habis
2. Back To Home
Gambar 3.27 Perancangan halaman Hasil Simulasi Perhitungan LPB Tabel 3.27 Keterangan Halaman Hasil Simulasi Perhitungan LPB No 1
Nama E_Hasil Perhitungan Hari
2
Daya Habis Back to Home
Tipe Integer
Kegunaan Menampilkan Hasil
Link
perhitungan daya habis Terhubung ke tampilan awal
3.7.20 Perancangan Halaman Kontak Perancangan halaman kontak dapat dilihat pada gambar dibawah ini :
63
1. Isi Halaman Informasi Kontak
2. Back to Home
Gambar 3.28 Perancangan halaman Kontak Tabel 3.28 Keterangan Halaman Kontak No 1
Nama Halaman Informasi Kontak
Tipe Text
Kegunaan Menampilkan Informasi
2
Back to Home
Link
Kontak Terhubung ke tampilan awal
3.7.21 Perancangan Halaman Login Admin Perancangan halaman kredits dapat dilihat pada gambar dibawah ini :
64
1. E_Login 2. E_Password 3. Login 4. Back to Home
Gambar 3.29 Perancangan halaman Login Admin Tabel 3. 29 Keterangan Halaman Login admin No 1
Nama E_Login
Tipe Text
Kegunaan Menampilkan Informasi
2
E_Password
Text
Kontak Mennginput data
Command
password Terhubung kedatabase
3
Login
untuk validasi login dan menampilkan Form 4
Back to Home
Link
input data pelanggan Terhubung ke tampilan awal
3.7.22 Perancangan Halaman Memasukkan Data Pelanggan Perancangan halaman Memasukkan data pelanggan dapat dilihat pada gambar dibawah ini :
65
Form Memasukkan Data Pelanggan 1. E_ID_Pelanggan 2. E_Nama Awal
3. E_Nama Akhir
4. E_Tarif 5. Submit 6. Back to Home
Gambar 3.30 Perancangan halaman Form memasukkan Data Pelanggan Tabel 3.30 perancangan halaman Memasukan Data Pelanggan No 1
Nama E_ID_Pelangan
Tipe Text
Kegunaan Menginput Id
2 3
E_Nama Awal E_Tarif
Text Text
pelanggan Menginput Nama Awal Manginput golongan
Command
tarif Menyimpan Data
4
Submit
Pelanggan pada 5
Back to Home
Link
database pelanggan Terhubung ke tampilan awal
3.8 Implementasi 3.8.1 Implementasi Database Tahap implementasi database merupakan tahap pemindahan logika database dan hasil perancangan database kedalam bentuk implementasi dengan menggunakan program sesuai kebutuhan.
66
3.8.1.1 Database Admin Table structure for table `Admin` CREATE TABLE `Admin` ( ` Admin_id ` int(11) NOT NULL auto_increment, `Firstname` varchar(10) NOT NULL, `Lastname` varchar(10) NOT NULL, `Login` varchar(20) NOT NULL, `Password` varchar(10) NOT NULL, PRIMARY KEY (`admin_id`) ) ENGINE=MyISAM DEFAULT CHARSET=utf8 AUTO_INCREMENT=3 ; 3.8.1.2 Database Pelanggan Table structure for table `pelanggan` CREATE TABLE `pelanggan` ( `id` int(5) NOT NULL auto_increment, `id_pelanggan` varchar(10) NOT NULL, `nama` varchar(30) NOT NULL, `nama2` varchar(20) NOT NULL, `tarif` varchar(20) NOT NULL, `kwh` varchar(8) NOT NULL, PRIMARY KEY (`id`) ) ENGINE=MyISAM DEFAULT CHARSET=utf8 AUTO_INCREMENT=3 ;
67
3.8.1.3 Database Harga Table structure for table `harga` CREATE TABLE `harga` ( `index` varchar(2) NOT NULL, `tarif` varchar(20) NOT NULL, `kwh` varchar(5) NOT NULL ) ENGINE=MyISAM DEFAULT CHARSET=utf8; 3.8.1.4 Database Bayar Table structure for table `bayar` CREATE TABLE `bayar` ( `no` int(5) NOT NULL auto_increment, `id_pelanggan` varchar(10) NOT NULL, `nama` varchar(30) default NULL, `tarif` varchar(15) default NULL, `kwh` varchar(8) default NULL, `biaya` varchar(10) default NULL, `admin_bank` varchar(4) default '2000', `materai` varchar(4) default '3000', `ppn` varchar(10) default NULL, `ppju` varchar(10) default NULL, `token` varchar(10) default NULL, `jml_kwh` float default NULL, PRIMARY KEY (`no`)
68
) ENGINE=MyISAM DEFAULT CHARSET=utf8 AUTO_INCREMENT=11 ;
3.8.2 Implementasi Program Tahap implementasi program merupakan tahap meletakkan program agar dalam proses penggunaan program dapat dioperasikan sesuai tujuan pembuatan program itu sendiri. Hal ini dapat diambil dengan memindahkan logika program dan hasil perancangan program kedalam bentuk implementasi tergantung dengan bahasa pemrograman yang dipilih dan sesuai dengan kebutuhan.
69
3.8.2.1 Tampilan Halaman Index
Gambar 3.31 Tampilan Halaman Index
Keterangan: tampilan tersebut adalah antarmuka yang pertama kali muncul saat pertama kali pelanggan masuk ke dalam web ini. Dimana menu yang dapat diakses tanpa harus mengisikan data pelanggan adalah: Help, Profil Perusahaan, Info Listrik Prabayar, Info Pelanggan dam kontak.
70
3.8.2.2 Tampilan Halaman Help
Gambar 3.32 Tampilan Halaman Help
Keterangan: Tampilan tersebut merupakan tampilan halaman help yang berisi ketentuan pelanggan agar dapat menggunakan fitur perhitungan. 3.8.2.3 Tampilan Halaman Profil
Gambar 3.33 Tampilan Halaman Profil Keterangan: Tampilan tersebut merupakan tampilan halaman profil yang berisi informasi uraian singkat mengenai sejarah, visi dan misi dan sekilas PLN.
71
3.8.2.4 Tampilan Halaman Sejarah Perusahaan
Gambar 3.34 Sejarah Perusahaan
Keterangan: Tampilan tersebut merupakan tampilan halaman sejarah perusahaan yang berisi informasi tentang sejarah perusahaan. 3.8.2.5 Tampilan Halaman Visi & Misi
Gambar 3.35 Tampilan Halaman Visi & Misi
72
Keterangan: Tampilan tersebut merupakan tampilan Visi & Misi yang berisi informasi tentang visi dan misi perusahaan. 3.8.2.6 Tampilan Halaman Sekilas PLN
Gambar 3.36 Tampilan Halaman Sekilas PLN
Keterangan: Tampilan tersebut merupakan tampilan halaman sekilas PLN yang berisi informasi tentang sekilas PLN. 3.8.2.7 Tampilan Halaman Info Listrik Prabayar
Gambar 3.37 Tampilan Halaman Info 2008
73
Keterangan: Tampilan tersebut merupakan tampilan halaman info listrik prabayar yang berisi informasi tentang pengertian listrik prabayar, cara penggunaan kWh meter pada merk berbeda dan cara memasukkan kode token pada kWh meter. 3.8.2.8 Tampilan Halaman Apa Itu Listrik Prabayar
Gambar 3.38 Tampilan Halaman Apa Itu Listrik Prabayar Keterangan: Tampilan tersebut merupakan tampilan halaman info tentang pengertian listrik prabayar. 3.8.2.9 Tampilan Halaman Cara Penggunaan kWh Meter
Gambar 3.39 Tampilan Halaman Cara Penggunaan kWh Meter
74
Keterangan: Tampilan tersebut merupakan tampilan halaman tentang cara penggunaan kWh meter Actaris dan Conlog. 3.8.2.10 Tampilan Halaman Proses Pemasukan & Isi Ulang Token
Gambar 3.40 Tampilan Halaman Proses Pemasukan & Isi Ulang Token Keterangan: Tampilan tersebut merupakan tampilan halaman tentang prose pemasukan dan isi ulang token. 3.8.2.11 Tampilan Halaman Info Pelanggan
Gambar 3.41 Tampilan Halaman Info Pelanggan
75
Keterangan: Tampilan tersebut merupakan tampilan halaman info pelanggan yang berisi informasi tentang syarat menjadi pelanggan listrik prabayar, keuntungan menggunakan listrik prabayar dan tempat pembelian token. 3.8.2.12 Tampilan Halaman Syarat Menjadi Pelanggan Listrik Prabayar
Gambar 3.42 Tampilan Halaman Syarat Menjadi Pelanggan Listrik Prabayar Keterangan: Tampilan tersebut merupakan tampilan halaman yang menjelaskan syarat menjadi pelanggan listrik prabayar. 3.8.2.13 Tampilan Halaman Kentungan Listrik Prabayar
Gambar 3.43 Tampilan Halaman Keuntungan Listrik Prabayar
76
Keterangan: Tampilan ini merupakan yang menjelaskan keuntungan dari menggunakan listrik prabayar. 3.8.2.14 Tampilan Halaman Tempat Pembelian Token Listrik Prabayar
Gambar 3.44 Tampilan Halaman Tempat Pembelian Token Listrik Prabayar Keterangan: Tampilan ini merupakan tampilan halaman yang menjelaskan tentang tempat pembelian token listrik prabayar. 3.8.2.15 Tampilan Halaman Memasukkan Id Pelanggan
Gambar 3.45 Tampilan Halaman Memasukkan Id Pelanggan
Keterangan: Tampilan ini merupakan tampilan halaman untuk memasukkan id pelanggan agar dapat masuk ke menu berikutnya.
77
3.8.2.16 Tampilan Halaman Data Pelanggan
Gambar 3.46 Tampilan Halaman Data Pelanggan
Keterangan: Tampilan tersebut merupakan tampilan halaman yang berisi data pelanggan dan textfield untuk mengisikan jumalah uang yang akan di hitung. 3.8.2.17 Tampilan Halaman Perhitungan Rekening Pre-Paid
Gambar 3.47 Tampilan Halaman Perhitungan Rekening
Pre-Paid
Keterangan : Tampilan ini meupakan tampilan hasil dari perhitungan Rekening pre-paid.
78
3.8.2.18 Tampilan Halaman Simulasi Perhitungan Listrik Prabayar
Gambar 3.48 Tampilan Halaman Simulasi Perhitungan Listrik Prabayar
Keterangan: Tampilan ini merupakan tampilan simulasi perhitungan listrik prabayar. Pelanggan harus memasukkan data kWh dan Watt. 3.8.2.19 Tampilan Halaman Hasil
Gambar 3.49 Tampilan Halaman Hasil
Keterangan: Tampilan ini merupakan tampilan halaman hasil dari simulasi perhitungan listrik prabayar.
79
3.8.2.20 Tampilan Halaman Kontak
Gambar 3.50 Tampilan Halaman Kontak Keterangan: Tampilan ini merupakan halaman kontak yang berisi alamat dan no.telepon perusahaan. 3.8.2.21 Tampilan Halaman Login Admin
Gambar 3.51 Tampilan Halaman Login Admin Keterangan: Tampilan ini merupakan tampilan halaman login admin. 3.8.2.22 Tampilan Halaman Memasukkan Data Pelanggan
Gambar 3.52 Tampilan Halaman Memasukkan Data Pelanggan
80
Keterangan : Tampilan ini merupakan tampilan untuk mengisikan data pelanggan agar tersimpan di database. 3.8.2.23 Tampilan Halaman Keterangan
Gambar 3.53 Halaman Keterangan Keterangan : Tampilan halaman ini adalah untuk memberitahu bahwa data telah tersimpan. 3.8.2.24 Tampilan Pesan Peringatan 1
Gambar 3.54 Tampilan Pesan 1 Keterangan : Tampilan halaman ini akan muncul jika pelanggan mengisi uang yang akan di hitung kurang dari Rp.20.000
81
3.8.2.25 Tampilan Pesan Peringatan 2
Gambar 3.55 Tampilan Pesan 2 Keterangan : Tampilan halaman ini akan muncul admin tidak mengisi data pelanggan secara lengkap.
