Konferensi Nasional Ilmu Sosial & Teknologi (KNiST) Maret 2014, pp. 58~64 58
PERANCANGAN SISTEM INFORMASI PENJUALAN BATIK BERBASIS WEB PADA GERAI ADHIWASTRA JAKARTA 1
Lukman Hakim , Heru Purwanto
2
1
STMIK Nusa Mandiri Jakarta e-mail:
[email protected] 2
AMIK BSI Bekasi e-mail:
[email protected] Abstrak Perkembangan teknologi informasi yang disertai perkembangan internet saling mendukung satu sama lain sehingga melahirkan konsep teknologi informasi berbasis internet yang perkembangannya semakin luas dan semakin banyak diterapkan dalam setiap bidang usaha Gerai Adhiwastra merupakan unit usaha dari PT. SSA Mutu Unggul yang bergerak pada usaha penjualan kain batik tulis di Jakarta, dimana proses penjualan masih bersifat konvensional. Artinya pelanggan harus mendatangi gerai untuk dapat melakukan pembelian produk. Pembangunan sistem e-commerce pada Gerai Adhiwastra merupakan langkah untuk meningkatkan penjualan dan sebagai media promosi. Tujuan membangun sistem ecommerce ini pelanggan dapat melakukan pemesanan barang tanpa harus datang ke gerai, pihak perusahaan juga dapat mengatasi masalah pengolahan produk, pengelolaan pesaan sehingga memberikan kemudahan kepada konsumen untuk medapatkan informasi tentang produk pada gerai Adhiwastra. Sistem ini dirancang menggunakan PHP dan database MySQL dan editor menggunakan notepad++. Hasil yang diperoleh dari implementasi sistem ini pada Gerai Adhiwastra dapat digunakan sebagai sarana promosi yang dapat diakses dimanapun dan kapanpun, proses pembelian dapat secara langsung tanpa harus datang ke gerai, serta dapat mempermudah proses transaksi. Keywords: e-commerce, sistem, infomasi, batik. 1. Pendahuluan Sistem Informasi adalah suatu sistem di dalam suatu organisasi yang mempertemukan kebutuhan pengolahan transaksi harian yang mendukung fungsi operasi organisasi yang bersifat manajerial dengan kegiatan strategi dari suatu organisasi untuk dapat menyediakan kepada pihak luar tertentu dengan laporan-laporan yang diperlukan. Sutabri (2012) E-commerce (perdagangan melalui internet) mengizinkan pedagang untuk menjual produk-produk dan jasa secara online. Calon pembeli atau konsumen dapat menemukan website pedagang, membaca, melihat produk-produk, dan memesannya secara online. Winoto (2013) Sistem aplikasi pengolahan data yang cepat dan akurat sangat dibutuhkan oleh berbagai pihak, terutama dalam dunia usaha, sehingga dalam hal ini penggunaan komputer tidak hanya dibutuhkan diperusahaan besar saja tetapi juga
diperusahaan kecil dan pengembang bisnis disegala bentuk umum lainnya. Gerai Adhiwastra menyediakan produk kain batik, produk-produk yang disediakan Gerai Adhiwastra difokuskan pada batik tulis, yaitu batik yang motifnya merupakan kreasi sendiri sang seniman. Seperti yang kita tahu bahwa setiap pola pada motif batik memiliki arti sendiri, begitu juga dengan batik tulis sebuah gambaran dari sang senimannya. Salah satu ciri dari batik tulis adalah susunan gambarnya yang tidak rata besar kecilnya berbeda dengan batik cap yang relatif tersusun rapi. Namun Gerai Adhiwastra mempunyai beberapa pemasalahan seperti sistem penjualan yang belum terkomputerisasi, promosi produk masih menggunakan banner, dan tidak adanya sarana penjualan jarak jauh yang bisa mempermudah perusahaan dalam memperluas wilayah pemasaran. Untuk menghindari terjadinya keterlambatan dalam penyebaran informasi produk. Maka Gerai
Diterima 01 Maret, 2014; Revisi 10 Maret, 2014; Disetujui 15 Maret, 2014
ISBN: 978-602-61242-2-7 Adhiwastra, perlu mengubah sistem lama menjadi sistem baru dimana mengoptimalkan komputer dan internet sebagai media penjualan. 2. Metode Penelitian Dalam pengumpulan data dan informasi penulis melakukan penelitian untuk mendapakan data yang diperlukan dengan metode, antara lain: Teknik Pengumpulan Data Dalam pengumpulan data dan informasi penulis melakukan penelitian untuk mendapakan data yang diperlukan dengan metode, antara lain: Metode Observasi Penulis melakukan pengamatan pada Gerai Adhiwastra yang berlokasi di di jalan Prof. Dr. Satrio nomor 275a Jakarta Selatan. Metode Wawancara Penulis melakukan tanya jawab langsung dengan Bapak Bambang Eko Samiono sebagai pemilik Gerai Adhiwastra batik. C. Metode Studi Pustaka Penulis melakukan dengan membaca buku teks, jurnal serta literatur yang mendukung penulisan skripsi ini. Model Pengembangan Sistem menjelaskan bahwa “model SDLC air terjun (waterfall) sering juga disebut model sekuensial linier (sequential linear) atau alur hidup klasik (classic life cycle)” Rosa dan Shalahuddin (2015). Model pengembangan sistem yang digunakan dalam penyusunan Skripsi ini, didalam model pengembangan sistem ini penulis menggunakan Waterfall. Analisa Kebutuhan Software Proses pengumpulan kebutuhan secara intensif untuk menspesifikasikan kebutuhan perangkat lunak agar dapat dipahami perangkat lunak seperti apa yang dibutuhkan oleh user. Pada tahap ini penulis melakukan analisis mengelola data produk, mengelola data pemesanan, mengelola data customer dan mengelola laporan penjualan. Desain UML merupakan bahasa visual untuk pemodelan dan komunikasi mengenai sebuah sistem dengan menggunakan diagram dan tekstur pendukung. Proses multi langkah yang fokus pada desain pembuatan program perangkat lunak termasuk struktur data, arsitektur perangkat lunak, representasi antar muka dan prosedur pengkodean. Pada tahapan ini penulis menggunakan Unifield Modelling
Language (UML) sebagai spesifikasi basis data pembuatan sistem desain, Logical Record Structure. Logical Record Stucture (LRS) dibentuk dengan nomor dan tipe record. Beberapa tipe record digambarkan oleh kotak empat persegi panjang dengan nama yang unik Jogiyanto (2005:749) Mentransfomasikan desain ke dalam barisbaris program dan pemilihan bahasa serta menerjemahkan data yang telah di rancang ke dalam bahasa program yang di tentukan. Dalam program ini bahasa yang digunakan adalah php dengan database MySQL dan program ini termasuk pemrograman terstruktur. Proses Bisnis Sistem Customer yang akan membeli datang langsung ke gerai untuk memilih corak batik yang ada di display. Jika belum ada corak batik yang cocok maka pramuniaga akan menawarkan corak batik yang lain, jika ada corak batik yang cocok dengan selera customer pramuniaga akan memberikan informasi harga batik tersebut dan jika terjadi kesepakatan pramuniaga akan mengantar produk dan customer ke kasir untuk melakukan pembayaran. Lalu kasir akan memberikan batik dan nota penjualan sebagai bukti pembayaran, selanjutnya kasir akan mencatat penjualan harian untuk dibuatkan rekapan harian sebagai dasar pembutan laporan bulanan oleh kepala gerai. 3. Pembahasan Tahap Analisis Tahap Analisa sistem merupakan kegiatan penguraian dari suatu sistem informasi yang utuh ke dalam bagian komponennya dengan maksud untuk mengidentifikasi dan mengevaluasi permasalahan – permasalahan, kesempatan – kesempatan, hambatan – hambatan yang terjadi dan kebutuhan – kebutuhan yang diharapkan sehingga dapat diusulkan perbaikannya
KNiST, 30 Maret 2014 59
ISBN: 978-602-61242-2-7 3.1.2. Use Case Diagram Use case diagram disini berguna untuk menggambarkan perilaku, prosedurprosedur serta pengguna/aktor yang terlibat pada sistem penjualan berbasis web pada Adhiwastra. Pembeli melakukan pembelian dengan menggunakan media browser dan internet lalu mengakses website www.displaywebmedia.com pembeli dapat melihat produk-produk yang tersedia di halaman website. Berikut adalah spesifikasi dari sistem penjualan online yang penulis usulkan.
uc Use Case Model Use Case Halaman Admin
Tambah Simpan Mengelola Produk
«extend»
Mengelola Kategori
Barang
«extend»
Tampilkan Form Kategori
«extend»
Edit «extend»
«include»
Tampil TampilForm form Kategori produk
Admin
Hapus
Tampilkan Profile
Mengelola Order
Pilih Produk
«extend»
Tambah «extend»
«extend» «extend»
«include»
Hapus
Login
Pilih Profile
Edit
«extend»
Tampilform formEdit Tampil kategori Produk
«extend»
uc Use Case Model Use Case Diagram Penjualan Online
«extend»
«extend»
«extend»
Tampilkan Form Produk
«extend»
Tampilkan Detail Produk
«extend»
Tampil Kategori Produk
«extend»
«include»
Tampilnka Form Order
«extend»
Ubah Status Order
Membeli Produk
Tambah
Pilih Kategori Produk
«extend»
«extend» Mengelola Ongkos Kirim
«extend»
Tampilkan Form Ongkos Kirim
«extend»
Edit
«extend»
TampilTampil Form Ongkos Kirim
«extend» Hapus Penjualan online
Pilih Cara Pembelian
«extend»
Tampilkan Cara Pembelian
Cutomer
Pilih Login
«include»
Tampilkan Form Login
Mengelola Laporan Penjualan «include»
Pilih Daftar
Pilih keranjang belanja
«include»
Tampilkan Form Pendaftaran
«extend»
Tampilkan kerajang belanja
«include»
Tampilkan Detail Belanja
Pilih Periode
«extend»
Tampilkan Laporan Penjualan
«extend»
Export Table Data
Sumber : Data Penelitian Gambar 2. Usecase Halaman Admin
Tampilkan Data Akun
«extend»
«include» Pilih Logout Selesai Belanja «extend»
Tampilkan Konfirmasi Pembayaran
sumber :Data Penelitian Gambar 1 UseCase Halaman Customer Customer dapat melakukan kegiatan seperti melihat produk serta detail informasi dari suatu produk, memfilter pencarian produk berdasarkan kategori, memilih barang yang akan dibeli dan ditambahkan ke keranjang belanja, melakukan transaksi order maka sistem melakukan pengecekan apakah customer tersebut telah mendaftar di website displaywebmedia.com dengan melakukan login dengan memasukan username dan password dan melakukan konfirmasi pembayaran melalui sistem.
Admin harus login terlebih dahulu untuk mengelola konten website.setelah berhasil login maka admin dapat melakukan mengelola data produk,mengelola data customer, mengelola data pemesanan, dapat mengelola data transaksi penjualan, mengelola laporan penjualan. 3.1.3. Activity Diagram Diagram ini terutama penting dalam pemodelan fungsi-fungsi suatu sistem dan member tekanan pada aliran kendali antar objek. Admin dapat mengelola laporan penjualan.
KNiST, 30 Maret 2014 60
ISBN: 978-602-61242-2-7
Activity Diagram Diagram aktivitas adalah tipe khusus dari diagram status yang memperlihatkan aliran dari suatu aktivitas ke aktivitas lainnya dalam suatu sistem. Diagram ini terutama penting dalam pemodelan fungsi-fungsi suatu sistem dan memberi tekanan pada aliran kendali antar objek.
orders_detail kategori id_kategori
id_kategori nama_kategori username
id_produk
id_produk id_kategori nama_produk username deskripsi harga stok berat tgl_masuk gambar dibeli dibaca diskon
username
id_orders id_produk jumlah
id_orders
orders kustomer id_orders id_kustomer id_kustomer id_kustomer password id_bank nama_lengkap status_order alamat pembayaran kode_pos bukti_transfer propinsi tgl_order kota jam_order email shipping no_telp rekening id_sessions
mod_bank
username
users
produk
username
username password nama_lengkap email no_telp foto username blokir
id_bank nama_bank username no_rekening pemilik gambar
id_bank
kota id_kota id_perusahaan nama_kota username ongkos_kirim
id_perusahaan
shop_pengiriman
username
id_perusahaan nama_perusahaan username gambar
Sumber: Data Pengolahan Peneltian Gambar 3. LRS penjualan online Spesifikasi File Digunakan dalam perancangan Program terutama untuk mendefenisikan database dan record dan field yang akan terbentuk.
Sumber: Data Pengolahan Peneltian Gambar 3. Activity Diagram Admin Mengelola Data Produk Logical Record Structure Representasi dari struktur record-record pada tebel-tabel yang terbentuk dari hasil antar himpunan entitas. Logical record strukture terdiri dari link-link diantara tipe record. Link ini menunjukan arah dari satu tipe record lainnya. Banyak link dari LRS yang diberi tanda field-field yang kelihatan pada kedua link tipe record
Spesifikasi File Tabel Kategori Nama Database : adhiwastra Nama File : Tabel Kategori Akronim : kategori.myd Tipe File : File Tabel Kategori Akses File : Random Panjang Record : 135 Byte Kunci Field : id_kategori
Tabel 1 Spesifikasi File Kategori No
Nama Field
Type
Size
Keterangan
Int
5
Primary Key
1
id_kategori
2
nama_kategori
varchar
100
3
username
varchar
30
KNiST, 30 Maret 2014 61
ISBN: 978-602-61242-2-7 Spesifikasi File Tabel Kota Nama Database : adhiwastra Nama File : Tabel Kota Akronim : kota.myd Tipe File : File Kota Akses File : Random Panjang Record : 153 Byte Kunci Field : id_kota
Spesifikasi File Tabel Mod_Bank Nama Database: adhiwastra Nama File : Tabel Mod_Bank Akronim : mode_bank.myd Akses File : File Master Tipe File : Random Panjang Record : 435 Byte Kunci Field : id_bank
Tabel 2 Spesifikasi File Kota Nama Field
Tabel 4
Type
Size
Ket
id_kota
Int
3
PK
id_perusahaan
int
10
nama_kota
Varchar
100
username
Varchar
30
Int
10
ongkos_kirim
Sumber :Data Penelitian Spesifikasi File Tabel Kustomer Nama Database adhiwastra Nama File : Tabel Kustomer Akronim : kustomer.myd Akses File : File Master Tipe File : Random Panjang Record : 626 Byte Kunci Field : id_kustomer Tabel 3 Spesifikasi File Kustomer Nama Field
Type
Size
id_kustomer
Varchar
50
password
Varchar
50
nm_lengkap
Varchar
100
Text
kode_pos
Char
6
propinsi
Varchar
100
kota
Varchar
100
email
Varchar
100
no_telp
Varchar
20
rekening
Text Varchar
Sumber:Data penelitian
Nama Field
Type
Size
Keterangan
Int
5
PK
nama_bank
Varchar
100
username
Varchar
30
no_rekening
Varchar
100
Pemilik
Varchar
100
gambar
Varchar
100
id_bank
Sumber: Data Penelitian Spesifikasi File Tabel Orders Nama Database : adhiwastra Nama File : Tabel Orders Akronim : orders.myd Akses File : File Master Tipe File : Random Panjang Record : 235 Byte Kunci Field : id_orders
Keterangan
Tabel 5
PK
Spesifikasi File Orders Nama Field
Type
Size
Keterangan
int
10
PK
id_kustomer
Varchar
100
status_order
Char
10
pembayaran
Text
bukti_transfer
Varchar
100
tgl_order
Date
5
jam_order
Time
shipping
Char
id_orders
alamat
id_session
Spesifikasi File Mod_Bank
100
10
Sumber:Data Penelitian
KNiST, 30 Maret 2014 62
ISBN: 978-602-61242-2-7
Tabel 8 Spesifikasi File Tabel Orders_Detail Nama Database : adhiwastra Nama File :Tabel Orders_DetailAkronim : orders_detail.myd Akses File : File Master Tipe File : Random Panjang Record : 15 Byte Kunci Field : Tabel 6 Spesifikasi File Orders_Detail Nama Field
Type
Size
id_orders
Int
5
id_produk
Int
5
jumlah
Int
5
Spesifikasi File Produk Nama Field
Type
Size
Ket
id_produk
int
5
PK
id_kategori
int
5
nama_produk
Varchar
100
username
Varchar
50
deskripsi
text
harga
Int
20
stok
Int
5
berat
decimal
Keterangan
tgl_masuk gambar
Sumber Data Penelitian Spesifikasi File Tabel Orders_Temp Nama Database: adhiwastra Nama File : Tabel Orders_Temp Akronim : orders_temp.MYD Akses File : File Master Tipe File : Random Panjang Record : 120 Byte Kunci Field : id_orders_temp
Varchar
100
dibeli
Int
5
dibaca
Int
5
diskon
Int
5
Sumber :Data Peneltian
Tabel 7 Spesifikasi File Orders_Temp Nama Field
Type
Size
Ket
id_orders_temp
Int
5
PK
id_produk
Int
5
id_session
Varchar
100
Int
5
Spesifikasi File Tabel Shop_Pengiriman Nama Database : adhiwastra Nama File :Tabel Shop_Pengiriman Akronim : shop_kiriman.myd Akses File : File Master Tipe File : Random Panjang Record : 260 Byte Kunci Field : id_perusahaan Tabel 9 Spesifikasi File Shop_Pengiriman Nama Field
jumlah
Type
Size
Ket
Int
10
PK
nama_perusahaan
Varchar
100
username
Varchar
50
gambar
Varchar
100
id_perusahaan tgl_order_temp
date
jam_order_temp
Time
stok_temp
Int
date
5
Sumber Data Penelitian Sumber :Data Penelitian Spesifikasi File Tabel Produk Nama Database : adhiwastra Nama File : Tabel Produk Akronim : produk.myd Akses File : File Master Tipe File : Random Panjang Record : 300 Byte Kunci Field : id_produk
Spesifikasi File Tabel Users Nama Database: adhiwastra Nama File : Tabel Users Akronim : users.myd Akses File : File Master Tipe File : Random
KNiST, 30 Maret 2014 63
ISBN: 978-602-61242-2-7 Panjang Record : 520 Byte Kunci Field : username
Terstruktur Teori dan Praktik Aplikasi Bisnis. Yogyakarta: Andi Offset.
Tabel10 Sutabri,
Tata. 2012. Konsep Sistem Informasi. Yogyakarta: Penerbit ANDI.
Winoto,
Ragil Sapto Aji, 2013, Pembangaunan Aplikasi Penjualan Online Pada Toko Jam Tangan AMPM Watch, ISSN: 2302-1136. Diambil Dari: http://download.portalgaruda.org/arti cle.ph p?article=69460&val=4872
Spesifikasi File Users Nama Field
Type
Size
Ket
username
Varchar
50
PK
password
Varchar
50
nama_lengkap
Varchar
100
email
Varchar
100
no_telp
Varchar
20
foto
Varchar
100
id_session
Varchar
100
Sumber ;Data Penelitian
4. Simpulan Adapun kesimpulan dari penulisan skripsi ini adalah Desain sistem informasi penjualan berbasis web ini dibuat agar dapat memudahkan penjual dan konsumen. Dimana pihak konsumen dapat kemudahan melihat detail informasi semua produk dengan mengakses website tersebut dan kemudahan bagi pihak penjual yaitu dapat meningkatan efisiensi dan efektifitas proses manajemen penjualan. Penerapan dari proses penjualan barang mulai dari pemesanan sampai konfirmasi pembayaran dapat dilakukan secara online dimana pihak konsumen tidak perlu datang ke gerai untuk mendapatkan produk yang diinginkan cukup dengan mengakses website tersebut melalui media internet. Dengan adanya website ini memudahkan pihak penjual memperluas daerah pemasaran dan mengurangi biaya promosi. Berdasarkan kesimpulan diatas, maka penulis bermaksud memberikan saran sebagai alternative pemikiran dengan harapan agar aspek ilmu pengetahuan tidak bersifat monoton dan terpaku pada disiplin dari ilmu pengetahuan itu sendiri. Referensi A.S, Rosa dan M. Shalahuddin. 2015. Rekayasa Perangkat lunak Terstruktur dan Berorientasi Objek. Bandung: Informatika.
Aryanto Didik , Feriani A Tarigan,2015, Penjualan pakaian secara online (studi kasus Tanko Medan), Jurnal Times, Vol.IV, No.1, ISSN : 2337.3601 Handika Bayu Ditya, Umar, 2011, Sistem Informasi penjualan berbasis Web pada PT. Usantex, Jurnal Emitor, Vol.12. No1, ISSN: 1411:8890 Wahyu Agung, Irvan Purliansyah, 2012, Pembangunan E-commerce (Penjualan Online) pada Turpez Shop, Jurnal Computech dan Bisnis, Vol.6, No.1, ISSN: 2442-4943 Sandy Kosasi, 2014, Pembuatan Sistem Informasi penjualan berbasis Web untuk memperluas pangsa pasar, Prosiding SNATI, ISBN:978-6021180-04-4 Rejeki Sri Artati Rara, Agus Prastyo Utomo, 2011, Perancangan dan pengaplikasian Sistem Penjualan pada Distro Smith berbasis ecommerce, Jurnal Teknologi Informasi Dinamik. Vol.16, No.1, ISSN:8854-9528 Kristanto Titus, Dedy setiaji, Pranitya Styawa, 2015, Analisa dan perancangan Sistem Informasi penjualan piranti Multimedia berbasis Web (studi kasus: PT.Sistem Kreasi Inovasi Indonesia)
Jogiyanto, H.M. 2005. Analisa dan Desain Sistem Informasi: Pendekatan.
KNiST, 30 Maret 2014 64
