MEMBANGUN WEB E-COMMERCE INDUSTRI KECIL MENENGAH (IKM)

MEMBANGUN WEB E-COMMERCE INDUSTRI KECIL MENENGAH (IKM) Eko Heri Susanto1*, Sulaibatul Aslamiyah2*, M. Rizal Afani3* 1*

Teknik Informatika, Sekolah Tinggi Ilmu Komputer PGRI, Banyuwangi, Indonesia [email protected] 2* Teknik Informatika, Sekolah Tinggi Ilmu Komputer PGRI, Banyuwangi, Indonesia [email protected] 3* Teknik Informatika, Sekolah Tinggi Ilmu Komputer PGRI, Banyuwangi, Indonesia Abstrak - Industri kecil menengah adalah salah satu tumpuan ekonomi dan asset suatu daerah. Banyuwangi adalah salah satu kabupaten yang mempunyai industri kecil menengah yang berjumlah sangat banyak. Namun, jumlah yang banyak itu belum diimbangai dengan promosi secara besar-besaran terutama dibidang internet. Padahal banyak sekali industri kecil menengah di kota besar yang menggunakan fasilitas internet dan terbukti dapat meningkatkan penjualan mereka.

Banyuwangi adalah kota yang mempunyai banyak jenis karya yang dapat dijadikan sebagai ciri khas dari kota Banyuwangi. Dari Banyaknya industri kecil menengah tersebut masih belum diimbangi dengan cara promosi yang sekarang menjadi tren yaitu promosi secara online. Bahkan tak jarang pihak industri kecil menengah tersebut tidak mengerti tentang internet dan komputer. Padahal promosi lewat media online yang saat ini sedang banyak digunakan oleh para pengusaha dikota besar mampu meningkatkan promosi bahkan traffic penjualan produk mereka. Memang sebagian kecil dari industri kecil menengah di Banyuwangi telah menggunakan sarana promosi lewat online ino, seperti contohnya pengusaha batik yang berada di kecamatan Genteng yaitu batik virdes yang kini tingkat pasarnya sudah merambah dunia. Harusnya fasilitas internet ini juga dapat digunakan oleh semua pengusaha industri kecil menengah sehingga dapat meningkatkan promosi produk mereka dan dapat memperluas nama masyarakat banyuwangi. Selain itu juga mencegah adanya akuisisi produk khas dari kota banyuwangi.

Dari permasalahan diatas perlu adanya solusi, diantaranya adalah membuat e-commerce khusus untuk mempromosikan dan tempat mejual produkproduk khas Banyuwangi. E-commerce ini akan dibuat menggunakan framework becak agar lebih mudah dalam pembangunannya. Dengan menggunakan database MySQL yang saat ini banyak digunakan oleh perusahaan penyewaan hosting. Selain itu web yang dibangun harus lengkap dengan transaksi pemesanan barang dan pencatatan pengiriman (transfer) pembayaran pesanan. Pencatatan pesanan ini dapat dilakukan dengan cara memanfaatkan sms banking yang kemudian akan diproses dengan aplikasi sms gateway dan disimpan di database web menggunakan konsep three tier.

Tak jarang produk khas Banyuwangi diakuisisi oleh masyarakat daerah lain, contohnya seperti sarung pantai. Sebagian pedagang dibali mengambil sarung pantai dari daerah Banyuwangi untuk dijual dibali. Selain sarung pantai, ada juga kerajinan kayu dan manic-manik yang banyak dibeli dari daerah Banyuwangi. Hal ini sebenarnya banyak merugikan masyarakat Banyuwangi sendiri, karena banyaknya karya khas daerah juga merupakan asset besar dari daerah tersebut. Sedangkan produk-produk Banyuwangi yang dijual di Bali telah banyak dinamakan dengan produk khas Bali.

Diharapkan dengan adanya web e-commerce IKM Banyuwangu ini akan membantu promosi dan penjualan industri kecil menengah yang berjumlah sangat banyak. Bagi peneliti, mampu membuat aplikasi web e-commerce yang dikombinasikan dengan sms gateway sebagai pencatat pembayaran yang dilakukan oleh customer. Kata Kunci : E-Commerce, Sms Gateway ,Toko Online.

