T0 562011011 BAB III

(1)

19

PERANCANGAN SISTEM

3.1 Diagram Contect

Diagram contect pada system pembuatan e-commerce

ditunjukkan pada gambar 3.1

Sistem informasi website e-commerce Konveksi

“Fausta Gallery”

ADMIN PENGUNJUNG

WEBSITE

PEMBELI/ MEMBER 1

2

4 3

6 5

Gambar 3.1 Diagram contect

Keterangan :

1. Info identitas Fausta Gallery, info data kategori, info data

produk, info laporan penjualan, info data customers, info

data pesan, info no resi pengiriman, info berita, info

(2)

data laporan penjualan, data customers, data pesan, data

resi pengiriman, data berita, data artikel, data polling.

3. Informasi identitas Fausta Gallery, info produk, info

berita, info artikel, info testimoni, info resi pengiriman,

info rss, info syarat dan ketentuan belanja, info cara

pembelian.

4. Data identitas Fausta Gallery, data produk, data berita,

data artikel, data testimoni, data resi pengiriman, data rss,

data syarat dan ketentuan belanja, data cara pembelian.

5. Info data login, info identitas Fausta Gallery, info data

kategori, info data produk, info data keranjang

belanja/shopping cart, info konfirmasi pembelian, info

data berita, info data artikel, info rss, info testimony, info

polling.

6. Data login, data identitas Fausta Gallery, data kategori,

data produk, data keranjang/shopping cart, data

konfirmasi pembelian, data berita, data artikel, data rss,

data testimoni, data polling.

1.2Lembar Kerja Tampilan (LKT)

1.2.1 Lembar Kerja Tampilan 1

LKT ini digunakan pada halaman index. Pada

halaman home terdapat form login member, member

(3)

Gallery. Apabila member tidak memasukkan

username dan password maka member atau customer

tidak dapat membeli produk-produk yang ada pada

website Fausta Gallery. Tampilan dapat dilihat pada

gambar. 3.2

No. sheet 1 Navigasi

Index

Isi

...

Isi

...

-Klik login maka akan masuk pada halaman

home.

Keterangan :

Judul pakai Calibri , 12 point, biru

Teks pakai Calibri, 12 point, hitam

Medan data pakai Calibri, kuning

Button pakai Calibri, hitam

Gambar 3.2 LKT index

(4)

Pada LKT ini digunakan pada halaman home,

requirement, how to buy, no resi, artikel, berita, rss,

karena pada tampilan ini sama, hanya isi pada

halaman masing-masing yang membedakannya.

Tampilan dapat dilihat pada gambar. 3.3

home, requirement, how to buy,

no resi, artikel, berita, rss

Isi

...

Isi

...

Keterangan :

Gambar 3.3 LKT home, requirement, how to buy, no

resi, artikel, berita, rss

(5)

Lembar Kerja Tampilan 3 ini digunakan untuk form

testimony. Form testimony di isi oleh pengunjung

website.Testimoni ini berguna sebagai statemen yang

muncul dalam bentuk rekomendasi dari seseorang ke

orang lain.

Testimoni

Nama

pengunjung

Email

Website

Komentar

-Klik submit maka data akan dikirim pada database -Klik reset maka borang akan kosong

Keterangan :

Gambar 3.4 LKT Testimoni

Submit Reset

(6)

Lembar Kerja Tampilan 4 ini digunakan untuk

tampilan halaman contact. Tampilan dapat dilihat

pada gambar. 3.5

Contact -Klik

Nama

Jenis Pria

kelamin Wanita

Alamat

Email

Phone

Pesan

kirim, data akan tersimpan pada database dan borang akan kosong

-Klik reset, borang akan merefresh dan kosong

Keterangan :

Gambar 3.5 LKT Contact Reset

(7)

Tampilan 5 ini digunakan pada LKT polling. Pada

LKT polling ini customer atau pelanggan bisa

memilih jawaban yang sudah tersedia pada website.

Tampilan dapaat dilihat pada gambar. 3.6

Polling -Klik

Judul

Pilihan 1 Pilihan 2 Pilihan 3

Hasil --- ---

Klik kirim, data akan tersim-pan dan hasil akan tampil di bawah form polling

Keterangan :

(8)

Pada LKT ini digunakan pada halaman home admin.

Pada home admin menampilkan informasi tentang

Fausta Gallery, jam kerja, social network, dan

information. Jam kerja digunakan sebagai pengingat

admin. Tampilan dapat dilihat pada gambar. 3.7

Home admin

Judul

Isi

--- --- --- --- ---

Keterangan :

(9)

