PEMBANGUNAN APLIKASI SHOPPING CART DENGAN ARSITEKTUR MODEL- VIEW-CONTROLLER (MVC) DENGAN MENGGUNAKAN FRAMEWORK CAKEPHP.

PEMBANGUNAN APLIKASI SHOPPING CART DENGAN ARSITEKTUR MODEL-VIEW-CONTROLLER (MVC) DENGAN MENGGUNAKAN FRAMEWORK CAKEPHP.

Adi Candra Berutu Universitas Narotama

Pembuatan Aplikasi Shopping Chart ini dimulai dengan sebuah fakta bahwa hanya sedikit Aplikasi Shopping Cart berbasis open source yang tersedia. Sementara itu keterlibatan penduduk indonesia dalam bidang e-commerce mengalami peningkatan. Tentunya permintaan akan komponen pendukung ecommerce seperti Shopping Cart juga bisa diperkirakan akan meningkat.

Aplikasi Shopping Cart ini memanfaatkan Framework CakePHP Framework CakePHP yang berdasar pada bahasa pemrograman PHP dengan arsitektur Model-View-Controller dan menggunakan konsep Pemrograman Berorientasi Objek dalam hal penulisan source code-nya. Gabungan antara MVC dan konsep OOP dan ditunjang dengan ketersediaan dokumentasi yang cukup adalah alasan utama CakePHP terpilih sebagai sebuah Framework yang digunakan untuk membangun aplikasi Shopping Cart ini.

PENDAHULUAN

Latar Belakang

Di Indonesia ecommerce baru saja mulai menanjak Ini membuka peluang bisnis dari luar negeri dimana devaluasi Rupiah berarti barang-barang kita menjadi murah untuk mereka. Dan ecommerce akan memungkinkan mereka untuk membelinya dengan mudah.

Membahas tentang ecommerce tentu tidak terlepas dari berbagai komponen pendukungnya, salah satu komponen dalam ecommerce adalah Shopping Cart yang mampu untuk mencatat kegiatan pengunjung yang datang ke sebuah situs belanja.

Dengan peningkatan kebutuhan terhadap aplikasi ecommerce tentunya meningkatkan kebutuhan terhadap aplikasi Shopping Cart.

Dengan tingginya tuntutan untuk menghasilkan aplikasi dalam waktu yang cepat para pengembang IT saat ini mempunyai kecenderungan mengarah ke dunia “

Object-Oriented” & “reusable”. Praktisi IT kini,

berubah dari yang dulunya melakukan coding

dari awal, menjadi seorang pengembang (developer) yang cenderung membangun sesuatu diatas sesuatu.

Penggunaan Framework bisa mengakomodasi kebutuhan tersebut. Framework merupakan sebuah alat yang digunakan untuk mengurangi peningkatan biaya dalam kegiatan pembangunan sebuah aplikasi.

Hal lain yang sering muncul menjadi masalah dalam hal pembangunan sebuah aplikasi adalah pemeliharaan dan peremajaan aplikasi, sering kali para Developer web berhubungan dengan klien yang terus meminta tambahan – tambahan lain yang mengharuskan mereka

merubah merubah banyak kode dilokasi file yang berbeda - beda. Kode yang biasanya harus dirubah adalah yang berhubungan dengan basis data, tampilan (user interface) dan bagaimana seharusnya data ditangani dan divalidasi. Dengan menggunakan design pattern MVC (model View Controller) pengembangan aplikasi dipisahkan menjadi tiga (3) bagian yaitu Model (menangani Data), View (berhubungan dengan interface) dan Control (bertanggung jawab akan penampungan

events yang dibuat oleh user dari View dan

melakukan update terhadap komponen Model menggunakan data yang dimasukkan oleh user).

Framework CakePHP merupakan sebuah Framework yang bersifat open source, digunakan untuk pembangunan aplikasi berbasis web yang memiliki konsep dasar CRUD (Create, Read, Update, Delete) dan juga memakai arsitektur MVC (Model-View- Controller) .

