3. ANALISIS DAN DESAIN SISTEM

(1)

3. ANALISIS DAN DESAIN SISTEM

Pada bab ini dibahas mengenai perancangan sistem baru yang akan dibuat dan menganalisis sistem lama dengan membuat langkah – langkah dalam menganalisis masalah – masalah dan sistem, desain database, perancangan Data Flow Diagram, Entity Relationship Diagram, dan desain navigasi web.

3.1. Analisis Sistem Lama

Perkantas saat ini masih menggunakan sistem offline untuk melakukan setiap penjualan buku. Penerapan sistem penjualan secara online berbasis web diharapkan dapat mengatasi batasan – batasan yang sering ditemui dalam penjulan offline.

Secara garis besar, proses penjualan offline di Perkantas dapat dijabarkan sebagai berikut:

 Customer melihat list buku dari website Perkantas atau langsung datang ke Perkantas kemudian memutuskan untuk membelinya atau tidak.

 Setelah customer datang untuk membeli, customer memutuskan system pembayaran yang digunakan.

 Pembayaran di Perkantas dapat dilakukan dengan 2 cara, yaitu secara tunai atau transfer melalui rekening bank.

Website Perkantas saat ini mempunyai list buku yang akan dijual, dengan cara ini proses promosi dapat dilakukan, konsumen dapat melihat langsung list buku yang ada lalu datang langsung ke kantor Perkantas untuk membelinya.

3.2. Analisis Permasalahan

Permasalahan yang terdapat pada sistem yang lama, antara lain:

 Pembelian hanya dapat dilakukan selama Perkantas buka selebihnya tidak bisa.

 Customer malas datang ke toko karena tidak ada waktu, sibuk, dan situasi yang tidak memungkinkan untuk datang seperti berada jauh dari lokasi Perkantas.

(2)

 Informasi tentang produk yang didapat di website perkantas tidak terlalu lengkap.

3.3. Analisis Kebutuhan

Setelah menganalisis sistem yang lama, maka diperlukan analisis kebutuhan sistem yang baru untuk mengembangkan sistem yang lama tersebut.

Kebutuhan sistem yang baru, antara lain:

a. Proses penjualan secara online.

b. Informasi buku lebih lengkap dan jelas sehingga banyak memberikan informasi kepada customer.

 Deskripsi buku yang ada memberikan informasi singkat dari isi buku.

 Informasi seperti penerbit, pengarang, ukuran, dan berat diberikan saat customer melihat detail dari buku.

c. Desain yang menarik dari website agar menarik minat customer.

 Kolom Searching yang luas dapat menari customer untuk mencari buku

 Slide Show pada halaman utama dapat menarik perhatian customer.

 Zoom buku agar customer dapat melihat bentuk buku yang sebenarnya.

d. Proses transaksi yang mudah dan cepat.

 Proses pembelian dilakukan bedasarkan apa saja buku yang telah dimasukan ke dalam keranjang belanja kemudian buku – buku tersebut langsung dapat dikirim setelah customer melakukan konfirmasi pembayaran.

e. Proses batal kirim pesanan yang berguna saat terjadi pembatalan order .

 Pada menu admin dapat dilakukan cancel order, proses ini hanya dapat dilakukan

(3)

3.4. Desain DFD (Data Flow Diagram) Sistem 3.4.1. Context Diagram

Gambar 3.1. Context Diagram

Context diagram pada gambar 3.1. memberikan gambaran mengenai aliran data pada system secara keseluruhan, dimana semua data dari semua entity yang ada menuju ke sebuah proses yaitu sistem website penjualan buku. Proses tersebut terdiri dari empat bagian proses besar, yaitu: data management, register dan login , proses selling dan view data.

(4)

3.4.2. DFD Level 0

Gambar 3.2. DFD Level 0

Proses Data Management pada gambar 3.2. menggambarakan aliran data segala aktifitas yang berhubungan dengan penambahan data dan perubahan yang dilakukan pada data meliputi: maintenance customer data, maintenance buku , maintenance kategori dan publisher buku, maintenance administrator, maintenance keranjang belanja yang dilakukan oleh member, administrator sistem dan administrator order.

