SISTEM INFORMASI PENJUALAN ONLINE VITRI BATIK COLLECTION

(1)

ISSN-P 2407-2192

Jurnal Teknik Informatika Politeknik Sekayu (TIPS)

Volume IV, No. 1, Februari 2016, h. 10-17

Jurnal TIPS, Volume IV, No. 1, Februari 2016, h. 10-17 10

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

1.1 Latar Belakang

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

internet. Sehingga dapat menjangkau para calon pembeli/customer.

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?.”

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

(2)

(Pressman, 2010). Adapun proses-proses dalam model prototyping sebagai berikut:

1. Requirement Gathering : Menganalisa kebutuhan apa saja yang diperlukan dalam pembuatan system, baik berupa kebutuhan hardware maupun software.

2. Quick Design : Tahapan perancangan desain, meliputi desain dan alur program penjualan online itu sendiri.

3. Building Prototype : Seluruh rancangan desain alur program serta tampilan diimplementasikan sehingga akan menghasilkan suatu model program.

4. Customer Evaluation of Prototype : pengembang melakukan berbagai macam testing untuk menguji model program. Pengujian di sini untuk memeriksa kesalahan logika yang ada serta Layout. Pada tahap ini bertujuan untuk menghasilkan perangkat lunak yang benar secara logika dan sesuai dengan tujuan rancangan awal.

II. TINJAUAN PUSTAKA 2.1. Sistem Informasi

Menurut Ladjamudin (2005,p.13) sistem informasi dapat didefinisikan sebagai berikut:

1.

Suatu sistem yang dibuat oleh manusia yang terdiri dari komponen komponen dalam organisasi untuk mencapai suatu tujuan yaitu menyajikan informasi.

2.

Sekumpulan prosedur organisasi yang pada saat dilaksanakan akan memberikan informasi bagi pengambil keputusan dan/atau untuk mengendalikan organisasi.

3.

Suatu sistem didalam suatu organisasi yang mempertemukan kebutuhan pengolahan transaksi, mendukung operasi, bersifat manajerial, dan kegiatan trategi dari suatu organisasi dan menyediakan pihak luar

tertentu dengan laporan-laporan yang diperlukan.

2.2.Pengertian Penjualan

Menurut Mulyadi (2008) penjualan merupakan kegiatan yang dilakukan oleh penjual dalam menjual barang atau jasa dengan harapan akan memperoleh laba dari adanya transaksi-transaksi tersebut dan penjualan dapat diartikan sebagai pengalihan atau pemindahan hak kepemilikan atas barang atau jasa dari pihak penjual ke pembeli. Sedangkan menurut Swashta (2009) penjualan merupakan suatu aktivitas bisnis yang menyebabkan terjadinya pemindahan hak dan kepentingan atas suatu barang atau jasa dari pihak penjual ke pihak pembeli yang disertai dengan imbalan seperti contohnya uang dari pihak pembeli kepada pihak penjual.

2.3.Internet (Interconnected-networking)

Menurut Shalahuddin dan Rosa (2010) internet adalah sistem global dari seluruh jaringan computer yang saling terhubung. Internet atau internetwork adalah sekumpulan jaringan berbeda yang saling terhubung bersama sebagai satu kesatuan dengan menggunakan berbagai macam protokol, salah satunya adalah protocol TCP/IP (Transmission control protocol/ internet protocol).

2.4.Website

Menurut Hidayat (2010, p.2) mengatakan website atau situs dapat diartikan sebagai kumpulan halaman-halaman yang digunakan untuk menampilkan informasi teks, gambar, diam, atau bergerak, animasi, suara, dan atau gabungan dari semuanya, baik yang bersifat statis maupun dinamis yang membentuk satu rangkaian bangunan yang saling terkait, yang masing-masing dihubungkan dengan jaringan-jaringan halaman. Sedangkan

(3)

menurut Yuhefizar (2013) website adalah suatu metode untuk menampilkan informasi di internet, baik berupa teks, gambar, suara, maupun video yang interaktif dan mempunyai kelebihan untuk menghubungkan (link) satu dokumen dengan dokumen lainnya (hypertext) yang dapat diakses melalui sebuah browser.

2.5.Database

Menurut Ladjamudin (2005) database adalah sekumpulan data store (bisa dalam jumlah yang sangat besar) yang tersimpan dalam magnetic disk, optical disk, magnetic drum atau media penyimpanan sekunder lainnya. Sedangkan menurut Fathansyah (Basis Data 2012, p.3) database dapat didefinisikan sebagai kumpulan data yang saling berhubungan yang disimpan secara bersama sedemikian rupa dan tanpa pengulangan (redudansi) yang tidak perlu, untuk memenuhi berbagai kebutuhan.

2.6.Pengertian Sistem Informasi

