COMPARING MVC LARAVEL DAN MVC METEOR JS
PADA WEB JAPANLAYOUT
Tirta Aditya Rivaldi*1, Kusrini2
1,2Teknik Informatika STMIK AMIKOM Yogyakarta Jl Ring road Utara, Condongcatur, Sleman, Yogyakarta 55283 3Program Studi Sistem Informasi, STMIK Dipanegara, Makassar e-mail: *1[email protected], 2[email protected]
Abstrak
Perkembangan teknologi web dengan kebutuhan yang semakin kompleks membuat developer website mengembangkan teknologi dengan berbagai arsitektur untuk menunjang sistemnya. Salah satu arsitektur website yaitu MVC (Model–View– Controller) dan banyak diterapkan pada berbagai teknologi website salah satunya pada web framework. Terdapat web framework berbasis PHP yang dikembangkan para developer dan hingga saat ini muncul Javascript sebagai full stack (front-end dan back-end) yang diadopsi oleh para developer sebagai pondasi web framework berbasis Javascript[1].
Para developer website menggunakan banyak arsitektur dalam mendevelop frameworknya, salah satu arsitekturnya adalah MVC (Model – View – Controller). Salah satu platform framework yang mengusung Javascript adalah Meteor Js. Meteor Js dibangun dari pengembangan Node Js .dan pada framework PHP terdapat Laravel yang mengusung arsitektur MVC. Dengan menggunakan arsitektur yang sama, penulis akan mengimplementasikan website Japanlayout menggunakan framework PHP Laravel dan framework Javascript Meteor Js untuk mendapatkan hasil perbandingan antara kedua framework.
Kata kunci— MVC, Web Framework, PHP, Javascript, Laravel, Meteor Js.
Abstract
Web development technologies with increasingly complex needs make the developer website to develop technology with a variety of architectures to support the system. One of the existing website architecture is MVC (Model-View-Controller) and widely applied to various technology one of them on the web framework. There is a Web-based PHP framework developed by the developer and until recently emerged as a full stack (front-end and back-end) Javascript adopted by developers as the foundation web based Javascript framework[1].
Meteor Js is one of the web framework that carries javascript, Meteor Js is built on the development of Node Js ,and on PHP framework is laravel that carries the MVC architecture. By using the same architecture, the author will implement Japanlayout website using PHP framework laravel and Javascript framework Meteor Js to get the comparison between the two framework.
Keywords— MVC, Web Framework, PHP, Javascript, Laravel, Meteor Js.
1. PENDAHULUAN
Sekarang terdapat banyak web framework yang telah dikembangkan oleh para developer web dengan tuntutan peningkatan performa dari sistem yang dibuat. Denganmelihat banyaknya web framework yang terdapat saat ini dibangun dengan berbagai macam bahasa pemrograman, antara lain dengan PHP dan Javascript. Dengan banyak arsitektur yang digunakan oleh para developer seperti halnya MVC (Model-View-Controller). Merujuk pada
jurnal ilimah yang dilakukan oleh Graeme Baillie , Dave Allan , Brian Armour , Robert Milne Connoly , Thomas M, Richard Beeby yang berjudul Performance Analysis of a Model-View-Dynamic ViewModel Design Pattern pada tahun 2011[2]. Jurnal tersebut mengemukakan tentang perbandingan atau comparing antara Web Forms yang menggunakan ASP.NET dengan model website MVDVM (Model-View-Dynamic View Model) yang merupakan varian dari MVC (Model-View-Controller), keduanya menggunakan teknologi dari Microsoft.
Adapula Merujuk pada jurnal ilmiah yang berjudul A Comparison of Model View Controller and Model View Presenter oleh M. Rizwan Jameel Qureshi dan Fatima Sabir[3]. Dalam penelitiannya yaitu membandingkan sistem kerja dari website yang menggunakan pattern MVC dengan website yang menggunakan pattern MVP. Pada penelitian sekarang , penulis akan melakukan penelitian mengenai Comparing atau perbandingan antara website yang menggunakan pattern MVC pada Framework PHP dengan website yang menggunakan Framework Javascript.
Meteor Js merupakan sebuah framework Javascript yang dikembangkan dari Node Js yang dapat membangun sebuah aplikasi web secara real-time[4] dengan dukungan database NoSQL MongoDb dan dapat menyelaraskan antara sisi Front-End[5] antarmuka dengan sisi Back-End[6]. Pada penerapan MVC, Meteor Js memberikan kebebasan dalam melalukan organize code[6]. Laravel Merupakan salah satu framework yang digunakan dalam pembuatan web application menggunakan Bahasa pemrograman PHP yang bersifat open source dibawah lisensi MIT License dengan pengembang oleh Taylor Otwell[7]. Framework Laravel menggunakan konsep model MVC (Model-View-Controller)[8]. Penulis akan menggunakan Meteor Js 1.4 dan Laravel 5.2 yang menggunakan bahasa pemrograman yang berbeda untuk melakukan comparing atau perbandingan melalui parameter yang sudah ditetapkan untuk mendapatkan hasil perbandingan.
2. METODE PENELITIAN
Pada penelitian disini menggunakan Metode Eksperimen. Metode Eksperimen merupakan suatu penelitian yang berusaha mencari pengaruh variabel tertentu terhadap variabel yang lain dalam kondisi yang terkontrol secara ketat, hal tersebut menurut Riduwan (2010) [9]. Dengan menggunakan pendekatan eksperimen, peneliti dapat menemukan hubungan sebab akibat karena memungkinkan peneliti melakukan perlakuan terhadap penelitian.
Dalam melakukan comparing pada web Japanlayout yang menggunakan MVC Laravel dan MVC Meteor Js, terdapat bahan pengujian berupa sample 500 data artikel yang setiap artikel memiliki 5000 karakter dengan sebuah file image. Melakukan insert data pada web tersebut dan mencatat hasil melalui parameter pengujian yaitu CPU Usage, Memory Usage, Method Response, Query Add Response, Load Data. Pada website Japanlayout yang menerapkan MVC Laravel, pencatatan hasil menggunakan package Laravel Debugbar – Barryvdh, sedangkan pencatatan hasil website Japanlayout yang menerapkan MVC Meteor Js menggunakan package yang disediakan oleh Kadira.io.
3. HASIL DAN PEMBAHASAN
Setelah melakukan pengujian yang melalui parameter yang telah ditentukan, berikut hasil comparing antara website Japanlayout yang menerapkan MVC Laravel dengan MVC Meteor Js.
Gambar 1 Grafik perbandingan CPU Usage Tabel 1 Perbandingan CPU Usage
CPU USAGE (%)
N - Data Laravel 5.2 Meteor 1.4
0 3.38 3.35 1 7.27 4.07 50 11.86 21.85 100 4.45 42.34 150 6.79 69.33 200 1.72 46.63 250 10.3 81.58 300 9.13 35.69 350 4.84 24.33 400 11.86 19.67 450 7.27 24.87 500 16.23 59.72
Dari hasil perbandingan penggunaan CPU pada web framework Laravel dan Meteor Js didapat hasil seperti pada gambar 1 dan tabel 1. Penggunaan sumber daya CPU mempengaruhi kinerja dari sebuah website seperti pada halnya perangkat komputer.
Gambar 2 Grafik perbandingan Memory Usage
Tabel 2 Perbandingan Memory Usage METHOD RESPONSE (ms) N -Data Laravel 5.2 Meteor 1.4
0 0 0 1 827.05 212 3.38 7.27 11.86 4.45 6.79 1.72 10.3 9.13 4.84 11.86 7.27 16.23 3.35 4.07 21.85 42.34 69.33 46.63 81.58 35.69 24.33 19.67 24.87 59.72 0 100 0 1 50 100 150 200 250 300 350 400 450 500 CPU U SA G E (% ) JUMLAH DATA
CPU USAGE
Laravel 5.2 Meteor 1.4 8.5 9.25 11.75 14.5 16.5 19.75 21.75 24.75 26.75 29.75 32 35 82.48 75.23 86.82 81.84 79.5 92.34 99 92.71 96.69 101.65102.6386.81 0 50 100 150 0 1 50 100 150 200 250 300 350 400 450 500 ME MO R Y (MB) JUMLAH DATAMEMORY USAGE
Laravel 5.2 Meteor 1.450 304.02 14 100 242.01 71.29 150 434.03 91.78 200 553.03 105.61 250 211.01 131.28 300 349.02 129.64 350 285.02 113.7 400 259.01 150.97 450 303.02 215.71 500 280.02 183
Penggunaan memori website yang menggunakan Laravel dan Meteor Js seperti pada gambar 2 dan tabel 2. Memori yang digunakan mempengaruhi kerja perangkat keras yang dalam hal ini adalah server.
Gambar 3 Perbandingan Method Response Tabel 3 Perbandingan Method Response
METHOD RESPONSE (ms) N -Data Laravel 5.2 Meteor 1.4
0 0 0 1 827.05 212 50 304.02 14 100 242.01 71.29 150 434.03 91.78 200 553.03 105.61 250 211.01 131.28 300 349.02 129.64 350 285.02 113.7 400 259.01 150.97 450 303.02 215.71 500 280.02 183
Saat website mendapatkan request, maka request tersebut mencari method yang sesuai dengan request yang dibutuhkan, seperti pada saat melakukan insert data ke dalam website, maka akan mencari method yang berfungsi untuk melakukan pekerjaan insert data. Kecepatan eksekusi method mempengaruhi performa request sebuah website. Perbandingan method response website yang menggunakan Laravel dan Meteor Js seperti pada gambar 3 dan tabel 3.
0 827.05 304.02242.01434.03 553.03 211.01349.02285.02259.01303.02280.02 0 212 14 71.29 91.78 105.61131.28129.64 113.7150.97215.71 183 0 500 1000 0 1 50 100 150 200 250 300 350 400 450 500 R ES PO N T IME ( MS ) JUMLAH DATA
METHOD RESPONSE
Laravel 5.2 Meteor 1.4Gambar 4 Perbandingan Query Add Response Tabel 4 Perbandingan Query Add Response
QUERY ADD RESPONSE (ms) N -Data Laravel 5.2 Meteor 1.4
0 0 0 1 237.01 6 50 133.01 43 100 81 102 150 275.02 136 200 390.02 169.5 250 46 261.67 300 164.01 191.5 350 107.01 232.5 400 83 281.67 450 129.01 350.5 500 101.01 331
Pada saat website menerima request seperti request insert data, maka tidak hanya method yang bekerja, namun ada peran query yang bekerja untuk menghubungkan dengan database. Perbandingan kecepatan query add response pada website yang menggunakan Laravel dan Meteor Js seperti pada gambar 4 dan tabel 4.
Gambar 5 Perbandingan Load Data Tabel 5 Perbandingan Load Data
LOAD DATA (ms)
N - Data Laravel 5.2 Meteor 1.4
0 1420 18.65 1 1420 17.42 0 237.01 133.01 81 275.02 390.02 46 164.01 107.01 83 129.01101.01 0 6 43 102 136 169.5 261.67 191.5232.5 281.67350.5 331 0 500 0 1 50 100 150 200 250 300 350 400 450 500 TIM E (MS ) JUMLAH DATA
QUERY ADD RESPONSE
Laravel 5.2 Meteor 1.4 1420 1420 1530 1450 1480 1510 1550 1570 1590 1680 1650 1840 18.65 17.42 35.92 70.1 110.26139.39211.27 194.8 167.23235.65311.32291.18 0 2000 0 1 50 100 150 200 250 300 350 400 450 500 TIME ( MS ) JUMLAH DATA
LOAD DATA
Laravel 5.2 Meteor 1.450 1530 35.92 100 1450 70.1 150 1480 110.26 200 1510 139.39 250 1550 211.27 300 1570 194.8 350 1590 167.23 400 1680 235.65 450 1650 311.32 500 1840 291.18
Pada saat sebuah website mendapatkan request, seperti pada saat membuka sebuah website, maka browser akan melakukan load data hingga website tersebut tampil secara utuh. Kecepatan load data pada sebuah website merupakan hal dari upaya peningkatan bagi sebuah website. Perbandingan kecepatan load data pada website yang menggunakan Laravel dan Meteor Js seperti pada gambar 5 dan tabel 5.
4. KESIMPULAN
Website Japanlayout yang menggunakan Framework MVC Laravel 5.2 dan Framework MVC Meteor Js 1.4 pada penelitian yang sudah dilakukan sebelumnya mendapatkan beberapa kesimpulan:
1. Dalam penggunaan CPU Usage, Framework Laravel 5.2 lebih stabil dan penggunaan CPU yang lebih sedikit dibandingkan Meteor Js..
2. Memory Usage Laravel 5.2 lebih stabil dan penggunaan lebih sedikit dibandingkan Meteor Js. 3. Sedangkan pada pengujian Method Response yaitu respon saat store data ke database, Framework
yang menggunakan javascript sebagai Full Stack yaitu Meteor Js 1.4 dalam penggunaan data yang lebih banyak memiliki respon yang lebih cepat dari Laravel 5.2.
4. Pada pengujian eksekusi query saat insert data, Meteor Js 1.4 lebih cepat dibandingkan Laravel. 5.2.
Pada Pengujian Load Data, Meteor Js 1.4 melakukan load data yang cepat dibandingkan Laravel 5.2 dengan gap waktu yang signifikan yaitu Meteor Js 1.4 mampu melalukan load data dibawah 1 detik , sedangkan Laravel 5.2 membutuhkan minimal load data diatas 1 detik pada data kosong di tabel articles.
5. SARAN
1. Penggunaan Framework MVC Meteor Js untuk implementasi website Japanlayout dengan data hasil penelitian memiliki nilai lebih dalam performa dibandingkan dengan menggunakan framework MVC Laravel. Namun jika implementasi mengarah pada stabilitas maka Laravel lebih mempunyai nilai lebih pada poin ini.
2. Penggunaan Framework Laravel maupun Meteor Js bergantung pada developer pengembang
Framework tersebut, dengan munculnya versi versi yang lebih baru dimungkinkan terdapat perbedaan hasil jika dilakukan pengujian yang serupa.
UCAPAN TERIMA KASIH
Penulis mengucapkan terima kasih kepada Oki Arifin, S. Kom, M. Rudyanto Arief, MT. sebagai inspirasi gagasan dalam penelitian ini.
DAFTAR PUSTAKA [1] Osmani Addy., 2015, Learning Javascript Design Pattern.
[2] Baillie, Allan , Armour, Milne, Connoly, Beeby. 2014. Performance Analysis of a Model-View-DynamicViewModel Design Pettern.
[3] Qureshi, Jameel , dan Sabir, Fatima., 2013, A Comparison of Model View Controller and Model View Presenter.
[4] http://www.meteor.comdi akses pada 20 Maret 2016.
[5] Wagner,Gerd., 2014, Building Front-End Web Apps with Plain Javascript.
[6] Wagner, Gerd., Diaconescu, Mircea., 2015, Building Back-End Web Apps with Java JPA and JSF. [7] http://www.laravel.comdi akses pada 14 Mei 2016.
[8] Turnbull, David., 2014, Your First Meteor Application.
