PERANCANGAN PEMBUATAN WEB E-COMMERCE DI “DISTRO PERJUANGAN” SUKOHARJO KABUPATEN PRINGSEWU
Scholastica Febriyani Mustikawati Jurusan Sistem Informasi STMIK Pringsewu Lampung Jl. Wisma Rini No. 09 pringsewu Lampung Telp. (0729) 22240 website: www.stmikpringsewu.ac.id E-mail :
[email protected] ABSTRAK Distro Perjuangan adalah salah satu distro yang baru berdiri sejak tahun 2011 yang menjual berbagai macam jenis produk seperti baju, celana, boxer, tas, topi, dompet, tali pinggang dan sandal di Sukoharjo. Dimana tujuan dari penulisan ini adalah membangun sistem informasi penjualan berbasis Web E-commerce yang dapat memberikan informasi baik untuk pihak toko maupun pelanggannya sendiri. Dengan adanya sistem penjualan berbasis web pada Distro Perjuangan diharapkan dapat memberi kemudahan kepada masyarakat untuk melakukan pembelian produk tanpa datang langsung ke tempatnya. Sistem informasi penjualan berbasis web untuk Distro Perjuangan ini menggunakan bahasa pemrograman PHP dan database MySQL. Dengan dibangunnya sistem ini dapat memperluas promosi penjualan produk yang ada, mempermudah agar pelanggan yang berada di luar kota dapat melakukan transaksi penjualan serta meningkatkan pendapatan. Kata Kunci : Web, E-commerce, PHP, MySQL
1.
PENDAHULUAN
belah pihak, baik dari pihak penjual maupun
1.1
Latar Belakang
dari pihak pembeli dalam melakukan transaksi.
Dengan perkembangan teknologi informasi
Distro Perjuangan adalah sebuah distro yang
saat ini, telah menciptakan jenis-jenis dan
menjual baju, celana, boxer, tas, topi , dompet,
peluang-peluang bisnis yang baru di mana
tali pinggang dan sandal yang berada di
transaksi-transaksi
bisnis
Sukoharjo. Sistem penjualan yang dipakai saat
dilakukan
elektronika.
secara
makin
banyak satu
ini masih menggunakan sistem secara manual,
manfaat dari keberadaan internet adalah sebagai
dimana pembeli harus datang langsung ke
media promosi suatu produk. Suatu produk
distro tersebut. Hal tersebut yang menjadi
yang
dapat
kendala bila para pelanggannya yang tidak
membawa keuntungan lebih bagi penjual
mempunyai waktu jika hanya untuk melihat
karena produknya dikenal di seluruh dunia.
produk-produk
Pada era yang modern seperti sekarang ini,
Perjuangan.
dipasarkan
Electric
melalui
Commerce
memberikan
pengaruh
atau yang
Salah
internet
e-Commerce cukup
besar
atau
belanja
di
Distro
Dengan adanya e-Commerce ini maka biaya operasional
dapat
dikurangi
dan
dapat
terhadap pertumbuhan ekonomi masyarakat.
meningkatkan pendapatan. Dan diharapkan
Keberadaan e-Commerce merupakan alternatif
dapat
bisnis
karena
membeli produk-produk yang ditawarkan oleh
memberikan banyak kemudahan bagi kedua
pelaku usaha tanpa harus datang ke tempatnya
yang
cukup
menjanjikan
memudahkan
customer
yang
akan
secara langsung, cukup melalui web dengan
kepada pelanggan untuk melakukan pemesanan
membuka produk-produk yang disediakan dan
produk dimana saja dan kapan saja dengan
dapat melakukan transaksi secara online.
layanan
pembelian
secara
online
dan
pembayaran dengan cara transfer antar bank (e1.2
banking).
Rumusan Masalah Berdasarkan latar belakang di atas maka
dapat didefinisikan beberapa masalah berikut,
1.5
yaitu :
a. Menyediakan media promosi untuk Distro
a. Bagaimana
cara
membuat
suatu
Manfaat Penelitian
Perjuangan.
Perancangan pembuatan Web E-commerce
b. Memperluas jangkauan pemasaran produk.
di Distro Perjuangan.
c. Mempermudah dalam mengakses informasi
b. Bagaimana
cara
untuk
mempermudah
pelaku usaha untuk mempromosikan toko
produk. d. Penjualan dan pemesanan dapat dilakukan
serta produknya. c. Bagaimana
cara
secara online. untuk
mempermudah
2.
LANDASAN TEORI
konsumen dalam melakukan pemesanan 2.1
tanpa harus datang langsung ke toko.
E-Commerce E-commerce atau bisa disebut Perdagangan
1.3
elektronik
Batasan Masalah Adapun batasan masalah yang ada dalam
penelitian
e-dagang
merupakan
penyebaran, pembelian, penjualan, pemasaran barang dan jasa melalui sistem elektronik
pembuatan sistem ini, yaitu : a. Objek
atau
ini
adalah
Distro
seperti internet atau jaringan komputer lainnya. Sementara
Perjuangan. b. Produk yang dijual tidak dalam bentuk
itu
Kalakota
dan
Whinston
mendefinisikan e-Commerce dari beberapa perspektif, yaitu :
grosir. c. Informasi yang disediakan berupa informasi pemesanan pemesanan,
produk
yang
pembayaran,
mencakup pengiriman
barang, laporan penjualan dan laporan data
1. Dari
perspektif
online,
e-Commerce
menyediakan kemampuan untuk menjual dan membeli produk serta informasi melalui internet dan jaringan jasa online lainnya. 2. Dari perspektif komunikasi, e-Commerce
produk.
adalah pengiriman informasi, produk/jasa, 1.4
atau pembayaran melalui jaringan telepon,
Tujuan Penelitian Menyajikan suatu program penjualan online
berbasis web yang dapat membantu Distro Perjuangan
mempromosikan
produk-produk
yang dimiliki, serta memberikan kemudahan
atau jalur komunikasi lainnya. 3. Dari perspektif pelayanan, e-Commerce adalah
alat
yang
digunakan
untuk
mengurangi biaya dalam pemesanan dan pengiriman barang.
2.2
Website Website
2.4 merupakan
media
MySQL
yang
MySQL adalah sebuah perangkat lunak
menghubungkan antara penjual (admin) dan
sistem manajemen basis data SQL atau DBMS
para pembeli (user) dalam melakukan proses
(Database Management System) yang multi-
pemesanan dan juga memungkinkan users dapat
thread, multi-user, dengan sekitar 6 juta
melihat produk yang ada.
instalasi di seluruh dunia. MySQL adalah
Secara umum, website adalah kumpulan dari
database yang cepat dan tangguh, dapat
halaman-halaman situs, yang terangkum dalam
menyimpan, mencari dan mengklarifikasi data
sebuah
yang
dengan lebih akurat dan profesional. Pada
tempatnya berada di dalam World Wide Web
MySQL sebuah database mengandung beberapa
(WWW) di dalam internet. Sebuah halaman
tabel yang terdiri dari sejumlah baris data (row
web biasanya berupa dokumen yang ditulis
atau record) yang berada dalam satu atau lebih
dalam format HTML (Hyper Text Markup
kolom.
domain
atau
subdomain,
Language) yang selalu bisa diakses melalui HTTP,
yaitu
sebuah
protokol
yang
2.5
PHP Hypertext Preprocessor (PHP)
menyampaikan informasi dari server website
PHP adalah singkatan dari “PHP: Hypertext
untuk ditampilkan kepada para pemakai melalui
Prepocessor”, yaitu bahasa pemrograman yang
web browser.
digunakan secara luas untuk penanganan pembuatan dan pengembangan sebuah situs
2.3
web dan bisa digunakan bersamaan dengan
Perancangan Sistem Menurut Susanto (2004:332) perancangan
sistem
adalah
proses
menyusun
atau
HTML. Pada awalnya PHP adalah singkatan dari “Personal Home Page Tools”, yang
mengembangkan sistem informasi yang baru.
selanjutya
diganti
Dalam tahap ini harus dapat dipastikan bahwa
Interpreter). Untuk hal-hal tertentu dalam
semua persyaratan untuk menghasilkan sistem
pembuatan web, bahasa pemrograman PHP
informasi dapat dipenuhi. Hasil sistem yang
memang diperlukan, misalnya saja untuk
dirancang harus sesuai dengan kebutuhan
memproses
pemakai untuk mendapat informasi.
pengunjung web.
data
menjadi
yang
FI
(Forms
dikirimkan
oleh
Menurut Al-Bahra (2005:51) yang terdapat dalam buku yang berjudul Analisis dan Desain Sistem
Informasi,
menjelaskan
bahwa
2.6
Internet Definisi internet adalah rangkaian atau
perancangan sistem adalah kemampuan untuk
jaringan
sejumlah
komputer
yang
membuat beberapa alternatif dalam pemecahan
berhubungan.
suatu masalah.
global yang menghubungkan berbagai jaringan
Internet merupakan
saling jaringan
yang tidak saling bergantungan satu sama lain dengan sedemikian rupa sehingga mereka dapat
berkomunikasi. Media yang menghubungkan
menyelesaikan
bisa berupa kabel, kanal satelit maupun
dihadapi.
frekuensi radio.
menguraikan layar layout, aturan bisnis,
TCP/IP
(Transmission
Control
proses
permasalahan
Desain
sistem
diagram
dan
yang
ini
juga
dokumentasi
Protocol/Internet Protocol) adalah protokol
lainnya. Hasil dari tahap ini akan
standar yang digunakan untuk menghubungkan
menjelaskan
jaringan-jaringan di dalam internet sehingga
kumpulan modul atau subsistem.
data dapat dikirim dari satu komputer ke
system
baru
sebagai
4. Pembuatan Sistem
komputer lainnya. TCP/IP berkembang cepat
Pada fase ini dilakukan pembuatan
dan kaya fasilitas karena bersifat terbuka dan
sistem baru dengan alat bantu yang
bebas digunakan, dan gratis karena tidak
digunakan, antara lain PHP dan database
dimiliki oleh siapapun.
MySQL. 5. Implementasi Sistem
3.
Pada
METODOLOGI PENELITIAN
tahapan
ini
dilakukan
implementasi dari perancangan dan Dalam
penulisan
Pembuatan
Web
laporan
Perancangan
E-Commerce
di
Distro
Perjuangan ini metode yang digunakan adalah : 1. Survei Sistem Survei
dimaksuskan
untuk
memperoleh informasi secara langsung dari toko dan juga dunia internet. Adapun teknik pengumpulan data yang digunakan, yaitu observasi, wawancara dan studi kepustakaan.
software.
Setelah perangkat lunak dibangun, maka dilakukan pengujian untuk menguji tingkat kehandalan perangkat lunak yang telah dibangun. 7. Pemeliharaan Sistem Pemeliharaan sistem adalah tahapan
2. Analisis Sistem
setelah
Tujuan dari analisa sistem adalah untuk
memperbaiki
pada tahap ini menghasilkan suatu
6. Testing
sistem
menentukan
desain yang telah dilakukan. Sehingga
masalh sistem.
upaya
untuk
Sehingga
diharapkan dengan dilakukannya analisa sistem, maka permasalahan yang ada akan dapat teratasi. 3. Desain Sistem Fase ini menyatakan bagaimana sebuah desain sistem lanjutan yang akan dibuat dengan menggambarkan sebuah model sistem yaitu ERD dan DFD untuk
pengembang
sistem
selesai
dilakukan atau setelah dioperasikan. Setelah
sistem
dibutuhkan
dioperasikan,
dukungan
sistem
maka yang
berkesinambungan agar siklus hidup sistem tetap berguna, produktif dan optimal.
4.
PERANCANGAN DAN
4.2
DFD Level 0 Sistem Sedang Berjalan
IMPLEMENTASI Data_user
Distro Perjuangan memiliki prosedur standar
Pendataan
Admin
Data_produk
dalam penjualan kepada customer. Untuk Gudang
memudahkan penggambaran secara umum
Produk
sistem yang sedang berjalan pada Distro Data_kirim_barang
Perjuangan, maka digambarkan dalam bentuk
Bayar Bukti_pengiriman
diagram arus data (DAD) atau Data Flow
Transaksi
Order_barang
Order
Pengiriman_barang
Diagram (DFD). DFD yang dibuat terdiri dari Customer
Diagram Konteks dan Diagram Level 0. Adapun
dari
diagram
tersebut
Nota_pembelian
akan Lap_order
digambarkan pula diagram konteks sistem yang
Lap_penjualan
sedang diusulkan.
4.1
Laporan
Pemilik
Gambar 2. DFD Level 0 Sistem Sedang
Diagram Konteks
Berjalan
Diagram konteks menggambarkan aliran data yang terjadi di dalam sistem secara garis besar atau secara keseluruhan. Berikut ini
4.3
DFD Level 1 Sistem Sedang Berjalan 1.1
adalah gambar diagram konteks dari sistem
Pemesanan Order_barang
yang sedang berjalan dan diagram konteks produk
sistem yang diusulkan pada Distro Perjuangan :
order
Order_barang
2.1
Customer
Admin Bukti_pembayaran
Customer
Validasi_user
Bukti_pengiriman
Konfirmasi_order
Pembayaran
produk
Bukti_pembayaran
Gudang
bayar
Login_user Nota_pembelian
Pengiriman_barang
Sistem Penjualan Distro Perjuangan
Nota_pembelian
3.1 Pengiriman
Data_kirim
Data_produk Lap_order kirim
Pemilik
Lap_penjualan
Informasi_pengiriman
Gudang
Gambar 1. Diagram Konteks Sistem Berjalan
Gambar 3. DFD Level 1 Sistem Sedang Berjalan
4.4
Diagram Konteks Sistem yang
4.6
DFD Level 1 Sistem yang Diusulkan
Diusulkan 1.1 Pemesanan Order_barang
Registrasi_member
Customer
Login_user
Order_barang
Admin
Login_member
Produk
Cek_pembayaran
Bukti_pembayaran
Order
Pembayaran via ATM
Validasi_member Validasi_user
2.1
Sistem Penjualan Distro Penjualan
Konfirmasi_order
Customer Data_produk
Nota_pembelian
Pembayaran
Bukti_pengiriman
Admin
Cek_pembayaran
Pengiriman_barang
Bukti_pembayaran
Gudang
Produk
Lap_order
Pemilik
Lap_penjualan
3.1
Pengiriman_barang Informasi_penjualan
Data_kirim
Gudang
Pengiriman
Gambar 4. Diagram Konteks Sistem yang Kirim
Diusulkan
4.5
Gambar 6. DFD Level 1 Sistem yang
DFD Level 0 Sistem yang Diusulkan
Diusulkan Registrasi_member
Customer
Login_member
Validasi_member Data_produk
1.0
4.7
Data_user
Admin
Pendataan Member
Entity Relationship Diagram (ERD) ERD
adalah
bentuk
bagan
yang
menggunakan relasi entitas suatu informasi.
Gudang Produk
Entitas
Data_kirim_barang Bukti_pengiriman Pesan_barang Bukti_pengiriman
1.0
relasi
menggunakan
Cek_pembayaran
diagram persepsi
dibuat yang
dengan
terdiri
dari
Bayar Pengiriman_barang
Transaksi
sekumpulan objek dasar yaitu entitas dan
Nota_pembelian
Order Member 3.0 Pemilik
Lap_order
hubungan antar entitas atau relasi. Hubungan antar entitas yang terjadi dalam sistem e-
Laporan
Commerce yang akan dirancang dapat dilihat
Lap_penjualan
dalam gambar berikut : Gambar 5. DFD Level 0 Sistem yang Diusulkan
email email
kategori kategori
alamat alamat
b. Desain Tampilan Halaman Utama
harga harga
warna warna
stok stok keterangan keterangan
ukuran ukuran
Nama_produk Nama_produk
Header
Id_kategori Id_kategori
Id_produk Id_produk
No_hp No_hp
nama nama
status status
Beranda
password password member
melakukan
Katalog
Cara Pembayaran
Hubungi Kami Registrasi Member
Cari :
kategori
mempunyai
produk
Nama Nama
Profil
Login Member Kategori
username username · · · · · · ·
Id_member Id_member mengelola memiliki
mengelola
mempunyai warna warna
password password
harga harga
Id_order Id_order waktu waktu
Id_konsumen Id_konsumen
pemesanan
Username :
Aksesoris Celana Kemeja T-shirt Jaket Tas Sandal
Password :
Semua Produk Baru Login
admin
Id_produk Id_produk Jml_pesan Jml_pesan
Live Chat
Nama_produk Nama_produk
kota bahan bahan
username username
Gambar
melakukan waktu waktu
Id_kota Id_kota Nama_kota Nama_kota
status status
pembayaran
memeriksa
Gambar 9. Desain Tampilan Halaman Utama
Total_bayar Total_bayar
1
melakukan
c.
pengiriman
Desain Halaman Proarfil
No_resi No_resi
Header
Tgl_kirim Tgl_kirim status status
Jasa_kirim Jasa_kirim
Beranda
Profil
Katalog
Cara Pembayaran
Cari :
Login Member
Gambar 7. Entity Relationship Diagram
4.8 Perancangan Halaman Web
Hubungi Kami Registrasi Member
Kategori · · · · · · ·
Username :
Aksesoris Celana Kemeja T-shirt Jaket Tas Sandal
Password :
Profil Distro Perjuangan Login
Live Chat
a. Desain Halaman Login Admin
Gambar
Login to Admin
Gambar 10. Desain Tampilan Profil
Username :
d.
Desain Halaman Katalog
Password : Header Beranda
Profil
Katalog
Cara Pembayaran
Hubungi Kami
Login Registrasi Member
Cari : Gambar
Gambar
Gambar Login Member
Kategori
Gambar 8. Desain Halaman Login Admin
· · · · · · ·
Aksesoris Celana Kemeja T-shirt Jaket Tas Sandal
Beli
Beli
Beli
Gambar
Gambar
Gambar
Username :
Password :
Login
Beli
Beli
Beli Live Chat
Gambar
Gambar 11. Desain Tampilan Katalog
e.
Desain Halaman Cara Pembayaran
5. 5.1
Header Beranda
Profil
Katalog
Cara Pembayaran
Hubungi Kami
Login Member Kategori · · · · · · ·
Username :
Aksesoris Celana Kemeja T-shirt Jaket Tas Sandal
KESIMPULAN Adapun beberapa kesimpulan yang dapat
Registrasi Member
Cari :
PENUTUP
diambil dari beberapa pembahasan dari bab sebelumnya mengenai Perancangan Pembuatan
Password :
Web E-Commerce pada Distro Perjuangan,
Cara Pembayaran Login
yaitu : Live Chat
1. Perancangan
pembuatan
web
e-
Gambar
Commerce Gambar 12. Desain Tampilan Cara
menggunakan
pemrograman
Pembayaran
PHP
bahasa
dan
database
MySQL. 2. Website e-Commerce ini memudahkan
f.
Desain Tampilan Halaman Hubungi Kami
konsumen
Profil
Katalog
Cara Pembayaran
Nama
:
Email
:
Subyek
:
Pesan
:
Hubungi Kami
3. Website e-Commerce sebagai media
Login Member Kategori
dan
dan harga dalam bentuk katalog.
Registrasi Member
Hubungi Kami :
Cari :
mengakses
mendapatkan data-data seputar produk
Header Beranda
dalam
pengembangan
Username :
promosi
informasi
Password : · · · · · · ·
Distro Perjuangan secara luas.
Aksesoris Celana Kemeja T-shirt Jaket Tas Sandal
Login
4. Website e-Commerce ini menyajikan Live Chat Kirim
laporan-laporan,
diantaranya
laporan
Gambar
order dan laporan penjualan. Laporan Gambar 13. Desain Tampilan Hubungi
tersebut
Kami
sebagai
ditujukan bahan
kepada
pemilik
pertimbangan
dalam
perbaikan pelayanannya. g.
Desain Tampilan Registrasi Member Header Beranda
Profil
Katalog
5.2 Cara Pembayaran
Registrasi Member
Isi Data Anda :
Cari :
SARAN
Hubungi Kami
Adapun
beberapa
saran
yang
perlu
Username : Login Member Kategori
· · · · · · ·
Aksesoris Celana Kemeja T-shirt Jaket Tas Sandal
Password : Email
:
Nama
:
Alamat
:
Kota
:
No. HP
:
diperhatikan untuk pengembangan selanjutnya
Username :
Password :
Login
Live Chat
adalah sebagai berikut : 1. Untuk
pengembangan
selanjutnya,
dibutuhkan SDM baru untuk melayani
Kirim Gambar
pemesanan
via
e-Commerce
demi
kelancaran penjualan via internet. Gambar 14. Desain Tampilan Registrasi Member
2. Diharapkan bagi peneliti selanjutnya untuk dapat menambahkan sistem retur dalam program e-commerce.
DAFTAR PUSTAKA Brigida.(2013, Januari 17).Konsep Dasar Perancangan Sistem. Diakses pada 14 September 2013 dari http://informatika.web.id/konsep-dasarperancangan-sistem.htm Wira.(2009, Juli 31). Definisi Internet dan Sejarah Internet. Diakses pada 14 September 2013 dari http://kuliah.imadewira.com/definisiinternet-dan-sejarah-internet.htm Eka Prasetya, Adhy Sugara.2011.Sistem Informasi Pencarian dan Penjual Barang Berbasis Web Pada Toko Bagus.Jurnal Speed Vol.1 No.2-Mei 2011. Arip Aryanto, Tri Irianto Tjendrowasono.2012.Pembangunan Sistem Penjualan Online Pada Toko Indah Jaya Furniture Surakarta.Indonesian Jurnal on Computer Science-Speed (IJCSS) 15 FTI UNSA Vol 10 No 1 – Februari 2012. Paruhun Saleh Nasution,Dahliar Ananda,ST.MT,Kurniawan,ST.Sistem Informasi Penjualan Produk Berbasis Web Di Distro Black Hell Bandung.Program Studi Manajemen Informatika Politeknik Telkom Bandung 2011/2012.