Arsitektur MVC Pattern sebagai Solusi Publikasi bagi Unit Usaha Keeil (Studi : Kios Ponsel Rizki) Imam Purwanto Program Studi Sistem Infonnasi Fakultas Ilmu Komputer dan Teknologi Infonnasi, Universitas Gunadanna JI. Margonda Raya 100, PondokCina-Depok, 16424 E-mail:
[email protected]@staff.gunadanna.ac.id Abstrak Perkernbangan teknologi infonnasi saat ini mernungkinkan setiap perusahaan dekat dengan konsumen meskipun melalui media elektronik. Salah satu usaha yang dapat dilakukan oleh perusahan untuk menjangkau konsumen adalah dengan mernanfaatkan teknologi infonnasi. Metoda yang efektif untuk menjangkau konsumen potensial .dalam jumlah yang sangat besar adalah menggunakan internet dengan menerapkan E-Commerce perusahaan akan rnampu rnenjangkau konsumen global dalam waktu singkat dan dana yang tidak terlalu besar. Dewasa ini peran internet bukan hanya sebagai sarana mencari infonnasi, tapi juga rnempunyai potensi besar sebagai media pemasaran dan perdagangan. Suatu perdagangan yang berbasis teknologi elektronik, E-Commerce telah merefonnasi perdagangan konvensional di mana interaksi antara konsumen dan penjual (perusahaan) yang sebelumnya dilakukan secara langsung menjadi interaksi yang tidak langsung. Penerapan Model-ViewController (MVC) Pattern pada E-Commerce dapat mengorganisasikan dan melakukan penyebaran infonnasi terhadap barang-barang yang dijual pada situs E-Commerce. Paper ini akan mendesain suatu aplikasi pada Joomla Framework untuk E-Commerce menggunakan MVC Pattern. MVC (Model-View-Controller) Pattern pada E-Commerce dapat menyediakan keseragaman interpretasi terhadap data dan layanan sistem infonnasi penjualan yang memungkinkan terhadap maintainabilitas, skalabilitas, stabilitas dan keamanan yang lebih baik antar sistem infonnasi penjualan baik dalam perusahaan maupun terhadap pelanggan. Kata kunci: E-Commerce, MVC Pattern, teknologi infonnasi
1. Pendahuluan Perkembangan teknologi elektronik yang berlangsung sangat pesat akhir-akhir ini telah mempengaruhi hampir seluruh aspek kehidupan dan kegiatan masyarakat. Dampak dari teknologi modern saat ini dan terbukanya jaringan infonnasi global yang serba transparan mendorong pertumbuhan model komersial sebagai suatu perdagangan yang berbasis teknologi canggih, ECommerce telah merefonnasi perdagangan konvensional di mana interaksi antara konsumen dan penjuaIJperusahaan yang sebelurnnya dilakukan secara langsung menjadi interaksi yang tidak langsung. Es-Commerce telah merubah paradigma bisnis klasik dengan menumbuhkan model-model interaksi antara produsen dan konsumen di dunia maya. Prinsip perdagangan dengan sistem pembayaran klasik yang kita kenal adalah perdagangan tradisional di mana penjual dan pembeli bertemu secara fisik atau secara langsung, kini berubah menjadi konsep telemarketing yakni perdagangan jarak jauh dengan menggunakan media internet yang tidak membutuhkan pertemuan antar para pelaku bisnis. Sistem perdagangan yang dipakai dalam E-Commerce dirancang untuk memudahkan transaksi secara elektronik. Transaksi elektronik ini dibuat mulai dari saat pembelian, pemeriksaan dan pengiriman. Oleh karena itu,
464
ketersediaan infonnasi yang benar dan akurat mengenai konsumen dan perusahaan dalam ECommerce merupakan suatu prasyarat mutlak. Hal ini untuk meningkatkan efisiensi dan kecepatan pembelian, sehingga menghasilkan kunci di dalam hubungan kedua belah pihak yaitu penjual dan pembeli dimana para pelaku bisnis harus berinvestasi secara signifikan di dalam melakukan transaksi secara online, jadi tidak dengan mudah dapat memindahkan bisnis mereka ke tempat lain. Menurut Luo GuangChun [5] tujuan dari MVC aplikasi web berbasis pola desain adalah untuk menyelesaikan dua faktor yaitu maintainabilitas dan skalabilitas, yang memecahkan masalah dalam pengembangan aplikasi Web. Dengan memperkenalkan Pola desain MVC dalam pengembangan aplikasi Web, yang pelaksanaan sistem logika transaksi dapat dipisahkan dari sistem presentasi. Sedangkan menurut Wikipedia [9] MVC merupakan suatu arsitektur po la dalam keilmuan yang digunakan pada software engineering. Pola mengisolasi dari input logika bisnis dan presentasi, memungkinkan pengembangan independen, pengujian dan pemeliharaan dari masing-masing jenis objek yang terdapat pada MVC Pattern. MVC (Model/View/Controller) po la desain dikembangkan di Smalltalk-80 dan secara luas digunakan 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
suatu metode yang dapat memecahkan permasalahan tersebut melalui web E-Commerce ':rcm.~\)e~\)'Q.';',\~~Mode\-View-ControUeT \\I\'\JC) Pattern, agar dapat memuaskan para pe\anggan yang kemudian sudah pasti menjadikan keuntungan bagi perusahaan. 3. Solusi dan Penerapannya
Model
Gambar I. Konsep Model-View-Controller Menjelaskan MVC Pattern diatas menunjukkan suatu asosiasi langsung yang digambarkan dengan
a. Teori Pendukung Menurut Yewsiang Poong [7] istilah "perdagangan elektronik" membawa arti yang berbeda untuk orang yang berbeda. Sebuah Business Analyst dapat melihat E-Commerce sebagai sebuah alat untuk menghitung statistik untuk transaksi barang dan layanan di Internet sementara Pengembang Sistem mungkin berpikir bahwa E-Commerce adalah sebuah sistem informasi yang menyediakan katalog produk atas World Wide Web. Ini sangat berbeda pandangan yang mendorong banyak peneliti dalam E-Commerce lapangan untuk mengembangkan kerangka E-Commerce.
garis panah umh diantaranya terdiri Controller rang
Kerangka ini
menghimpun langsung View dan Model juga View menghimpun Model sedangkan asosiasi tidak langsung yang digambarkan dengan garis panah putus-putus yaitu model bagian dari View dan View bagian Controller. Dapat dijelaskan bahwa Model adalah aplikasi objek, Tampilan adalah layar presentasi, dan Controller mendefinisikan cara user berinteraksi. Interface bereaksi terhadap masukan dari pengguna.
memberikan gambaran dari sebuah struktur pembungkus yang paling relevan pada komponen e-comrnerce. Seringnya kerangka kerja ini cenderung menjadi cetakan biru dalam pembangunan e-commerce perdagangan. MVC (ModelNiew/Controller) pola desain dikembangkan di Smalltalk-80 dan secara luas digunakan di dalam desain perangkat lunak. Menurut Luo GuangChun [5]. MVC terdiri dari tigajenis objek: I) Model: adalah aplikasi objek. 2) Tampilan: adalah layar presentasi, 3) Controller: mendefinisikan cara user interface bereaksi terhadap masukan dari pengguna. Sebelum MVC, desain antarmuka pengguna cenderung statis. Namun, MVC decouples desain untuk meningkatkan flexibilitas kemampuan dan digunakan kembali. MVC decouples pandangan dan model dengan membentuk protokol antara mereka. Sebuah view harus memastikan bahwa penampilan mencerminkan keadaan model dengan benar. Ketika model mengalami perubahan data, model akan memberitahu pandangan terhadap disainnya. Sebagai tanggapan bahwa model dapat memberikan kesempatan untuk memperbarui atau mengembangkan sendiri. Pendekatan ini memungkinkan perancang melampirkan beberapa pandangan untuk model dan memberikan presentasi yang berbeda. Perancang juga
2. Latar Belakang Masalah Dalam penjualan handphone dan aksesorisnya, Kios Ponsel Rizki belum menerapkan media elektronik sebagai solusi untuk memasarkan barangnya, masih menggunakan cara klasik dalam melakukan transaksi penjualan kepada pelanggan. Oleh karena itu ada beberapa permasalah yang dihadapinya, 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 data yang ada masih menggunakan dokumendokumen fisik (kertas atau buku-buku manual). Selainpermasalahan tersebut di atas, permasalahan yang juga dihadapi pada layanan puma jual bagi konsumenbaik jual kembali atau konsultasi seputar produk selular yang sedang trend. Dengan memperhatikan kebutuhan baik dari segi tampilan kios,kecepatan layanan, ketepatan dan keakuratan data serta keamanan data baik pada perusahaan maupunpelanggan. Untuk itu penulis menawarkan
dimsksudksn
untuk:
465
dapat menciptakan pandangan baru untuk model tanpa menulis ulang itu. Sedangkan menurut Andreas Naderlinger dan Josef Templ [6] pemisahan data dan representasinya adalah salah satu yang penting karakteristik dari aplikasi berbasis GUI. Model-View-Controller (MVC) pola, po la arsitektur banyak digunakan di rekayasa perangkat lunak, mencapai kembali ke Smalltalk. MVC merupakan perpecahan aplikasi ke dalam beberapa bagian, yaitu data aplikasi model (M), pandangan (V) pada model data ini, dan pengontrol (C) yang mempengaruhi model, biasanya sebagai respon terhadap pengguna. b. Penerapan pada Perusahaan Menerapkan konsep E-Comrnerce pada suatu bentuk usaha dari yang konvensional menjadi Otomatis transaksi Online. Perkembangan teknologi informasi saat ini memungkinkan setiap perusahaan dekat dengan konsumen meskipun melalui media elektronik. Salah satu usaha yang dapat dilakukan oleh perusahan untuk menjangkau konsumen adalah dengan memanfaatkan perkembangan teknologi informasi. Metoda yang efektif untuk menjangkau konsumen potensial dalam jumlah yang sangat besar adalah menggunakan teknologi komputer dengan menggunakan intern et dengan menerapkan E-Commerce perusahaan akan mampu menjangkau konsumen global dalam waktu singkat dan dana yang tidak terlalu besar. Dewasa ini peran internet bukan hanya sebagai sarana mencari informasi, tapi juga mempunyai potensi besar sebagai media pemasaran dan perdagangan. Pada gambar 2 terlibat bentuk arsitektur website yang menampilkan produk/barang yang dipasarkan dan konsumen dapat melihat, memilih dan membaca spesifikasi produk/barang yang ditampilkan oleh website.
.--,
Sorrlnr::o.o-l'J06'
ZTE
I
-
~
m".""
\. !S.C'h!
~
,
NClKIA
NOKIA
I 000
KETENTUAN
Pembayaran I>l;mba';tYan &ca: a!,*u~an dencan car a tr enster mel~Ji Boo\; BCA no r~L en. aau c~n(¥J'l [c!il (a;l, On DfjI:E'I, .c:
Pengiriman
Gambar 2. Model Website
466
i
Pada gambar 3 dan 4, disajikan bentuk model transaksi yang dilakukan konsumen mulai dari ketentuan transaksi sampai dengan bentuk pembayaran
000 i
~~,i-88 !.lI""
Bil(k HI,,!
&,m,1\!8iIU i/lIIW
Gambar 3. Model Kategori View Produk disajikan pada website per-item barang yang dipilih konsumen untuk mendapatkan informasi barang selengkapnya dan menjadikan bentuk keputusan konsumen untuk membeli, sehingga dapat memuaskan para pelanggan yang kemudian sudah pasti menjadikan keuntungan bagi perusahaan.
,
500y Ericsson K700i (second)
Q
Gambar 4. View produk
Gambar 5. 6, 7, 8, 9 dan 10 Menunjukkan bentuk View Transaksi yang dilakukan konsumen dari mulai registrasi, keranjang belanja, informasi billing, cara pembayaran, konfirmasi order dan transaksi selesai. Untuk jelasnya dapat dilihat pada gambar dibawah ini.
(. =
RequIred)
lHFORMA TlON
CUSTOMER
E,nail-
Ui.ernan-.e'"
Confirnl
PaS$'Iovord"
eR.t. TO lNFORMATlOft
~Ado:In!;.~_*,,,,.~,~,,,
",e~.GIr.»~:·"~."""",,,,,,~ Cornp.af1V
N~n1e
none
1=1
I~' I Address
.I'"
Gambar 9. View Konfinnasi
Gambar 5. Model Registrasi
Order
Cart SIII1UTN.
.,,"'
~~._:::!_~~.~~~)!!JO>
..•..
/
I~
VMJ.irtt,i
Gambar 6. View Keranjang Belanja Gambar QUAlmTY
I
UPDATE
10. View Transaksi Selesai
SUBTOTAl
;.;-",x:·;-:
_.
~~":.~_~.*-en:e"ll~.,
Gambar I I. Menunjukkan bentuk Kontrol Order yang mengelola proses transaksi konsumen oleh administrator. Kontrol Order berproses selama tenggang waktu transaksi sudah terpenuhi maka status order dapat berubah menjadi selesai atau batal tapi selama waktu tenggang belum terpenuhi maka status menjadi pending, untuk jelasnya dapat dilihat pada gambar dibawah ini.
J.»~:K.-eoliT09,tI<~;';lb'¥IQ4I'1·~
T~,..,:;:2J
,~:021S'H:I'"
~ Order List
Gambar 7. View lnformasi Billing Rp 800.000
•.•...
:t,?:!,~.e,~~,~ente'llbdo-or:
JIUA5( §UfO,.
'A'01oo
HfTM()()I
otbe-rhymetllH~ ~CWo-~r.
'".
Gambar
11. Kontrol Order
Gambar 8. Model Cara Pembayaran
467
4. Kesimpulan MVC (Model-View-Controller) Pattern pada E-Commerce dapat menyediakan keseragaman interpretasi terhadap data dan layanan sistem informasi penjualan yang memungkinkan terhadap maintainabilitas, skalabilitas, stabilitas dan keamanan yang lebih baik antar sistem informasi penjualan baik dalam perusahaan maupun terhadap pelanggan.
Referensi [1] [2]
[3]
[4]
[5]
[6]
[7]
[8]
[9]
468
Anonim, Tutorial Joomla+Virtuemart, http://tutorial joomla.net/?s=virtue+mart Jubilee Enterprise (2008), Meraup Uang Dengan Toko Online Berbasis Joomla, Elex Media Komputindo Komunitas Pengguna joomla Indonesia, http://www.idjoomla.comiindex.php?option=c om frreboard&Itemid=26&func=search&sear chword=virtue%20mart&limit= 15&limitstart =630 Li Li and Wu Chou (2008), Towards A Minimalist Multimodal Dialogue Framework Using Recursive MVC Pattern, ICMI'08, October 20-22, 2008, Chania, Crete, Greece, Copyright 2008 ACM 978-1-60558-1989/0811 0 ...$5.00. Luo GuangChun, at,al (2003), A Novel Web Application Frame Developed by MVC, ACM SIGSOFT Software Engineering Notes vol28 no 2. Naderlinger, Andreas and Templ, Josef (2008), A Framework for Command Processing in Java/Swing Programs Based on the MVC Pattern, PPPJ 2008, September 911, 2008, Modena, Italy. Copyright 2008 ACM 978-1-60558-223-8/08/0009 ...\$5.00. Poong, Yewsiang, at,al (2006), E-Commerce Today and Tomorrow: A Truly Generalized and Active Framework for the Definition of Electronic Commerce, ICEC'06, August 1416, 2006, Fredericton, Canada. Copyright 2006 ACM 1-59593-392-1. Sudarma S. (2009), Joomla! Cara Cepat & Mudah Membuat Toko Online, Mediakita, ISBN 979-994-197-3 Wikipedia (2008), Model-View-Controller. http://en. wikipedia.org/wikilModel%E2%80% 93view%E2%80%93controller.