Registrasi dan Login pada gambar 3.2. menggambarkan aliran data dan informasi segala aktifitas yang berhubungan dengan registrasi customer untuk menjadi member dan control login untuk member dan para administrator.

Selling proses pada gambar 3.2. menggambarkan segala aktifitas yang berhubungan dengan penjualan, yang termasuk di dalamnya adalah: proses pemesanan.

(5)

View data pada gambar 3.2. menggambarkan segala aktifitas yang berhubungan dengan permintaaan data. Proses di dalamnya termasuk view keranjang belanja, view pemesanan dan detail pemesanan, dan view hasil pencarian buku.

3.4.3. DFD Level 1

Bagian ini menggambar proses yang ada secara lebih lengkap, dan menjelaskan setiap user yang terlibat dalam masing – masing proses.

Gambar 3.3. DFD Level 1 Data Management

Proses 1.1.1. maintenance data pelanggan menggambar segala proses yang berhubungan dengan data pelanggan yaitu: perubahan password dan perubahan data personalisasasi customer tersebut dan meyimpannya dalam database pada table customer. Proses ini dilakukan oleh member.

Proses 1.1.2. maintenance buku menggambarkan proses penambahan data buku yang dimana buku disimpan dalam table book dan deskripsi yang dimilikioleh buku disimpan dalam table book.

(6)

Proses 1.1.3. maintenance admin data menggambarkan proses penambahan admin baru, data ini disimpan di tabel admin, proses hanya boleh dilakukan oleh administrator system.

Proses 1.1.4. maintenance data pemesanan menggambarkan proses perubahan status pengiriman pada table penjualan. Proses ini dilakukan oleh administrator order.

Proses 1.15. maintenance keranjang belanja menggambarkan proses penghapusan data pada ShoppingCart.

Proses 1.1.6. maintenance kategori buku menggambarkan proses penambahan kategori – kategori buku , dilakukan oleh administrator system.

Proses ini menyimpan datanya pada table kategoriBuku.

Proses 1.1.7. maintenance publisher buku menggambarkan proses penambahan publisher buku , dilakukan oleh administrator sistem. Proses ini menyimpan datanya pada tabel publisher.

Gambar 3.4. DFD Level 1 Registasi dan Login

(7)

Pada proses 1.2.1. proses registasi dilakukan oleh guest. Data customer disimpan dalam tabel customer. Pendaftaran untuk customer tersebut dilakukan oleh administrator sistem melalui menu administrator.

Pada proses 1.2.2. proses login merupakan proses yang menggambarkan kontrol untuk login dan hak – hak apa saja yang boleh dilakukan. Proses login ini dilakukan oleh member, administrator system dan order agar dapat mendapat hak akses masing- masing.

Gambar 3.5. DFD Level 1 Proses Pemesanan.

Pada proses 1.3.1. proses pemesanan, proses yang menggabarkan pemesanan dari customer. Proses pemesanan hanya dapat dilakukan member. Data dari proses ini nantinya disimpan dalam tabel penjualan dan detail_penjualan.

(8)

Gambar 3.6. DFD Level 1 View Data.

Pada proses 1.4.1. view keranjang belanja, proses ini menberikan informasi kepada member tentang isi dari keranjang belanja miliknya. Isi keranjang belanja diambil dari tabel ShoppingCart, tabel ini berisi data pemesanan yang belum dijadikan transaksi pemesanan.

Pada proses 1.4.2 view pemesanan dan detail pemesanan menggambarkan proses yang meberikan informasi kepada semua administrator tentang pemesanan dari customer yang harus segera dikirimkan dan informasi status pengiriman kepada customer. Proses ini berhubungan dengan tabel Penjualan dan detail_penjualan.

Pada proses 1.4.3. proses pencarian, proses ini memberikan informasi kepada member hasil dari pencarian.

(9)

Pada proses 1.4.4. view buku, proses ini memberikan informasi kepada guest dan member mengenai buku yang dijual.

Pada proses 1.4.5. view admin, proses ini memberikan informasi kepada administrator system mengenai data para administrator.