Perumusan masalah

Dari uraian diatas maka dapat dirumuskan masalah yaitu bagaimana membuat suatu aplikasi Shopping Cart dari Framework CakePHP agar lebih mudah dibangun serta tidak sulit dalam proses maintenance-nya.

Batasan Masalah

Dari permasalahan yang telah disebutkan di atas, maka batasan-batasan dalam tugas akhir ini adalah sebagai berikut:

Pembuatan Shopping Cart ini menggunakan Framework CakePHP dengan pendekatan arsitektur MVC (Model-View-Controller)

Desain aplikasi digambarkan dengan diagram UML (Unified modelling language)

Tujuan dan Manfaat

Tujuan dari tugas akhir ini adalah merancang dan membuat Shopping Cart dengan menggunakan CakePHP Framework dengan pndeketan Arsitektur Model View Controller.

Manfaat yang diberikan tugas akhir ini adalah sebagai berikut:

1. Kecepatan pembuatan sebuah Aplikasi Shopping Cart dengan memanfaatkan framework CakePHP.

2. Pola MVC menyediakan sebuah solusi terhadap permasalahan penumpukan kode Presentation logic (User Interface)

, Business logic (penanganan validasi

data) , dan Data Access logic (akses ke basis data) pada satu file dengan membaginya menjadi bagian – bagian tersendiri,

LANDASAN TEORI

Shopping Cart Defenisi paling dasar :

Shopping Cart dalam pengertian paling dasar adalah kumpulan Script yang mampu untuk mencatat kegiatan pengunjung yang datang ke sebuah situs

(dalam hal ini adalah pembeli). Catatan yang direkam adalah catatan mengenai item barang yang dipilih oleh pembeli sampai akhirnya pembeli memutuskan untuk Checkout.

Menurut komponennya Aplikasi Shopping Cart terbagi atas dua tipe, yaitu:

Storefront: bagian dari yang toko dapat diakses oleh pengunjung toko online. Kategori, produk, dan halaman lain (misal: search, best sellers, dll.) merupakan hal yang umum pada software yang berbasis informasi yang disimpan dalam data base.

Administration: bagian dari toko online yang dapat diakses oleh pemasok (pedagang) untuk mengelola toko online. Jumlah dari fitur pengelolaan toko berubah tergantung pada karakteristik dari aplikasi Shopping Cart, tetapi pada umumnya pengelola dapat menambahkan dan mengubah setting, produk, kategori, diskon, pengiriman dan pengaturan pembayaran dan lain sebagainya. Pengelolaan

fitur pemesanan juga termasuk dalam beberapa jenis program Shopping Cart.

Framework CakePHP

Framework bila diartikan secara langsung adalah kerangka kerja. Dalam mengembangkan sebuah aplikasi dengan menggunakan framework berarti kita telah disediakan sebuah kerangka kerja yang jelas, memiliki aturan-aturan kerja dalam kerangka tersebut. Framework secara umum memilki kumpulan kelas ( library) untuk mengakses database, pembuatan template, manajemen session dan juga kumpulan banyak kode yang bisa digunakan ulang.

Gambar 1. Arsitektur CakePHP [3]

PERANCANGAN

Design Interface

Aplikasi Shopping Cart ini menggunakan empat (4) design interface : Halaman Pengunjung

Halaman Login Halaman Admin Halaman Menu Admin Design Database

Menciptakan asosiasi antar entity merupakan langkah pertama dalam perancangan database aplikasi Shopping Cart ini. Terdapat dua puluh satu (21) entity yang berasosiasi dalam aplikasi ini.yaitu : Accounts,Brands,

Categories, Contents, Countries, Images,

Orders, Order_Products, Payment_Methods, Products, Shipping_Methods, Shipping_Rules,

Shopping_Carts, Shopping_Cart_Products

,Specials,

Countries_Payment_Methods,

Countries_Shipping_Methods,

