Pengembangan Website Online Bookshop Dengan Menggunakan PHP dan MySQL. 1)Triana Pamungkas, Program Studi/Jurusan Sistem Informasi, Universitas Gunadarma Jakarta, email:
[email protected] telp : 021-91269131/ 021-92583097 2) Universitas Gunadarma, Jakarta Indonesia, email:
[email protected] Abstrak : Pada dunia retail keberadaan internet pada saat ini sangat bermanfaat, selain sebagai media promosi juga dapat digunakan untuk sarana transaksi belanja secara elektronik atau yang lebih dikenal dengan istilah E-Commerce. Aplikasi ini berjalan diatas teknologi internet, sehingga dapat diakses oleh pelanggan dari berbagai tempat diseluruh dunia. Aplikasi ini meliputi kegiatan-kegiatan berupa Informasi Cabang Toko Buku dan Data Stok Buku, Informasi Produk Buku Terbaru, Informasi Berita Terbaru, Informasi Buku Tamu, Informasi Forum, Informasi Polling, Informasi Tata Cara Pembayaran dan Proses Pengiriman Produk Buku, Informasi Account Pelanggan dan Proses Pemesanan Produk Buku. Secara sederhana aplikasi ini dapat melakukan pemesanan lebih cepat, menghemat biaya dan waktu bagi kedua pihak. Penggunaan bahasa pemrograman PHP dan database MySQL sangat mendukung pembuatan Website Sulthan Moslem Bookstore. Kata Kunci: MySQL, PHP, Sulthan Moslem Bookstore, UML, Website membantu konsumen untuk membeli produk buku
1. Latar Belakang Seperti kita ketahui bersama bahwa sistem
tersebut secara terhubung atau datang langsung ke
belanja pada saat ini sudah menggunakan sistem
cabang toko buku yang bersangkutan.
komputerisasi, baik dari sisi aplikasi ataupun
2. Perumusan Masalah
promosi. E-Commerce pada saat ini sudah banyak
Untuk lebih memfokuskan ruang lingkup
digunakan sebagai media transaksi karena sangat
yang akan dibahas dalam penulisan proposal
bermanfaat bagi konsumen untuk menghemat
skripsi ini akan dibahas adalah “Bagaimana
waktu, biaya dan kepastian akan suatu produk.
mengembangkan Website Online Bookshop ini
Kelemahan website e-commerce yang ada pada
sehingga memudahkan konsumen dalam transaksi
saat ini yaitu hanya melayani pembelian secara
pemesanan dan pembelian buku, baik secara
terhubung, informasi akan produk buku ditoko
terhubung ataupun langsung. Konsumen dapat
buku terdekat dengan konsumen tidak ada sehingga
mengetahui buku apa saja yang dijual, harga yang
konsumen hanya dapat melakukan transaksi secara
harus dibayarkan untuk mendapatkan buku tersebut
terhubung.
dan ada di cabang mana saja buku tersebut tersedia,
Untuk permasalahan tersebut disini kami ingin
mengetengahkan
suatu
wacana
dalam
mengatasi hal tersebut, yaitu “Pengembangan
serta dilengkapi dengan stok buku tersebut”.
3. Tujuan Penelitian Adapun tujuan dari penelitian ini adalah:
Website Online Bookshop”. Diharapkan dengan ini
Memudahkan
dapat menjadi solusi yang tepat bagi konsumen
informasi buku-buku dan melakukan transaksi
untuk mendapatkan kepastian
pemesanan dan pembelian produk buku secara
buku
dicabang
toko
buku
informasi produk sehingga
dapat
terhubung.
seseorang
untuk
mengetahui
Dalam tahapan ini website yang sudah
4. Metode Penelitian Kegiatan penelitian ini dilakukan dengan
dibuat di upload ke hosting yang telah
menggunakan 2 (dua) metode yaitu :
dibuat.
a. Metode Pengumpulan Data
menggunakan
kesempatan hosting
ini
penulis
gratis
di
www.ueuo.com
Pengumpulan data dilakukan dengan cara:
5. Hasil dan Pembahasan
1) Dokumentasi - Data produk buku berbentuk digital yang terdapat dibuku
Website berjalan diatas teknologi internet, sehingga dapat diakses oleh pelanggan dari
2) Observasi
berbagai tempat diseluruh dunia. Selain berfungsi
- Pengamatan situs-situs e-commerce yang sudah
Pada
ada
seperti
;
amazon.com,
sebagai media belanja elektronik (e-commerce) website ini juga berfungsi sebagai media informasi
bukukita.com
produk buku dicabang toko buku, sehingga
b. Metode Pendekatan Sistem
konsumen dapat mengetahui stok produk buku
Dalam penyusunan website ini digunakan
dicabang toko yang dituju.
beberapa tahap yaitu :
Layanan Website Sulthan Moslem Bookstore
1) Perencaan Sistem Melakukan
Setelah proses unggah selesai, maka website
analisis
menghasilkan
kebutuhan
spesifikasi
untuk
ini sudah dapat beroperasi. Berikut ini merupakan
kebutuhan
contoh transaksi yang dilakukan. Ketikkan alamat
website.
http://onbooks.freevar.com
2) Desain
di
kolom
alamat
aplikasi browser, kemudian klik icon “Go”. Bila
Membuat
desain
terhadap
rancangan
aplikasi antara lain :
sukses maka tampak halaman website Sulthan Moslem Bookstore seperti pada gambar 1.0:
Desain proses melalui : -
Use Case Diagram
-
Bagan berjenjang (Hirarchy Chart)
Desain basis data meliputi : -
Activity Diagram
-
Class Diagram
-
Componen Diagram
-
Desain Interface website
3) Pengkodean
Gambar1.0. Index.php Tekan tombol “Masuk” untuk mengakses halaman utama. Tampilannya terlihat pada gambar 1.1:
Dalam tahap ini dibuatkan kode program terhadap desain sistem yang telah dirancang dengan menggunakan bahasa pemrograman php. 4) Uji Coba Sebelum finishing, dilakukan percobaan terhadap sistem yang telah dirancang, sebelum nantinya diupload. 5) Implementasi
Gambar 1.1. Serambi.php
Pada halaman ini pengunjung dapat mencari buku
buku
dengan beberapa pilihan yaitu:
masukkan kata “fatwa” pada kolom pencarian.
1. Memilih buku berdasarkan nama pengarang
Bila kata kunci ditemukan terlihat pada gambar
buku yang diinginkan. Pengunjung dapat
yang
diinginkan.
Sebagai
contoh
1.5:
memilih berdasarkan abjad yang disediakan.
Gambar 1.2. Penulis.php
Gambar 1.5. Cari.php
2. Memilih buku berdasarkan nama penerbit buku
Pilih nama produk buku yang diinginkan, lalu
yang diinginkan. Pengunjung dapat memilih
muncul tampilan detail dari produk yang
berdasarkan abjad yang disediakan.
dipilih. Terdapat juga tautan ke cabang toko buku dan jumlah stoknya. Setiap produk buku tersebut terdapat di lebih dari satu cabang toko buku, dan mempunyai jumlah stok yang berbeda-beda
tiap
tokonya.
Tampilannya
terlihat pada gambar 1.6:
Gambar 1.3. Penerbit.php 3. Memilih buku dari daftar koleksi buku yang disediakan.
Pengunjung
dapat
memilih
berdasarkan abjad yang disediakan.
Gambar 1.6. Viewdetail.php Bila kita ingin melakukan pemesanan, maka dapat menekan tombol beli dan akan masuk ke halaman sc_basket.php. Transaksi yang sudah dipesan akan disimpan sementara dan pembeli juga dapat merubah jumlah pesanan, bila Gambar 1.4. Koleksi.php 4. Memilih buku berdasarkan kata kunci yang dimasukkan di kolom pencarian. Kata kunci seperti : nama penulis, nama penerbit, judul
jumlah pesanan “0”, maka otomatis data pesanan
barang
tersebut
batal.
Lakukan
pemesanan produk lainnya, bila sudah maka tampilannya terlihat pada gambar 1.7:
Tekan
tombol
“Daftar
Pelanggan”
untuk
mendaftar. Login pengguna dengan username dan password yang telah dimiliki. Bila sukses, maka pengguna akan masuk ke menu pengguna. Berikut ini tampilannya terlihat pada gambar 1.10:
Gambar 1.7. Sc_basket.php Klik tautan “[ PEMBAYARAN]” untuk masuk ke menu pengguna.. Bila pengunjung belum terdaftar sebagai pengguna, maka transaksi tidak dapat dilanjutkan dan dikirim. Berikut ini tampilan login pengguna terlihat pada gambar 1.8: Gambar 1.10. Menuuser.php Untuk melanjutkan pengiriman data transaksi pilih menu “Lanjut Transaksi”, maka akan terlihat data lengkap pengguna. Bila ada perubahan data, maka pengguna dapat menggantinya, tekan tombol “Proses
buku” untuk melanjutkan. Formulir
pemesanan lengkap dan data transaksi dapat dilihat dan siap dikirim pengguna. Tampilannya dapat di Gambar 1.8. Registrasi.php
lihat pada gambar 1.11:
Bila ingin mendaftar, pengunjung dapat memilih link “Daftar User Baru”. Data yang dimasukkan waktu registrasi sebagai pengguna akan digunakan pada saat pengiriman data pesanan produk buku. Tampilannya terlihat pada gambar 1.9:
Gambar 1.11. Formulir Pemesanan Lengkap Tekan tombol “KIRIM PEMESANAN” untuk melanjutkan pengiriman data transaksi ke email
[email protected].
Bila
pengiriman data berhasil akan ditampilkan pesan ”Terima kasih Anda telah membeli produk-produk kami”. Proses pembayaran dan pengiriman akan Gambar 1.9. Registrasi Pengguna Baru
kami informasikan kepada Anda melalui surat elektronik kami: (sulthanmoslembookstore@yahoo
.com) ke alamat surat elektronik anda. Salam,
produk yang dipesan untuk dikirim. Berikut ini
Internet Markating :: TOKO BUKU SULTHAN
tampilan email yang diterima dari pengguna:
MOSLEM BOOKSTORE”. Bagian marketing akan menerima e-mail pemesanan pengguna dari website Sulthan
Moslem
Bookstore.
Berikut
ini
tampilannya terlihat pada gambar 1.12:
Gambar 1.15. Konfirmasi Pembayaran Pengguna Setelah dikonfirmasi ke bagian keuangan data transfer dari pengguna benar sudah masuk, maka administrator
kemudian
memasukkan
data
Transaksi berupa, nama bank, nomor rekening, dan mengubah
status
transaksi.
Berikut
ini
tampilannya: Gambar 1.12. E-mail Transaksi Pemesanan Data pemesanan ini akan disamakan dengan data transaksi yang ada di basis data website. Bila sama maka transaksi benar, lalu surat elektronik tersebut akan dikirim ulang ke pengguna sebagai bukti pemesanan produk. Berikut ini tampilannya:
Gambar 1.16. Perubahan Status Transaksi Setelah itu data produk yang dipesan baru dapat Gambar 1.13. Data Transaksi di Halaman Admin Berikut ini tampilan email transaksi pemesanan
dimasukkan ke basis data. Berikut beberapa macam laporan transaksi yang disediakan:
yang dikirim ulang ke surat elektronik pengguna sebagai bukti pemesanan: Gambar 1.17. Laporan Transaksi Per-Nomor
Gambar 1.18. Laporan Transaksi Per-Status
Gambar 1.14. Pengiriman Ulang Data Transaksi Setelah pengguna menyelesaikan pembayaran, maka
pengguna
menginformasikan
bahwa
pembayaran sudah dilakukan dan segera dikirim
Gambar 1.19. Laporan Transaksi Per-Tanggal
Tampilannya laporan secara detail sebagai berikut:
mail, berita, dan polling. Fungsi tersebut dapat digunakan sebagai media promosi produk baru, melihat keinginan konsumen, dan sebagai pedoman untuk pemasangan iklan oleh pihak sponsor. Pemesanan buku dapat langsung dilakukan melalui website Sulthan Moslem Bookstore dan pengiriman barang akan segera dilakukan setelah konsumen menelpon,
mengirim
email
bukti
transfer
pembayaran pemesanan tersebut. Gambar 1.20. Laporan Detail
Sebagai hasil implementasinya maka kita
Pengguna juga dapat melihat laporan transaksi di
dapat melihat website yang sudah diunggah di
halaman menuuser.php Tampilannya terlihat pada
alamat http://onbooks.freevar.com
gambar 1.21:
pengunjung sebanyak 46 orang, yang mengisi buku
dengan total
tamu sebanyak 11 orang dan pengguna sebanyak 3 orang.
Terdapat pula data pemesanan buku
sebanyak 3 transaksi, yang 2 sudah diproses dengan total pembayaran Rp 126.000,- sedangkan 1 transaksi lagi belum menyelesaikan pembayaran.
7. Rujukan
Gambar 1.21. Laporan Transaksi Pengguna Tekan “LIHAT” dan masukkan “ID UNIK” yang ada di email pengguna. Bila sukses maka tampilannya terlihat pada gambar 1.22:
Gambar 3.22. Laporan Transaksi Detail Pengguna
6. Kesimpulan Telah
berhasil
dikembangkan
Website
Sulthan Moslem Bookstore yang memuat informasi mengenai produk buku dan nama toko buku. Di website
ini
juga
dilengkapi
dengan
fungsi
tambahan seperti forum, buku tamu, kontak
e-
[1] Betha Sidik, MySQL Untuk Pengguna, Administrator, dan Pengembang Aplikasi Web, Penerbit Informatika Bandung, Bandung, 2003. [2] Bunafit Nugroho, Membuat Sistem Informasi Penjualan Berbasis Web dengan PHP dan MySQL , Penerbit Gava Media, Yogyakarta, 2008. [3] Dian Andriana, Pengenalan pemrograman ECommerce dengan PHP dan MySQL, http://ilmukomputer.com/2006/08/25/pemrograman -e-commerce dengan-php dan-mysql/, 24 Juni 2008. [4] Haris Supriansyah & Kartoyo, 30 Menit Menjadi Web Master, Oase Media, Jakarta, 2007. [5] Harris, Andy, PHP / MySQL Programming for the Absolute Beginner, Premier Press, 2003. [6] Jack Febrian, Kamus Komputer dan Teknologi Informasi, Penerbit Informatika Bandung, Bandung , 2004. [7] URL: http://www.programmersheaven.com /zone39/index.htm, 24 Juni 2008. [8] URL: http://www.sentralweb.com/ jbptgunadarma-gdl-cource-2004-suryariniw -55-sim1-eco-e.pdf, 2004.