Pada LKT ini digunakan pada halaman admin, laporan pj, daftar customer, daftar pesan. Pada tampilan ini sama, hanya isi pada halaman masing-masing yang membedakannya. Tampilan dapat dilihat pada dambar 3.8

Admin, laporan pj, daftar

customer, daftar pesan

Judul

Isi

---

Tabel (admin/ laporan pj/ daftar

customer/ daftar pesan)

Keterangan :

Judul pakai Arial , 12 point, biru

Isi pakai Times new roman, 12 point, hitam

Tabel pakai times new roman , 12 point, hitam

Gambar 3.8 LKT Admin, laporan pj, daftar customer,

(10)

Pada LKT ini digunakan pada halaman admin produk, kategori, no resi, news, artike, polling dan

about. Pada tampilan ini sama, hanya isi pada

halaman masing-masing yang membedakannya. Tampilan dapat dilihat pada gambar. 3.9

Produk, kategori, no resi,

news, artike, polling dan

about

-Klik tambah akan masuk pada

Judul

Tabel (produk/kategori/no resi/news/artike/polling/

about) masuk pada halaman edit data

-Klik Hapus, akan menhapus data yang telan ada.

Keterangan :

Judul pakai Arial , 12 point, biru

Tabel pakai times new roman , 12 point, hitam

Isi pakai Times new roman, 12 point, hitam

Gambar 3.9 LKT Produk, kategori, no resi, news,

(11)

Sistem informasi website e-commerce Konveksi “Fausta

Gallery” ADMIN

1

Pengunjung website

5

2 3

4 6

8 7

9

Pembeli/member 10 11 12 13 14 15

Gambar 3.10 Data Flow Diagram Level 0

Keterangan :

Data yang mengalir dan atau dari admin :

1. Username dan password

2. Data identitas Fausta Gallery

3. Input/edit data

(12)

5. Informasi identitas Fausta Gallery

6. Info produk, requirement, how to buy, no resi, news,

artikel, rss.

7. Isi testimoni

8. Data testimoni

9. Isi contact data

Data yang mengalir dari atau Pembeli/member :

10.Input data pembeli/member

11.Username dan password

12.Data produk, identitas Fausta Gallery

13.Beli produk

14.Data shopping cart

15. Data konformasi pembelian

(13)

3.4.1 Admin

MULAI

Input username dan password

Username dan password

Info Identitas Gallery Gombal

Ya

Input/edit data produk, katefori, laporan pj, daftar

customer, no resi, about, artikel, news, polling

Input/edit

data Tidak

Ya

Halaman roduk, katefori, laporan pj, daftar customer, no resi, about,

artikel, news, polling

Update Data

SELESAI Logout

Tidak Form admin

(14)

MULAI

Informasi identitas Gallery

Gombal

Input testimoni

testimoni lengkap

Ya

Data testimon

i Tidak

Input contact

Contact lengkap Tidak

Ya

SELESAI Info produk, requirement, how to

buy, no resi, news, artikel, rss

Reset Reset

(15)

MULAI

Input data pembeli/

member

Lengkap

Ya

Username dan password

Benar

Ya

Identitas Gallery Gombal, kategori, data produk, requirement, how to buy,

no resi, berita, artikel, polling

Data konfirmasi pembelian

Tidak Form

member

Gambar 3.13 Data Flow Diagram Level 0

(16)

a. JST Website pembeli/member

Gambar 3.14 JST Website pembeli/member

Keterangan :

T1, T2, . . ., T13 adalah nomor tampilan (lembar kerja), tulisan yang ada seperti kembali,save, reset dan lain-lain menyatakan event, dan anak panah menunjukkan transisi yang terjadi. Event yang menyebabkan terjadinya transisi dari satu tampilan ke tampilan berikutnya, seperti yang dikatakan di atas.

T1 : Login

(17)

T4 : How to buy

T5 : No Resi

T6 : Testimoni

T7 : Contact

T8 : Artikel

T9 : News

T10 : RSS

T11 : Produk

T12 :Shopping cart

(18)

T1

Gambar 3.15 JST Website admin

Keterangan :

T1, T2, . . ., T13 adalah nomor tampilan (lembar kerja), tulisan yang ada seperti kembali,simpan, tambah dan lain-lain menyatakan event, dan anak panah menunjukkan transisi yang terjadi. Event yang menyebabkan terjadinya transisi dari satu tampilan ke tampilan berikutnya, seperti yang dikatakan di atas. T1 : Login

(19)

T4 : Kategori

T5 : Laporan Penjualan

T6 : Daftar Customer

T7 : Daftar Pesan

T8 : No Resi

T9 : About

T10 : News

T11 : Artikel

T12 :Polling

(20)

Contact id nama phone Jenis_