Dari permasalahan yang terjadi diatas, perlu adanya solusi yang dapat meminimalisir atau menyelesaikan permasalahan tersebut. Salah satunya adalah membuat toko online / e-commerce sebagai sarana solusi dan penjualan produk khas Banyuwangi. Dengan membuat e-commerce produk khas Banyuwangi diharapkan produk industri kecil menengah akan lebih dikenal di masyarakat luas bahkan sampai manca Negara.

1. Pendahuluan Banyuwangi adalah salah satu kabupaten di jawa timur yang mempunyai banyak sekali industri kecil menengah (IKM). Menurut data Dinas perindustrian, pedagangan dan pertambangan di kota Banyuwangi tedapat sekitar 22.000 industri kecil menengah yang tersebar disemua kecamatan. Dari 22.000 industri kecil menengah tersebut ada banyak sekali jenis IKM diantaranya adalah industri pakaian, makanan, minuman dan lain-lain. ini menunjukkan bahwa kota

Untuk mencapai tujuan tersebut e-commerce yang dibangun akan dilengkapi dengan optimasi search engine standart cooding agar produk yang terupload lebih mudah ditemui di web mesin pecari (dalam hal ini

13

google). Selain itu akan juga diberikan fitur auto upload / promosi ke jejaring social agar e-commerce yang dibuat lebih cepat dikenal dan produk-produk yang diupload juga mudah dijumpai di media social yang saat ini sedang ramai digunakan.

open source atau bebas dikembangkan oleh siapapun. Diantara framework-framework yang cukup dikenal saat ini adalah codeigniter, cakePHP, YII dan Obullo. 2.3. Framework Becak Framework becak adalah framework optimasi dan penggabungan dari codeigniter dan obullo. Framework becak mengadopsi konsep Hierarcy model view controller (HMVC) dari framework obullo, konsep ini hampir sama persis dengan konsep MVC, hanya saja ada penambahan sebuah contoller yang berfungsi untuk mengakses controller-controller lainnya, sehingga memungkinkan dalam sebuah framework dibangun banyak aplikasi. Controller tambahan itu dinamakan sebagai global controller dan konsep ini disebut sebagai konsep HMVC. Selain menggunakan konsep HMVC, framework becak juga dilengkapi dengan operasi database PHP database operation dan operasi database klasik. (Susanto, 2011)

Website yang dibangun juga harus dilengkapi dengan transaksi pemesanan produk sehingga dapat memudahkan para pengusaha dari IKM untuk melayani pemesanan yang datang dari web. Untuk pembayarannya langsung dikirim secara manual ke rekening yang telah disediakan sebelumnya. Website yang dibangun juga harus mampu mencatat para pemesan produk yang telah mengirim uang pembayaran ke rekening yang telah ditentukan. Hal ini dapat dilakukan dengan mengkombinasikan system web dengan aplikasi sms gateway menggunakan konseop three tier. 2. Landasan Teori 2.1. PHP Menurut dokumen resmi PHP, PHP merupakan singkatan dari PHP Hypertex processor. PHP merupakan bahasa dalam bentuk skrip yang ditempatkan di server.

2.4. C# (C sharp) .net C# merupakan bahasa pemograman yang dikembangkan oleh microsoft, dan dipublikasikan pada juli 2000 sebagai bahasa pemorgraman berorientasi object. C# dijadikan sebagai bahasa pemrograman utama untuk mengembangkan .NET Framework dari Microsoft. C# adalah bahasa turunan dari C++, didesain untuk memenuhi kebutuhan akan sintax C++ yang lebih ringkas dan tanpa batas dan sintaxnya sangat mirip sekali dengan sintax Java.

Bermula pada tahun 1994 saat rasmus lerdorf membuat sejumlah skrip perl yang dapat mengamati siapa saja yang melihat-lihat riwayat hidupnya. Skripskrip ini selanjutnya dikemas dalam bentuk tool yang disebut “personal home page”. Paket inilah yang menjadi cikal bakal PHP. pada tahun 1995, Rasmus menciptakan PHP/FI versi 2. Pada versi ini pemrogram dapat menempelkan kode terstruktur di dalam tag HTML. Selain itu, kode PHP juga bisa berkomunikasi dengan database dan melakukan perhitunganperhitungan yang kompleks.

