12
BAB III
PERANCANGAN SISTEM
3.1.
Data Flow Diagram
3.1.1. DFD Level 0
Sistem website PLN
Customer / Pengunjung
Admin
1
2
4
3
Title
Data yang mengalir dari atau ke customer/pengunjung
1. Data identitas Customer
2. Token pembelian listrik pintar
Data yang mengalir dari atau ke admin
3. Informasi di dalam website
4. Username dan Password
13
3.1.2.
DFD Level 1
Proses pembelian pulsa listrik pintar
Customer / Pengunjung Admin
1 2
4 3
Title
Aliran Data No 1- 4 sama dengan penjelasan di DFD Konteks
Sedangkan aliran data ke Penyimpanan/Storage sesuai label nomor di atas adalah sebagai berikut:
5. Data customer masuk 6. Update data 7. kirim data
Proses Maintenace
Data customer yg membeli 5
Update data 6
1
2
Kirim data7
14
3.2.
Flowchart
Sistem
3.2.1.
Customer
15
3.2.2.
Admin
16
3.3.
Lembar Kerja Tampilan (LKT)
3.3.1. Halaman Home
LOGO Home Pelangg
an Tentang
kami KIP
Google search Log in admin,user
regoster
Banner
Agenda
PB PD PS
Listrik pintar
Footer FB TW RSS
No sheet : 1
Title
- menggunakan font arial
Title
- klik home ke tampilan home - klik pelanggan ke tampilan pelanggan - klik tentang kami ke tampilan tentang kami - klik KIP ke tampilan KIP
- klik agenda ke tampilan agenda - klik PB ke tampilan PB - klik PD ke tampilan PD - klik PS ke tampilan PS
- klik listrik pintar ke tampilan listrik pintar - klik FB ke tampilan FB
- klik TW ke tampilan TW - klik RSS ke tampilan RSS - klik user ke tampilan login user - klik register ke tampilan register - klik log in admin ke tampilan admin
17
3.3.2. Halaman Pelanggan
LOGO Home Pelangg
an Tentang
kami KIP
Banner
Footer FB TW RSS
No sheet : 2
Title
- menggunakan font arial
Title
- klik simpan aktifkan penyimpanan berkas dan Kembali ke tampilan no 1
- klik home ke tampilan home - klik pelanggan ke tampilan pelanggan - klik tentang kami ke tampilan tentang kami - klik KIP ke tampilan KIP
- klik FB ke tampilan FB - klik TW ke tampilan TW - klik RSS ke tampilan RSS - klik user ke tampilan login user - klik register ke tampilan register - klik log in admin ke tampilan admin Kepada pelanggan yang terhormat silahkan melakukan pembelian pulsa listrik
dengan ketentuan di bawah ini, isi semua data yang ada di form pembelian agar dapat mempermudah pemrosesan data. Pembelian ini berlaku hanya pada pelanggan yang berbasis pulsa atau listrik pintar.
Silahakan isi data di bawah ini dengan benar!!! Nama lengkap
Alamat
Nomor rekening
Nominal
Simpan
Google search Log in admin,user
regoster
18
3.3.3. Halaman Tentang Kami
LOGO Home Pelangg
an Tentang
kami KIP
Banner
Footer FB TW RSS
No sheet : 3
Title
- menggunakan font arial
Title
- klik home ke tampilan home - klik pelanggan ke tampilan pelanggan - klik tentang kami ke tampilan tentang kami - klik KIP ke tampilan KIP
- klik FB ke tampilan FB - klik TW ke tampilan TW - klik RSS ke tampilan RSS - klik user ke tampilan login user - klik register ke tampilan register - klik log in admin ke tampilan admin
Tentang kami
Google search Log in admin,user
regoster
19
3.3.4. Halaman KIP
LOGO Home Pelangg
an Tentang
kami KIP
Banner
Footer FB TW RSS
No sheet : 4
Title
- menggunakan font arial
Title
- klik home ke tampilan home - klik pelanggan ke tampilan pelanggan - klik tentang kami ke tampilan tentang kami - klik KIP ke tampilan KIP
- klik FB ke tampilan FB - klik TW ke tampilan TW - klik RSS ke tampilan RSS - klik user ke tampilan login user - klik register ke tampilan register - klik log in admin ke tampilan admin
KIP
Google search Log in admin,user
regoster
20
3.3.5. Halaman Admin
Artciles Buy About
Log out No sheet : 5
Title
- menggunakan font arial
Title
- klik Dasboard ke tampilan dasboard - klik articles ke tampilan articles - klik buy ke tampilan buy - klik about ke tampilan about - klik log out ke tampilan no 1
Admin Dasboard
21
3.3.6. Halaman Articles
Artciles Buy About
Log out No sheet : 6
Title
- menggunakan font arial
Title
- klik Dasboard ke tampilan dasboard - klik articles ke tampilan articles - klik buy ke tampilan buy - klik about ke tampilan about - klik log out ke tampilan no 1
- klik tambah mengaktifkan penambahan ke database Dasboard
ID
waktu
Judul
Isi1
Isi2
tambah
22
3.3.7. Halaman Buy
Artciles Buy About
Log out No sheet : 7
Title
- menggunakan font arial
Title
- klik Dasboard ke tampilan dasboard - klik articles ke tampilan articles - klik buy ke tampilan buy - klik about ke tampilan about - klik log out ke tampilan no 1 Dasboard
Data pembeli
23
3.3.8. Halaman About
Artciles Buy About
Log out No sheet : 8
Title
- menggunakan font arial
Title
- klik Dasboard ke tampilan dasboard - klik articles ke tampilan articles - klik buy ke tampilan buy - klik about ke tampilan about - klik log out ke tampilan no 1 Dasboard
Data infomarsi perusahaan
24
3.3.9. Halaman Login Admin
No sheet : 9
Title
- menggunakan font arial
Title
- klik back kembali ke tampilan no 1
back
User name : ______
Password : _____
25
3.3.10. Halaman Login User
No sheet : 10
Title
- menggunakan font arial
Title
- klik back kembali ke tampilan no 1
back
No Rekening : ______
Password : _____
26
3.3.11. Halaman Pendaftaran
LOGO Home Pelangg
an Tentang
kami KIP
Banner
Footer FB TW RSS
No sheet : 11
Title
- menggunakan font arial
Title
- klik simpan aktifkan penyimpanan berkas dan Kembali ke tampilan no 1
- klik home ke tampilan home - klik pelanggan ke tampilan pelanggan - klik tentang kami ke tampilan tentang kami - klik KIP ke tampilan KIP
- klik FB ke tampilan FB - klik TW ke tampilan TW - klik RSS ke tampilan RSS - klik user ke tampilan login user - klik register ke tampilan register - klik log in admin ke tampilan admin
Nama lengkap
Alamat Nomor HP
Pembelian awal saldo
Daftar sekarang
Google search Log in admin,user
regoster
FORM PENDAFTARAN
Password Rentry Password
Nomor Rekening