• Tidak ada hasil yang ditemukan

T0 562011004 BAB III

N/A
N/A
Protected

Academic year: 2017

Membagikan "T0 562011004 BAB III"

Copied!
18
0
0

Teks penuh

(1)

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

(2)

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 data

7

(3)

14

3.2.

Flowchart

Sistem

3.2.1.

Customer

(4)

15

3.2.2.

Admin

(5)

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

(6)

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

(7)

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

(8)

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

(9)

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

(10)

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

(11)

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

(12)

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

(13)

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 : _____

(14)

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 : _____

(15)

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

(16)

27

3.4

JST

3.4.1 Customer

Gambar 3.16.

JST Customer

Ket :

Line merah : Dari menu Home, dapat mengakses

page

Pelanggan,

(17)

28

Line biru tua : Dari menu Tentang kami, dapat mengakses

page

Home ,KIP dan Pelanggan dengan klik mouse.

Line Kuning : Dari menu Pelanggan, dapat mengakses

page

Home

,Kip dan Tentang kami, dengan klik mouse.

Line Ungu : Dari menu PD, dapat mengakses

page

Home ,PB dan

PS, dengan klik mouse.

Line Abu-abu : Dari menu PB, dapat mengakses

page

Home ,PD dan

PS, dengan klik mouse.

Line Biru Muda : Dari menu PS, dapat mengakses

page

Home ,PD

(18)

29

3.4.2. Admin

Gambar 3.17.

JST Admin

Ket :

Line merah : Dari menu Dashboard, dapat mengakses

page

Articles,

Buy dan About dengan klik mouse.

Line biru : Dari menu Articles, dapat mengakses

page

Dashboard

,Buy dan About dengan klik mouse.

Line hijau : Dari menu Buy, dapat mengakses

page

Articles ,About

Gambar

Gambar 3.1. DFD Level 0
Gambar 3.2. DFD Level 1
Gambar 3.3. Flowchart Customer
Gambar 3.4. Flowchart Admin
+7

Referensi

Garis besar

Dokumen terkait

Peneliti tertarik melakukan penelitian tentang hubungan antara pengetahuan dan sikap masyarakat tentang pencegahan penyakit malaria dengan kejadian penyakit malaria di

2. Terpidana mengajukan permohonan grasi kepada presiden maksimal 1 tahun sejak dijatuhkan putusan hakim yang bersifat tetap seperti yang diatur dalam

 Di negeri-negeri yang mengamalkan pemerintahan Kesultanan, Sultan merupakan pemerintah tertinggi dalam sesebuah kerajaan, dan kebanyakan kerajaan tersebut

dapar untuk pembakuan pada suhu yang larutan ujinya akan

Berdasarkan data yang diperoleh dari Polres dan Pengadilan Negeri Bantaeng, dapat dilihat bahwa pada kekerasan yang dilakukan oleh Guru terhadap anak didiknya

Rancangan Halaman Utama Pada awal membuka web, pengguna akan disajikan dengan 3 menu seperti pada Gambar diatas, yaitu dengan menu monitoring pengguna bisa melihat status air,

Bentuk akar adalah salah satu bentuk lain dari penulisan eksponen, biasanya terjadi jika pangkat (power)-nya berbentuk pecahan.. Ubahlah menjadi bentuk akar atau

Minyak yang tidak memenuhi syarat Terdeteksinya kadar peroksida dan asam yang cukup tinggi pada minyak yang digunakan pedagang penyetan di Sutorejo dipengaruhi oleh