2.5. Three tier Three tier merupakan model arsitektur aplikasi yang bertingkat yang terdiri dari tiga tingkat (tier). Dimana tingkat pertama dan tingkat ke dua adalah server yang berada dipusat pemrosesan data. Server pada tingkat pertama adalah sebagai database server yang terhubung dengan tingkat ke dua yaitu application server yang bertindak sebagai penghubung antara tingkat pertama dan tingkat ke tiga yaitu komputer client atau user. Jadi agar user dapat mengakses database harus melewati application server dulu. Konsep ini menghilangkan batas arsitektur two tier atau client server.

Saat ini PHP cukup populer sebagai piranti pemrograman web, terutama di lingkungan Linux. Namun demikian PHP sebenarnya juga dapat berfungsi pada server-server berbasis UNIX, Windows NT dan Machinthos. Bahkan versi untuk windows 95/98 pun tersedia. Pada awalnya PHP dirancang untuk mengintegrasikan dengan web server apache. Namun saat ini PHP dapat juga bekerja dengan web server seperti PWS(Personal Web Server), IIS (Internet Information Server) dan xintami.

Model Three tier mempunyai beberapa kelebihan : a. Apabila terjadi kesalahan pada salah satu lapisan maka tidak menyebabkan lapisan lainnya bermasalah b. Perubahan pada salah satu lapisan tidak perlu mengubah ulang pada lapisan lainnya. c. Transter data dapat optimal.

2.2. Model View Controller (MVC) Konsep MVC ini pertama kalinya diperkenalkan oleh XEROX PARC yang bekerja dalam pembuatan bahasa pemrograman smaltalk sekitar tahun 1970-1980. Pada dasarnya konsep MVC adalah sebuah metode untuk membuat sebuah aplikasi dengan memisahkan data (model), tampilan (view) dan cara bagaimana memprosesnya (controller) (Radek, 2009). Konsep MVC ini diperkenalkan dengan tujuan memudahkan bagi para pengembang aplikasi web.

2.6. MySQL MySQL adalah sebuah perangkat lunak sistem manajement basis data SQL (database management system) yang multithread dan multiuser. Mysql adalah sebuah implementasi dari sistem manajemen basis data relasional (RDBMS) yang didistribusikan secara gratis dibawah lisensi GPL (General Public License). Setiap pengguna dapat secara bebas menggunakan MySQL, namun dengan batasan perangkat lunak tersebut tidak boleh dijadikan sebagai produk turunan yang bersifat komersial.

Saat ini banyak sekali aplikasi-aplikasi berbasis web yang dikembangkan untuk mempermudah pembutan sebuah web dan berkonsep MVC, selain itu juga sudah dilengkapi dengan berbagai macam library, plugin dan helper yang tinggal pakai. Aplikasi-aplikasi ini dinamakan dengan framework MVC dan bersifat

14

MySQL merupakan turunan salah satu konsep utama dalam basis data yang telah ada sebelumnya, SQL (Structured Query Language). SQL adalah sebuah konsep pengoperasian basis data, terutama untuk pemilihan atau seleksi dan pemasukan data, yang memungkinkan pengoperasian data dikerjakan dengan mudah dan otomatis.

pengerjaan dilakukan dari atas ke bawah secara berurutan. Adapun langkah-langkah yang akan dilakukan dalam penelitian ini terlihat pada gambar 1.

Desain system dan pembangunan

2.7. Htaccess Htaccess adalah file konfigurasi yang disediakan oleh web server apache, yang biasanya digunakan untuk mengubah settingan default dari apache.

Optimasi Search Engine

Connect to social network

File .htaccess biasanya diletakkan pada root direktori. File .htaccess harus dalam format ASCII dan dengan permission yang diset pada 644 (rw-r-r) dengan tujuan membuat server dapat mengakses file .htaccess sedangkan visitor website tidak dapat mengakses file .htaccess dari browser.

Uji Coba aplikasi

Gambar 1: Langkah-Langkah Penelitian