Pada proses 1.4.6. view customer, proses ini memberikan informasi kepada administrator system mengenai data member.

3.5. Desain ERD (Entity Relationship Diagram) Sistem

Adapun ERD dari sistem situs e-commerce penjualan produk grosir dapat dilihat pada gambar 3.16

CatatbDetail

Catat ID_Book Catat ID_Publisher

Catat ID_Category

Catat ID_Buyer

Catat ID_Penjualan BOOK Book_ID

Post_Date AuthorName Tittle Description NamePage Price Book_Size ImageName Tag Diskon Berat Stok

<pi> Integer Date

Variable characters (100) Variable characters (255) Text

Variable characters (15) Variable characters (50) Variable characters (20) Variable characters (100) Variable characters (150) Decimal (5,2) Integer Integer

<M>

PK_Book ...

<pi>

BOOK_CATEGORY BookCategory_ID

BookCategory_Name

<pi> Integer

Variable characters (255)

<M>

PK_BookCategory ...

<pi>

BUYER Buyer_ID

Buyer_Name Buyer_Address Buyer_Phone Buyer_Email Kota Propinsi Handphone Password Buyer_Status a_key

<pi> Integer

Variable characters (100) Text

Variable characters (10) Variable characters (100) Variable characters (25) Variable characters (25) Variable characters (100) Variable characters (32) Integer Variable characters (32)

<M>

PK_Buyer ...

<pi>

PUBLISHER Publisher_ID

Publisher_Name

<pi> Integer Variable characters (50)

<M>

PK_Publisher ...

<pi>

PENJUALAN ID_Penjualan

Tanggal_Penjualan Status_Pembayaran Nama_Kirim Alamat_Kirim Notes Status_Kirim Tlp_Kirim Total_Price

<pi> Variable characters (5) Date

Variable characters (1) Variable characters (50) Variable characters (100) Text

Variable characters (1) Variable characters (10) Integer

<M>

PK_Penjualan ...

<pi>

DETAIL_PENJUALAN Qty

Harga Diskon

Integer Integer Decimal (5,2)

PEMBAYARAN ID_Pembayaran

Tgl_Bayar Bank Nama_Penyetor

<pi> Integer Date

Variable characters (15) Variable characters (50)

<M>

PK_Pembayaran ...

<pi>

ADMIN Admin_ID

Username Admin_Name Admin_Status Password

<pi> Integer

<M>

PK_Aamin ...

<pi>

Mempunyai propinsi kategori

id nama ...

Integer

Variable characters (50) subkategori

id kategori nama harga

Integer

Gambar 3.7 ERD Conceptual System

(10)

BookCategory_ID = BookCategory_ID BOOK

Book_ID Publisher_ID BookCategory_ID Post_Date AuthorName Tittle Description NamePage Price Book_Size ImageName Tag Diskon Berat Stok ...

int int int datetime varchar(100) varchar(255) text varchar(15) varchar(50) varchar(20) varchar(100) varchar(150) decimal(5,2) int int

<pk>

<fk1>

<fk2>

BOOK_CATEGORY BookCategory_ID BookCategory_Name

int varchar(255)

<pk>

BUYER Buyer_ID Buyer_Name Buyer_Address Buyer_Phone Buyer_Email Kota Propinsi Handphone Password Buyer_Status a_key ...

int varchar(100) text varchar(10) varchar(100) varchar(25) varchar(25) varchar(100) varchar(32) int varchar(32)

<pk>

PUBLISHER Publisher_ID Publisher_Name

int varchar(50)

<pk>

PENJUALAN ID_Penjualan ID_Pembayaran Buyer_ID Tanggal_Penjualan Status_Pembayaran Nama_Kirim Alamat_Kirim Notes Status_Kirim Tlp_Kirim Total_Price ...

varchar(5) int int datetime varchar(1) varchar(50) varchar(100) text varchar(1) varchar(10) int

<pk>

<fk2>

<fk1>

DETAIL_PENJUALAN ID_Penjualan

Book_ID Qty Harga Diskon ...

varchar(5) int int int decimal(5,2)

<pk,fk1>

<pk,fk2>

