Abstrak

Arsitektur MVC Pattern sebagai Solusi Publikasi bagi Unit Usaha Keeil(Studi : Kios Ponsel Rizki)

Imam PurwantoProgram Studi Sistem Infonnasi

Fakultas Ilmu Komputer dan Teknologi Infonnasi, Universitas GunadannaJI. Margonda Raya 100, PondokCina-Depok, 16424

E-mail: imampur2002@yahoo.com.imampur@staff.gunadanna.ac.id

Perkernbangan teknologi infonnasi saat ini mernungkinkan setiap perusahaan dekat dengan konsumen meskipunmelalui media elektronik. Salah satu usaha yang dapat dilakukan oleh perusahan untuk menjangkau konsumenadalah dengan mernanfaatkan teknologi infonnasi. Metoda yang efektif untuk menjangkau konsumen potensial

.dalam jumlah yang sangat besar adalah menggunakan internet dengan menerapkan E-Commerce perusahaanakan rnampu rnenjangkau konsumen global dalam waktu singkat dan dana yang tidak terlalu besar. Dewasa iniperan internet bukan hanya sebagai sarana mencari infonnasi, tapi juga rnempunyai potensi besar sebagai mediapemasaran dan perdagangan. Suatu perdagangan yang berbasis teknologi elektronik, E-Commerce telahmerefonnasi perdagangan konvensional di mana interaksi antara konsumen dan penjual (perusahaan) yangsebelumnya dilakukan secara langsung menjadi interaksi yang tidak langsung. Penerapan Model-View-Controller (MVC) Pattern pada E-Commerce dapat mengorganisasikan dan melakukan penyebaran infonnasiterhadap barang-barang yang dijual pada situs E-Commerce. Paper ini akan mendesain suatu aplikasi padaJoomla Framework untuk E-Commerce menggunakan MVC Pattern. MVC (Model-View-Controller) Patternpada E-Commerce dapat menyediakan keseragaman interpretasi terhadap data dan layanan sistem infonnasipenjualan yang memungkinkan terhadap maintainabilitas, skalabilitas, stabilitas dan keamanan yang lebih baikantar sistem infonnasi penjualan baik dalam perusahaan maupun terhadap pelanggan.

Kata kunci: E-Commerce, MVC Pattern, teknologi infonnasi

1. Pendahuluan

Perkembangan teknologi elektronik yangberlangsung sangat pesat akhir-akhir ini telahmempengaruhi hampir seluruh aspek kehidupandan kegiatan masyarakat. Dampak dari teknologimodern saat ini dan terbukanya jaringan infonnasiglobal yang serba transparan mendorongpertumbuhan model komersial sebagai suatuperdagangan yang berbasis teknologi canggih, E-Commerce telah merefonnasi perdagangankonvensional di mana interaksi antara konsumendan penjuaIJperusahaan yang sebelurnnya dilakukansecara langsung menjadi interaksi yang tidaklangsung. Es-Commerce telah merubah paradigmabisnis klasik dengan menumbuhkan model-modelinteraksi antara produsen dan konsumen di duniamaya. Prinsip perdagangan dengan sistempembayaran klasik yang kita kenal adalahperdagangan tradisional di mana penjual danpembeli bertemu secara fisik atau secara langsung,kini berubah menjadi konsep telemarketing yakniperdagangan jarak jauh dengan menggunakanmedia internet yang tidak membutuhkan pertemuanantar para pelaku bisnis. Sistem perdagangan yangdipakai dalam E-Commerce dirancang untukmemudahkan transaksi secara elektronik. Transaksielektronik ini dibuat mulai dari saat pembelian,pemeriksaan dan pengiriman. Oleh karena itu,

464

