sistem informasi penjualan online vitri batik collection

ISSN-P 2407-2192
Jurnal Teknik Informatika Politeknik Sekayu (TIPS)
Volume IV, No. 1, Februari 2016, h. 10-17
SISTEM INFORMASI PENJUALAN ONLINE VITRI BATIK COLLECTION
Zaid Romegar Mair, Bella Yulianita
NIDN 0213028601
Teknik Informatika Politeknik Sekayu
Email :
[email protected], [email protected]
ABSTRAK
Vitri Batik Collection merupakan toko yang bergerak di bidang penjualan pakaian batik. Permasalahan yang
dihadapi adalah toko membutuhkan sebuah situs yang dapat memenuhi keinginannya untuk menjual produk
berupa busana batik tersebut ke masyarakat melalui internet. Untuk mendukung hal tersebut Vitri Batik
Collection memerlukan solusi untuk memecahkan permasalahannya, maka dibuatlah suatu sistem penjualan
online yang bisa diakses oleh customer atau calon pembeli dimanapun dan kapanpun. Metode penelitian yang
digunakan adalah metode analisa perancangan program yang di gambarkan dengan Unified Modelling Language
(UML). Perancangan fisik sistem informasi penjualan online ini, menggunakan bahasa pemrograman PHP dan
database MySQL. Sehingga kontribusi dari sistem penjualan online ini adalah memaksimalkan berbagai bentuk
penjualan, serta dapat dijadikan media informasi yang valid bagi seluruh aktivitas Vitri Batik Collection dan
masyarakat secara umum, tentunya mempermudah dan sebagai penunjang dalam meningkatkan kualitas kegiatan
penjualan barang.
Kata Kunci : Sistem Informasi, Penjualan Online, PHP, MySql
I.
PENDAHULUAN
internet. Sehingga dapat menjangkau para calon
1.1 Latar Belakang
pembeli/customer.
Website pada saat ini bukan hanya menjadi
sebuah sarana untuk menyampaikan informasi
namun juga digunakan sebagai media untuk proses
jual beli atau transaksi secara online. Transaksi
online semakin sering dilakukan oleh masyarakat
seiring dengan semakin mudahnya pengaksesan
internet. Masyarakat tidak perlu untuk meluangkan
waktu khusus untuk mencari barang atau jasa yang
dibutuhkan, karena hanya dengan melakukan
pencarian pada internet, maka barang atau jasa
yang dibutuhkan dapat ditemukan dalam waktu
yang singkat. Proses transaksi penjualan online ini
menjadi
salah
satu
cara
untuk
mengatasi
keterbatasan jarak dan waktu yang dihadapi
1.2 Perumusan Masalah
Berdasarkan uraian latar belakang, maka
dapat diidentifikasi permasalahan bahwa kendala
yang dihadapi oleh Vitri Batik Collection dalam
menyampaikan informasi dan penjualan busana
batik adalah belum adanya situs penjualan dalam
menyebarluaskan informasi dan promosi produk.
Berdasarkan identifikasi masalah yang
telah dijelaskan diatas, maka permasalahan yang
akan dibahas adalah “bagaimana membangun
sistem informasi penjualan online vitri batik
collection agar dapat menjadi media promosi yang
dapat memberikan informasi produk yang dijual?.”
masyarakat. Vitri Batik Collection adalah toko yang
bergerak
dibidang
penjualan
pakaian
batik.
Permasalahan yang dihadapinya, bahwa Vitri Batik
Collection membutuhkan sebuah situs yang dapat
memenuhi keinginannya untuk menjual produk
berupa busana batik tersebut ke masyarakat melalui
1.3 Metode Penelitian
Metodelogi
yang
digunakan
pada
pembuatan sistem ini adalah Metode Prototype,
yaitu metode dimana hasil analisa perbagian
langsung diterapkan kedalam sebuah model tanpa
harus menunggu setelah sistem selesai dibuat
Jurnal TIPS, Volume IV, No. 1, Februari 2016, h. 10-17
10
(Pressman, 2010). Adapun proses-proses dalam
tertentu
model prototyping sebagai berikut:
diperlukan.
1. Requirement
Gathering
:
dengan
laporan-laporan
yang
Menganalisa
kebutuhan apa saja yang diperlukan dalam
2.2. Pengertian Penjualan
pembuatan system, baik berupa kebutuhan
Menurut
hardware maupun software.
Mulyadi
(2008)
penjualan
merupakan kegiatan yang dilakukan oleh penjual
2. Quick Design : Tahapan perancangan desain,
dalam menjual barang atau jasa dengan harapan
meliputi desain dan alur program penjualan
akan memperoleh laba dari adanya transaksi-
online itu sendiri.
transaksi tersebut dan penjualan dapat diartikan
3. Building Prototype : Seluruh rancangan desain
sebagai
pengalihan
atau
pemindahan
hak
alur program serta tampilan diimplementasikan
kepemilikan atas barang atau jasa dari pihak
sehingga akan menghasilkan suatu model
penjual ke pembeli. Sedangkan menurut Swashta
program.
(2009) penjualan merupakan suatu aktivitas bisnis
4. Customer
Evaluation
:
yang menyebabkan terjadinya pemindahan hak dan
macam
kepentingan atas suatu barang atau jasa dari pihak
program.
penjual ke pihak pembeli yang disertai dengan
Pengujian di sini untuk memeriksa kesalahan
imbalan seperti contohnya uang dari pihak pembeli
logika yang ada serta Layout. Pada tahap ini
kepada pihak penjual.
pengembang
testing
of
melakukan
untuk
menguji
Prototype
berbagai
model
bertujuan untuk menghasilkan perangkat lunak
yang benar secara logika dan sesuai dengan
2.3. Internet (Interconnected-networking)
tujuan rancangan awal.
Menurut Shalahuddin dan Rosa (2010)
internet adalah sistem global dari seluruh jaringan
II.
computer yang saling terhubung. Internet atau
TINJAUAN PUSTAKA
internetwork adalah sekumpulan jaringan berbeda
2.1. Sistem Informasi
Menurut
sistem
informasi
Ladjamudin
dapat
(2005,p.13)
didefinisikan
sebagai
yang saling terhubung bersama sebagai satu
kesatuan dengan menggunakan berbagai macam
berikut:
protokol,
salah
satunya
adalah
1.
Suatu sistem yang dibuat oleh manusia yang
protocol TCP/IP (Transmission control protocol/
terdiri dari komponen komponen dalam
internet protocol).
organisasi untuk mencapai suatu tujuan yaitu
2.4. Website
menyajikan informasi.
2.
3.
Sekumpulan prosedur organisasi yang pada
Menurut Hidayat (2010, p.2) mengatakan
saat dilaksanakan akan memberikan informasi
website atau situs dapat diartikan sebagai kumpulan
bagi pengambil keputusan dan/atau untuk
halaman-halaman
mengendalikan organisasi.
menampilkan informasi teks, gambar, diam, atau
Suatu sistem didalam suatu organisasi yang
bergerak, animasi, suara, dan atau gabungan dari
mempertemukan
semuanya, baik yang bersifat statis maupun dinamis
kebutuhan
pengolahan
yang
digunakan
untuk
bersifat
yang membentuk satu rangkaian bangunan yang
manajerial, dan kegiatan trategi dari suatu
saling terkait, yang masing-masing dihubungkan
organisasi
dengan
transaksi,
mendukung
dan
operasi,
menyediakan
pihak
luar
Jurnal TIPS, Volume IV, No. 1, Februari 2016, h. 10-17
jaringan-jaringan
halaman.
Sedangkan
11
menurut Yuhefizar (2013) website adalah suatu
2.8. HTML (Hypertext Markup Language)
metode untuk menampilkan informasi di internet,
Menurut Supriyanto (2007, p.7) HTML
baik berupa teks, gambar, suara, maupun video
adalah
bahasa
yang interaktif dan mempunyai kelebihan untuk
Web (www) yang dipergunakan untuk menyusun
menghubungkan (link) satu dokumen dengan
dan membentuk dokumen agar dapat ditampilkan
dokumen lainnya (hypertext) yang dapat diakses
pada
melalui sebuah browser.
Nugroho (2009) HTML adalah sebuah bahasa
program
dari
browser.
World
Sedangkan
Wide
menurut
sripting yang berguna untuk menuliskan halaman
Web. Pada halaman web, HTML dijadikan sebagai
2.5. Database
Menurut Ladjamudin (2005) database
adalah sekumpulan data store (bisa dalam jumlah
Bahasa Script dasar yang berjalan bersama berbagai
bahasa Scripting Pemrograman lainnya.
yang sangat besar) yang tersimpan dalam magnetic
disk, optical disk, magnetic drum atau media
penyimpanan
sekunder
lainnya.
2.9. PHP (Hypertext Preprocessor)
Situs resmi PHP, “PHP.net”, menyatakan
Sedangkan
menurut Fathansyah (Basis Data 2012, p.3)
bahwa
PHP
(PHP:
database dapat didefinisikan sebagai kumpulan
merupakan Bahasa pemrogramman web yang dapat
data yang saling berhubungan yang disimpan secara
disisipkan
bersama sedemikian rupa dan tanpa pengulangan
Peranginangin (2006), PHP singkatan dari PHP
(redudansi) yang tidak perlu, untuk memenuhi
Hypertext Preprocessor yang digunakan sebagai
berbagai kebutuhan.
Bahasa skrip serverside dalam pengembangan web
dalam
Hypertext
skrip
Preprocessor)
HTML.
Menurut
yang dapat disisipkan pada dokumen HTML.
Sedangkan menurut Nugroho (2009) PHP adalah
2.6. Pengertian Sistem Informasi
Menurut
sistem
sebuah bahasa pemrograman yang berbentuk
informasi adalah suatu tatanan dalam suatu
scripting, sistem kerja dari program ini adalah
organisasi
sebagai interpreter bukan sebagai compiler.
yang
Jogiyanto
(1999:11)
mempertemukan
kebutuhan
pengolahan transaksi harian, mendukung operasi,
bersifat manajerial dan kegiatan strategi dari suatu
III. ANALISA DAN PERANCANGAN
organisasi dan menyediakan pihak luar tertentu
3.1 Spesifikasi Perangkat Keras
dengan laporan-laporan yang diperlukan.
Perangkat keras yang digunakan dalam
sistem ini adalah sebagai berikut :
2.7. MySQL (My Structure Query Language)
Menurut Nugroho (2005) MySQL adalah
sebuah program database server yang mampu
menerima dan mengirimkan datanya dengan sangat
cepat, multi user serta menggunakan perintah
1.
2.
3.
4.
Processor : Intel ® Core™ i5-3317U Processor
Memory : 4,00 GB RAM
Harddisk : 380 GB
Monitor : 14.00”
3.2 Spesifikasi Perangkat Lunak
standar SQL (Structure Query Language)”. SQL
Perangkat lunak yang digunakan untuk
adalah sebuah bahasa permintaan database yang
membuat sistem informasi penjualan online vitri
terstruktur.
batik collection adalah sebagai berikut :
1.
Sistem Operasi Windows 8 Single Language
Sistem operasi yang digunakan untuk membuat
Jurnal TIPS, Volume IV, No. 1, Februari 2016, h. 10-17
12
Website Informasi adalah windows 8 Single
3.3.1.2. Menu Pelanggan
Language
MENU UTAMA
2.
Microsoft Office Visio 2007 dan Star UML
Microsoft Office Visio 2007 dan Star UML
merupakan software yang digunakan untuk
BERANDA
CARA BELANJA
KONFIRMASI BAYAR
HUBUNGI KAMI
PESAN
PENJELASAN
PEMESANAN
PENJELASAN
KONFIRMASI BAYAR
TULIS PESAN
NAMA ANDA
membantu perancangan alur sistem.
3.
Notepad++
(web
editor).
Notepad
++
Merupakan sofware yang digunakan sebagai
editor untuk merancang dan membuat Website
PEMESANAN
Penjualan Online Vitri Batik Collection.
4.
Web
browser.
Mozilla
Firefox.
KONFIRMASI
ALAMAT
PENGIRIMAN
Mozzila Firefox merupakan web browser yang
digunakan untuk melihat hasil program website
INFORMASI
PEMBAYARAN
yang dibuat.
5.
Adobe photoshop CS5. Adobe photoshop CS5
KONFIRMASI
PEMBAYARAN
merupakan software untuk pembuatan desain
Gambar 3.2 Menu Pelanggan
tampilan
6.
AppServ. App Server merupakan paket web
3.3.1.3. Menu Admin
server yang digunakan sebagai server website
LOGIN
informasi yang akan dibuat.
3.3 Rancangan Sistem dan Struktur Menu
HOME
USER
LOGOUT
MODUL
EDIT DATA
TABEL MASTER
GANTI PASSWORD
Dalam perancangan sistem diperlukan alur
menu program yang sistematika dan terarah
sehingga dapat terencana dengan baik. Adapun
struktur program yang akan dibuat untuk sistem
informasi penjualan online ini adalah sebagai
ADMINISTRATOR
berikut :
3.3.1
Struktur Menu
Gambar 3.3 Menu Admin
Pembuatan bagian ini bertujuan untuk
mempermudah
membaca
menu
dari
sistem
informasi penjualan online vitri batik collection.
Adapun bagan tersebut dapat dilihat pada gambar
3.1 struktur menu user.
3.4 Perancangan Sistem
Perancangan
menggambarkan
menggunakan
suatu
komputer.
berfungsi
untuk
aplikasi
dengan
Alat
bantu
yang
digunakan dalam perancangan sistemberupa Unifed
3.3.1.1 Menu User (Pengunjung)
Modelling Language (Usecase Diagram, Activity
MENU UTAMA
Diagram, Class Diagram).
BERANDA
GAMBAR PRODUK
CARA BELANJA
KONFIRMASI BAYAR
HUBUNGI KAMI
DAFTAR
LOGIN
PENJELASAN
PEMESANAN
PENJELASAN
KONFIRMASI BAYAR
TULIS PESAN
NAMA ANDA
FORM
PENDAFTARAN
USERNAME
PASSWORD
Gambar 3.1 Menu User (pengunjung)
Jurnal TIPS, Volume IV, No. 1, Februari 2016, h. 10-17
13
bertemu kembali untuk melakukan satu aktivitas
halaman website
yaitu selesai.
pengunjung
lihat barang
pelanggan
pendaftaran
<<include>>
login
pelanggan
admin
<<include>>
Pelanggan
cari barang
<<include>>
kelola data
Koleksi
<<include>>
pemesanan
Kategori
<<include>>
pembayaran
Pemesanan
<<include>>
-id_hakakses
-username
-modul
<<include>>
-id_modul
-modul
-judul
-style
-username
-password
-nama
-email
-no_hp
-level
+input data()
+edit data()
+hapus data()
+input data()
+ubahsandi()
+edit data()
+hapus data()
koleksi barang
Konfirmasi Pembayaran
modul
pengguna
+edit data()
+hapus data()
Konfirmasi Pesanan
pemesanan
-id_pesan
-no_pesan
-username
-tanggal
-jam
-kd_koleksi
-ukuran
-banyak
-konfirmasi
-kd_koleksi
-kd_kategori
-nama_brg
-ukuran
-banyak
-spek
-berat_barang
-file_gambar
-harga
-diskon
-tanggal
-aktif
<<include>>
Pengiriman
hak akses
-username
-password
-nama_depan
-nama_belakang
-jk
-alamat
-propinsi
-kabkot
-kecamatan
-kelurahan
-negara
-kdpost
-email
-telp_rumah
-telp_hp
-kredit
<<include>>
pengguna
<<include>>
hak akses
<<include>>
modul
<<include>>
cara belanja
+input data()
+hapus data()
konfirmasi_pesanan
+input data()
+edit data()
+hapus data()
<<include>>
carabayar
-no_pesan
-username
-tanggal
-jam
-jumlah_belanja
-jumlah_unik
-ongkir
-total_bayar
-nama_penerima
-alamat_penerima
-kdpost
-kecamatan
-kabkot
-propinsi
-hp_penerima
-email_penerima
-catatan
<<include>>
hubungi kami
kategori barang
<<include>>
-kd_kategori
-nm_kategori
-keterangan
test
logout
+input data()
+edit data()
+hapus data()
Gambar 3.4 Usecase Diagram
pengunjung
pelanggan
halaman utama
login
melihat barang
cari barang
admin
pilih barang
inf_lokasi
-lokasi_ID
-lokasi_kode
-lokasi_nama
-lokasi_propinsi
-lokasi_kabupatenkota
-lokasi_kecamatan
-lokasi_kelurahan
konfirmasi_pembayaran
-no_pesan
-tanggal_pembayaran
-nama_pembayar
-total_transfer
-cara_pembayaran
-bank_asal
-bank_tujuan
-verifikasi
tampil barang
+edit data()
-hapus data()
detail barang
pesan barang
selesai belanja
pengiriman
tampil barang yang dipesan
Tidak
-no_pesan
-kurir
-no_resi
-tanggal_pengiriman
-jam_pengiriman
-tanggal_tiba
-jam_tiba
Ya
pesan lagi ?
form pemesanan
+input kurir()
+hapus data()
Masukkan identitas pribadi
dan alamat tujuan pengiriman
konfirmasi pembayaran
cetak bukti pemesanan
tampil form pembayaran
Gambar 3.6 Class Diagram
lakukan pengiriman
Gambar class diagram secara umum
dibuat
Gambar 3.5 Activity Diagram
menurut
kebutuhan
database
yang
diperlukan. Pada gambar 3.6 diatas terdapat
Pada gambar 3.5 dijelaskan aktivitas dari
sepuluh class, yaitu pelanggan, koleksi barang,
sistem dibagi menjadi tiga bagian, sesuai dengan
kategori barang, pengguna, hak akses, modul,
status, yaitu : user (pengunjung), pelanggan dan
pemesanan,
administrator, kemudian aktivitas pelanggan dan
pembayaran, pengiriman. Masing-masing class
administrator akan berjalan dengan hak akses yang
mempunyai keterhubungan dengan class lainnya,
konfirmasi
pesanan,
konfirmasi
didapatnya sampai pelanggan dan administrator
Jurnal TIPS, Volume IV, No. 1, Februari 2016, h. 10-17
14
hal inilah yang menjadikan sebuah class menjadi
database relasional.
IV. IMPLEMENTASI
4.1
Halaman Beranda (Index)
Halaman Beranda (Index)
merupakan
halaman yang pertama kali muncul saat sistem
dibuka.Pada halaman ini terdapat beberapa pakaian
Gambar 4.3 Halaman Login Pelanggan
batik baru, kategori dari beberapa pakaian batik.
4.4 Halaman Pemesanan
Halaman ini ditunjukkan pada gambar 4.1.
Halaman
.
ini
pemesanan pelanggan,
menampilkan
informasi
seperti kode
pesanan,
tanggal dan jam pemesanan dan informasi produk
yang telah dipilih. Halaman ini ditunjukkan pada
gambar 4.4
Gambar 4.1 Halaman Beranda
Gambar 4.4 Halaman Pemesanan
4.2 Halaman Pendaftaran Pelanggan
Pembeli
yang belum
terdaftar
harus
registrasi terlebih dahulu melalui halaman daftar.
4.5 Halaman Konfirmasi Tujuan Pengirim
Pada
Halaman ini ditunjukkan pada gambar 4.2.
halaman
ini
pelanggan
dapat
memasukkan data pada form pengiriman produk.
Halaman ini ditunjukkan pada gambar 4.5.
Gambar 4.2 Halaman Pendaftaran Pelanggan
4.3 Halaman Menu Pelanggan
Pelanggan yang sudah terdaftar harus
login terlebih dahulu untuk dapat masuk ke
halaman
pemesanan
produk.
Halaman
Gambar 4.5 Halaman Konfirmasi Tujuan Pengirim
ini
ditunjukkan pada gambar 4.3.
Jurnal TIPS, Volume IV, No. 1, Februari 2016, h. 10-17
15
2. Dengan adanya sistem informasi penjualan vitri
4.6 Halaman Informasi Pembayaran
Pada halaman ini menampilkan informasi
batik collection dapat terpantau segala kegiatan
pembayaran. Halaman ini ditunjukkan pada gambar
yang berhubungan dengan penjualan barang
4.6.
serta
dapat
menghasilkan
laporan
yang
diperlukan sewaktu-waktu dengan cepat dan
tepat sebagai pertanggungjawaban.
5.2 Saran
Berdasarkan kesimpulan diatas, Peneliti
mencoba memberikan saran untuk sistem informasi
Gambar 4.6 Halaman Informasi Pembayaran
penjualan online vitri batik collection
yang
dilakukan
dapat
selanjutnya,
yang
nantinya
dikembangkan lagi diantaranya :
1. Koleksi barang belum dapat ditangani oleh
4.7 Halaman Konfirmasi Pembayaran
Pada halaman ini pelangganmelakukan
konfirmasi pembayaran dengan mengisi form yang
telah disediakan.Halaman ini ditunjukkan pada
gambar 4.7
sistem
secara
otomatis,
sehingga
perlu
dikembangkan lebih lanjut.
2. Ongkir belum dapat ditangani oleh sistem secara
otomatis, maka perlu dibuat pengembangan
sistem ini lebih lanjut untuk memudahkan
transaksi pembayaran.
Gambar 4.7 Halaman Konfirmasi Pembayaran.
V.
KESIMPULAN DAN SARAN
1.1. Kesimpulan
Berdasarkan pembahasan dan uraian pada
bab-bab sebelumnya mengenai pembuatan sistem
informasi penjualan online vitri batik collection
maka
Peneliti
menarik
beberapa
kesimpulan
sebagai berikut :
1. Sistem informasi penjualan ini menyajikan
informasi terkait dengan vitri batik collection
yang ditujukan pada konsumen agar dapat
terpublikasi dengan baik.
Jurnal TIPS, Volume IV, No. 1, Februari 2016, h. 10-17
16
DAFTAR PUSTAKA
Hidayat, R. 2010. Cara Praktis Membangun
Website Gratis. Jakarta : Elexmedia
Komputindo
Ladjamudin, bin Al-Bahra. 2005. Analisis dan
Desain Sistem Informasi. Yogyakarta :
Graha Ilmu.
Mulyadi. 2005. Akuntansi Biaya. Yogyakarta :
STIE-YKPN.
Nugroho, Bunafit. 2005. Database relational
dengan MySQL. Yogyakarta :Andi.
Nugroho, Bunafit. 2009. Aplikasi Pemrograman
Web Dinamis dengan PHP dan MySQL.
Yogyakarta : Gava Media.
Pressman, RS. 2010. RekayasaPerangkatLunak.
Yogyakarta :Andi.
Shalahuddin, M & Rosa, AS. 2010. Java di Web.
Bandung :Informatika.
Supriyanto, Aji. 2007. WEB dengan HTML dan
XML. Yogyakarta : Graha Ilmu.
Swastha, Basu. 2009. Manajemen Penjualan.
Yogyakarta : BPFE.
Jurnal TIPS, Volume IV, No. 1, Februari 2016, h. 10-17
17