65
BAB 3 ANALISIS DAN PERANCANGAN SISTEM 3.1 Latar Belakang 3.1.1
Riwayat Perusahaan PT. Gadika berdiri pada tanggal 28 agustus 2000. Pertama kali didirikan
oleh bapak Erman Kamuli. Karena kegemaran beliau dalam membaca, akhirnya bapak Erman Kamuli mendirikan Gadika Pustaka sebagai bagian dari Group dari PT. Gadika. PT. Gadika Pustaka Berlokasi di Duren Sawit, Jakarta Timur. Perusahaan ini berkembang setelah Beliau melihat tingginya minat baca pada masyarakat, maka bapak Erman Kamuli membuka cabang PT. Gadika Pustaka dibeberapa tempat di daerah DKI Jakarta. Setelah beberapa tahun berjalan PT. Gadika Pustaka makin dikenal masyarakat atas pelayan yang baik kepada customer. Harga buku - buku yang ada juga lumayan terjangkau dan koleksi buku - buku yang di jual sangat banyak dan lumayan lengkap. 3.1.2 Visi dan Misi Perusaahaan Visi Perusahaan PT. Gadika Pustaka Menjadi Toko Buku yang dapat menawarkan layanan terbaik dengan harga kompetitif kepada segmen pasar korporasi, komersial dan konsumen.
66
Misi Perusahaan PT. Gadika Pustaka 1.
Memberikan layanan terbaik dan memberikan solusi yang bernilai tambah kepada seluruh pelanggan, dan selaku mitra pillihan utama.
2.
Meningkatkan nilai investasi yang unggul bagi toko-toko reseller.
3.
Menciptakan kondisi terbaik sebagai tempat kebanggaan untuk berkarya dan berprestasi.
4.
Meningkatkan kepedulian dan tanggung jawab terhadap lingkungan sosial.
5.
Menjadi acuan pelaksanaan kepatuhan dan tata kelola perusahaan yang baik.
3.2 Struktur Organisasi Perusahaan PT. Gadika Pustaka mempunyai struktur organisasi yang biasa digunakan berbagai kantor menengah pada umumnya. Sistem organisasi merupakan kesatuan kerja yang menjalankan seluruh kegiatan operasional toko. Sehingga saling berkaitan dan berhubungan antara karyawan yang satu dengan yang lainnya. Dari hal ini diharapkan para karyawan melaksanakan peraturan tata tertib dan disiplin kerja dengan taat dan teratur.
67
3.2.1 Tabel Struktur Organisasi
Komisaris Direktur
Manager Pemasaran
Administrator Penjualan
Manager Keuangan
Manager Produksi
Manager SDM
Staff toko dan kasir
Gambar 3.1 Struktur Organisasi PT. Gadika Pustaka
3.2.2 Tugas dan Wewenang Susunan Pengurus toko buku PT. Gadika Pustaka : 1.
Komisaris
Sebagai pemilik dan pimpinan kantor yang bernama Bapak Erman Kamuli, selaku owner dari toko buku PT. Gadika Pustaka . 2.
Direktur Utama Direktur Utama bertugas untuk memimpin tender dan bertanggung
jawab penuh atas tercapainya segala misi perusahaan. Perencanaan yang telah dibuat dan diusulkan harus diawasi dan membuka jalan bisnis
68
dengan perusahaan rekanan. Tugas lain dari direktur utama adalah memeriksa laporan-laporan yang masuk dan menentukan segala kebijakan perusahaan dalam perusahaan termasuk kebijakan jangka panjang maupun jangka pendek. 3.
Manager Produksi Manager Operasional, bertugas membuat suatu perencanaan lengkap
dari produksi, menyusun secara terperinci rencana kerja serta susunan mengenai harga yang berhubungan dengan produksi. Menyusun laporan pada bagian produksi dan bertanggung jawab penuh pada direktur. 4.
Manager Pemasaran Manager Pemasaran bertugas dan bertanggung jawab penuh dalam
urusan pemasaran dan berbagai hal yang berhubungan dengan penjualan. Tugas lainnya yang berhubungan dengan pemasaran adalah menyebarkan dan menawarkan produk kepada pembeli buku dan perusahaan lain yang biasa disebut toko. Pengaturan event-event dan pemeran untuk promosi terhadap buku-buku yang akan dijual serta memantau semua jadwal sales penjualan. 5.
Manager SDM (Sumber Daya Manusia) Manager SDM bertugas untuk mengatur segala hal yang berhubungan
dengan masalah kepegawaian dari persoalan tunjangan sampai urusan gaji dan segala hal yang berbau administratif. Tugas lain dari manager SDM adalah menyediakan peralatan kantor untuk menunjang kebutuhan
69
karyawa di dalam perusahaan. Segala hal yang dilakukan oleh Manager SDM langsung berhubungan kepada Direktur. 6.
Manager Keuangan Manager Keuangan biasa bertugas pada hal-hal yang berkaitan
tentang pemasukan dan pengeluaran perusahaan. Memutuskan untuk memberikan dana untuk sebuah proyek, hal-hal yang berkaitan dengan gaji dan segala transaksi adalah tugas lain dari manager keuangan. Segala keputusan dan kebijakan yang dikeluarkan bertanggung jawab penuh kepada Direktur utama 7.
Administrator Penjualan Administrator bertugas untuk menyimpan segala jenis transaksi yang
terjadi sehingga semua hal pemesanan dan pengiriman barang dapat dilakukan dengan baik. 8.
Staff toko buku dan Kasir Bertugas menyebarkan spanduk, brosur dan menawarkan kepada
customer produk-produk terbaru yang dikeluarkan oleh perusahaan. 3.3 Sistem yang sedang berjalan Setelah melakukan survei keperusahaan PT. Gadika Pustaka. sistem yang berjalan di perusahaan PT. Gadika Pustaka saat ini menggunakan sistem penjualan yang melalui penjualan langsung dari PT. Gadika Pustaka ke konsumen. Untuk promosi barang sama halnya dengan sistem penjualannya. Dalam proses penjualan, media yang dipakai adalah mesin kasir,telepon dan komputer yang berguna untuk mengkonfirmasi pemesanan, computer untuk melihat
70
stok buku yang ada, serta computer yang berguna untuk mengirim, menerima pesanan dari pelanggan yang memesan via email bagi customer yang sudah biasa membeli buku di PT PT. Gadika Pustaka. Untuk cabang - cabang PT. Gadika Pustaka yang stoknya sudah habis mereka biasanya mengirimkan email ke toko pusat PT. Gadika Pustaka untuk melakukan pengecekan stock buku yang tersedia.
3.3.1 Sistem Pemasaran Perusahaan mencetak buku dan mempublikasikan bukunya sendiri melalui bagian marketing. Bagian marketing memberikan daftar buku yang telah dicetak sekaligus daftar harga kepada sales. Sales disini bertugas untuk menjual buku kepada konsumen. Bagian marketing juga menjual buku kepameran – pameran buku. Pemasaran yang dilakukan perusahaan dengan melalui pengiriman email, biasanya penyebarannya adalah melalui spanduk dan flyer. Apabila konsumen tertarik untuk produk buku yang ditawarkan, maka konsumen langsung datang ke toko, bagi yang sudah sering membeli buku di toko, biasanya mereka berbicara melalui email, email akan di balas, dan dilanjutkan pada pemesanan. Bila kesepakatan sudah berlangsung, maka buku akan dikirimkan kepada konsumen melalui pengiriman titipan kilat.
71
Flow chart system pemasaran yang berjalan Kasir
Staff toko
Customer
MULAI
Membuat brosur, spanduk, media cetak dan daftar harga.
Menerima semua brosur, spanduk, media cetak dan daftar harga yang telah disetujui oleh bagian keuangan.
Mempromosikan dengan cara menyebarkan brosur ke perorangan dan memberikan spanduk beserta nomor telepon.
Staff Gadika didatangi Customer untuk membeli buku
Jika custoer bertanya tentang informasi buku baik melalui nomor telepon atau datang ke toko. Staff toko menjawab pertanyaan customer tentang informasi tersebut.
Berminat? YA Tidak
Mengakhiri pembicaraan
Selesai
Gambar 3.2 Flow Chart Sistem Pemasaran yang sedang berjalan
72
3.3.2
Sistem Pemesanan dan Penjualan Sistem pemesanan dan penjualan yang dilakukan masih menggunakan
sistem pemesanan dan penjualan secara manual. Setelah staff toko menawarkan produk dan daftar harga kepada customer. customer yang menghubungi melalui telepon dan fax, staff toko menawarkan langsung dengan mengirimkan spanduk/ flyer. Bila pihak yang bersangkutan berminat, akan segera menghubungi pihak staff toko dan melakukan proses pemesanan. Proses awal pemesanan customer dapat datang maupun menghubungi staff toko perusahaan, lalu order dari customer akan segera di booking. Bila semua hal telah disetujui, maka customer diberikan tagihan atau billing dan customer biasanya membayar secara cash (tunai) atau transfer. Kemudian setelah pembayaran dilakukan oleh customer, pihak keuangan dari perusahaan memproses langsung pencetakan kwitansi dan memberikan kwitansi kepada customer. Customer mendapatkan kwitansi asli dan surat pemesanan asli dari pihak keuangan. Keterangan surat-surat penjualan : -
Rangkap asli untuk customer
-
Rangkap merah untuk bagian marketing dan bagian keuangan
73
Kasir
Staff Toko
Customer
Mulai
Memberikan Info & Penjelasan
Datang ke toko buku
Berminat
TIDAK
YA
Keluar Toko Memberikan Lembar Pemesanan
Menerima Lembar Pemesanan
Menginput pemesanan pada database
Mengisi Lembar Pemesanan dari Staff Toko
Mencetak Lembar Merah untuk Staff toko dan Putih untuk customer
Menyimpan Lembar Merah dari bagian Kasir
Menerima Lembar Putih pada bagian kasir
Selesai
Gambar 3.3 Pemesanan dan Penjualan yang sedang berjalan
74
3.4 Identifikasi Masalah 3.4.1 Hasil Wawancara Berikut adalah hasil wawancara dengan direktur PT. GADIKA PUSTAKA : Nama
: Gusrianto
Jabatan
: Manager Pemasaran
Lokasi
: Kantor PT. GADIKA PUSTAKA
Waktu wawancara : 2 april 2012 1. Apa yang menjadi masalah perusahaan menginginkan pembuatan
web
PT. GADIKA PUSTAKA ? - Perusahaan ingin memudahkan pelanggan dalam membeli buku di
PT.
GADIKA PUSTAKA.
2. Mengapa anda membutuhkan penjualan berbasis web (e-commerce) ? - Agar antara pelanggan dan Web PT GADIKA dapat berinteraksi dan bertransaksi dengan cepat dan mudah dimana pun. - Menjangkau pasar yang lebih luas.
3. Siapa saja target yang mendapatkan manfaat dari sistem e-commerce PT. GADIKA PUSTAKA? - Seluruh pelanggan yang menginginkan pembelian buku di PT. PUSTAKA
GADIKA
75
4. Apakah Web PT. GADIKA PUSTAKA sudah ada sebelumnya ? - Belum ada
5. Selama ini bagaimana kegiatan proses penjualan dan pemasaran pada PT. GADIKA PUSTAKA ? - Proses penjualan dan pemasaran pada perusahaan GADIKA masih menggunakan sistem manual dan masih sederhana. Proses pemesanan dan penjualan masih sering dan dilakukan melalui email dan pertemuan langsung.
6. Apa yang menjadi kendala pada sistem ini ? - Semuanya masih menggunakan manual, dengan ada nya web dirasakan akan sangat membantu mempromosikan buku, menjual, memasarkan buku agar terlihat lebih menarik.
7. Fitur- fitur seperti apa yang di inginkan oleh PT. GADIKA ? Perantara untuk mempromosikan produk Cara-cara yang mudah digunakan pelanggan Adanya fitur-fitur daripada web yg sudah ada di pasaran sekarang
76
3.4.2 Analisis Kuisioner Untuk mengetahui apa kebutuhan dan masalah yang dihadapi oleh konsumen dan bagaimana pendapat mereka tentang sistem yang sedang berjalan di PT GADIKA PUSTAKA. Maka kami akan memberikan kuesioner kepada 50 orang konsumen. Kuisioner diberikan kepada konsumen yang datang langsung ke distributor atau di kantor PT. GADIKA PUSTAKA untuk melakukan pemesanan atau pembelian barang. Berikut ini hasil yang didapatkan dari penyebaran kuisioner : 1. Persentase pekerjaan responden
Gambar 3.4 Chart Hasil Kuisioner No.1 Dari hasil kuisioner, diketahui bahwa costumer terbesar adalah karyawan (26%), pelajar dan mahasiswa (24%).
77
2. Persentase umur responden
Gambar 3.5 Chart Hasil Kuisioner No. 2 Dari hasil kuisioner, diketahui bahwa persentase umur terbesar adalah 17- 25 tahun (36%) diikuti 31-40 tahun (24%). 3. Persentase penggunaan internet pada responden
Gambar 3.6 Chart Hasil Kuisioner No.3 Dari hasil kuisioner, diketahui bahwa persentase penggunaan internet responden adalah minimal sekali dalam sehari (54%), diikuti kurang dari 2 kali dalam seminggu 24%
78
4. Persentase pelanggan bertransaksi secara online pada responden
Gambar 3.7 Chart Hasil Kuisioner No.4 Dari hasil kuisioner, diketahui bahwa persentase pelanggan bertransaksi secara online adalah pernah (70%), diikuti tidak pernah (30%).
5. Persentase kendala yang dialami dalam melakukan transaksi secara online.
Gambar 3.8 Chart Hasil Kuisioner No. 5 Dari hasil kuisioner, diketahui bahwa persentase kendala yang dialami dalam melakukan transaksi secara online adalah Pesanan tidak sesuai dengan yang ada pada gambar layar (54%), diikuti masalah dalam proses pembayaran (26%)
79
6. Persentase hasil polling jika kendala diperbaiki, apakah reponden mau untuk bertransaksi secara online.
Gambar 3.9 Chart Hasil Kuisioner No. 6 Dari hasil kuisioner, diketahui bahwa persentase hasil polling jika kendala diperbaiki, apakah reponden mau untuk bertransaksi secara online adalah Ya (68%), diikuti tidak (32%)
7. Persentase frekuensi responden membeli buku.
Gambar 3.10 Chart Hasil Kuisioner No.7 Dari hasil kuisioner, diketahui bahwa persentase frekuensi responden membeli buku adalah Sekali dalam sebulan (36%), diikuti lebih dari sekali sebulan (34%)
80
8. Persentase responden tentang informasi apa yang paling dibutuhkan ketika mencari buku
Gambar 3.11 Chart Hasil Kuisioner No.8 Dari hasil kuisioner, diketahui bahwa persentase responden tentang informasi apa yang paling dibutuhkan ketika mencari buku adalah Daftar buku popular (32%) diikuti sinopsi buku (26%).
9.
Persentase darimanakah responden mendapatkan informasi tersebut
(berkaitan dengan nomor 8)
Gambar 3.12 Chart Hasil Kuisioner No.9 Dari hasil kuisioner, diketahui bahwa persentase darimanakah responden mendapatkan informasi tersebut (berkaitan dengan nomor 8) : mencari lewat
81
internet adalah langsung mendatangi toko buku (32%), diikuti langsung mendatangi toko buku (32%). 10. Persentase responden memilih pembuatan e - commerce pada Toko Buku PT. GADIKA PUSTAKA sebagai sarana untuk mempermudah dalam transaksi pembelian.
Gambar 3.13 Chart Hasil Kuisioner No.10 Dari hasil kuisioner, diketahui bahwa persentase memilih pembuatan e commerce pada toko buku PT. GADIKA PUSTAKA sebagai sarana untuk mempermudah dalam transaksi pembelian adalah Ya (64%), diikuti tidak (32%). 11.
Persentase fitur apa saja yang responden butuhkan dalam web toko buku
PT. GADIKA PUSTAKA
Gambar 3.14 Chart Hasil Kuisioner No.11
82
Dari hasil kuisioner, diketahui bahwa persentase fitur apa saja yang responden butuhkan dalam web toko buku PT. Gadika Pustaka adalah Promosi yang diberikan toko buku PT. Gadika Pustaka (24%), diikuti fasilitas untuk komunikasi dengan pihak toko buku (22%). 12.
Persentase reponden bersedia untuk melakukan transaksi online pada web
e-commerce PT. GADIKA PUSTAKA
Gambar 3.15 Chart Hasil Kuisioner No.12 Dari hasil kuisioner, diketahui bahwa persentase reponden bersedia untuk melakukan transaksi online pada web e-commerce PT. GADIKA PUSTAKA : Ya / Setuju (100%) 13.
Persentase Online Store yang paling bayak di kunjungi responden
Gambar 3.16 Chart Hasil Kuisioner No.13
83
Dari hasil kuisioner, diketahui bahwa persentase Online Store yang paling bayak di kunjungi responden adalah Kaskus.co.id (54%), diikuti gramedia.com (22%).
14.
Persentase alasan responden mengunjungi situs tersebut
Gambar 3.17 Chart Hasil Kuesioner No.14 Dari hasil kuisioner, diketahui bahwa persentase alasan responden mengunjungi situs tersebut Surfing (60%), diikuti ingin membeli (40%) 15.
Persentase responden dalam menyetujui pembuatan Online Book
store pada PT.GADIKA PUSTAKA
Gambar 3.18 Chart Hasil Kuesioner No.15
84
Dari hasil kuisioner, diketahui bahwa persentase Kesimpulan Persentase responden dalam menyetujui pembuatan Online Book store pada PT.Gadika Pustaka adalah Setuju (100%)
3.5 Analisa Permasalahan Kesimpulan yang dapat diambil setelah kami melakukan diskusi dan melakukan pengamatan terhadap sistem yang sedang berjalan pada PT. GADIKA PUSTAKA, maka kami menarik kesimpulan : a.
Belum memiliki website guna menyebarkan informasi lebih luas kepada para customer.
b.
Pemesanan yang dilakukan tidaklah efisien karena customer harus mendatangi PT. GADIKA PUSTAKA dan belum dapat melakukan pemesanan secara online.
c.
Belum adanya bagian yang dapat memperbarui persediaan buku secara langsung dikarenakan bagian admin yang belum di fokuskan untuk memperinci segala pemesanan, persediaan dan pembayaran.
3.6 Analisa Pemecahan Masalah Dengan adanya beberapa masalah yang timbul selama ini, kami menyimpulkan dari data-data yang ada dapat disimpulkan pemecahan masalah yang dapat digunakan demi menangani hambatan-hambatan selama ini : a.
Merancang website dengan fasilitas yang menunjang pemberian informasi dan data-data yang akurat kepada para customer secara langsung.
85
b.
Menyediakan fasilitas update pada website yang akan dirancang, sehingga dapat digunakan secara mudah sehingga lebih efisien waktu
c.
Menyediakan invoice dan code registrasi pembelian transaksi customer yang dilakukan secara online pada website yang akan di rancang.
d.
Website yang dirancang juga menggunakan faslitas secara langsung untuk melakukan pemesanan, sehingga customer tidak perlu datang langsung untuk melakukan pemesanan.
3.7 Rancangan Sistem 3.7.1 Use Case
Dalam aplikasi ini terdapat 3 aktor yaitu Admin, Customer dan user : 1. Admin Untuk admin yang menjalankan sistem ini admin dapat melakukan login, tambah barang, ubah barang, hapus barang, lihat customer, lihat history dan ubah status pemesanan barang, lihat barang, edit profile, edit best seller, edit company profile, edit kontak perusahaan, edit new release, edit kategori, pembayaran, mengunggah iklan dan video dan ubah password. Admin dalam hal ini adalah administrasi pemasaran dan staff toko. 2. Customer Untuk customer yang menjalankan sistem ini dapat melakukan proses login, lihat history dan status pemesanan barang, lihat barang, edit
86
profile, lihat best seller, lihat company profile, lihat kontak perusahaan, lihat new release, edit kategori, pembayaran, lihat iklan dan video, pesan barang dan ubah password. 3. User Untuk user yang menjalankan sistem ini dapat melakukan proses daftar, lihat barang, lihat best seller, lihat company profile, lihat kontak perusahaan, lihat new release, lihat iklan dan video.
87
Use Case Diagram
88
Gambar 3.19 use case diagram Tabel 3.1 Deskripsi use case daftar Usecase
Daftar
Actor
Konsumen
Description
Memasukan data-data ke dalam database customer
Pre Condition
User masuk ke halaman utama
Flow of Events
1.Masuk ke halaman utama 2. Pilih menu sign up 3. Mengisi data formulir 4. klik submit
Post Condition
Daftar berhasil
Tabel 3.2 Deskripsi use case Login Use case
Login
Actor
Admin, Customer
Description
Memasukan username dan password
Pre Condition
Admin, customer sudah terdaftar di database
Flow of Events
1. Untuk customer : Masuk ke halaman utama customer 2. Untuk Admin masuk ke halaman utama admin 3. Masukkan username dan password, lalu klik login button
Post Condition
Login berhasil
89
Tabel 3.3 Deskripsi use case tambah barang Use case
Tambah barang
Actor
Admin
Description
Menambah data barang
Pre Condition
Admin sudah terdaftar di database
Flow of Events
1. Masuk ke halaman admin 2. Login 3. Masuk ke halaman products 4. Klik add books button pada halaman products 5. Isi data buku yang akan di masukkan, lalu klik save button 6.Admin dapat menambah barang
Post Condition
Data barang berhasil di tambahkan ke dalam database barang
Tabel 3.4 Deskripsi use case ubah barang Use case
Ubah barang
Actor
Admin
Description
Mengubah data barang
Pre Condition
Admin sudah terdaftar di database
Flow of Events
1. Masuk ke halaman admin 2. Login 3. Masuk ke halaman products
90
4. Klik edit books button yang ada pada halaman products 5. Isi kembali data buku yang akan di ubah, lalu klik save button 4. Admin dapat mengubah barang Post Condition
Data barang berhasil di ubah
Tabel 3.5 Deskripsi use case hapus barang Use case
Hapus barang
Actor
Admin
Description
Menghapus data barang
Pre Condition
Admin sudah terdaftar di database
Flow of Events
1. Masuk ke halaman admin 2. Login 3. Masuk ke halaman products 4. Klik delete books button pada halaman products 3.Klik yes pada pesan konfirmasi 4.Admin telah menghapus barang
Post Condition
Data barang berhasil di hapus
91
Tabel 3.6 Deskripsi use case lihat customer (admin) Use case
Lihat
Actor
Admin
Description
Melihat customer
Pre Condition
Admin sudah terdaftar di database
Flow of Events
1.Admin login 2. Admin memilih menu customer 3. Admin melihat data customer
Post Condition
Admin telah melihatdata customer
Table 3.7 Deskripsi use case lihat history & ubah status pesanan barang Use case
Lihat history & ubah status pesanan barang
Actor
Admin
Description
Melihat history dan mengubah status pesanan barang customer
Pre Condition
Customer sudah terdaftar di database 1. Masuk ke halaman admin
Flow of Events
2. Login 3. Masuk ke halaman invoice 4. Klik link status pesanan barang menjadi on progress, cancel atau delivered pada halaman invoice
Post Condition
Admin telah mengubah status pesanan barang dan dapat melihat status pesanan barang.
92
Tabel 3.8 Deskripsi use case lihat barang Use case
Lihat barang
Actor
Admin, customer
Description
Melihat barang
Pre Condition
Admin dan customer sudah terdaftar di database
Flow of Events
1.Admin/Customer login 2. Admin dan customer membuka halaman books 3. Admin dan customer melihat dan memilih buku
Post Condition
Admin dan Customer melihat data buku
Table 3.9 Deskripsi use case edit profile Use case
Ubah profile user
Actor
Admin, Customer
Description
Ubah profile user
Pre Condition
Admin , customer sudah terdaftar di database
Flow of Events
1. Masuk ke halaman utama Customer/Admin 2. Login 3. Masuk ke halaman my profile 4. Isi data profile sesuai dengan yang di kehendaki, lalu klik save 5. Ubah profile user sesuai yang di kehendaki
Post Condition
Data profil berhasil di ubah
93
Table 3.10 Deskripsi use case edit best seller Use case
Edit best seller
Actor
Admin
Description
Ubah best seller
Pre Condition
Admin sudah terdaftar di database
Flow of Events
1. Masuk ke halaman utama Admin 2. Login 3. Pilih menu products 4. Pilih buku 5. Klik set as best seller
Post Condition
Data profil berhasil di ubah
Table 3.11 Deskripsi use case edit company profile Use case
Edit company profile
Actor
Admin
Description
Mengubah latar belakang dan sejarah perusahaan
Pre Condition
Admin sudah terdaftar di database
Flow of Events
1. Masuk ke halaman utama Admin 2. Login 3. Pilih menu company 4. Edit text 5. Klik save
Post Condition
Data company profile berhasil di ubah
94
Table 3.12 Deskripsi use case edit contact us Use case
Edit contact us
Actor
Admin
Description
Edit contact us
Pre Condition
Admin sudah terdaftar di database
Flow of Events
1. Masuk ke halaman utama Admin 2. Login 3. Pilih menu contact 4. Edit text and number 5. Klik save
Post Condition
Data contact berhasil di ubah
Table 3.13 Deskripsi use case edit new release Use case
Edit new release
Actor
Admin
Description
Memasukan produk baru
Pre Condition
Admin sudah terdaftar di database
Flow of Events
1. Masuk ke halaman utama Admin 2. Login 3. Pilih menu products 4. Pilih menu add products 5. Masukkan waktu dan tanggal terbit buku
Post Condition
Data new release berhasil di masukkan
95
Table 3.14 Deskripsi use case edit category Use case
Edit category
Actor
Admin
Description
Edit category
Pre Condition
Admin sudah terdaftar di database
Flow of Events
1. Masuk ke halaman utama Admin 2. Login 3. Pilih menu category 4. Isi nama kategori 5. Klik submit
Post Condition
Data kategori berhasil di masukkan
Tabel 3.15 Deskripsi use case pembayaran customer Use case
Pembayaran
Actor
Customer
Description
Proses dan konfirmasi pembayaran customer
Pre Condition
Customer sudah terdaftar di database
Flow of Events
1. Masuk ke halaman utama customer 2. Login 3. Masuk ke halaman Transaction 4. Klik view pada kolom order detail 5. Klik tombol confirm payment
96
6. Masukkan data konfirmasi pembayaran 7. Klik tombol submit Post Condition
Transaksi berhasil dan customer dapat melihat status pesanannya akan segera di kirim
Tabel 3.16 Deskripsi use case pembayaran admin Use case
Pembayaran
Actor
Admin
Description
Konfirmasi pembayaran customer oleh admin
Pre Condition
Customer sudah terdaftar di database
Flow of Events
1. Masuk ke halaman utama admin 2. Login 3. Masuk ke halaman Invoice 4. Klik menu view pada kolom order detail 5. Admin melihat konfirmasi pembayaran customer 6. Jika telah di konfirmasi, admin mengubah status pemesanan menjadi “on progress”
Post Condition
Transaksi berhasil dan barang akan segera di kirim
Table 3.17 Deskripsi use case Add video and advertisement Use case
Edit add video and advertisement
Actor
Admin
97
Description
Memasukkan video buku dan iklan tentang buku
Pre Condition
Admin sudah terdaftar di database
Flow of Events
1. Masuk ke halaman utama Admin 2. Login 3. Pilih menu video & advertisement 4. Unggah video beserta iklan 5. Klik submit
Post Condition
Video dan iklan berhasil di masukkan
Tabel 3.18 Deskripsi use case lihat history dan status pemesanan barang Use case
Lihat status pemesanan barang
Actor
Customer
Description
Melihat status pemesanan barang
Pre Condition
Customer sudah terdaftar di database
Flow of Events
1. Masuk ke halaman Customer 2. Login 3.Masuk ke halaman transaction 4. klik view pada kolom order detail
Post Condition
History dan status pemesanan berhasil di lihat
98
Table 3.19 Deskripsi use case lihat best seller Use case
Lihat best seller
Actor
Customer, User
Description
Lihat best seller
Pre Condition
Customer sudah terdaftar di database, user belum terdaftar di database
Flow of Events
1. Masuk ke halaman utama customer 2. Pilih lalu klik judul best seller
Post Condition
Best seller berhasil di lihat
Table 3.20 Deskripsi use case lihat company profile Use case
Lihat company profile
Actor
Customer, User
Description
Melihat latar belakang dan sejarah perusahaan
Pre Condition
Customer sudah terdaftar di database dan user belum terdaftar di database
Flow of Events
1. Masuk ke halaman utama 2. Pilih menu company 3. Lihat profil dan visi misi perusahaan
Post Condition
Company profile berhasil di ubah
99
Table 3.21 Deskripsi use case lihat contact us Use case
Lihat contact us
Actor
Customer, User
Description
Lihat contact us
Pre Condition
Customer sudah terdaftar di database dan user belum terdaftar di database
Flow of Events
1. Masuk ke halaman utama 2. Pilih menu contact us 3. Lihat nomor telepon, fax, email, website dan alamat perusahaan
Post Condition
Contact us berhasil di lihat
Table 3.22 Deskripsi use case lihat new release Use case
lihat new release
Actor
Customer, User
Description
Melihat produk baru
Pre Condition
Customer sudah terdaftar di database dan user belum terdaftar di database
Flow of Events
1. Masuk ke halaman utama 2. Pilih menu new release
Post Condition
New release berhasil di lihat
100
Table 3.23 Deskripsi use case lihat category Use case
Lihat category
Actor
Customer, user
Description
Lihat kategori
Pre Condition
Customer sudah terdaftar di database dan user belum terdaftar di database
Flow of Events
1. Masuk ke halaman utama 2. Pilih menu category
Post Condition
Kategori berhasil di lihat
Table 3.24 Deskripsi use case lihat video and advertisement Use case
Lihat video and advertisement
Actor
Customer, user
Description
Melihat video dan iklan buku
Pre Condition
Customer sudah terdaftar di database dan user belum terdaftar di database
Flow of Events
1. Masuk ke halaman utama 2. Klik tombol play video
Post Condition
Data kategori berhasil di lihat
101
Tabel 3.25 Deskripsi use case ubah password Use case
Ubah password
Actor
Admin , Customer
Description
Ubah password
Pre Condition
Admin , Customer sudah terdaftar di database
Flow of Events
1. Masuk ke halaman utama Customer/Admin 2. Login 3. Masuk ke halaman my profile 4. Isi data password yang baru, lalu klik save
Post Condition
Data password berhasil di ubah
Tabel 3.26 Deskripsi use case pesan barang Use case
Pesan barang
Actor
Customer
Descripti
Memesan barang yang ada
on Pre
Customer sudah terdaftar di database
Condition Flow of Events
1. Masuk ke halaman utama customer 2. Login
102
3. Pilih buku di halaman utama atau halaman books 4. Klik “add books to chart” button 5. Setelah memilih barang yang di inginkan, lalu masukan jumlah barang yang akan di beli Post
Pemesanan barang berhasil di masukan ke dalam datar
Condition
transaksi
103
3.7.2 Class Diagram Class diagram yang akan di bahas disini menunjukkan property dan operasi sebuah class dan batasan yang terdapat dalam hubungan dengan obyeknya. Class diagram merupakan alat terbaik dalam perancangan perangkat lunak. Class diagram disini membantu untuk mendapatkan struktur sistem dan menghasilkan rancangan sistem.
Gambar 3.20 Class diagram
104
3.7.2 Sequence Diagram Sequence diagram registrasi
Gambar 3.21 sequence diagram registrasi Untuk mengakses membeli produk, user harus daftar terlebih dahulu, dengan cara mengisi data pada kolom sign up. Data akan di cocokkan sesuai format kolom. Apabila data cocok maka pendaftaran berhasil. dan akan menampilkan halaman utama customer, sedangkan apabila data tidak cocok maka pendaftaran gagal dan user dapat melakukan pendaftaran kembali sampai registrasi selesai.
105
Sequence Diagram login admin
Home page
Customer
Database
Open page home Display page home Enter username & password Request data
Send data send data Display page error Username and password valid Login succes (back to home)
Gambar 3.22 sequence diagram login Untuk mengakses seluruh konten website dan membeli produk, user harus login terlebih dahulu, dengan cara mengisi username dan password. Data akan di cocokkan sesuai formatnya. Apabila data cocok maka login berhasil. dan akan menampilkan halaman utama admin, sedangkan apabila data tidak cocok maka login gagal dan user dapat melakukan login kembali sampai login berhasil.
106
Sequence Diagram tambah barang (admin)
Gambar 3.23 sequence diagram tambah barang (admin) Admin dapat memasukkan barang baru. Dengan cara, membuka page products dan kemudian memilih tombol add book. Apabila berhasil akan disimpan di dalam database dan ditampilkan pada aplikasi
107
Sequence Diagram Edit Barang (admin)
Gambar 3.24 sequence diagram edit barang (admin) Admin dapat mengubah barang yang telah tersedia. Dengan cara, membuka page products dan memilih tombol edit. Apabila berhasil akan disimpan di dalam database dan ditampilkan pada aplikasi.
108
Sequence Diagram Hapus Barang
Gambar 3.25 sequence diagram delete barang (admin) Admin dapat menghapus barang. Dengan cara, membuka page products dan memilih tombol delete. Apabila berhasil akan disimpan di dalam database dan ditampilkan pada aplikasi.
109
Sequence Diagram lihat customer
Gambar 3.26 sequence diagram lihat customer Admin dapat melihat customer. Dengan cara, membuka menu customer.
110
Sequence Diagram Lihat history & ubah Status Pemesanan barang (admin)
Page invoice
Admin
Database invoice
Open page invoice Request data Send data
Send data
Display page invoice Klick order detail menu Request data Send data Display page order detail Change order status
Request data
Change data
Send data status succesfully changed
Gambar 3.27 Sequence diagram lihat history & ubah status pemesanan barang
Admin dapat melihat history & mengubah status pesanan barang yang telah dipesan oleh customer. Dengan cara, membuka halaman invoice untuk melihat history dan untuk merubah status, admin dapat memilih tombol order detail lalu merubah link status menjadi cancel, delivered
111
atau on progress. Apabila berhasil Customer akan dapat melihat status pesanan barang yang telah dipesan.
Sequence Diagram Lihat Barang (admin)
Gambar 3.28 sequence diagram lihat barang (admin) Admin dapat melihat barang. Dengan cara, membuka page products. Admin juga dapat melihat detail barang yang sudah tersedia dihalaman products.
112
Sequence Diagram Edit Profile
Page edit profile
Admin
Database customer
Klick my profile Show profile klick menu edit profile Show edit profile form Fill form edit profile & submit
Validation
Data not valid Fill form edit profile & submit
Send data
Save data
Send data Edit success
Gambar 3.29 sequence diagram edit profile Customer harus melakukan login terlebih dahulu sebelum dapat mengubah profil (customer). setelah customer login, customer dapat merubah profil nya dengan masuk kedalam halaman my profile, disitulah customer dapat mengubah profil.
113
Sequence Diagram Edit best seller
Gambar 3.30 sequence diagram edit best seller Admin harus melakukan login terlebih dahulu sebelum dapat mengubah buku sebagai best seller. setelah Admin login, admin baru dapat merubah buku dengan masuk kedalam halaman product, disitulah customer dapat mengubah buku sebagai best seller.
114
Sequence Diagram Edit company
Gambar 3.31 sequence diagram edit company Admin harus melakukan login terlebih dahulu sebelum dapat mengubah profile perusahaan. setelah Admin login, admin baru dapat merubah profile perusahaan.
115
Sequence Diagram edit contact
Gambar 3.32 sequence diagram edit contact Admin harus melakukan login terlebih dahulu sebelum dapat mengubah contact perusahaan. setelah Admin login, admin baru dapat merubah dat kontak perusahaan.
116
Sequence Diagram edit new release
Page new release
Admin
Database new release
Open page products Display page products fill date new release Send data
Save data Success set biik as new release
Gambar 3.33 sequence diagram edit new release Admin harus melakukan login terlebih dahulu sebelum dapat mengubah buku keluaran baru. setelah Admin login, admin baru dapat merubah tanggal buku keluaran baru.
117
Sequence Diagram add category
Gambar 3.34 sequence diagram edadd category Admin harus melakukan login terlebih dahulu sebelum dapat mengubah buku keluaran baru. setelah Admin login, admin baru dapat merubah tanggal buku keluaran baru.
118
Sequence Diagram Pembayaran (Customer)
Gambar 3.35 sequence diagram pembayaran Customer dapat memproses pembayaran buku yang telah dipesan oleh customer itu sendiri dengan langsung. Dengan cara, membuka halaman transaction untuk melihat buku apa yang sudah di pesan dan melihat no rekening PT. GADIKA PUSTAKA untuk membayar pesanan tersebut.
119
Sequence Diagram Add video & advertisement
Gambar 3.36 sequence diagram add video & advertisement Admin harus melakukan login terlebih dahulu sebelum dapat mengunggah video. setelah Admin login, admin baru dapat menguggah video – video tentang buku.
120
Sequence Diagram Login Customer
Gambar 3.37 sequence diagram login customer Untuk membeli buku, customer harus login terlebih dahulu, lalu akan dicocokan dengan data di database. Apabila data cocok maka login sukses dan akan menampilkan halaman home customer, sedangkan apabila data tidak cocok maka login gagal dan customer dapat melakukan login kembali sampai login sukses.
121
Sequence Diagram Lihat history & Status pemesanan barang (customer)
Gambar 3.38 sequence diagram lihat history & status pemesanan barang (customer) Customer dapat melihat history dan status pesanan barang yang telah dipesan oleh customer itu sendiri dengan langsung. Dengan cara, membuka halaman transaction untuk melihat history pemesanan sekaligus melihat status pemesanan buku. Customer akan segera melihat apah pesanannya telah dikirim, masih dalam proses ataupun di batalkan.
122
Sequence Diagram Lihat Barang (customer)
Gambar 3.39 sequence diagram lihat barang (customer) Customer dapat melihat barang. Dengan cara, membuka halaman book. Customer juga dapat melihat detail barang yang sudah tersedia dihalaman books.
123
Sequence Diagram Pesan Barang customer
Gambar 3.40 sequence diagram pesan barang customer Customer dapat memesan. Dengan cara, membuka halaman home atau halaman books dan memilih-milih barang yang akan di beli. Setelah customer memilih pesanan sesuai yang diinginkannya pesanan disimpan ke dalam database.
124
Sequence Diagram Edit Password (customer)
Gambar 3.41 sequence diagram edit password Customer harus melakukan login terlebih dahulu sebelum dapat mengubah password. setelah customer login, customer dapat dapa melihat halaman my profile, disitulah customer dapat mengubah password nya.
125
3.7.4 Activity diagram Dalam activity diagram akan menjelaskan tentang proses - proses dan fungsi -fungsi berjalan pada rancangan sistem yang kami usulkan, sesuai dengan use case. 3.7.4.1 Activity diagram register
Gambar 3.42 Activity diagram register
126
3.7.4.2 Activity diagram login (customer)
Gambar 3.43 Activity diagram login (customer)
127
3.7.4.3 Activity diagram tambah barang
Gambar 3.44 Activity diagram tambah barang
128
3.7.4.4 Activity diagram ubah barang
Gambar 3.45 Activity diagram ubah barang
129
3.7.4.5 Activity diagram hapus barang
Gambar 3.46 Activity diagram hapus barang
130
3.7.4.6 Activity diagram lihat customer
Gambar 3.47 Activity diagram lihat customer
131
3.7.4.7 Activity diagram lihat history & ubah status barang
Gambar 3.48 Activity lihat history & ubah status barang
132
3.7.4.7 Activity diagram lihat barang
Gambar 3.49 Activity diagram lihat barang
133
3.7.4.8 Activity diagram edit profil (admin)
Gambar 3.50 Activity diagram ubah profil admin
134
3.7.4.9 Activity diagram edit profil (customer)
Gambar 3.51 Activity diagram edit profil customer
135
3.7.4.10 Activity diagram edit best seller
Gambar 3.52 Activity diagram edit best seller
136
3.7.4.11 Activity diagram add company profile
Gambar 3.53 Activity diagram add company profile
137
3.7.4.12 Activity diagram add new release
Gambar 3.54 Activity diagram add new release
138
3.7.4.13 Activity diagram edit contact us
Gambar 3.55 Activity diagram edit contact us
139
3.7.4.14 Activity diagram add category
Gambar 3.56 Activity diagram add category
140
3.7.4.15 Activity diagram pembayaran (customer) Customer
System
Open web application
Enter username & password
Press sign in button
Cek username & password
Valid
Not valid
Show home customer
Klick transaction menu
Delete status order Confirm order detail
confirm order detail
Delete status order
Data display
Delete confirmed
Fill confirmation form
Save to database
Data saved
Display data order
/Not done /Done
Logout
Gambar 3.57 Activity diagram pembayaran (customer)
141
3.7.4.16 Activity diagram pembayaran (admin)
Gambar 3.58 Activity diagram pembayaran (admin)
142
3.7.4.17 Activity diagram add video & advertisement
Gambarr 3.59 Activity add & edit video & advertisement
143
3.7.4.18 Activity diagram login customer
Gambar 3.60 Activity diagram login customer
144
3.7.4.18 Activity diagram lihat history dan status pemesanan barang
Gambar 3.61 Activity diagram lihat history dan status pemesanan barang
145
3.7.4.19 Activity diagram lihat best seller
Gambar 3.62Activity diagram lihat Best seller
146
3.7.4.20 Activity diagram Lihat company
Gambar 3.63 Activity diagram lihat company
147
3.7.4.21 Activity diagram Lihat contact us
Gambar 3.64Activity diagram lihat kontak perusahaan
148
3.7.4.22 Activity diagram Lihat new release
Gambar 3.65 Activity diagram lihat new release
149
3.7.4.23 Activity diagram lihat category
Gambar 3.66 Activity diagram lihat category
150
3.7.4.24 Activity diagram edit password
Gambar 3.67 Activity diagram edit password
151
3.7.4.25 Activity diagram lihat barang
Gambar 3.68 Activity diagram lihat barang
152
3.7.4.26 Activity diagram pesan barang
Gambar 3.69 Activity diagram pesan barang
153
3.7.5 Entity Relationship Diagram Relational database adalah representasi logical dari data. Data tersebut dapat diakses tanpa ada ketergantungan dengan struktur fisik dari database tersebut. ERD disini digunakan untuk memodelkan struktur data dan hubungan antar data. Order
1…*
PK
order_ID
FK1
transaction_ID order_no order_date order_time order_status order_detail
1...1 User PK
Transaction
ID
1…* Type Name Address Phone
1...1
PK
transaction_ID
FK1
ID order_no order_date
Transaction_detail
1…*
1...1
PK
trdetail_ID
FK1
transaction_ID item_name purchase_qty purchase_price
1...1 *…1 Video
Item
PK
video_ID
FK1
item_ID video_title video_length video_time
1...1
1...1
PK
item_ID
FK1
trdetail_ID item_name item_quantity item_price item_information item_image item_author
Comment
1...1
1...1
PK
comment_ID
FK1
ID Login_type comment_time comment_username comment item_ID
1...1
Payment PK
payment_ID
FK1
transaction_ID payment_method
Gambar 3.70 Entity Relationship Database
1…*
1...1 Status PK
status_ID
FK1
trdetail_ID status_type status
154
3.7.6 Rancangan Basis Data Setelah merancang rancangan sistem yang diusulkan, kami membuat rancangan database untuk e - application yang kami buat. Database yang kami rancang kami beri nama database gadika pustaka. Dibawah ini akan menjelaskan seluruh isi dari database gadika pustaka. Tabel User Tabel 3.27 Tabel User Field
Type
Panjang Keterangan Penjelasan
ID
Int
20
Primary key
login_password varchar 20
Foreign key
Name
Foreign key
varchar 20
Nilai unik dari id user Password customer User name yang dipakai customer
Address
varchar 500
Foreign key
Alamat customer
Phone
Int
Foreign key
No telepon customer
20
Tabel user ini menjelaskan database dari customer - customer yang ada dan fungsi yang sesuai dengan keperluan user tersebut.
155
Tabel transaction Tabel 3.28 Tabel transaction Field
Type
Panjang
Keterangan
Penjelasan
transaction_ID
Int
20
Primary key
Nilai unik dari setiap transaksi
Trdetail_ID
Int
20
Foreign key
Detail transaksi yang berhubungan dengan transaksi
Item_id
Int
20
Foreign key
Id unik dari item yang berhubungan dengan transaksi
Item_name
Varchar 20
Foreign key
Nama barang dari item produk
Order_no
Int
20
Foreign key
No pesanan produk
Tabel transaction menjelaskan laporan transaksi yang terjadi dan saling berhubungan dengan database lainnya.
156
Tabel transaction_detail Tabel 3.29 Tabel transaction_detail Field
Type
panjang
Keterangan
Penjelasan
Trdetail_ID
Int
20
Primary key
Nilai unik dari transaksi detail
Item_ID
Int
20
Foreign key
ID unik dari table item
Item_name
Varchar
20
Foreign key
Keterangan nama produk dari table item
Purchase_quantity Int
100
Foreign key
Keterangan jumlah barang
Purchase_price
Int
100000000 Foreign key
Keterangan harga barang
Order_date
varchar
Date time
Foreign key
Keterangan tanggal pembelian
Order_time
Int
Date time
Foreign key
Keterangan waktu pembelian
Tabel transaction_detail ini menjelasakan detail dari setiap transaksi.
157
Tabel status Tabel 3.30 Tabel status Field
Type
panjang Keterangan penjelasan
status_ID
int
20
Primary key
Nilai unik untuk status pesan
status_type varchar
20
Foreign key
status
20
Foreign key
varchar
Type pesan
Tabel status ini menjelaskan database tentang status pemesanan user, seperti pemesanan barang yang sudah dibayar, dibatalkan atau sudah di kirim. Tabel item Tabel 3.31 Tabel item Field
Type
panjang
Keterangan Penjelasan
item_id
Int
20
Primary key
Nilai unik untuk setiap produk
item_name
varchar 20
Foreign key
item_quantity
Int
Foreign key kuantitas
100
nama produk
produk item_price
Int
100000000 Foreign key
harga produk
158
item_image
varchar 20
Foreign key
Gambar produk
item_information varchar 500
Foreign key
Informasi tentang produk tersebut
Tabel item menjelaskan database suatu produk dan infromasi yang berhubungan dengan produk tersebut secara mendetail. Tabel Category Tabel 3.32 Table category Field
Type
panjang Keterangan penjelasan
Category_ID
Int
20
Primary key
Nilai unik untuk identitas kategori
Category_type
Varchar 20
Foreign key
Penjelasan tipe jenis kategori
Category_name Varchar 20
Foreign Key Penjelasan untuk nama kategori
Tabel category menjelaskan database suatu kategori buku dan informasi kategori buku.
159
Tabel Best Seller Tabel 3.33 Tabel best seller Field
Type
panjang
Keterangan Penjelasan
Bs_ID
Int
20
Primary key
Nilai unik untuk setiap produk
bs_name
varchar
20
Foreign key
nama best seller
bs_description Varchar 100000
Foreign key Deskripsi best seller
bs_author
Varchar 50
Foreign key
Penulis best seller
bs_category
varchar
20
Foreign key
Kategori best seller
bs_price
varchar
1000000 Foreign key
Harga best seller
Tabel best seller menjelaskan database best seller pada sebuah produk buku Tabel Video Tabel 3.34 Tabel Video Field
Type
Panjang Keterangan
Video_ID
Int
20
Primary key
video_length
Int
50
Foreign key
Penjelasan Nilai unik dari id user User name yang dipakai customer
video_title
Varchar
50
Foreign key
Alamat customer
video_time
Date time 50
Foreign key
No telepon customer
160
Tabel Comment Tabel 3.35 Tabel Comment Field
Type
Panjang Keterangan Penjelasan
Comment_ID
Int
20
Primary key
Nilai unik dari id user
login_type
Int
50
Foreign key
User name yang dipakai customer
comment_date
varchar
comment_name Date
50
Foreign key
Alamat customer
50
Foreign key
No telepon
time comment
Varchar
customer 500
161
3.7.7 Rancangan layar Pada sub bab ini, kami merancang desain layar dari e-applicaion yang akan kami buat. Terdapat 3 bagian yaitu rancangan layar admin, rancangan layar customer dan rancangan layar index. Pada setiap rancangan dibagi menjadi beberapa bagian, setiap rancangan layar disesuaikan dengan kebutuhan yang berbeda sesuai type user. Rancangan layar Index
Gambar 3.71 Rancangan Layar Index (Home)
162
Rancangan layar Index
Gambar 3.72 Rancangan Layar Books (Buku)
163
Rancangan Layar Books Detail
Gambar 3.73 Rancangan Layar Books Detail (Detail Buku)
164
Rancangan Layar New Release
Gambar 3.74 Rancangan Layar New Release (Buku Terbaru)
165
Rancangan Layar Company
Gambar 3.75 Rancangan Layar Company (Perusahaan)
166
Rancangan Layar Contact Us
Gambar 3.76 Rancangan Layar Contact Us (No Perusahaan)
167
Rancangan Layar Category Book
Gambar 3.77 Rancangan Layar Category Book (Kategori Buku)
168
Rancangan Layar Book Best Seller
Gambar 3.78 Rancangan Layar Book Best Seller (Buku Penjulan Tertinggi)
169
Rancangan Layar Warning Sign Up
Gambar 3.79 Rancangan Layar Warning Sign Up (Peringatan Sign Up)
170
Rancangan Layar RSS News Link
Gambar 3.80 Rancangan Layar RSS News Link (Link Berita)
171
Rancangan Layar Register Link
Gambar 3.81 Rancangan Layar Register Link (Daftar Anggota)
172
Rancangan Layar Forgot Password
Gambar 3.82 Rancangan Layar Forgot Password (Lupa Password)
173
Rancanga layar admin
Gambar 3.83 Rancangan Layar Index (Home) Admin
174
Rancangan Layar Costumer
Gambar 3.84 Rancangan Layar Lihat Costumer (Konsumen) Admin
175
Rancangan Layar Costumer 2 (Konsumen 2)
Gambar 3.85 Rancangan Layar Lihat Costumer Admin (Next)
176
Rancangan Layar Costumer 3 (Konsumen 3)
Gambar 3.86 Rancangan Layar Lihat Costumer Admin (next)
177
Rancangan Layar Categories
Gambar 3.87 Rancangan Layar Categories (Kategori) Admin
178
Rancangan Layar Produks – Books
Gambar 3.88 Rancangan Layar Produks – Books (Buku – Buku) Admin
179
Rancangan Layar Produk - Books
Gambar 3.89 Rancangan Layar Produk - Books (Upload Foto) Admin
180
Rancangan Layar Produk List Books
Gambar 3.90 Rancangan Layar Produk List Books (Hapus List Buku – Buku) Admin
181
Rancangan Layar Company
Gambar 3.91 Rancangan Layar Company (Perusahaan) Admin
182
Rancangan Layar Contact Us
Gambar 3.92 Rancangan Layar Contact Us (No Perusahaan) Admin
183
Rancangan Layar Invoice
Gambar 3.93 Rancangan Layar Invoice (Pencatatan Sementara) Admin
184
Rancangan Layar Invoice (View Order Detail)
Gambar 3.94 Rancangan Layar Invoice (View Order Detail) Admin
185
Rancangan Layar Invoice - Delete
Gambar 3.95 Rancangan Layar Invoice admin (delete confirmation)
186
Rancangan Layar Video & Advertisiment
Gambar 3.96 Rancangan Layar Video & Advertisiment (Video Buku) Admin
187
Rancangan Video & Advertisiment – Upload Video
Gambar 3.97 Rancangan Video & Advertisiment – Upload Video (Masukkan Video Buku) Admin
188
Rancangan Layar Log Out Admin
Gambar 3.98 Rancangan Layar Log Out Admin (Keluar Halaman Admin) Admin
189
Rancangan Layar Index Customer
Gambar 3.99 Rancangan Layar Index (Home) User
190
Rancangan Layar My Profile
Gambar 3.100 Rancangan Layar My Profile (Profile User) User
191
Rancangan Layar Edit Profile
Gambar 3.101 Rancangan Layar Edit Profile (Ubah Profile) User
192
Rancangan Layar My Chart
Gambar 3.102 Rancangan Layar My Chart (Keranjang) User
193
Rancangan Layar My Chart – Finish Shopping
Gambar 3.103 Rancangan Layar My Chart – Finish Shopping (Selesai Belanja) User
194
Rancangan Layar My Chart – Finish Shopping - Proses
Gambar 3.104 Rancangan Layar My Chart Finish Shopping (User)
195
Rancangan Layar Transaction
Gambar 3.105 Rancangan Layar Transaction (Tabel Transaksi) User
196
Rancangan Layar Transaction (Confirm payment)
Gambar 3.106 Rancangan Layar Order detail
197
Rancangan Layar Categories
Gambar 3.107 Rancangan Layar Categories (Kategori) User
198
Rancangan Layar Buku Best Seller
Gambar 3.108 Rancangan Layar Buku Best Seller (Buku Penulan Tertinggi) User
199
Rancangan Layar RSS News
Gambar 3.109 Rancangan Layar RSS News (Link Berita) User
200
Rancangan Layar Books
Gambar 3.110 Rancangan Layar Books (Buku – Buku) User
201
Rancangan Layar Books Detail
Gambar 3.111 Rancangan Layar Books Detail (Detail Buku – Buku) User
202
Rancangan Layar New Release
Gambar 3.112 Rancangan Layar New Release (Buku Terbaru) User
203
Rancangan Layar Company
Gambar.3.113 Rancangan Layar Company (Perusahaan) User
204
Rancangan Layar Contact Us
Gambar 3.114 Rancangan Layar Contact Us (No.Perusahaan) User
205
Rancangan Layar Log Out
Gambar 3.115 Rancangan Layar Log Out (Keluar Halaman) User