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 <>

login pelanggan

admin <>

Pelanggan cari barang

<> kelola data

Koleksi <>

pemesanan Kategori

<> pembayaran Pemesanan <>

-id_hakakses -username -modul

<>

-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

<> Pengiriman

hak akses

-username -password -nama_depan -nama_belakang -jk -alamat -propinsi -kabkot -kecamatan -kelurahan -negara -kdpost -email -telp_rumah -telp_hp -kredit

<>

pengguna <> hak akses <> modul <> cara belanja

+input data() +hapus data() konfirmasi_pesanan

+input data() +edit data() +hapus data()

<> 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

<> hubungi kami

kategori barang

<>

-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