website - repository.uksw.edu · flowchart adalah bagan atau . chart. yang menunjukkan alir atau ....
TRANSCRIPT
BAB III
PERANCANGAN SISTEM
3.1 Ruang Lingkup
Berdasarkan untuk memenui dan memudahkan kebutuhan penjualan dan
pembelian, pembuatan web ini ditujukan untuk memudahkan pembeli dan
penjual, dari berbagai macam kalangan untuk melakukan jual beli diseluruh
daerah di indonesia.
3.2 Flowchart
Flowchart adalah bagan atau chart yang menunjukkan alir atau
flow di dalam program atau prosedur sistem secara logika. Berikut adalah
gambaran Flowchart “Website Sebagai Media Penjualan Buku Dengan
PHP ” :
WEBSITE
Menu
Mulai
Request Sign up PencarianCara PembelianProfilHome
Admin Page
UsersData Penerbit
Data Kategori
Data Member
Data Buku
Data Request
Buku
Data Pesanan
LogOut
Informasi Terkini
Daftar Login
Login ? No
Keranjang
YesLihat Buku
Check Out
Gambar 3.1 Flowchart Website
Keterangan :
Website memiliki dual login yaitu login admin dan
user.
Ketika user memasuki website pertama kali user akan
masuk kedalam menu home.
Dalam website terapat menu-menu yang memiliki
fungsi tersendiri.
Home berfungsi sebagai menu utama atau halaman
utama.
Profil merupakan isi dari beberapa data informasi dari
website ini
Cara pembelian merupakan panduan untuk user dalam
melakukan pembelian.
Request Book, user dapat memasukan keterangan buku
untuk dicarikan jika users tidak menemukannya dalam
website ini.
Sign Up merupakan menu untuk mendaftar, jika sudah
mendaftar sebelumnya dapat langsung melakukan
login.
Pencarian Buku berguna untuk membantu user mencari
buku dengan mudah.
Keranjang berfungsi untuk, menampilkan daftar buku
yang telah dipilih.
Lihat buku berfungsi untuk mengembalikan user pada
tampilan home untuk melihat daftar buku.
Check Out berfungsi untuk mentransfer buku yang
telah dipilih kedalam database pesanan untuk diproses
oleh admin.
Admin Page merupakan halaman admin terdiri dari sub
menu informasi terkini dan keluar.
Informasi Terkini berisi, pesanan dari user hari ini.
Log Out, admin dapat keluar dari website.
Data Penerbit, berisi seputar Tambah, Daftar dan
Pencarian Penerbit.
Data Kategori, berisi seputar Tambah, Daftar dan
Pencarian Kategori.
Data Member, berisi seputar Tambah, Daftar dan
Pencarian Member.
Data Buku, berisi seputar Tambah, Daftar dan
Pencarian Buku.
Data Request, bersisi seputar Daftar dan Pencarian
Request.
Data Pesanan, berisi seputar Daftar Pesanan dan Daftar
Pencarian.
3.3 Lembar Kerja Tampilan (LKT)
Perancangan antarmuka “Website Penjualan Buku” digambarkan seperti
ini :
1. Lembar Kerja Tampilan Website
MENU
HEADER
FOOTER
CONTENTKATEGORI DAN PENERBIT MAMBER DAN BUKU
Gambar 3.2 LKT Tampilan Website
2. Lembar Kerja Tampilan Admin
HEADER
ADMIN PAGE
DATA PENERBIT
DATA KATEGORI
DATA MEMBER
DATA BUKU
DATA REQUEST BUKU
HEADER
ADMIN PAGE
DATA PENERBIT
DATA KATEGORI
DATA MEMBER
DATA BUKU
DATA PESANAN
FOOTER
CONTENT
Gambar 3.3 LKT Tampilan Admin
3. Lembar Kerja Tampilan Profil
Header
Footer
Kategori dan Penerbit Mamber dan BukuKeterangan Profil
Menu
Gambar 3.4 LKT Tampilan Profil
4. Lembar Kerja Tampilan Cara Pembelian
Header
Footer
Kategori dan Penerbit Mamber dan BukuCara Pembelian
Menu
Gambar 3.5 LKT Tampilan Cara Pembelian
5. Lembar Kerja Tampilan Request
Header
Footer
Kategori dan Penerbit Mamber dan BukuMenu Request
Menu
Nama
Penerbit
Penulis
Deskripsi
Request
Gambar 3.6 LKT Tampilan Request
6. Lembar Kerja Tampilan Sign Up
Header
Footer
Kategori dan Penerbit Mamber dan BukuMenu Sign Up
Menu
Nama
LoginDaftar
Gambar 3.7 LKT Tampilan Sign Up
7. Lembar Kerja Tampilan Pencarian
Header
Footer
Kategori dan Penerbit Mamber dan BukuMenu Pencarian
Menu
Pencarian Berdasarkan
Cari
Gambar 3.8 LKT Tampilan Pencarian
8. Lembar Kerja Tampilan Admin Login
Username
Password
Login
Gambar 3.9 LKT Tampilan Admin Login
9. Lembar Kerja Tampilan Informasi Terkini
Header
Footer
Menu Admin Menu Stok Buku Dan Pesanan Buku
Gambar 3.10 LKT Tampilan Informasi Terkini
10. Lembar Kerja Tampilan Tambah Penerbit
Header
Footer
Menu Admin Tambah Penerbit
Nama
Alamat
Kota
No Telepon
Simpan Riset
Gambar 3.11 LKT Tampilan Tambah Penerbit
11. Lembar Kerja Tampilan View Penerbit
Header
Footer
Menu Admin View Data Penerbit
Gambar 3.12 LKT Tampilan View Penerbit
12. Lembar Kerja Tampilan Pencarian Penerbit
Header
Footer
Menu Admin Pencarian Penerbit
Pencarian Data Penerbit
Gambar 3.13 LKT Tampilan Pencarian Penerbit
13. Lembar Kerja Tampilan Tambah Kategori
Header
Footer
Menu Admin Penambah Kategori
Nama
Deskripsi
Tambah Hapus
Gambar 3.14 LKT Tampilan Tambah Penerbit
14. Lembar Kerja Tampilan View Kategori
Header
Footer
Menu Admin View Data Kategori
Gambar 3.15 LKT Tampilan View Kategori
15. Lembar Kerja Tampilan Pencarian Kategori
Header
Footer
Menu Admin Pencarian Kategori
Pencarian Data Kategori
Gambar 3.16 LKT Tampilan Pencarian Kategori
16. Lembar Kerja Tampilan Tambah Member
Header
Footer
Menu AdminPencarian Kategori
Pencarian Data Kategori
Header
Footer
Menu Admin Tambah Data Member
Telepon
Alamat
Kota
Nama
Password
Tambah Hapus
Gambar 3.17 LKT Tampilan Tambah Member
17. Lembar Kerja Tampilan View Data Member
Header
Footer
Menu AdminPencarian Kategori
Pencarian Data Kategori
Header
Footer
Menu Admin View Data Member
Gambar 3.18 LKT Tampilan View Data Member
18. Lembar Kerja Tampilan Tambah Buku
Header
Footer
Menu Admin Pencarian Kategori
Header
Footer
Menu Admin
Pilih Kategori
Judul Buku
Nomor ISBN
Harga
Pilih Penerbit
Penulis
Tambah Hapus
Jumlah Halaman
Tahun Penerbit
Stock
Diskon
Diskripsi
Gambar 3.19 LKT Tampilan Tambah Buku
19. Lembar Kerja Tampilan View Buku
Header
Footer
Menu Admin View buku
Header
Footer
Menu Admin
Gambar 3.20 LKT Tampilan View Buku
20. Lembar Kerja Tampilan Pencarian Buku
Header
Footer
Menu Admin View buku
Header
Footer
Menu Admin
Pencarian Data Buku
Gambar 3.21 LKT Tampilan View Buku
21. Lembar Kerja Tampilan View Request
Header
Footer
Menu Admin View Request
Header
Footer
Menu Admin
Gambar 3.22 LKT Tampilan View Request
22. Lembar Kerja Tampilan Pencarian Request Buku
Header
Footer
Menu Admin View Request
Header
Footer
Menu Admin
Pencarian Request Buku
Gambar 3.23 LKT Tampilan Pencarian Request Buku
23. Lembar Kerja Tampilan View Pesanan
Header
Footer
Menu Admin View Pesanan
Header
Footer
Menu Admin
Gambar 3.24 LKT Tampilan View Pesanan
24. Lembar Kerja Tampilan Pencarian Pesanan
Header
Footer
Menu Admin View Pesanan
Header
Footer
Menu Admin
Pencarian Pesanan buku
Gambar 3.24 LKT Tampilan Pencarian Pesanan
Lembar Kerja Tampilan Keranjang
Header
Footer
Menu Admin Tampilan Keranjang
Header
Footer
Menu Admin
Gambar 3.25 LKT Tampilan View Pesanan
4.1 Jaring Semantik Tampilan (JST)
Untuk mengetahui hubungan antar tampilan maka dibuat jaringan
semantik tampilan seperti berikut :
T1
T8
Masuk
T3
T4
T5
T7
T6
Perkenalan
Cara BeliRequest
Daftar/Login
Pencarian
T2
Data
T9
T10
T11
T12
Terhubung
Terhubung
T13
T14
T15
Terhubung
T16
T17
TerhubungT18
T19
T20
Terhubung
T21
T22
T24
T25
Terhubung
T23Terhubung
Keranjang
Gambar 4.1 Jaring Semantik Tampilan (JST)
5.1 Data Flow Diagram (DFD)
Data Flow Diagram adalah suatu diagram yang menggunakan notasi-
notasi untuk menggambarkan arus dari data sistem.
User
Proses Mendaftar
Menu Sign Up
Login User
Email Dan Password
Buku
Mencari Atau Request
Check Out
Mengirim Database
Mengirim Data
Admin
Mengambil Data
Sesuai
Mengirim Data
Proses Verifikasi
Login AdminWebsite
Pengiriman Buku
Pembayaran
Transaksi
Gambar 5.1 Data Flowchart Diagram Website