Images_Products, Subproducts.

Gambar 2 menjelaskan implementasi Model-View-Controller pada aplikasi Shopping Cart. Model adalah bagian aplikasi terdiri dari kelas – kelas yang berhubungna dengan data base dan mengatur asosiasi antar tabel-tabel. Controller merupakan bagian dari aplikasi yang berisikan kelas – kelas yang menangani request dari user aplikasi Shopping chart dan merupakan bisnis logic aplikasi. View adalah bagian aplikasi yang secara langsung berhubunga dengan user. Proses render terhadap data yang dihasilkan diproses oleh controller.

Database Actor accounts_controller brands_controller categories_controller checkout_controller contents_controller countries_controller images_controller order_products_controller orders_controller pages_controller payment_methods_controller products_controller shipping_methods_controller shipping_rules_controller shopping_cart_products_controller shopping_carts_controller specials_controller states_controller subproducts_controller ………. Account brand category content country Image order order_product payment_method product shipping_method shipping_rule shopping_cart shopping_cart_pro duct special State subproduct FILENAME Add FILENAME ……. FILENAME …. FILENAME add FILENAME Login FILENAME Delete FILENAME Edit PAGE accounts Dispatcher Apache Web Server

View Controller Model

PAGE products PAGE ….. FILENAME ……. FILENAME ….

Gambar 2 Arsitektur MVC pada Aplikasi Shopping Cart yang dibangun

Gambar 3 menunjukkan diagram use case dari aplikasi Shopping chart. Terdapat 2

actor dalam aplikasi ini.: pengunjung dan admin.

Pengunjung adalah semua orang yang memasuki halaman aplikasi Shopping Cart. Admin adalah pengunjung yang berhasil melakukan login dan mempunyai hak administrasi. Diagram use case

ini memiliki 6 sub sistem. Default sistem yang terletak di sebelah kiri bisa diakses oleh semua pengunjung. Sistem administrasi yang terletak disebelah kanan adalah sebuah sistem yang hanya bisa diakses oleh pengunjung yang memiliki account di database.

Gambar 4 menjelaskan secara jelas alur program dari aplikasi Shopping Cart ini dalam arsitektur MVC. Model menangani sanitasi data dan data yang divalidasi kemudian diproses oleh

Controller. Data hasil pemrosesan ini akan

dirender oleh View, di interface web yang terdiri dari code HTML, CSS, PHP dan atau JAVA SCRIPT. Pengunjung mendapatkan hasil dan semua informasi yang diproses oleh sistem via

web interface ini dengan menggunakan web

browser-nya.

Default Sistem

Akses Home

Memasukkan Data dan Informasi Pembayaran Hapus Produk dari Isi Keranjang Belanja

Lihat Isi Keranjang Belanja Masukkan Produk ke

keranjang Belanja Lihat Detail Produk

Cari Produk Checkout Pengunjung Admin Manajemen Produk Manajemen Order Manajemen Pengiriman Manajemen Pembayaran Manajemen Tampilan Web Manajemen Account Hak Akses Admin

«uses»

«uses» «uses»

Sistem Administrator (Harus Login)

Gambar 3 Design Use Case

Komponent Aplikasi Shopping Chart. Aplikasi ini dibagi menjadi beberapa bagian yang akan dijelaskan dibawah ini.

Framework Cake PHP

Framework Cake PHP adalah bagian utama yang digunakan dalam pengembangan aplikasi Shopping chart ini. Dalam struktur aplikasi file kelas-kelas cake php terletak di folder cake/. Versi framework cake php yang digunakan adalah: 1.1.10.3825 (stable).

Library utama ( Webroot)

Library utama ( Webroot) berisikan beberapa file yang dibutuhkan untuk mendukung interface aplikasi. Library ini terdiri dari gambar – gambar, CSS (Cascading Style Sheet) dan Javascript. Dalam folder webroot juga terdapat subdirectory upload yang berisi semua gambar hasil upload untuk digunakan pada aplikasi ini.

