ANALISA PERBANDINGAN PENGGUNAAN JQUERY DEFERRED PADA AJAX DAN JQUERY AJAX BIASA UNTUK MEMPROSES MULTIPLE AJAX GUNA MENGOPTIMALKAN PERFORMA WEB SERVER

Transkripsi

1 ANALISA PERBANDINGAN PENGGUNAAN JQUERY DEFERRED PADA AJAX DAN JQUERY AJAX BIASA UNTUK MEMPROSES MULTIPLE AJAX GUNA MENGOPTIMALKAN PERFORMA WEB SERVER NASKAH PUBLIKASI diajukan oleh Didy Septiyono.. kepada SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER AMIKOM YOGYAKARTA YOGYAKARTA

2 NASKAH PUBLIKASI ANALISA PERBANDINGAN PENGGUNAAN JQUERY DEFERRED PADA AJAX DAN JQUERY AJAX BIASA UNTUK MEMPROSES MULTIPLE AJAX GUNA MENGOPTIMALKAN PERFORMA WEB SERVER diuun oleh Didy Septiyono.. Doen Pembimbing Armady Amborowati, S.Kom, M. Eng. NIK. Tanggal, Agutu Ketua Juruan S Teknik Informatika Sudarmawan, M.T. NIK.

3 ANALISA PERBANDINGAN PENGGUNAAN JQUERY DEFERRED PADA AJAX DAN JQUERY AJAX BIASA UNTUK MEMPROSES MULTIPLE AJAX GUNA MENGOPTIMALKAN PERFORMA WEB SERVER Didy Septiyono ), Armady Amborowati ),) Teknik Informatika STMIK AMIKOM Yogyakarta Jl Ringroad Utara, Condongcatur, Depok, Sleman, Yogyakarta Indoneia didy.@tudent.amikom.ac.id ), armady.a@amikom.ac.id ) Aynchronou JavaScript and XML, or AJAX, i an approach that allow part of a web page can be refrehed with data from the erver without having to replace the entire web. The goal i to Exchange data with the erver behind the cene or a web page, o that web page do not need to perform the proce of loading the page or moved to another page every time uer make change. Thi will make a webite become interactive. In ome cae, a web page need to proce lot of data proceing a well a AJAX, and it certainly will be proceed in a looping. When proceing the AJAX in a looping, the author dicovered a problem that that proce be proceed imultaneouly, o the erver load become heavier, and ometime failure occurred in the erver-ide proce that reulted in the occurrence of unwanted thing, namely an error or error. Of thee problem, the author find an idea that AJAX are proceed one by one and not proceed, i.e. all imultaneouly uing Jquery Deffered. The goal of thi reearch i to know the difference between a common AJAX with uing Jquery Deffered on AJAX proce until the proceing by the erver into a lightweight and more optimal. Keyword - AJAX, jquery, Deffered.. Penduluan. Latar Belakang Aynchronou JavaScript and XML, atau diingkat AJAX, adal uatu pendekatan yang memungkinkan bagian uatu halaman web bia diegarkan dengan data dari erver tanpa haru mengganti keeluruhan web. Tujuannya adal untuk melakukan pertukaran data dengan erver di belakang layar atau halaman web, ehingga halaman web tidak perlu melakukan proe loading page atau pind ke page yang lain etiap kali pengguna melakukan peruban. Hal ini akan menjadikan ebu webite menjadi interaktif. Dalam beberapa kondii, ebu halaman web butuh untuk memproe maupun mengol banyak data AJAX, dan ud pati akan diproe dalam ebu perulangan. Saat memproe AJAX dalam ebu perulangan, penuli menemukan ebu maal yaitu proe itu diol ecara beramaan, ehingga beban erver menjadi lebih berat, dan terkadang terjadi kegagalan proe di ii erver yang mengakibatkan terjadinya hal yang tidak diinginkan, yaitu terjadi kealan maupun error. Dari maal terebut, penuli menemukan ebu ide yaitu AJAX diproe atu peratu dan tidak diproe emua ecara beramaan, yaitu menggunakan Jquery Deffered. Harapan dari penelitian ini adal bia mengetui perbedaan proe Jquery AJAX biaa dengan Jquery Deffered ehingga pemroean oleh erver menjadi ringan dan lebih optimal.. Rumuan Maal. Bagaimana item dan alur kerja Jquery AJAX dan Jquery Deffered Ajax?. Seperti apa perbandingan kecepatan pemroean, penggunaan memory dan cpu pada erver erta tingkat keberhailan ekekuinya?. Apak dengan Jquery Deffered bia meringankan dan mengoptimalkan kinerja erver?. Tujuan Penelitian Penelitian ini bertujuan untuk membandingkan proe kerja Jquery Ajax biaa dengan proe kerja Jquery Deffered Ajax pada aat memproe banyak data dari ebu erver. Sehingga dengan adanya penelitian ini diharapkan bia membantu pembaca untuk menerapkan AJAX yang lebih tepat digunakan dalam membangun ebu webite untuk meringankan dan mengoptimalkan erver.. Landaan Teori. Tinjauan Putaka Menurut Setiawan () peneliti dari Binu pada tulianya yang berjudul (Web Chat Application uing Long-Polling Technology with PHP and AJAX) melakukan penelitian terhadap aplikai Chat berbai web dengan menggunakan teknologi Long-Polling berbai PHP dan AJAX bwa pemroean banyak AJAX akan menurunkan performa dari erver. Long-Polling merupakan al atu teknologi puh yang memungkinkan klien untuk menerima data dari erver aat itu, daripada meminta untuk update dengan etiap interval. Akibatnya, juml koneki yang dibutuhkan berkurang karena ambungan diakhiri hanya ketika erver memiliki euatu yang baru untuk memberikan. Namun penelitian ini tetap memproe multiple AJAX.[]

