T0 562011015 BAB III

(1)

1.1 Data Flow Diagram ( DFD )

Berikut ini adalah Data Flow Diagram dari website “Chelly Garskin Gadget Accesories” :

Data Flow Diagram ( DFD )

Sistem Informasi Website Jual Beli online “GARSKIN” Chelly Garskin Gadget Accesories

Admin Customers Pengunjung

1

Data yang mengalir dari atau ke Admin : 1. Data Informasi

2. Log In

3. Tambah, Edit dan Delete data 4. Data admin

5. Log Out

Data yang mengalir dari atau ke Customers : 6. Data Informasi

7. Beli 8. Isi form beli 9. Data customers

Data yang mengalir dari atau ke Pengunjung website : 10. Data informasi

Penjelasan :

Gambar 3.1.1 Data Flow Diagram ( DFD )

(2)

1.2 Flowchart

Dibawah ini adalah flowchart dari administrator, customers dan pengunjung website “Chelly Garskin Gadget Accesories” :

1. Flowchart Administrator

Dibawah ini merupakan flowchart admin. Flowchart ini menunjukkan lebih jelas bagaimana alur administrator mendapatkan informasi dan dapat menambah, merubah dan meng hapus informasi dari mulai login hingga proses selesai.

Flowchart Admin

Mulai Data

Informasi

Log In Tambah, Edit dan

Delete data

Data admin Log Out

Selesai

(3)

2. Flowchart Customers

Flowchart ini menunjukkan bagaimana seorang pembeli dapat memesan garskin yang diinginkan, mulai dari informasi yang didapatkan hingga memesan garskin.

Flowchart Customers

Mulai Data

Informasi

Data

customers Selesai Proses beli

Input data customers

(4)

3. Flowchart Pengunjung Website

Flowchart dibawah ini hanya untuk memerjelas bagaimana seseorang website_{mendapatkan informasi dari} web_{yang dimiliki oleh P2PAUDNI Regional II}

Semarang.

Flowchart Pengunjung

Selesai Data Informasi

Mulai

(5)

1.3 Bagan Jaringan

Website

Berikut ini adalah bagan jaringan dari website “Chelly Garskin Gadget Accesories” :

(6)

1.4 Lembar Kerja Tampilan ( LKT )

Lembar Kerja Tampilan ( LKT ) dibawah ini merupakan gambar rancangan dari website “Chelly Garskin Gadget Accesories” :

1.4.1 Halaman Awal ( Home )

Halaman home ini berisikan mengenai informasi tentang produk yang dijual belikan melalui website “Chelly Garskin Gadget Accesories” serta halaman

untuk admin dapat log in. Berikut ini adalah rancangan dari halaman home :

Header

Home Check Kontak

Order -Hello Kitty

-London -Paris -Tribal

Tentang Kami

Gambar Garskin Harga

Mengenai kami Administrator

Admin,,,,,,

Footer

(7)

1.4.2 Halaman Cara Pemesanan

Halaman cara pemesanan ini berisikan petunjuk bagaimana customers dapat memesan atau membeli produk. Berikut ini adalah tampilan halaman cara pemesanan :

Header

Home Check Kontak

Order -Hello Kitty

Cara Pemesanan

Cara pemesanan

Footer

(8)

1.4.3 Halaman Cara Pembayaran

Halaman cara pemesanan ini berisikan langkah-langkah pembayaran dan rekening bank untuk pembayaran barang. Tampilan dibawah ini adalah tampilan dari cara pembayaran, tampilan ini sama dengan halaman cara pemesanan :

Header

Home Check Kontak Order -Hello Kitty

Cara Pembayaran

Cara pembayaran

Footer

(9)

1.4.4 Halaman Check Order

Halaman check order ini digunakan untuk validasi atau konfirmasi customers yang membeli barang ke administrator sebagai penjual, bahwa barang yang dipesan sudah sampai ke tangan customer. Berikut adalah tampilan dari check order :

Header

Home Check Kontak

Order -Hello Kitty

Check Order

Form Check Order

Footer

(10)

1.4.5 Halaman Kontak

Halaman kontak ini berisikan tentang customer service yang dapat dihubungi oleh customers yang akan memesan garskin. Dibawah ini adalah tampilan dari kontak :

Header

Home Check Kontak

Order -Hello Kitty

Kontak

(11)

1.4.6 Halaman Log In Admin

Halaman log in admin ini digunakan sebagai halaman untuk admin dapat masuk ke home admin dan dapat menambah, mengubah dan meng hapus data yang perlu. Berikut ini adalah tampilan dari halaman log in admin :

Log In Administrator

Gambar

Username :

Password :

Login

(12)

1.4.7 Halaman Home Pada Menu Admin

Home admin ini hanya menampilkan kata-kata selamat datang pada halaman administrator saja. Berikut adalah tampilan dari home admin :

Administrator Log Out

Header

Home

Log Out Kontak Harga Kategori

Selamat Datang

Footer

(13)

1.4.8 Halaman Kategori Pada Menu Admin

Halaman kategori admin ini digunakan administrator untuk menambah, mengubah dan menghapus kategori-kategori garskin atau untuk meng update kategori garskin yang baru. Halaman dibawah ini adalah tampilan dari halaman kategori admin :

Header

Home

Footer

List Category

Tambah

Tabel untuk Edit dan Hapus

(14)

1.4.9 Halaman Harga Pada Menu Admin

Halaman harga admin ini berfungsi sama dengan halaman kategori admin. Disini admin dapat menambah, mengubah dan menghapus harga. Halaman harga admin dapat dilihat dibawah ini :

Header

Home

Footer

List Price

Tambah

(15)

1.4.10 Halaman Kontak Pada Menu Admin

Halaman kontak admin memiliki fungsi yang sama dengan halaman kategori admin dan harga admin. Dibawah ini adalah tampilan dari halaman kontak admin :

Header

Home

Footer

List Contact

Tambah

(16)

1.4.11 Halaman Log Out

Dialog ini akan muncul ketika administrator telah log out dari halaman administrator. Berikut adalah tampilan halaman log out :

Kamu telah berhasil keluar dari sistem administrator

OK

(17)

1.4.12 Halaman Kategori

Halaman kategori merupakan beberapa pengelompokan dari gambar-gambar garskin. Halaman ini digunakan customers untuk melihat serta dapat memesan garskin. Tampilan kategori dari gambar garskin adalah ebagai berikut ini :

Header

Home Check Kontak

Order -Hello Kitty

(Nama Kategori)

(18)

1.4.13 Halaman Beli

Halaman beli ini berisikan form untuk diisi customers saat hendak membeli garskin. Tampilan halaman beli tersebut adalah sebagai berikut :

Header

Home Check Kontak

Order -Hello Kitty

Beli

Form Beli