PEMBAYARAN ID_Pembayaran ID_Penjualan Tgl_Bayar Bank Nama_Penyetor ...

int varchar(5) datetime varchar(15) varchar(50)

<pk>

<fk>

ADMIN Admin_ID Username Admin_Name Admin_Status Password ...

int varchar(100) varchar(100) int varchar(32)

<pk>

Publisher_ID = Publisher_ID

Book_ID = Book_ID

ID_Penjualan = ID_Penjualan

ID_Pembayaran = ID_Pembayaran

ID_Pembayaran = ID_Pembayaran Buyer_ID = Buyer_ID

Mempunyai propinsi kategori

id nama ...

Integer

subkategori id

kategori nama harga

Integer

Gambar 3.17. ERD Physical System

3.6. Desain Database

Sesuai dengan ERD pada gambar 3.17. yang menggambarkan hubungan antar entity dalam system, maka dapat dibuat desain tabel – tabel yang akan digunakan sebagai temapt penyimpanan data dan diperlukan oleh sistem dalam melaksanakan prosedur yang dijalankan, dimana dalam hal itu termasuk penggunaan nama yang dipakai untuk tiap field serta tipe data yang diperlukan oleh field tersebut. Selai itu tiap – tiap tabel harus ditentukan field mana yang digunakan sebagai primary key.

a. Tabel Buyer

Tabel ini digunakan untuk menyimpan semua data konsumen yang telah menjadi member.

(11)

Tabel 3.1. Buyer Nama Field Tipe

Data

Ukuran PK Keterangan

BUYER_ID int *

BUYER_NAME Varchar 100 Menyimpan nama

member ke dalam database BUYER_ADDRESS text Menyimpan alamat

member ke dalam database BUYER_PHONE Varchar 10 Menyimpan telephon

member ke dalam database

BUYER_EMAIL Varchar 100 Menyimpan email

KOTA Varchar 25 Menyimpan kota member

ke dalam database

PROPINSI Varchar 25 Menyimpan propinsi

HANDPHONE Varchar 15 Menyimpan handphone

PASSWORD Varchar 32 Menyimpan password

BUYER_STATUS int

Menentukan status member saat dan sesudah melakukan verifikasi pendaftaran

A_key Varchar 32 Kode verifikasi registrasi

b. Tabel Penjualan

Tabel ini digunakan untuk menyimpan semua penjualan buku yang dilakukan oleh Perkantas kepada member.

(12)

Tabel 3.2. Penjualan

Nama Field Tipe

Data

ID_PENJUALAN int *

Menyimpan id dari penjualan yang dilakukan oleh Perkantas kepada para member

ID_PEMBAYARAN int Foreign key dari tabel

pembayaran

BUYER_ID int Foreign key dari tabel

buyer

TANGGAL_PENJUALAN datetime Menyimpan tanggal

penjualan

STATUS_PEMBAYARAN char 1

Menyimpan status pembayaran lunas atau belum lunas

NAMA_KIRIM Varchar 50

Menyimpan nama yang akan menerima barang pengiriman

ALAMAT_KIRIM Varchar 100

Menyimpan alamat yang akan menerima barang pengiriman

(13)

NOTES text Menyimpan keterangan

TLP_KIRIM Varchar 10

Menyimpan telephon yang akan menerima barang pengiriman

TOTAL_PRICE int Menyimpan total

harga dari penjualan

STATUS_KIRIM Varchar 1

Menyimpan status pengiriman pending atau dikirim

c. Tabel Detail Selling

Tabel ini digunakan untuk menyimpan semua buku beserta data- data dari buku tersebut untuk setiap penjualan yang dilakukan oleh Perkantas.

Tabel 3.3. Detail Penjualan

Nama Field Tipe Data Ukuran PK Keterangan

ID_PENJUALAN int

Menyimpan id dari penjualan yang dilakukan oleh Perkantas kepada para member

BOOK_ID int

Menyimpan id buku yang dijual kepada para member dalam setiap penjualan

QTY int

Menyimpan jumlah dari setiap buku yang dijual kepada para member dalam setiap

(14)

penjualan

HARGA int