4 Menurut Rudi () dalam kripinya yang berjudul Perancangan Webite E-Commerce Dengan Failita Cutom Yoghurt Menggunakan Ajax Dan Jquery Pada Toko Pirate Yoghurt melakukan penelitian terhadap penjualan yoghurt pada toko Pirate Yoghurt. Pada penelitian ini peneliti memba bagaimana membangun item baru yang mampu menjual yoghurt ecara online ehingga bia meningkatkan penjualan dan keuntungan yoghurt. Namun penggunaan AJAX hanya digunakan untuk memerind tampilan dan menjadikan webite menjadi lebih interaktif.[] Menurut Saputro () pada tuliannya yang berjudul Membangun Aplikai Simulai Te Sbmptn Berbai Web melakukan penelitian terhadap eleki mauk perguruan tinggi negeri melalui jalur SBMPTN. Peneliti membangun aplikai imulai te SBMPTN berbai web, dengan harapan aplikai Simulai Te SBMPTN ini dapat digunakan dimanapun dan kapanpun tanpa menggunakan buku lagi. Berdaarkan penelitian ini, penggunaan AJAX maih belum optimal ehingga aat digunakan oleh banyak uer akan teraa berat karena hanya digunakan untuk menjadikan webite menjadi interaktif.[]. Metode Penelitian. Alat dan Ban Penelitian.. Perangkat Kera Penelitian ini menggunakan atu unit laptop dan dua unit erver dengan peifikai ebagai berikut ini. Tabel. Speifikai laptop Perangkat Kera Speifikai Proeor Intel(R) Core(TM) i-m GHz Memory GB RAM VGA Card Intel HD Graphic GPU MB Harddik Patriot Blaze GB Tabel. Speifikai Perangkat Kera Speifikai Proeor CPU Memory MB RAM Tranfer GB Harddik GB SSD Tabel. Speifikai Perangkat Kera Speifikai Proeor CPU Memory GB RAM Tranfer GB Harddik GB.. Perangkat Lunak Perangkat lunak yang digunakan dalam penelitian ini adal ebagai berikut:. Sitem Operai Mac OSX Yoemite veri.. Pada penelitian ini peneliti menggunakan laptop MacBook Pro dengan item operai veri OSX Yoemite veri. karena euai dengan yang dimiliki oleh peneliti dan dikenal tabil dalam menjalankan banyak aplikai.. Sitem Operai Cento. bit. Penelitian ini menggunakan erver dengan item operai Cento dengan veri. bit dikarenakan dukungan komunita yang banyak, ehingga jika terjadi uatu maal bia egera tereleaikan. Selain itu juga mempunyai kemudan dalam hal intalai dan penggunaanya.. VetaCP. Peneliti menggunakan VetaCP ebagai control panel erver karena mempunyai fitur yang lengkap eperti Cpanel dan bia digunakan ecara grati karena berifat open ource. Selain itu karena proe intalai dan penggunaan yang mud, maka peneliti memutukan untuk menggunakan VetaCP. Kelebihan VetaCP dibaningkan dengan control panel lainya adal VetaCP hanya membutuhkan edikit umber daya yang ada di erver ehingga proe kerja erver bia menjadi lebih ringan dan tanpa kehilangan fitur utama ebagai web erver.. Google Chrome Brower Peneliti menggunakan brower buatan Google yaitu Google Chrome karena mempunyai beberapa fitur yang tidak dimiliki oleh web brower yang lainya. Fitur yang akan dibutuhkan dalam penelitian ini elain ebagai web brower, adal fitur developer tool, dimana dengan fitur ini, peneliti bia mengetui juml requet, waktu yang dibutuhkan oleh ebu requet ke erver, dan kecepatan render dari ebu webite. Sehingga nantinya data ini akan digunakan ebagai ban penelitian.. Htop Htop merupakan aplikai untuk memonitor proe dan memantau kinerja erver erta reource yang digunakan oleh erver pada VPS maupun Dedicated erver di terminal SSH. Untuk erver Cento ebenarnya ud ada aplikai bawaanya yaitu fungi top namun aplikai htop ini dapat difungikan untuk menggantikan fungi "top" tandar yang teredia pada linux dengan berbagai keunggulan terutama dari egi layout dan kemudan pengoperaian yaitu dengan menggunakan hortcut yang lebih jela.. Terminal Aplikai ini digunakan untuk melakukan koneki SSH ke erver dan untuk menjalankan emua yntax yang akan diekekui oleh erver... Intrumentai Penelitian Pada penelitian ini penuli menggunakan intrumen penelitian berupa obervai. Teknik ini dilakukan dengan mengamati pengaruh penggunaan jquery Ajax dengan jquery Deffered Ajax terhadap kecepatan waktu yang dibutuhkan untuk menyeleaikan banyak requet, penggunaan memori