Gambar 4 Alur Program Aplikasi Shopping Cart

Kelas Konfigurasi

Aplikasi Shopping Cart ini membutuhkan beberapa variable konfigurasi, bergantung pada tipe instalasi, konfigurasi database, konfigurasi session, konfigurasi tipe produksi, dan sebagainya. Framework CakePHP menempatkan semua kelas – kleas konfigurasi di dalam kelas folder app/config. File konfigurasi yang sangat penting adalah core.php, routes.php, dan database.php .

IMPLEMENTASI SISTEM

Evaluasi sistem

Metode evaluasi

Proses evaluasi selama tahap implementasi ini bertujuan untuk mendpatkan informasi yang berhubungan dengan performa dan ketahan setiap modul. Proses evaluasi akan memberi kita informasi bug aplikasi dan beberapa error yang terjadi selama proses implementasi. Proses evaluasi dibagi menjadi tiga tahap :

1. Evaluasi Interface

Evaluasi interface telah dilakukan dengan menjalankan aplikasi di berbagai browser yang kerap digunakan oleh user untuk mengakses internet seperti Internet Explorer, Mozilla Firefox dan Opera.

2. Evaluasi Instalasi Sistem

Evaluasi sistem telah dilakukan dengan dengan mengimplementasikan Aplikasi Shopping Cart ini pada dua sistem operasi yang berbeda yakni Windows dan Linux.

Evaluasi Interface

Aplikasi Shopping Cart ini bisa berjalan secara sempurna tanpa ada masalah pada Mozilla Firefox, Internet Explorer dan Opera. Meskipun begitu masih dibutuhkan waktu untuk menguji hasil render data pada interface dengan menggunakan browser lainnya.

Penggunaan Mozilla Firefox sangat direkomendasikan untuk menjamin semua fungsionalitas sistem berjalan tanpa ada masalah.

Gambar 5

Evaluasi instalasi sistem

Evaluasi instalasi sistem telah dilaksanakan pada dua (2) sistem operasi, yaitu Microsof Windows XP Service Pack II dan Ubuntu Linux 6.0

Implementasi instalasi pada dua Sistem Operasi yang berbeda dengan karakteristik yang berbeda membutuhkan prosedur khusus.

Beberapa requirement yang dibutuhkan untuk menjalankan Aplikasi Shopping Cart ini pada Sistem Operasi adalah :

1. Pengaktifan modul mod_rewrite pada Web Server Apache. Secara default, CakePHP menggunakan mod_rewrite untuk mengakses semua direktori yang ada di dalamnya

2. Library GD (Untuk proses render

gambar) daharus diaktifkan pada saat instalasi PHP.

3. Penggunaan .htaccess diizinkan. 4. app/config harus bisa diakses oleh

sistem, khususnya jika Sistem Operasi yang digunakan adalah Ubuntu Linux. Karena itu akses nya harus di-set menjadi 755 atau 777 dengan perintah chmod melalui command prompt pada konsolo. Jika Sistem Operasi yang digunakan adalah Windows XP maka

kita perlu untuk mengubah hak aksesnya.

KESIMPULAN

Framework CakePHP dapat digunakan sebagai alat untuk membangun sebuah aplikasi terintegrasi yang melibatkan banyak modul. Dengan mengetahui fungsi kelas – kelas library CakePHP, Framework CakePHP bisa digunakan untuk aplikasi web yang beragam.

SARAN

Aplikasi Shopping Cart ini masih sangat mungkin untuk dikembangkan menjadi sebuah aplikasi yang lebih kompleks.Beberapa hal yang berhubungan dengan Shopping Cart ini yang masih bisa dikembangkan seperti penambahan modul untuk pendaftaran untuk pengunjung (tercatat dalam database). Dalam melakukan transaksi Pengunjung yang terdaftar bisa melakukan login terlebih dahulu, dan tidak perlu lagi untuk memasukkan semua Informasi tentang dirinya.