13
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
14 3.1.2 DFD level 1
customer daftar Sign up Data customer Admin
Proses update data Customer
15 3.1.3 Flowchart
Gambar 3.3 Flowchart system web
Flowchart ini menjelaskan alur dari sistem, user
dapat mengakses home kemudian login/daftar,
setelah itu user dapat melakukan order setelahnya
hingga admin memberikan respon dan memberikan
16 3.2 DATABASE
3.2.1 Database Member
ID INT(11)
Gambar 3.4 database member
Database member merupakan tabel yang
menampung data member.
3.2.2 Database Artikel
ID INT(11)
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
17 3.2.3 Database Order
ID INT(11)
Gambar 3.6database order
Database order merupakan tabel yang menampung
data member yang sudah melakukan order sehingga
18
3.3 LEMBAR KERJA TAMPILAN 3.3.1 Tampilan Login
beberapa data seperti pada gambar diatas
19 3.3.3 Tampilan Home
Gambar 3.9 rancangan Tampilan home
- Pada header terdapat nama website
- Terdapat beberapa tab untuk mengakses beberapa
halaman yaitu home(default), profile, sample,
download, sign up
- Form login terdapat pada kiri atas dibawah menu
tab
- Panel kanan terdapat icon sosial media yang jika di
20
- Dibawah musik player terdapat button Order Now,
jika diklik akan melanjutkan ke halaman sign up
karena customer hanya bisa melakukan order ketika
sudah memiliki akun ada website tersebut.
3.3.5 Tampilan Download
21
- Pada tab download tidak terlalu banyak perubahan,
hanya saja pada panel musik player di tengah
berubah menjadi buttonyang bertuliskan “only user
can download the sound. Please sign up/login”, jika
di klik akan menghubungkan ke halaman sign up.
Gambar 3.11rancangan tampilan downloadable
- Pada tampilan ini adalah halaman download pada
akun member, musik player tersedia berserta button
download yang ada ditengah pojok kanan atas.
- Pada form dibawah tab home, terdapat button
logout untuk keluar dan halaman menuju
22 3.3.6 Tampilan Admin
Gambar 3.12rancangan tampilan admin
- Pada halaman admin ini terdapat tabel dimana
admin dapat melihat keterangan akun yang sudah
menjadi member, terdapat button detil dan hapus
23
3.3.7 Tampilan Order pada Halaman menu Admin
Gambar 3.13rancangan tampilan order admin
- Admin dapat melihat detail order melalui halaman
order, terdapat combo box pada kolom Action guna untuk merespon pesanan dan memiliki opsi
“Menunggu Respon” (default) dan “Siap
Download”
- Terdapat button simpan dan hapus pada tabel
24
3.3.8 Tampilan Order melalui Akun Member
Gambar 3.14 tampilan order dari member
- Pada bagian ini, member dapat melakukan
pemesanan melalui textbox yang ada dengan
mengetikkan deskripsi yang diinginkan, lalu button
kirim berguna untuk melanjutkan dan button reset
