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
3.1.2 DFD Level 1
Gambar 3.2 DFD Level 1
Keterangan:
kutomer harus login untuk dapat membeli barang yang ada pada web ini.
3.2 FLOWCHART
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
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
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 :
3.4 JST (Jaringan Sematik Tampilan)
login
Admin pendaftaran
Form
login Logout
Masuk pendaftaran
back
beli back
Gambar 3.4 Jaringan Sematik Tampilan Keterangan :
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”.
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.
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
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
3.5.5 Tampilan Contact Us
Gambar 3.9 design tampilan contact us
Keterangan :
- pada halaman ini menampilkan tentang
AWCollection , dimana terdapat beberapa contact
3.5.6 Tampilan Admin
Gambar 3.10 design tampilan admin
Keterangan :
- pada halaman admin terdapat beberapa bagian, pada halaman ini dibedakan tiap kategori.