ketersediaan infonnasi yang benar dan akuratmengenai konsumen dan perusahaan dalam E-Commerce merupakan suatu prasyarat mutlak. Halini untuk meningkatkan efisiensi dan kecepatanpembelian, sehingga menghasilkan kunci di dalamhubungan kedua belah pihak yaitu penjual danpembeli dimana para pelaku bisnis harusberinvestasi secara signifikan di dalam melakukantransaksi secara online, jadi tidak dengan mudahdapat memindahkan bisnis mereka ke tempat lain.Menurut Luo GuangChun [5] tujuan dari MVCaplikasi web berbasis pola desain adalah untukmenyelesaikan dua faktor yaitu maintainabilitas danskalabilitas, yang memecahkan masalah dalampengembangan aplikasi Web. Denganmemperkenalkan Pola desain MVC dalampengembangan aplikasi Web, yang pelaksanaansistem logika transaksi dapat dipisahkan dari sistempresentasi. Sedangkan menurut Wikipedia [9] MVCmerupakan suatu arsitektur po la dalam keilmuanyang digunakan pada software engineering. Polamengisolasi dari input logika bisnis dan presentasi,memungkinkan pengembangan independen,pengujian dan pemeliharaan dari masing-masingjenis objek yang terdapat pada MVC Pattern.MVC (Model/View/Controller) po la desaindikembangkan di Smalltalk-80 dan secara luasdigunakan di dalam desain perangkat lunak.Menurut Luo GuangChun [5] bahwa MVC terdiri

daritigajenis objek yaitu Model, Tampilan (View)clanPengendali (Controller) yang lebih jelasnya\'o\\'!,e\\ M.'\J C, \'a\\em l.\'O.\la\~Wffia.\\la~a ~'M\\'WM\.

Contro~er

Model

Gambar I. Konsep Model-View-Controller

Menjelaskan MVC Pattern diatas menunjukkansuatu asosiasi langsung yang digambarkan dengangaris panah umh diantaranya terdiri Controller rangmenghimpun langsung View dan Model juga Viewmenghimpun Model sedangkan asosiasi tidaklangsung yang digambarkan dengan garis panahputus-putus yaitu model bagian dari View danView bagian Controller. Dapat dijelaskan bahwaModel adalah aplikasi objek, Tampilan adalah layarpresentasi, dan Controller mendefinisikan cara userberinteraksi. Interface bereaksi terhadap masukandari pengguna.

2. Latar Belakang Masalah

Dalam penjualan handphone dan aksesorisnya,Kios Ponsel Rizki belum menerapkan mediaelektronik sebagai solusi untuk memasarkanbarangnya, masih menggunakan cara klasik dalammelakukan transaksi penjualan kepada pelanggan.Oleh karena itu ada beberapa permasalah yangdihadapinya, diantaranya:a. Tidak tersedianya pelayanan ke banyak wilayah,

dikarenakan masih di satu tempat penjualan.b. Kurangnya promosi, sehingga menyebabkan

jumlah transaksi yang masih minim.c. Pembuatan laporan penjualan yang masih

lambat atau tidak tepat waktu, dikarenakan datayang ada masih menggunakan dokumen-dokumen fisik (kertas atau buku-buku manual).

Selainpermasalahan tersebut di atas, permasalahanyangjuga dihadapi pada layanan puma jual bagikonsumenbaik jual kembali atau konsultasi seputarproduk selular yang sedang trend. Denganmemperhatikan kebutuhan baik dari segi tampilankios,kecepatan layanan, ketepatan dan keakuratandata serta keamanan data baik pada perusahaanmaupunpelanggan. Untuk itu penulis menawarkan

suatu metode yang dapat memecahkanpermasalahan tersebut melalui web E-Commerce':rcm.~\)e~\)'Q.';',\~~Mode\-View-ControUeT \\I\'\JC)Pattern, agar dapat memuaskan para pe\angganyang kemudian sudah pasti menjadikan keuntunganbagi perusahaan.

3. Solusi dan Penerapannya

