13
BAB III PERANCANGAN SISTEM
3.1 DFD
3.1.1 DFD level 0
Gambar 3.1 DFD level 0 sistem web
DFD level 0 ini dijelaskan bahwa disini customer dapat login, menerima data order serta data
konfirmasi dan menerima info login, info order dari sistem. Sedangkan admin dapat melakukan data
login, data download, order, serta data customer dan mendapatkan info login, info order, info customer
dari sistem.
14
3.1.2 DFD level 1
customer daftar
Sign up Data customer
Admin
Proses update data Customer
Proses Update DataFile
Download
Proses Hapus DataFile
Download
Data customer
Data customer
DataFile baru
Update DataFile Data kustomer
Data FIle
DataFile
Gambar 3.2 DFD level 1 sistem web
DFD Level 1 ini merupakan penjabaran dari DFD Level 0, pada diagram ini dijelaskan, admin dapat
melakukan add, edit, dan delete file download. Sedangkan customer harus login untuk dapat
melakukan order yang pada web ini.
15
3.1.3 Flowchart
Gambar 3.3 Flowchart system web
Flowchart ini menjelaskan alur dari sistem, user dapat mengakses home kemudian logindaftar,
setelah itu user dapat melakukan order setelahnya hingga admin memberikan respon dan memberikan
link download
setelah melakukan
transaksi
pembayaran.
16
3.2 DATABASE
3.2.1 Database Member
ID INT11
USER NAME VARCHAR200
PASSWORD VARCHAR200
FIRST NAME VARCHAR200
LAST NAME VARCHAR200
EMAIL VARCHAR100
TANGGAL VARCHAR200
DOWNLOAD TEXT
Gambar 3.4 database member
Database member
merupakan tabel
yang menampung data member.
3.2.2 Database Artikel
ID INT11
JUDUL TEXT
ISI TEXT
ISI2 TEXT
TANGGAL DATE
Gambar 3.5database artikel
Database artikel merupakan tabel yang menampung data artikel yang akan di cantumkan dalam panel
dibawah form login ketika dibuka akan membuka halaman tentang artikel.
17
3.2.3 Database Order
ID INT11
USER NAME VARCHAR100
FIRST NAME VARCHAR100
LAST NAME VARCHAR100
KOMEN ORDER
TEXT LABEL
VARCHAR100 TGL ORDER
DATE STATUS
TEXT
Gambar 3.6database order
Database order merupakan tabel yang menampung data member yang sudah melakukan order sehingga
semua data akan masuk kedalam database.
18
3.3 LEMBAR KERJA TAMPILAN 3.3.1 Tampilan Login