Menyimpan harga dari setiap buku yang dijual kepada para member dalam setiap penjualan

DISKON Decimal(5.2)

Menyimpan

keterangan yang berisi diskon yang diberikan pada setiap buku

dalam setiap

penjualan

d. Tabel book

Tabel ini digunakan untuk menyimpan semua data – data dari buku yang dijual oleh Perkantas.

Tabel 3.4. Book

Data

BOOK_ID int 10 * Menyimpan isbn dari

buku PUBLISHER_ID int

BOOKCATEGORY_ID

POST_DATE date

Menyimpan tanggal masuk buku saat diinputkan

TITLE Varchar 255 Menyimpan judul buku

AUTHORNAME Varchar 100

PRICE Varchar 50

Menyimpan harga dari buku – buku yang dijual kepada member DESCRIPTION

(15)

NAMEPAGE Varchar 15

Meyimpan jumlah halaman dari buku – buku yang dijual kepada member

BOOK_SIZE Varchar 20

Meyimpan ukuran dari buku – buku yang dijual kepada member

IMAGENAME Varchar 100

Meyimpan nama gambar dari buku – buku yang dijual kepada member

TAG Varchar 150

Meyimpan tag dari buku – buku yang dijual kepada member

DISKON Desimal (5.2)

Meyimpan potongan harga dari buku – buku yang dijual kepada member

BERAT int

Meyimpan berat dari buku – buku yang dijual kepada member

STOK int

Meyimpan jumlah stock dari buku – buku yang dijual kepada member

(16)

e. Tabel admin

Tabel ini digunakan untuk menyimpan semua data – data dari administrator pada Perkantas.

Tabel 3.5. admin Nama Field Tipe

Data

ADMIN_ID int * Menyimpan id dari admin

USERNAME Varchar 100 Menyimpan username

admin

ADMIN_NAME Varchar 100 Menyimpan nama admin

PASSWORD Date Menyimpan password

admin

ADMIN_STATUS Varchar 50

Menentukan apakah admin tersebut order admin atau web admin

f. Tabel Pembayaran

Tabel ini digunakan untuk menyimpan semua data – data pembayaran yang dilakukan oleh member terhadap setiap penjualan.

Tabel 3.6. Pembayaran

Data

ID_PEMBAYARAN int *

Menyimpan id dari setiap pembayaran yang dilakukan member

ID_PENJUALAN int FK

Menyimpan id dari setiap penjualan yang dilakukan member TGL_BAYAR datetimr Menyimpan tanggal

dari konfirmasi

(17)

pembayaran yang dilakukan member

BANK Varchar 15

Menyimpan nama bank dari konfirmasi pembayaran

NAMA_PENYETOR Varchar 50

Menyimpan nama penyetor dari konfirmasi pembayaran

g. Tabel book_category

Tabel 3.6. book_category

Data

BOOKCATEGORY_ID int * Menyimpan id dari

category buku

BOOKCATEGORY_NAME Varchar 255 Menyimpan nama dari category buku

h. Tabel publisher

Tabel 3.6. publisher

Data

PUBLISHER_ID int * Menyimpan id dari

category buku

PUBLISHER_NAME Varchar 255 Menyimpan nama

dari publisher buku

(18)

3.7. Desain Navigasi Web

Desain Navigasi web ini dibuat untuk memberikan gambaran awal mengenai aliran akses halaman – halaman web pada sistem oleh user beserta hak masing – masing user

3.7.1. Navigasi Web User Guest dan Member

Pada Gambar 3.8 menunjukan aliran navigasi web untuk user guest dan customer.

HOME

Login (Member)

Pedaftaran (Guest)

Pencarian (Guest/Member)

Informasi (Guest/Member)

Produk (Guest/Member)

Detail Produk (Guest/Member)

Add Keranjang Belanja (Member)

Keranjang Belanja (Member)

Data Pembayaran

(Member)

Pemesanan (Member)

Detail Pemesanan (Member)

Ganti Password (Member)

Ganti Profil (Member) Hasil Pencarian (Guest/Member)

(19)

3.7.2. Navigasi Web User Administrator System dan Order

Pada gamabar 3.9 menunjukan aliran navigasi web untuk user administrator System dan Order:

