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 artikel, info polling.
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.2 Lembar Kerja Tampilan (LKT) 1.2.1 Lembar Kerja Tampilan 1
LKT ini digunakan pada halaman index. Pada halaman home terdapat form login member, member harus memasukkan username dan password apabila
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 Judul
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
No. sheet 2 Navigasi
home, requirement, how to buy, no resi, artikel, berita, rss
Isi ... Isi ... Keterangan :
Judul pakai Calibri , 12 point, biru Teks pakai Calibri, 12 point, hitam Medan data pakai Calibri, kuning Button pakai Calibri, hitam
Gambar 3.3 LKT home, requirement, how to buy, no resi, artikel, berita, rss
Judul Judul
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.
No. sheet 3 Navigasi
Testimoni Nama pengunjung Email Website Komentar -Klik submit maka data akan dikirim pada database -Klik reset maka borang akan kosong Keterangan :
Judul pakai Calibri , 12 point, biru Teks pakai Calibri, 12 point, hitam Medan data pakai Calibri, kuning Button pakai Calibri, hitam
Gambar 3.4 LKT Testimoni
Submit Reset
Lembar Kerja Tampilan 4 ini digunakan untuk tampilan halaman contact. Tampilan dapat dilihat pada gambar. 3.5
No. sheet 4 Navigasi
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 :
Judul pakai Calibri , 12 point, biru Teks pakai Calibri, 12 point, hitam Medan data pakai Calibri, kuning Button pakai Calibri, hitam
Gambar 3.5 LKT Contact
Reset Kirim
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
No. sheet 5 Navigasi
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 :
Judul pakai Calibri , 12 point, biru Teks pakai Calibri, 12 point, hitam Medan data pakai Calibri, kuning Button pakai Calibri, hitam
Gambar 3.6 LKT polling Kirim
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
No. sheet 6 Navigasi
Home admin Judul Isi --- --- --- --- --- Keterangan :
Judul pakai Calibri , 12 point, biru Teks pakai Calibri, 12 point, hitam
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
No. sheet 7 Navigasi
Admin, laporan pj, daftar
customer, daftar pesan
Judul Isi
---
Tabel (admin/ laporan pj/ daftar
customer/ daftar pesan)
Keterangan :
Judul pakai Arial , 12 point, biru Teks pakai Calibri, 12 point, hitam
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,
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
No. sheet 8 Navigasi
Produk, kategori, no resi,
news, artike, polling dan about - Klik tambah akan masuk pada Judul Tabel (produk/kategori/no resi/news/artike/polling/ about) Edit/hapus Edit/hapus dst halaman tambah
- Klik edit, akan masuk pada halaman edit data
- Klik Hapus, akan menhapus data yang telan ada.
Keterangan :
Judul pakai Arial , 12 point, biru Teks pakai Calibri, 10 point, hitam
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, artike, polling dan about
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
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 16. Konfirmasi pembelian
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
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
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 Beli produk Detail Produk Tambah Barang Ya Tidak Data konfirmasi pembelian Konfirmasi Pembelian SELESAI Lihat Tidak Ya Tidak Reset Tidak Form member
Gambar 3.13 Data Flow Diagram Level 0 Pembeli/member
a. JST Website pembeli/member T1 T2 T3 T5 T4 Loop T6 LOGPUT LOGIN Lihat kembali Lihat Kembali Submit Reset Reset Lihat Kembali T7 Kirim T8 Lihat Kembali T9 T10 T11 T12 T13
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 T2 : Home
T4 : How to buy T5 : No Resi T6 : Testimoni T7 : Contact T8 : Artikel T9 : News T10 : RSS T11 : Produk T12 :Shopping cart
T1 T2 T3 T5 T4 Loop T6 T7 T8 T9 logout login tambah simpan LihatKembali Lihat Kembali Kembali Lihat Tambah Simpan T9 T9 tambah simpan Tambah simpan tambah simpan tambah simpan T13
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
T4 : Kategori T5 : Laporan Penjualan T6 : Daftar Customer T7 : Daftar Pesan T8 : No Resi T9 : About T10 : News T11 : Artikel T12 :Polling T13 : Logout
Contact id nama phone Jenis_
kelamin
alamat pesan phone
members password User-name Member _id First_ name Last_ name Jenis_ kelamin alamat email
mengorder productOrder_ id
Id_ Produk pemesanId_
an nama email addres s phone status produk memilih product id Produk_ name price image Id_ catefory deskripsi category id category mempunyai Keranjang qty Id_produ ct Id_ keranja ng Tanggal_ keranjan g Id_sesi on Order Admin/ administrasi level Id_ user User-name passwor d Input data Input data Resi id tanggal nam a Resi_ pengirima n about id tangg al judul isi input Polling id pertanyan pilihan jumlah Testimoni id nama email url pesan komentar input input news id waktu Judul isi cp Input data name id artikel input tang gal judul id cp paragr af isi