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