Fungsi File .htaccess diantaranya adalah : a. Kustomisasi Error Message b. Overide SSL settings c. Merubah default Homepage d. Enable directory browsing e. Mem-block user yang akan mengakses website f. Meredirect / mengarahkan pengunjung website ke halaman lain g. Mencegah Hot linking dan bandwith leechin

Adapun penjelasan dari masing-masing langkah penelitian tersebut, adalah sebagai berikut: 1. Desain System dan Pembangunan. Desain system digunakan agar pembangunan aplikasi lebih terstruktur dan agar mudah dokumentasinya sehingga jika dikemudian hari ada perubahan atau penambahan dalam sebuah sub system akan mudah untuk dilakukan. Desain system ini dibuat dengan diagram unified modeling language (uml) dan terbagi menjadi beberapa bagian yaitu bussiness proses, desain database, use case, desain GUI, activity diagram, diagram squence dan class diagram 2. Optimasi Search Engine Untuk optimasi Search engine, dapat dilakukan dengan pemangkasan url dengan tujuan agar url akan lebih pendek, lebih cantik dan sangat mudah dikenali oleh search engine 3. Connect to Social Network Website yang dibangun juga harus terhubung dengan berbagai social network, untuk saat ini website sudah dapat terhubung dengan facebook. Salah satu cara promosi lewat facebook adalah dengan cara menggunggah data produk ke grupgrup facebook sesuai dengan kategori produk, dan untuk menghubungkan antara web yang dibangun dengan facebook dapat dilakukan dengan cara menggunakan Application programming interface (API) yang disediakan oleh facebook 4. Uji Coba Aplikasi Uji Coba Aplikasi dilakukan untuk melihat apakah aplikasi yang dibangun sudah dapat berjalan dengan baik atau tidak

