T0 562012021 BAB III
17 3.1 DFD
3.1.1 DFD Level 0
Gambar 3.1 DFD Level 0 Keterangan :
Pada DFD level 0 ini dijelaskan bahwa disini kustomer dapat login, menerima data order serta data konfirmasi dan menerima info login, info order, serta keranjang belanja dari sistem.
Sedangkan admin dapat melakukan data login, produk, kategori, order, serta data kustomer dan mendapatkan info
(2)
3.1.2 DFD Level 1
Gambar 3.2 DFD Level 1
Keterangan:
DFD Level 1 ini merupakan penjabaran dari DFD Level 0, pada diagram ini dijelaskan, admin dapat melakukan add, edit, dan delete barang. Sedangkan
(3)
kutomer harus login untuk dapat membeli barang yang ada pada web ini.
3.2 FLOWCHART
(4)
Keterangan :
Pada flowchart ini dijelaskan alur dari sistem, user
dapat mengakses home kemudian login/ daftar, setelah itu pada halaman galery, user dapat memilih barang dan melakukan validasi untuk pembelian
3.3 Database
3.3.1 Tabel Pembelian
ID INT(11)
NAMA TEXT
HARGA DESIMAL
Tabel 3.1 tabel pembelian
Keterangan :
Tabel pembelian merupakan tabel yang menampung data pembelian.
3.3.2 Tabel Rak Jilbab
ID INT(11)
NAMA TEXT
IMAGE VARCHAR
MERK TEXT
HARGA DESIMAL
(5)
Keterangan :
tabel rak jilbab merupakan tabel yang menampung data rak jilbab.
3.3.3 Tabel Rak Tas
ID INT(11)
NAMA TEXT
IMAGE VARCHAR
MERK TEXT
HARGA DESIMAL
Tabel 3.3 tabel rak tas
Keterangan :
Tabel rak tas merupakan tabel yang menampung data rak tas.
3.3.4 Tabel Tas
ID INT(11)
NAMA TEXT
IMAGE VARCHAR
MERK TEXT
HARGA DESIMAL
(6)
Keterangan :
Tabel database tas merupakan tabel yang menampung data tas.
3.3.5 Tabel Uncategories
ID INT(11)
NAMA TEXT
IMAGE VARCHAR
MERK TEXT
HARGA DESIMAL
Tabel 3.5 tabel uncategories Keterangan :
Tabel uncategories merupakan tabel yang menampung data uncategories.
(7)
3.4 JST (Jaringan Sematik Tampilan) login
Admin pendaftaran
Form
login Logout
Masuk pendaftaran back
beli back
Gambar 3.4 Jaringan Sematik Tampilan Keterangan :
1. Login user 2. Konfirmasi admin 3. Pendaftaran user 4. Form belanja
(8)
3.5 Lembar Kerja Tampilan 3.5.1 Tampilan Login
Gambar 3.5 design tampilan login Keterangan :
- Pada bagian main menu terdapat text area yang berisi “LOGIN”.
- Button login ke tampilan menu utama dari e commerce.
(9)
3.5.2 Tampilan Register
Gambar 3.6 design tampilan register ketarangan :
- Pada halaman ini terdapat main menu register
- Pada form ini pengunjung dapat mendaftar supaya dapat login sebagai member dengan mengisi beberapa data diantaranya, nama, alamat, no telp, user, password.
- Kemudian klik button tambah untuk melanjutkan.
NAMA TAMBAH PASSWORD USER NO TELP ALAMAT BACK REGISTER
(10)
3.5.3 Tampilan Home
Gambar 3.7 design tampilan home Keterangan :
- Pada header terdapat logo dan juga nama dari web tersebut.
- Kemudian setelah itu ada beberapa text area yaitu login - Di halaman ini terdapat menu utama yaitu home , kategori
(11)
3.5.4 Tampilan Category
Gambar 3.8 design tampilan category Keterangan :
- Pada halaman ini , design tetap seperti pada halaman home, namun pada halaman ini terdapat
drop down,dimana drop down tersebut berisi beberapa kategori .
(12)
3.5.5 Tampilan Contact Us
Gambar 3.9 design tampilan contact us Keterangan :
- pada halaman ini menampilkan tentang
AWCollection , dimana terdapat beberapa contact
(13)
3.5.6 Tampilan Admin
Gambar 3.10 design tampilan admin
Keterangan :
- pada halaman admin terdapat beberapa bagian, pada halaman ini dibedakan tiap kategori.
- Pada halaman ini admin dapat meng-edit , tambah dan juga delete.
(1)
3.5 Lembar Kerja Tampilan 3.5.1 Tampilan Login
Gambar 3.5 design tampilan login Keterangan :
- Pada bagian main menu terdapat text area yang berisi “LOGIN”.
- Button login ke tampilan menu utama dari e commerce.
(2)
3.5.2 Tampilan Register
Gambar 3.6 design tampilan register ketarangan :
- Pada halaman ini terdapat main menu register - Pada form ini pengunjung dapat mendaftar supaya
dapat login sebagai member dengan mengisi beberapa data diantaranya, nama, alamat, no telp, user, password.
- Kemudian klik button tambah untuk melanjutkan. NAMA TAMBAH PASSWORD USER NO TELP ALAMAT BACK REGISTER
(3)
3.5.3 Tampilan Home
Gambar 3.7 design tampilan home Keterangan :
- Pada header terdapat logo dan juga nama dari web tersebut.
- Kemudian setelah itu ada beberapa text area yaitu login - Di halaman ini terdapat menu utama yaitu home , kategori
(4)
3.5.4 Tampilan Category
Gambar 3.8 design tampilan category Keterangan :
- Pada halaman ini , design tetap seperti pada halaman home, namun pada halaman ini terdapat drop down,dimana drop down tersebut berisi beberapa kategori .
(5)
3.5.5 Tampilan Contact Us
Gambar 3.9 design tampilan contact us Keterangan :
- pada halaman ini menampilkan tentang AWCollection , dimana terdapat beberapa contact dari AW Coollection itu sendiri
(6)
3.5.6 Tampilan Admin
Gambar 3.10 design tampilan admin
Keterangan :
- pada halaman admin terdapat beberapa bagian, pada halaman ini dibedakan tiap kategori.
- Pada halaman ini admin dapat meng-edit , tambah dan juga delete.