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 : Mulai Informasi Terkini WEBSITE Admin Page LogOut Users Data Penerbit Data Kategori Data Member Data Buku Data Request Buku Data Pesanan Menu Home Profil Cara Pembelian Request Sign up Pencarian Daftar Login Login? No Yes Lihat Buku Keranjang 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 HEADER MENU KATEGORI DAN PENERBIT CONTENT MAMBER DAN BUKU FOOTER Gambar 3.2 LKT Tampilan Website 2. Lembar Kerja Tampilan Admin HEADER ADMIN PAGE DATA PENERBIT DATA KATEGORI DATA MEMBER CONTENT DATA BUKU DATA REQUEST BUKU DATA PESANAN FOOTER Gambar 3.3 LKT Tampilan Admin
3. Lembar Kerja Tampilan Profil Menu Kategori dan Penerbit Keterangan Profil Mamber dan Buku Gambar 3.4 LKT Tampilan Profil 4. Lembar Kerja Tampilan Cara Pembelian Menu Kategori dan Penerbit Cara Pembelian Mamber dan Buku Gambar 3.5 LKT Tampilan Cara Pembelian
5. Lembar Kerja Tampilan Request Menu Nama Email Penerbit Kategori dan Penerbit Menu Request Mamber dan Buku Penulis Deskripsi Request Gambar 3.6 LKT Tampilan Request 6. Lembar Kerja Tampilan Sign Up Menu Nama Email Daftar Login Kategori dan Penerbit Menu Sign Up Mamber dan Buku Gambar 3.7 LKT Tampilan Sign Up
7. Lembar Kerja Tampilan Pencarian Menu Pencarian Berdasarkan Cari Kategori dan Penerbit Menu Pencarian Mamber dan Buku 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 Menu Stok Buku Dan Pesanan Buku Gambar 3.10 LKT Tampilan Informasi Terkini 10. Lembar Kerja Tampilan Tambah Penerbit Nama Alamat Email Kota No Telepon Tambah Penerbit Simpan Riset Gambar 3.11 LKT Tampilan Tambah Penerbit
11. Lembar Kerja Tampilan View Penerbit View Data Penerbit Gambar 3.12 LKT Tampilan View Penerbit 12. Lembar Kerja Tampilan Pencarian Penerbit Pencarian Data Penerbit Pencarian Penerbit Gambar 3.13 LKT Tampilan Pencarian Penerbit
13. Lembar Kerja Tampilan Tambah Kategori Nama Deskripsi Tambah Hapus Penambah Kategori Gambar 3.14 LKT Tampilan Tambah Penerbit 14. Lembar Kerja Tampilan View Kategori View Data Kategori Gambar 3.15 LKT Tampilan View Kategori
15. Lembar Kerja Tampilan Pencarian Kategori Pencarian Data Kategori Pencarian Kategori Gambar 3.16 LKT Tampilan Pencarian Kategori 16. Lembar Kerja Tampilan Tambah Member Nama Email Pencarian Data Kategori Telepon Alamat Kota Password Pencarian Kategori Tambah Data Member Tambah Hapus Gambar 3.17 LKT Tampilan Tambah Member
17. Lembar Kerja Tampilan View Data Member Pencarian Data Kategori Pencarian Kategori View Data Member Gambar 3.18 LKT Tampilan View Data Member 18. Lembar Kerja Tampilan Tambah Buku Pilih Penerbit Pilih Kategori Judul Buku Nomor ISBN Harga Penulis Jumlah Halaman Pencarian Kategori Tahun Penerbit Stock Diskon Diskripsi Tambah Hapus Gambar 3.19 LKT Tampilan Tambah Buku
19. Lembar Kerja Tampilan View Buku View buku Gambar 3.20 LKT Tampilan View Buku 20. Lembar Kerja Tampilan Pencarian Buku Pencarian Data Buku View buku Gambar 3.21 LKT Tampilan View Buku
21. Lembar Kerja Tampilan View Request View Request Gambar 3.22 LKT Tampilan View Request 22. Lembar Kerja Tampilan Pencarian Request Buku Pencarian Request Buku View Request Gambar 3.23 LKT Tampilan Pencarian Request Buku
23. Lembar Kerja Tampilan View Pesanan View Pesanan Gambar 3.24 LKT Tampilan View Pesanan 24. Lembar Kerja Tampilan Pencarian Pesanan Pencarian Pesanan buku View Pesanan Gambar 3.24 LKT Tampilan Pencarian Pesanan
Lembar Kerja Tampilan Keranjang Tampilan Keranjang 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 : T12 T11 T17 T19 T10 Terhubung T16 T18 T20 T9 Terhubung Terhubung Terhubung T2 Terhubung T21 T22 Terhubung T13 Data Terhubung T23 T8 T24 Pencarian T14 Masuk T1 Daftar/Login Perkenalan Cara Beli Request T7 T3 T5 T6 T4 T15 Keranjang T25 Gambar 4.1 Jaring Semantik Tampilan (JST)
5.1 Data Flow Diagram (DFD) Data Flow Diagram adalah suatu diagram yang menggunakan notasinotasi untuk menggambarkan arus dari data sistem. User Website Admin Login Admin Menu Sign Up Mengambil Data Proses Verifikasi Proses Mendaftar Mengirim Database Email Dan Password Pengiriman Buku Login User Mengirim Data Transaksi Mencari Atau Request Buku Mengirim Data Sesuai Check Out Pembayaran Gambar 5.1 Data Flowchart Diagram Website