BAB III ANALISIS DAN PERANCANGAN III.1. Analisa Sistem Yang Sedang Berjalan Proses analisa sistem merupakan langkah kedua pada fase pengembangan sistem. Analisa sistem dilakukan untuk mengetahui kelebihan dan kekurangan dari sistem yang selama ini dijalankan oleh perusahaan serta memahami informasiinformasi yang didapat dan dikeluarkan oleh sistem itu sendiri. Untuk mengetahui kelebihan dan kekurangan sistem tersebut, maka perlu diketahui bagaimana sistem yang sedang berjalan pada perusahaan. Pada bagian ini, penulis memaparkan tentang analisa sistem yang berjalan di Penerbit Yrama Widya mulai dari proses pemesanan hingga proses penjualan yang digunakan dalam menangani sistem informasi penjualan buku. III.1.1. Input Analisa input dilakukan untuk mengetahui data apa saja yang diperlukan untuk pemprosesan selanjutnya oleh penerbit yrama widya. Adapun proses penginputan data adalah seperti penjualan yang penginputannya masih manual. III.1.2. Proses Untuk memudahkan menganalisis proses yang dilakukan pada sistem berjalan, digunakan Flow Of Document (FOD). FOD penerapan sistem informasi pembelian buku dapat dilihat dilihat pada gambar III.1. berikut ini:
30 pelanggan Admin Bagian persediaan Pimpinan Data pemesanan Entri data pelanggan Cek status Laporan pembelian Data pemesanan Cek data pemesanan produk Data persediaan Bon pemesanan Data pembelian Tulis laporan Pembayaran Laporan penjualan Gambar III.1.: Flow Of Document Sistem Berjalan Sumber Penerbit Yrama Widya Berdasarkan FOD data dapat dijelaskan bahwa pelanggan atau calon pembeli datang ke penerbit atau memesan melalui telepon. Selanjutnya berdasarkan informasi yang diterima, pegawai admin menerima menyerahkan data pesanan kepada karyawan
31 bagian persediaan untuk memeriksa ketersediaan buku yang dipesan. Selanjutnya admin menulis bon pemesanan dan memberikan kepada pelanggan. Setelah semua selesai lalu pelanggan membayar secara tunai kepada admin, lalu admin menulis bon pembeliaan serta laporan penjualan untuk diserahkan kepada pimpinan. III.1.3. Output Dokumen keluaran yang digunakan untuk menganalisis sistem informasi penjualan buku adalah sebagai berikut: Adapun laporan penjualan buku dapat dilihat pada gambar III.2. berikut ini: Gambar III.2: Laporan Penjualan Buku
32 III.2. Evaluasi Sistem Yang Berjalan Dalam hal ini sistem yang digunakan penerbit yrama widya dalam proses penjualan buku belum tergolong efektif dikarenakan sistem informasi penjualan buku masih tergolong manual. Pengolahan sistem infomasi penjualan buku yang masih menggunakan excel terkadang membuat pekerjaan lebih lama dan terkadang sering terjadi kesalahan dalam penginputan. Dalam pembuatan laporan dan penyajian informasi penjualan buku memakan banyak waktu dan kurang akurat. Oleh karena itu perlunya perancangan sistem informasi penjualan buku dan stok buku berbasis web sehingga mempermudah pembeli untuk dapat membeli buku terbitan yrama widya yang mereka inginkan dengan mudah dan efisien sehingga pembeli menemukan kenyamanan dalam pembelian buku. Dengan sistem informasi yang akan dirancang, maka diharapkan sistem ini akan lebih mudah karena telah menggunakan aplikasi yang dibuat sesederhana mungkin. Hal ini bertujuan untuk mempermudah bagian penjualan dalam memasarkan bukunya serta tersedia laporan hasil penjualan buku sehingga akan terasa lebih efektif dan efisien. Sistem informasi penjualan yang dirancang juga didukung oleh adanya database yang berperan dalam menyimpan data-data pelanggan dan data penjualan, apabila terjadi kesalahan akan lebih mudah dalam memperbaikinya. III.3. Desain Sistem Untuk membantu proses perancangan sistem informasi penjualan buku pada penerbit. Yrama Widya berbasis web penulis mengusulkan pembuatan sebuah sistem yang menggunakan aplikasi program yang lebih mudah dalam pengolahannya. Dengan
33 menggunakan PHP dan database MySQL untuk memudahkan dalam perancangan dari aplikasi itu sendiri. III.3.1. Desain Sistem Secara Global Perancangan global atau desain konseptual atau disebut juga dengan nilai logika yaitu perancangan prosedur sistematika atau logika secara konseptual yang berfungsi untuk membenahi sistem yang sedang berjalan. Dalam perancangan global ini, diuraikan rancangan proses sistem yang diusulkan berupa diagram. Penulis menggunakan metode UML untuk menggambarkan sistem usulan Dimana rancangan sistem usulan seperti terlihat pada gambar berikut ini : 1. Diagram Use Case Use case adalah interaksi atau dialog antara sistem dan aktor, termasuk pertukaran pesan dan tindakan yang dilakukan oleh sistem. Adapun rancangan diagram use case sistem informasi penjualan buku yang dirancang penulis adalah seperti pada gambar III.3 berikut ini :
34 home Profil user Cara Pembelian Semua Produk hubungi kami Keranjang Belanja pilih barang admin Login Home keranjang belanja Edit Profil Login Member Edit Produk Logout Order Ongkos Kirim Cara Pembelian Hubungi Kami Laporan Logout owner Gambar III.3: Diagram Use Case Sistem Informasi Penjualan Buku Berbasis Web
35 Diagram Use Case di atas menunjukkan bahwa entitas yang terlibat di dalam sistem informasi penjualan buku ada 2 entitas yang masing-masing mempunyai hak sebagai berikut : a. Administrasi Administrasi sangat berperan penting dan terlibat langsung pada semua proses yang terjadi termasuk pengaturan data user - Data buku Pada proses ini, bagian administrasi harus mendata buku-buku apa saja yang akan dijual terlebih dahulu untuk dapat mengoperasikan sistem. - Data Pelanggan Pada proses ini, bagian administrasi dapat mengetahui data pelanggan yang akan membeli buku dengan melakukan login terlebih dahulu - Data Transaksi Pada proses ini, bagian administrasi dapat melihat transaksi yang terjadi setiapa harinya. - Laporan Pada proses ini, bagian administrasi dapat melihat dan mencetak laporan penjualan. b. user - pesan barang Pada proses ini user dapat memesan buku dan membelinya secara online - keranjang belanja Pada proses ini user dapat melihat jumlah buku yang akan mereka pesan.
36 - registrasi Pada proses ini user harus mendaftarkan diri sebagai member agar dapat membeli semua buku yang telah mereka pesan. 2. Diagram Class Adapun rancangan diagram class sistem informasi penjualan buku yang dirancang penulis adalah seperti pada gambar III.4 berikut ini : Gambar III.4: Diagram Class Sistem Informasi Penjualan Buku Berbasis web
37 3. Sequence Diagram Pada dasarnya, diagram sequensial merupakan perincian dari diagram activity, seperti yang dapat kita lihat pada di atas, untuk melakukan proses yang ada pada sistem ini, maka diperlukan sebuah kontrol. Kontrol menjadi jembatan antara form dengan entity(tabel) yang digunakan. a. Sequence Diagram Admin Adapun rancangan Sequence diagram login adalah seperti pada gambar III.8 berikut ini Form Login Database Menu Admin Login Admin Validasi login Hasil Username dan password salah Username dan password benar Gambar III.5: Sequence Diagram Login Admin Adapaun penjelasan dari squence diagram admin adalah admin masuk mengunakan menu login, setelah masuk admin mengisi menu login yang tersedia apabila valid maka admin akan masuk ke halaman utama admin, apabila tidak valid maka admin akan kembali ke menu login.
38 b. Sequence Diagram User Adapun rancangan Sequence diagram login user adalah seperti pada gambar III.6 berikut ini : Form Login database menu utama Login user Validasi login Hasil Username dan password salah Username dan password benar Gambar III.6 : Sequence Diagram Login User Adapun penjelasan dari squence diagram user adalah user dapat masuk ke halaman utama, setelah masuk mereka dapat memesan barang yang mereka inginkan. Kemudian untuk melakukan pingisian data pelanggan user harus lagin terlebih dahulu. Pelanggan lama dapat mengisi nama dan password mereka, sedangkan pelanggan baru dapat mengisi data baru pelanggan. c. Sequence Diagram Owner Adapun rancangan Sequence diagram login user adalah seperti pada gambar III.7 berikut ini :
39 Form Login Database Menu Owner Login Owner Validasi login Hasil Username dan password salah Username dan password benar Gambar III.7 : Sequence Diagram Login Owner Adapaun penjelasan dari squence diagram owner admin adalah owner admin masuk mengunakan menu login, setelah masuk owner mengisi menu login yang tersedia apabila valid maka admin akan masuk ke halaman utama owner, apabila tidak valid maka owner akan kembali ke menu login. III.3.2. Activity Diagram Activity diagram menggambarkan berbagai aliran aktivitas dalam sistem yang sedang dirancang, bagaiman masing-masing alir berawal, decision yang mungkin terjadi dan bagaimana mereka berakhir. Activity diagram juga dapat menggambarkan proses pararel yang terjadi pada beberapa eksekusi. Berikut ini merupakan activity diagram perancangan sistem informasi penjualan buku yang dirancang:
40 1. Login Admin isi password cek validasi Ya tampilan menu utama Gambar III.8. activity Diagram Login Admin Adapun penjelasan dari activity diagram Login Admin adalah admin masuk dengan mengisi password apabila valid maka admin masuk ke halaman awal admin, apabila tidak valid admin akan kembali ke menu login.
41 2. Login User isi password cek validasi Ya tampilan menu utama Gambar III.9. Activity Diagram Login User Adapun penjelasan dari activity diagram Login user adalah user masuk dengan mengisi password apabila valid maka user masuk ke halaman awal user, apabila tidak valid user akan kembali ke menu login. III.4. Desain Sistem Secara Detail Desain output sistem ini berisikan pemilihan menu dan hasil pencarian yang telah dilakukan. Adapun bentuk rancangan output dari sistem informasi penjulan buku pada penerbit. Yrama Widya ini adalah sebagai berikut:
42 III.4.1. Desain Output 1. Desain halaman utama menampilkan halaman awal dari perancangan penjualan buku. Berikut hasil rancangan output halaman utama Penerbit Yrama Widya. Banner Kategori Keranjang belanja Nama buku Nama buku Produk Best Seller Image harga Image harga Customer Service beli beli Statistik pengunjung footer Gambar III.10. Output Halaman Utama 2. Desain Halaman Profil Rancangan output halaman profil menampilkan profil penerbit. Berikut adalah rancangan halaman profil penerbit Yrama Widya.
43 Profil <<text>> Gambar III.11. Output Halaman profil 3. Desain halaman Cara Pembelian Rancangan output halaman Cara Pembelian menampilkan cara membeli produk di penerbit yrama widya pada user. Berikut hasil rancangan halaman Cara Pembelian penerbit yrama widya: Cara Pembelian <<text>> Gambar III.12. Output Halaman Utama Cara Pembelian
44 4. Desain halaman Produk Rancangan output halaman produk menampilkan produk yang dijual di penerbit yrama widya pada user. Berikut hasil rancangan halaman produk penerbit yrama widya: Semua Produk Harga: xxx <<gbr>> Harga: xxx <<gbr>> beli Selengkapnya beli Selengkapnya Harga: xxx Harga: xxx <<gbr>> Harga: xxx <<gbr>> beli Selengkapnya beli Selengkapnya Halaman: 1 2 3 Gambar III.13. Output Halaman Semua Produk
45 5. Desain Halaman Keranjang Belanja Rancangan output halaman Keranjang Belanja menampilkan jumlah buku dan harga buku yang telah di beli oleh pembeli. Berikut hasil rancangan halaman Keranjang Belanja penerbit yrama widya: Keranjang Belanja No produk Nama Produk Berat Qty Harga Sub Total Hapus xx xx xx xx xx xx xx xx Lanjutkan Belanja Selesai Belanja Gambar III.14. Output Halaman Keranjang Belanja
46 6. Desain Halaman Hubungi Kami Rancangan output halaman Hubungi Kami membantu user untukmendapatkan informasi yang dibutuhkan. Berikut hasil rancangan Hubungi Kami penerbit yrama widya: Hubungi kami Nama: Email: Subjek: Pesan: Kirim Gambar III.15. Output Halaman Hubungi Kami
47 7. Desain halaman Update Produk Admin Rancangan produk admin digunakan untuk mengupdate produk. Berikut hasil rancangan halaman update produk: Update Produk Nama Produk : Kategori : Berat : Harga : Diskon : % Stok : Deskripsi : <<gbr>> Ganti Gambar Browse Simpan Batal Gambar III.16. Output Halaman Update Produk
48 8. Desain Halaman Utama Admin Rancangan output halaman admin menampilkan halaman awal admin setelah melakukan login. Berikut hasil rancangan halaman admin penerbit. Yrama Widya: Banner Home Ganti password Profil Kategori Produk Order Ongkos Kirim Hai Administrator, selamat datang di halaman Administrator. Silahkan klik untuk menu pilihan yang berada di sebelah kiri untuk mengelola content website ini. kelola dengan baik :). Cara pembelian Hubungi Kami Banner Laporan Logout Gambar III.17. Output Halaman Utama Admin 9. Desain Halaman Laporan Rancangan output halaman admin menampilkan halaman awal admin setelah melakukan login. Berikut hasil rancangan halaman admin penerbit. Yrama Widya:
49 Laporan Laporan Hari ini Laporan Per Periode Dari Tanggal tanggal bulan Tahun s/d Tanggal tanggal bulan Tahun Proses Gambar III.18. Output Halaman Laporan III.4.2. Desain Input Berikut ini adalah rancangan form masukan (input) yang penulis gunakan dalam perancangan sistem informasi penjualan buku pada penerbit. Yrama Widya berbasis web. 1. Desain Halaman Daftar Kustomer Rancangan halaman daftar kustomer digunakan untuk mendaftarkan user. Halaman daftar kustomer terdiri dari nama, password, alamat, no telepon, email, serta kota tujuan. Berikut hasil rancangan halaman daftar kustomer :
50 KUSTOMER BARU Nama Lengkap : Password : Alamat pengiriman : No telepon/hp : Email : Kota Tujuan : Daftar Gambar III.19: Rancangan Daftar Kustomer 2. Desain Halaman Login Admin Rancangan halaman Login Admin adalah sebuah halaman yang meminta admin menginputkan username dan password. Berikut hasil rancangan login admin : Login Username Password Login Gambar III.20: Input Halaman Login Admin
51 3. Desain Halaman Tambah Barang Admin Rancangan halaman Tambah Barang Admin digunakan untuk menambah produk. Berikut hasil rancangan Halaman Tambah Barang Admin: Gambar III.21 : Input Halaman Tambah Produk
52 5. Desain Halaman Ganti Password Rancangan input halaman Ganti Password Admin digunakan untuk mengganti password admin yang lama. Berikut hasil rancangan Halaman Ganti Password: Ganti Password Masukkan Password lama : Masukkan Password baru : Masukkan lagi Password baru : Proses Batal Gambar III.22 : Rancangan Ganti Password II.4.3. Desain Database Dalam merancang dan membuat sebuah sisten, database berfungsi sebagai suatu bentuk pengolahan data yang ditunjukan agak pengaksesan terhadap data dapat dilakukan lebih mudah dan efektif. Database atau sering disebut basis data adalah sekumpulan informasi yang disimpan dalam komputer secara sistematik dan
53 merupakan sumber informasi yang dapat dipeeriksa menggunakan suatu program komputer. III.4.3.1. Desain Table Perancangan database menggunakan MySQL dimana nama database yang diberikan adalah dbtoko. Adapun database yang dirancang adalah sebagai berikut : 1. Tabel Admin Nama file : admin Media : MySQL Struktur : Tabel III.1: Struktur Tabel admin Field Data Type Size Uraian Username Char 50 Id admin Password Varchar 50 Password admin nama_lengkap Varchar 100 Nama admin Email Detetimme 100 Email admin No_tlpn Char 20 No tlpn admin 2. Tabel Hubungi Nama file : Hubungi Media : MySQL. Struktur : Tabel III.2: Struktur Hubungi Field Data Type Size Uraian id_hubungi int 5 Id hubungi Nama varchar 50 Nama user email varchar 100 Email user Subjek varchar 100 Subjek pesan pesan text pesan tanggal date Tanggal pengiriman pesan
54 3. Tabel kustomer Nama file : kustomer Media : MySQL. Struktur : Tabel III.3 : Struktur Tabel kustomer Field Data Type Size Uraian id_kustomer int 5 Id kustomer Password Varchar 50 Password customer nama_lengkap Varchar 100 Nama customer Alamat text Alamat customer Email Varchar 100 Email customer Telpon Varchar 20 Telepon customer id_kota int 5 Kode pos 4. Tabel produk Nama file : tblproduk Media : MySQL Struktur : Tabel III.4 : Struktur Tabel produk Field Data Type Size Uraian id_produk Int 5 Id produk id_kategori Int 5 Id kategori nama_produk varchar 100 Nama produk produk_seo varchar 100 Produk Deskripsi text Deskripsi harga Int 20 Harga produk Stok Int 5 Stok produk Berat decimal 5,2 Berat produk tgl_masuk date Tanggal masuk produk Gambar varchar 100 Gambar produk Dibeli Int 5 Dibeli Diskon Int 5 diskon produk
55 5. Tabel order Nama file : tbl order Media : MySQL Struktur : Tabel III.5 : Struktur Tabel order Field Data Type Size Uraian id_orders Int 5 Id orders status_order varchar 50 Status order tgl_order date Tgl order jam_order time Jam order id_kustomer int 5 Id kustomer 6. Tabel kota Nama file : tblkota Media : MySQL Struktur : Tabel III.5 : Struktur Tabel kota Field Data Type Size Uraian id_kota Int 3 Id kota nama_kota varchar 100 Nama kota Ongkos_kirim int 10 Ongkos kirim