5 pada erver, penggunaan cpu pada erver, dan hail dari requet.. Alur Penelitian Sebelum melakukan pengujian maka perlu implementai program, berikut adal implementai program. Gambar. Screenhoot Implementai jquery AJAX Biaa Gambar. Alur Penelitian Dalam penelitian ini, peneliti pertama kali melakukan tudi putaka yaitu dengan cara membaca literatur yang berhubungan dengan jquery, jquery Deffered, javacript, html dan php. Setel itu peneliti melakukan intalai vetacp, htop dan google chrome yang akan digunakan dalam penelitian ini. Kemudian peneliti melanjutkan dengan melakukan implementai program berupa implementai jquery AJAX biaa dan jquery Deffered AJAX dan etel itu melakukan pengujian. Dari hail pengujian, peneliti melakukan analia data yang tel didapatkan ehingga mendapatkan ebu keimpulan dan dilanjutkan dengan pembuatan laporan. Hail dan Pembaan. Implementai Program Gambar. Screenhoot Implementai jquery Deffered AJAX. Hail Pengujian dan Pembaan Dari data yang tel didapatkan maka bia dibuat tabel perbandingan untuk mencari ebu keimpulan ebagai berikut : Tabel. Perbandingan Query jquery Ajax Biaa dan Deffered a a a Waktu an Hail h an CPU et Memory et e t