a. Teori PendukungMenurut Yewsiang Poong [7] istilah"perdagangan elektronik" membawa artiyang berbeda untuk orang yang berbeda.Sebuah Business Analyst dapat melihatE-Commerce sebagai sebuahalat untuk menghitung statistik untuktransaksi barang dan layanan di Internetsementara Pengembang Sistem mungkinberpikir bahwa E-Commerce adalah sebuahsistem informasi yang menyediakan katalogproduk atas World Wide Web. Ini sangatberbeda pandangan yang mendorong banyakpeneliti dalam E-Commerce lapangan untukmengembangkan kerangka E-Commerce.Kerangka ini dimsksudksn untuk:memberikan gambaran dari sebuah strukturpembungkus yang paling relevan padakomponen e-comrnerce. Seringnya kerangkakerja ini cenderung menjadi cetakan birudalam pembangunan e-commerceperdagangan.MVC (ModelNiew/Controller) pola desaindikembangkan di Smalltalk-80 dan secaraluas digunakan di dalam desain perangkatlunak. Menurut Luo GuangChun [5].MVC terdiri dari tigajenis objek:I) Model: adalah aplikasi objek.2) Tampilan: adalah layar presentasi,3) Controller: mendefinisikan cara userinterface bereaksi terhadap masukan daripengguna.Sebelum MVC, desain antarmuka penggunacenderung statis. Namun, MVC decouplesdesain untuk meningkatkan flexibilitaskemampuan dan digunakan kembali. MVCdecouples pandangan dan model denganmembentuk protokol antara mereka. Sebuahview harus memastikanbahwa penampilan mencerminkan keadaanmodel dengan benar.Ketika model mengalami perubahan data,model akan memberitahu pandanganterhadap disainnya. Sebagai tanggapanbahwa model dapat memberikan kesempatanuntuk memperbarui atau mengembangkansendiri. Pendekatan ini memungkinkanperancang melampirkan beberapapandangan untuk model dan memberikanpresentasi yang berbeda. Perancang juga

465

dapat menciptakan pandangan baru untukmodel tanpa menulis ulang itu.Sedangkan menurut Andreas Naderlingerdan Josef Templ [6] pemisahan data danrepresentasinya adalah salah satu yangpenting karakteristik dari aplikasi berbasisGUI. Model-View-Controller (MVC) pola,po la arsitektur banyak digunakan direkayasa perangkat lunak, mencapai kembalike Smalltalk. MVC merupakan perpecahanaplikasi ke dalam beberapa bagian, yaitudata aplikasi model (M), pandangan (V)pada model data ini, dan pengontrol (C)yang mempengaruhi model, biasanyasebagai respon terhadap pengguna.

b. Penerapan pada PerusahaanMenerapkan konsep E-Comrnerce padasuatu bentuk usaha dari yang konvensionalmenjadi Otomatis transaksi Online.Perkembangan teknologi informasi saat inimemungkinkan setiap perusahaan dekatdengan konsumen meskipun melalui mediaelektronik. Salah satu usaha yang dapatdilakukan oleh perusahan untuk menjangkaukonsumen adalah dengan memanfaatkanperkembangan teknologi informasi. Metodayang efektif untuk menjangkau konsumenpotensial dalam jumlah yang sangat besaradalah menggunakan teknologi komputerdengan menggunakan intern et denganmenerapkan E-Commerce perusahaan akanmampu menjangkau konsumen global dalamwaktu singkat dan dana yang tidak terlalubesar.Dewasa ini peran internet bukan hanyasebagai sarana mencari informasi, tapi jugamempunyai potensi besar sebagai mediapemasaran dan perdagangan. Pada gambar 2terlibat bentuk arsitektur website yangmenampilkan produk/barang yangdipasarkan dan konsumen dapat melihat,memilih dan membaca spesifikasiproduk/barang yang ditampilkan olehwebsite.

Sorrlnr::o.o-l'J06' m".""ZTE .--, \. !S.C'h! NClKIA

I -

~,

~NOKIA

I000

KETENTUAN