HOME

Add Customer (System)

Pencarian Customer (System)

Add Admin (System) Add Produk

(System)

Edit Produk (Sytem)

Cari Customer (Member)

Lihat Customer (Member)

Log Out (System/Order)

Lihat Customer (System)

Detail Customer (System)

Lihat produk (System)

Detail Produk (System)

Add Detail Produk (System)

Hapus Keranjang Belanja (Order)

Detail Customer (Member) Cari Produk

(System)

(20)

3.8. Desain Interface Website

Desain interface untuk halaman – halaman website yang ada dan dikategorikan menjadi dua bagian, yaitu halaman untuk member dan guest, serta halaman untuk administrator system dan administrator order.

3.8.1. Desain Interface Halaman Member dan Guest

Halaman member dan guest merupakan halaman yang diakses oleh para pengunjung website yang telah menjadi member atau pun yang belum menjadi member (guest)

3.8.1.1. Desain Halaman Utama

Halaman Utama merupakan halaman yang pertama kali diakses oleh pengunjung website. Menu atas berisi link – link umum yang dapat diakses oleh user guest dan member.

Menu login atau menu member artinya apabila user belum melakukan login maka menu yang muncul adalah menu login yang meminta email dan password member, apabila user sudah melakukan login maka menu login akan menjadi menu member yang berisi menu – menu ke halaman yang hanya dapat diakses oleh member

Menu Utam

Gambar 3.14. Desain Halaman Utama LOGO WEBSITE E-COMMERCE PERKANTAS

Menu Utama

Gambar - Gambar Promosi Buku

Login

Kategory Buku

Menu Pencarian

(21)

Untuk halaman - halaman berikutnya, desain interface hampir sama, baik logo dan menu – menunya. Tampilan di tengah yang akan membedakan untuk halaman – halaman berikutnya.

3.8.1.2. Desain Halaman Registrasi, Hasil Pencarian, Buku, Detail Buku, FAQ, Keranjang Belanja, Data Pembayaran, Order

Halaman ini digunakan oleh user guest yang ingin mendaftar sebagai member Perkantas, melihat hasil pencarian buku, melihat list buku melihat detail dari sebuah buku, melihat infomasi, melihat keranjang belanja,mengisi form pembayaran, melihat history pemesanan, mengganti profil, mengganti password

Gambar 3.14. Desain Halaman Regitrasi

3.8.1.3. Desain Halaman Add Keranjang Belanja

Halaman ini menampilkan informasi mengenai buku yang telah dimasukan kedalam keranjang belanja yaitu jumlah stok yang ada. Halaman ini diakses dari halaman view buku dan hasil pencarian.

Form Registrasi

LOGO WEBSITE E-COMMERCE PERKANTAS Menu Utama

A

Login

Kategori Buku Menu Pencarian

(22)

Gambar 3.14. Desain Halaman Add Keranjang Belanja

3.8.2. Desain Interface Halaman Administrator

Halaman ini merupakan halaman yang hanya bisa diakses oleh administrator system dan order yang memiliki hak akses masing- masing untuk mengakses fasilitas – fasilitas yang telah disediakan.

3.8.2.1. Desain halaman Login

Halaman ini merupakan halaman yang pertama kali diakses oleh administrator. Pada halaman ini terdapat form untuk melakukan login.

Gambar 3.14. Desain Halaman Login Informasi Halaman

Form Login

LOGO WEBSITE E-COMMERCE PERKANTAS Menu Utama

List Buku

Login

Kategori Buku Menu Pencarian

Keranjang Belanja

(23)

3.8.2.2. Desain Halaman Utama

Halaman ini ditampilan setalah administrator melakukan login.

Halaman ini menampilkan menu – menu yang bisa diakses oleh administrator, sesuai dengan hak aksesnya.

Gambar 3.14. Desain Halaman Utama

3.8.2.3. Desain Halaman Add Customer

Halaman ini terdapat form untuk memasukan data customer, dilakukan oleh administrator system.

Gambar 3.14. Desain Halaman Add Customer

3.8.2.4. Desain Halaman View Customer