6 B : jquery Ajax Biaa Tabel diata adal tabel hail perbandingan pemroean Query antara jquery Ajax Biaa dengan jquery Deffered Ajax pada erver. Saat pemroean jquery Deffered Ajax membutuhkan waktu yang lebih lama dibandingkan dengan jquery Ajax Biaa. Tabel. Perbandingan Query jquery Ajax Biaa dan Deffered Hail et Memory et et... m... m B : jquery Ajax Biaa.. Dilihat dari ii penggunaan memory, jquery Deffered Ajax membutuhkan lebih edikit memory dan dari ii penggun, jquery Deffered Ajax juga membutuhkan umber daya yang lebih edikit. Tabel. Perbandingan Grabbing Gambar jquery Ajax Biaa dan Deffered Hail et Memory et et B : jquery Ajax Biaa.... pada aat memproe jquery Deffered Ajax lebih edikit dan tidak menunjukkan perbedaan yang ignifikan antara percobaan pertama ampai yang terakhir dibandingkan dengan jquery Ajax Biaa yang mempunyai perbedaan angat ignifikan aat melakukan pemroean pertama hingga terakhir. Tabel. Perbandingan Grabbing Gambar jquery Ajax Biaa dan Deffered Hail et Memory et et B : jquery Ajax Biaa Tabel diata adal tabel hail perbandingan pemroean Query antara jquery Ajax Biaa dengan jquery Deffered Ajax pada erver. Saat pemroean jquery Deffered Ajax membutuhkan waktu yang lebih lama dibandingkan dengan jquery Ajax Biaa. Tabel. Perbandingan Grabbing Text jquery Ajax Biaa dan Deffered Hail et Memory et et....

7 .... B : jquery Ajax Biaa Dilihat dari ii penggunaan memory, jquery Deffered Ajax membutuhkan lebih edikit memory dan dari ii penggun, jquery Deffered Ajax juga membutuhkan umber daya yang lebih edikit. Tabel. Perbandingan Grabbing Text jquery Ajax Biaa dan Deffered Hail et Memory et et B : jquery Ajax Biaa Tabel diata adal tabel hail perbandingan pemroean Query antara jquery Ajax Biaa dengan jquery Deffered Ajax pada erver. Saat pemroean jquery Deffered Ajax membutuhkan waktu yang lebih lama dibandingkan dengan jquery Ajax Biaa. Dilihat dari ii penggunaan memory, jquery Deffered Ajax membutuhkan lebih edikit memory dan dari ii penggun, jquery Deffered Ajax juga membutuhkan umber daya yang lebih edikit. pada aat memproe jquery Deffered Ajax lebih edikit dan tidak menunjukkan perbedaan yang ignifikan antara percobaan pertama ampai yang terakhir dibandingkan dengan jquery Ajax Biaa yang mempunyai perbedaan angat ignifikan aat melakukan pemroean pertama hingga terakhir.. Keimpulan Berdaarkan penjelaan dan pembaan yang tel diuraikan pada bab-bab ebelumnya hingga tap implementai program dan pengujian keimpulan. Pada erver maupun erver untuk memproe query berupa ekekui perint SELECT, UPDATE dan INSERT ecara beramaan, jika menggunakan jquery Deffered membutuhkan waktu yang agak lama, namun membutuhkan alokai memory dan load cpu erver yang lebih edikit. Sedangkan untuk tingkat keberhailan hail requet, baik jquery ajax biaa maupun yang jquery Deffered, ama-ama memberikan hail yang ama. Saat memproe grabbing gambar dan grabbing text, aat menggunakan erver dan erver jika menggunakan jquery Deffered membutuhkan waktu yang agak lama, namun membutuhkan alokai memory dan load cpu erver yang lebih edikit. Sedangkan untuk tingkat keberhailan hail requet, jquery Deffered memberikan hail yang lebih baik. Daftar Putaka [] Setiawan.. Web Chat Application uing Long- Polling Technology with PHP and AJAX. Jakarta : Binu [] Rudi.. Perancangan Webite E-Commerce Dengan Failita Cutom Yoghurt Menggunakan Ajax Dan Jquery Pada Toko Pirate Yoghurt. Yogyakarta : Amikom [] Saputro.. Membangun Aplikai Simulai Te Sbmptn Berbai Web. Yogyakarta : Amikom Biodata Penuli Didy Septiyono, memperoleh gelar Sarjana Komputer (S.Kom), Juruan Teknik Informatika STMIK AMIKOM Yogyakarta, lulu tun. Saat ini menjadi programmer webite dan aplikai mobile. Armady Amborowati, memperoleh gelar Sarjana Komputer (S.Kom), Juruan Sitem Informai STMIK AMIKOM Yogyakarta, lulu tun. Memperoleh gelar Mater of Engineering (M.Eng) Program Paca Sarjana Magiter Teknologi Informai Fakulta Teknik Elektro Univerita Gaj Mada Yogyakarta, lulu tun. Saat ini menjadi Doen di STMIK AMIKOM Yogyakarta.