2.8. Application Programming Interface (API) Social Network. Application programming interface (API) social network adalah layanan yang disediakan para pengembang jejaring sosial untuk menghubungkan server jejaring sosial dengan platform yang lain. Dalam penelitian ini sebagai contoh adalah API Facebook.API Facebook dikembangkan mulai tahun 2006, yang dimulai dari perbaikan – perbaikan kecil seperti waktu profile update dan timezone (https:// developers. facebook.com/). Hingga saat ini API Facebook telah menyediakan beberapa tool sebagai layanan koneksi.API Facebook telah menyediakan SDK Facebook sebagai library untuk mempermudah sebuah aplikasi web agar terkoneksi dengan Facebook.sDalam penelitian ini untuk mengkoneksikan antara facebook dan web promosi adalah dengan memanfaatkan SDK Facebook. 2.9. SMS LIB SMSLib adalah library Java yang memungkinkan Anda untuk mengirim atau menerima pesan SMS melalui modem GSM yang kompatibel atau telepon GSM. SMSLib juga mendukung beberapa operator sms. SMSLib v3 telah memperkenalkan konsep Gateway, yang merupakan antarmuka ke perangkat atau layanan yang dapat mengirim dan menerima pesan SMS. Sebuah gateway bisa menjadi modem GSM atau penyedia sms massal. SMSLib dapat menangani beberapa gateway pada waktu yang sama.

4. Hasil Penelitian Pada bagian ini akan dikemukakan temuan hasil penelitian yang telah dilaksanakan sesuai dengan rangkaian tindakan yang telah dilakukan. 4.1 Implementasi Aplikasi Web Visitor Tampilan halaman depan web e-commerce IKM Banyuwangi yang akan dikunjungi pertama kali oleh

3. Tahapan Penelitian Langkah-langkah dalam menyelesaikan penelitian ini dapat dilihat pada Gambar 1. Prinsip pengerjaannya menggunakan metode waterfall yaitu proses

15

4.2 Implementasi Aplikasi Admin Halaman ini digunakan untuk melihat pesanan, sehingga user admin dapat mengetahui jika ada pesanan dari produk yang telah diupload

visitor. Dari halaman ini visitor dapat memilih daftar produk sesuai dengan kategori produk.

Gambar 4: List Pesanan Web Admin

Gambar 2 : Tampilan Halaman Index Setelah visitor memilih salah satu kategori dihalaman depan, web akan menuju halaman selanjutnya dan akan menampilkan daftar produk sesuai kategori yang dipilih oleh visitor. Pada halaman ini akan ditampilkan juga button “spesifikasi barang” yang akan menampilkan detail keterangan dari produk yang dipilih dan button “beli barang” yang akan memasukkan data produk ke dalam keranjang belanja.

Gambar 5 : List Pesanan Web Admin Gambar 5 digunakan untuk melihat pesanan, sehingga user admin dapat mengetahui jika ada pesanan dari produk yang telah diupload

Pada halaman ini juga ditampilkan beberapa produk terlaris dibagian kiri halaman. Dan juga akan ditampilkan kategori produk yang dapat dipilih kembali oleh visitor untuk melihat daftar produk sesuai kategori yang diinginkan.

Gambar 6 : Form Upload Produk Pada halaman upload produk user admin dapat mengupload produk yang akan dijual dan menambahkan data harga, foto produk dan deskripsi dari produk 4.3 Implementasi Aplikasi Super Admin Pada halaman ini super user / super admin dapat melihat semua transaksi pemesanan barang yang dilakukan antara user admin admin dan member.

Gambar 3: List Produk

16

Gambar 9 adalah tabel yang menampilkan sms yang masuk, termasuk sms dari sms banking yang nantinya akan diforward ke web

Gambar 7: Daftar Pemesanan Super Admin 4.4 Implementasi Aplikasi Member Halaman ini digunakan member untuk memasuki member area. Didalamnya member dapat melakukan pemesanan barang, melihat history transaksi dan lainlain.

Gambar 10 : Inbox SMS Gateway 5. Kesimpulan dan Saran 5.1 Simpulan Pada bab sebelumnya telah dibahas bagaimana cara membangun web e-commerce IKM yang telah dilengkapi beberapa fitur untuk meningkatkan dan mempermudah publikasi dan promosi di internet, diantaranya adalah : 1. Framework becak berhasil digunakan membangun e-commerce IKM. 2. SMS LIB dan C# berhasil digunakan untuk membangun aplikasi sms gateway yang terhubung dengan web sebagai pencatat pembayaran yang dilakukan oleh member yang memesan produk. 5.2 Saran Perlu adanya penelitian lanjutan untuk menambahkan fitur-fitur baru guna lebih mempermudah lagi user interface web e-commerce, diantaranya : 1. Menyediakan fasilitas multi bahasa. 2. Mengganti fasilitas keranjang belanja yang menggunakan session dengan menggunakan cookies agar lebih efisien dan memperingan performa kerja server.

Gambar 8 : Login Member 4.5 Implementasi Aplikasi Web SMS Server Aplikasi ini tidak memiliki user interface yang dapat dilihat, karena aplikasi ini hanya berbentuk proses penyimpan data. Tetapi hasil penyimpanan datanya dapat dilihat pada daftar transfer yang berada di aplikasi super admin dan aplikasi web admin

Daftar Pustaka 4.6 Implementasi Aplikasi SMS Gambar 7 merupakan tampilan form login untuk mengaktikan aplikasi sms gateway

Gambar 9: Login Sms Gateway

17

[1]

Agus Bachtiar,(2008),”PHP penerbit Andi : Yogyakarta

Script

Most

Wanted”,

[2]

Awan pribadi basuki (2010), “Membangun web bebasis PHP dengan framework Codeigniter”, lokomedia:Yogyakarta

[3]

Bunafit nugroho, (2009), “Membuat Website sendiri dengan PHP – MySQL”, Mediakita:Jakarta

[4]

Deitels, Deitels. (2002). C# How to program, Prentice Hall

[5]

Kusuma, Dimara Hakim. (2005). Penerapan arsitektur 3tier dengan COM+ dalam portal jurnal, penerbit : Fathul wahid

[6]

Liberty, jesse. (2005). Programming C# , 4.0 Edition. O’Reilly

[7]

Susanto, Eko Heri, 2011. Prosiding Seminar Nasional Pascasarjana XI-ITS Surabaya. Content management system CMS Weblog Desa Berbasis Framework Model View Controller MVC, IBSN No. 9-545-0270-1,321-325.

[8]

http://smslib.org/

18