Halaman ini menampilkan semua data customer, hanya dapat diakses oleh administrator system.

Menu Admin

Informasi Halaman Informasi Menu

Menu Admin

Informasi Halaman Form Add Customer

(24)

Gambar 3.14. Desain Halaman View Customer

3.8.2.5. Desain Halaman Detail Customer

Halaman ini Menampilkan data customer secara lengkap, hanya dapat diakses oleh administrator system.

Gambar 3.14. Desain Halaman Detail Customer

3.8.2.6. Desain Halaman Pencarian Customer

Halaman ini memberikan fasilitas untuk melakukan pencarian data customer, hanya dapat diakses oleh administrator system.

Gambar 3.14. Desain Halaman Pencarian Customer Menu

Admin

Informasi Halaman View Customer Data

Menu Admin

Informasi Halaman

View Detail Customer Data

Menu Admin

Informasi Halaman Form Pencarian Customer

(25)

3.8.2.7. Desain Halaman Add Buku

Halaman ini terdapat form untuk memasukan data buku, dilakukan oleh administrator system.

Gambar 3.14. Desain Halaman Add Buku

3.8.2.8. Desain Halaman View Buku

Halaman ini menampilkan semua data buku, dilakukan oleh administrator system.

Gambar 3.14. Desain Halaman View Buku

3.8.2.9. Desain Halaman Pencarian Buku

Halaman ini menampilkan semua data buku secara lengkap, dilakukan oleh administrator system.

Menu Admin

Informasi Halaman Form Add Buku

Menu Admin

Informasi Halaman View Data Buku

(26)

Gambar 3.14. Desain Halaman Pencarian Buku

3.8.2.10. Desain Halaman Edit Buku dan Detail Buku

Halaman ini memberikan fasilitas untuk melakukan perubahan data buku dan detail buku, hanya dapat dilakukan oleh administrator system.

Gambar 3.14. Desain Halaman Edit Buku dan Detail Buku

3.8.2.11. Desain Halaman Add Kategori

Halaman ini terdapat form untuk memasukan data category dan publisher buku, dilakukan oleh administrator system.

Gambar 3.14. Desain Halaman Add Kategory dan Publisher Menu

Admin

Informasi Halaman Form Pencarian Buku

Menu Admin

Informasi Halaman Form Edit Buku

Menu Admin

Informasi Halaman

Form Add Kategory dan publisher

(27)

3.8.2.12. Desain Halaman View Kategory

Halaman ini menampilkan semua data kategory dan publisher, dilakukan oleh administrator system.

Gambar 3.14. Desain Halaman View Kategory dan Publisher

3.8.2.13. Desain Halaman Edit Kategory

Halaman ini memberikan fasilitas untuk melakukan perubahan data kategory dan publisher, dilakukan oleh administrator system.

Gambar 3.14. Desain Halaman Edit Kategory

3.8.2.14. Desain Halaman Add Publisher

Halaman ini terdapat form untuk memasukan data category dan publisher buku, dilakukan oleh administrator system.

Menu Admin

Informasi Halaman

View Kategory dan Publisher

Menu Admin

Informasi Halaman

Form Edit Kategory dan publisher

(28)

Gambar 3.14. Desain Halaman Add Publisher

3.8.2.15. Desain Halaman View Publisher

Halaman ini menampilkan semua data kategory dan publisher, dilakukan oleh administrator system.

Gambar 3.14. Desain Halaman View Publisher

3.8.2.16. Desain Halaman Edit Publisher

Halaman ini memberikan fasilitas untuk melakukan perubahan data kategory dan publisher, dilakukan oleh administrator system.

Gambar 3.14. Desain Halaman Edit Publisher Menu

Admin

Informasi Halaman Form Add publisher

Menu Admin

Informasi Halaman View Publisher

Menu Admin

Informasi Halaman Form Edit publisher

(29)

3.8.2.17. Desain Lihat laporan

Halaman ini memberikan fasilitas untuk melihat laporan perwaktu yang dilakukan oleh administrator system.

Gambar 3.14. Desain Halaman Edit Publisher Menu

Admin

Informasi Halaman View Laporan