PembayaranI>l;mba';tYan &ca: a!,*u~an dencan car a tr enster mel~Ji Boo\; BCA nor~L en. aau c~n(¥J'l [c!il (a;l, OnDfjI:E'I, .c: iPengiriman

Gambar 2. Model Website

466

Pada gambar 3 dan 4, disajikan bentuk modeltransaksi yang dilakukan konsumen mulai dariketentuan transaksi sampai dengan bentukpembayaran

000 i

~~,i-88 !.lI""

Bil(k HI,,! &,m,1\!8iIU i/lIIW

Gambar 3. Model Kategori

View Produk disajikan pada website per-itembarang yang dipilih konsumen untuk mendapatkaninformasi barang selengkapnya dan menjadikanbentuk keputusan konsumen untuk membeli,sehingga dapat memuaskan para pelanggan yangkemudian sudah pasti menjadikan keuntungan bagiperusahaan.

,Q

500y EricssonK700i (second)

Gambar 4. View produk

Gambar 5. 6, 7, 8, 9 dan 10 Menunjukkan bentukView Transaksi yang dilakukan konsumen darimulai registrasi, keranjang belanja, informasibilling, cara pembayaran, konfirmasi order dantransaksi selesai. Untuk jelasnya dapat dilihat padagambar dibawah ini.

(. = RequIred)

CUSTOMER lHFORMA TlON

E,nail-

Ui.ernan-.e'"

Confirnl PaS$'Iovord"

eR.t. TO lNFORMATlOft

Cornp.af1V N~n1e

none 1=1

Address .I'"

Gambar 5. Model Registrasi

Cart

~~._:::!_~~.~~~)!!JO>..•..

Gambar 6. View Keranjang Belanja

QUAlmTY I UPDATE

~~":.~_~.*-en:e"ll~.,_.J.»~:K.-eoliT09,tI<~;';lb'¥IQ4I'1·~

T~,..,:;:2J,-~:021S'H:I'"

Gambar 7. View lnformasi Billing

:t,?:!,~.e,~~,~ente'llbdo-or:•.•...

JIUA5( §UfO,. 'A'01oo HfTM()()I

otbe-rhymetllH~

~CWo-~r.

Gambar 8. Model Cara Pembayaran

SUBTOTAl

SIII1UTN.

.,,"'

;.;-",x:·;-:

Rp 800.000

~Ado:In!;.~_*,,,,.~,~,,,",e~.GIr.»~:·"~."""",,,,,,~

I~'I

Gambar 9. View Konfinnasi Order

/ I~VMJ.irtt,i

Gambar 10. View Transaksi Selesai

Gambar I I. Menunjukkan bentuk Kontrol Orderyang mengelola proses transaksi konsumen olehadministrator. Kontrol Order berproses selamatenggang waktu transaksi sudah terpenuhi makastatus order dapat berubah menjadi selesai ataubatal tapi selama waktu tenggang belum terpenuhimaka status menjadi pending, untuk jelasnya dapatdilihat pada gambar dibawah ini.

~ Order List

"'.

Gambar 11. Kontrol Order

467

4. Kesimpulan

MVC (Model-View-Controller) Pattern padaE-Commerce dapat menyediakan keseragamaninterpretasi terhadap data dan layanan sisteminformasi penjualan yang memungkinkanterhadap maintainabilitas, skalabilitas, stabilitasdan keamanan yang lebih baik antar sisteminformasi penjualan baik dalam perusahaanmaupun terhadap pelanggan.

Referensi

[1] Anonim, Tutorial Joomla+Virtuemart,http://tutorial joomla.net/?s=virtue+mart

[2] Jubilee Enterprise (2008), Meraup UangDengan Toko Online Berbasis Joomla, ElexMedia Komputindo

[3] Komunitas Pengguna joomla Indonesia,http://www.idjoomla.comiindex.php?option=com frreboard&Itemid=26&func=search&searchword=virtue%20mart&limit= 15&limitstart=630

[4] Li Li and Wu Chou (2008), Towards AMinimalist Multimodal Dialogue FrameworkUsing Recursive MVC Pattern, ICMI'08,October 20-22, 2008, Chania, Crete, Greece,Copyright 2008 ACM 978-1-60558-198-9/0811 0 ...$5.00.

[5] Luo GuangChun, at,al (2003), A Novel WebApplication Frame Developed by MVC,ACM SIGSOFT Software Engineering Notesvol28 no 2.

[6] Naderlinger, Andreas and Templ, Josef(2008), A Framework for CommandProcessing in Java/Swing Programs Based onthe MVC Pattern, PPPJ 2008, September 9-11, 2008, Modena, Italy. Copyright 2008ACM 978-1-60558-223-8/08/0009 ...\$5.00.

[7] Poong, Yewsiang, at,al (2006), E-CommerceToday and Tomorrow: A Truly Generalizedand Active Framework for the Definition ofElectronic Commerce, ICEC'06, August 14-16, 2006, Fredericton, Canada. Copyright2006 ACM 1-59593-392-1.

[8] Sudarma S. (2009), Joomla! Cara Cepat &Mudah Membuat Toko Online, Mediakita,ISBN 979-994-197-3

[9] Wikipedia (2008), Model-View-Controller.http://en. wikipedia.org/wikilModel%E2%80%93view%E2%80%93controller.

468