Menurut Jogiyanto (1999:11) sistem informasi adalah suatu tatanan dalam suatu organisasi yang mempertemukan kebutuhan pengolahan transaksi harian, mendukung operasi, bersifat manajerial dan kegiatan strategi dari suatu organisasi dan menyediakan pihak luar tertentu dengan laporan-laporan yang diperlukan.

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 standar SQL (Structure Query Language)”. SQL adalah sebuah bahasa permintaan database yang terstruktur.

2.8.HTML (Hypertext Markup Language) Menurut Supriyanto (2007, p.7) HTML adalah bahasa dari World Wide Web (www) yang dipergunakan untuk menyusun dan membentuk dokumen agar dapat ditampilkan pada program browser. Sedangkan menurut Nugroho (2009) HTML adalah sebuah bahasa sripting yang berguna untuk menuliskan halaman Web. Pada halaman web, HTML dijadikan sebagai Bahasa Script dasar yang berjalan bersama berbagai bahasa Scripting Pemrograman lainnya.

2.9.PHP (Hypertext Preprocessor)

Situs resmi PHP, “PHP.net”, menyatakan bahwa PHP (PHP: Hypertext Preprocessor) merupakan Bahasa pemrogramman web yang dapat disisipkan dalam skrip HTML. Menurut Peranginangin (2006), PHP singkatan dari PHP Hypertext Preprocessor yang digunakan sebagai Bahasa skrip serverside dalam pengembangan web yang dapat disisipkan pada dokumen HTML. Sedangkan menurut Nugroho (2009) PHP adalah sebuah bahasa pemrograman yang berbentuk scripting, sistem kerja dari program ini adalah sebagai interpreter bukan sebagai compiler.

III. ANALISA DAN PERANCANGAN 3.1 Spesifikasi Perangkat Keras

Perangkat keras yang digunakan dalam sistem ini adalah sebagai berikut :

1.

Processor : Intel ® Core™ i5-3317U Processor

2.

Memory : 4,00 GB RAM

3.

Harddisk : 380 GB

4.

Monitor : 14.00”

3.2 Spesifikasi Perangkat Lunak

Perangkat lunak yang digunakan untuk membuat sistem informasi penjualan online vitri batik collection adalah sebagai berikut :

1. Sistem Operasi Windows 8 Single Language Sistem operasi yang digunakan untuk membuat

(4)

Website Informasi adalah windows 8 Single Language

2. Microsoft Office Visio 2007 dan Star UML Microsoft Office Visio 2007 dan Star UML merupakan software yang digunakan untuk membantu perancangan alur sistem.

3. Notepad++ (web editor). Notepad ++ Merupakan sofware yang digunakan sebagai editor untuk merancang dan membuat Website Penjualan Online Vitri Batik Collection. 4. Web browser. Mozilla Firefox.

Mozzila Firefox merupakan web browser yang digunakan untuk melihat hasil program website yang dibuat.

5. Adobe photoshop CS5. Adobe photoshop CS5 merupakan software untuk pembuatan desain tampilan

6. AppServ. App Server merupakan paket web server yang digunakan sebagai server website informasi yang akan dibuat.

3.3 Rancangan Sistem dan Struktur Menu 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 berikut :

3.3.1 Struktur Menu

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.3.1.1 Menu User (Pengunjung)

MENU UTAMA

BERANDA CARA BELANJA KONFIRMASI BAYAR HUBUNGI KAMI PENJELASAN PEMESANAN TULIS PESAN NAMA ANDA PENJELASAN KONFIRMASI BAYAR DAFTAR LOGIN FORM PENDAFTARAN USERNAME PASSWORD GAMBAR PRODUK

Gambar 3.1 Menu User (pengunjung)

3.3.1.2. Menu Pelanggan MENU UTAMA

BERANDA CARA BELANJA KONFIRMASI BAYAR HUBUNGI KAMI

PENJELASAN PEMESANAN TULIS PESAN NAMA ANDA PESAN PEMESANAN KONFIRMASI ALAMAT PENGIRIMAN INFORMASI PEMBAYARAN KONFIRMASI PEMBAYARAN PENJELASAN KONFIRMASI BAYAR

Gambar 3.2 Menu Pelanggan

3.3.1.3. Menu Admin LOGIN

HOME USER LOGOUT

EDIT DATA MODUL

TABEL MASTER

ADMINISTRATOR

GANTI PASSWORD

Gambar 3.3 Menu Admin

3.4 Perancangan Sistem

Perancangan berfungsi untuk menggambarkan suatu aplikasi dengan menggunakan komputer. Alat bantu yang digunakan dalam perancangan sistemberupa Unifed Modelling Language (Usecase Diagram, Activity Diagram, Class Diagram).

(5)

Jurnal TIPS, Volume IV, No. 1, Februari 2016, h. 10-17 14 pelanggan pendaftaran login cari barang pemesanan halaman website admin pengunjung lihat barang pembayaran logout kelola data Pelanggan Koleksi Kategori Pemesanan Konfirmasi Pesanan Konfirmasi Pembayaran Pengiriman <<include>> <<include>> <<include>> <<include>> <<include>> <<include>> <<include>> pengguna hak akses modul cara belanja hubungi kami test <<include>> <<include>> <<include>> <<include>> carabayar <<include>> <<include>> <<include>> <<include>>

