• 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

- Pada header terdapat image1 yaitu foto user yang telah login sebagai dosen, label1 menampilkan nama dosen, mata kuliah yang diampu beserta kode mata kuliah yang. telah

Mengetikkan salah satu kondisi salah pada username atau password kemudian klik tombol login Username: admin Password: 123 Sistem akan menolak akses user dan menampilkan

Tampilan awal aplikasi teridiri dari login dan register. Log in dapat dilakukan jika user telah mempunyai akun pada aplikasi ini. jika user belum mempunyai akun maka user

Tampilan Layar Umum Tampilan Layar Admin Click Log In Tampilkan Tampilan Layar Admin Home Profil Sitemap Produk Search Kontak Lihat P roduk Lihat Customer Cari Produk Cari

Tampilan awal aplikasi teridiri dari login dan register. Log in dapat dilakukan jika user telah mempunyai akun pada aplikasi ini. jika user belum mempunyai akun

Gambar 4.23 Form login saat dijalankan, login dengan user Admin Untuk masuk ke dalam program Klinik, Anda dapat login dengan username: admin, dan password: admin, pilih level:

Di halaman ini memiliki beberapa menu seperti Fld1 untuk keluar dari halaman admin dan akan kembali ke halaman awal admin. Klik Fld2 untuk menuju sheet/list admin

Sesuai harapan Valid 3 Mengetikkan User id dan password dengan data yang benar kemudian Ketika level dalam kondisi salah klik tombol login User id : admin (benar)