Gambar 3.4 Usecase Diagram

pengunjung pelanggan admin

halaman utama

melihat barang

pilih barang cari barang login

Masukkan identitas pribadi dan alamat tujuan pengiriman

konfirmasi pembayaran

tampil barang

detail barang

pesan barang tampil barang yang dipesan

pesan lagi ? selesai belanja

form pemesanan

tampil form pembayaran Ya Tidak

lakukan pengiriman cetak bukti pemesanan

Gambar 3.5 Activity Diagram Pada gambar 3.5 dijelaskan aktivitas dari sistem dibagi menjadi tiga bagian, sesuai dengan status, yaitu : user (pengunjung), pelanggan dan administrator, kemudian aktivitas pelanggan dan administrator akan berjalan dengan hak akses yang didapatnya sampai pelanggan dan administrator

bertemu kembali untuk melakukan satu aktivitas yaitu selesai. pelanggan -username -password -nama_depan -nama_belakang -jk -alamat -propinsi -kabkot -kecamatan -kelurahan -negara -kdpost -email -telp_rumah -telp_hp -kredit +edit data() +hapus data() kategori barang -kd_kategori -nm_kategori -keterangan +input data() +edit data() +hapus data() koleksi barang -kd_koleksi -kd_kategori -nama_brg -ukuran -banyak -spek -berat_barang -file_gambar -harga -diskon -tanggal -aktif +input data() +edit data() +hapus data() pengguna -username -password -nama -email -no_hp -level +input data() +ubahsandi() +edit data() +hapus data() hak akses -id_hakakses -username -modul modul -id_modul -modul -judul -style +input data() +edit data() +hapus data() pemesanan -id_pesan -no_pesan -username -tanggal -jam -kd_koleksi -ukuran -banyak -konfirmasi +input data() +hapus data() pengiriman -no_pesan -kurir -no_resi -tanggal_pengiriman -jam_pengiriman -tanggal_tiba -jam_tiba +input kurir() +hapus data() konfirmasi_pesanan -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 konfirmasi_pembayaran -no_pesan -tanggal_pembayaran -nama_pembayar -total_transfer -cara_pembayaran -bank_asal -bank_tujuan -verifikasi +edit data() -hapus data() inf_lokasi -lokasi_ID -lokasi_kode -lokasi_nama -lokasi_propinsi -lokasi_kabupatenkota -lokasi_kecamatan -lokasi_kelurahan

Gambar 3.6 Class Diagram

Gambar class diagram secara umum dibuat menurut kebutuhan database yang diperlukan. Pada gambar 3.6 diatas terdapat sepuluh class, yaitu pelanggan, koleksi barang, kategori barang, pengguna, hak akses, modul, pemesanan, konfirmasi pesanan, konfirmasi pembayaran, pengiriman. Masing-masing class mempunyai keterhubungan dengan class lainnya,

(6)

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 batik baru, kategori dari beberapa pakaian batik. Halaman ini ditunjukkan pada gambar 4.1.

.

Gambar 4.1 Halaman Beranda

4.2 Halaman Pendaftaran Pelanggan

Pembeli yang belum terdaftar harus registrasi terlebih dahulu melalui halaman daftar. Halaman ini ditunjukkan pada gambar 4.2.

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 ini ditunjukkan pada gambar 4.3.

Gambar 4.3 Halaman Login Pelanggan

4.4 Halaman Pemesanan

Halaman ini menampilkan informasi pemesanan pelanggan, seperti kode pesanan, tanggal dan jam pemesanan dan informasi produk yang telah dipilih. Halaman ini ditunjukkan pada gambar 4.4

Gambar 4.4 Halaman Pemesanan

4.5 Halaman Konfirmasi Tujuan Pengirim Pada halaman ini pelanggan dapat memasukkan data pada form pengiriman produk. Halaman ini ditunjukkan pada gambar 4.5.

(7)

4.6 Halaman Informasi Pembayaran

Pada halaman ini menampilkan informasi pembayaran. Halaman ini ditunjukkan pada gambar 4.6.

Gambar 4.6 Halaman Informasi Pembayaran

4.7 Halaman Konfirmasi Pembayaran

Pada halaman ini pelangganmelakukan konfirmasi pembayaran dengan mengisi form yang telah disediakan.Halaman ini ditunjukkan pada gambar 4.7

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.

2. Dengan adanya sistem informasi penjualan vitri batik collection dapat terpantau segala kegiatan yang berhubungan dengan penjualan barang 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 penjualan online vitri batik collection yang dilakukan selanjutnya, yang nantinya dapat dikembangkan lagi diantaranya :

1. Koleksi barang belum dapat ditangani oleh 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.

(8)

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.