analisis dan implementasi ajax dalam web stttelkom analisys and

Tugas Akhir - 2006
ANALISIS DAN IMPLEMENTASI AJAX DALAM WEB STTTELKOM ANALISYS
AND IMPLEMENTATION AJAX ON THE WEB STTTELKOM
Pahalawanti¹, -²
¹Teknik Informatika, Fakultas Teknik Informatika, Universitas Telkom
Abstrak
Pembangunan web saat ini inovative dan sangat beragam. Aplikasi berbasis web dapat
menampilkan bermacam info dan interaksi. Namun perkembangan teknologi pembangunan web
masih tertinggal dibanding teknologi pada aplikasi dekstop. Pada aplikasi dekstop, user dapat
dengan cepat mendapatkan respon dari request yang diminta. Sedangkan pada aplikasi web, user
harus menunggu informasi yang dikirim dari client ke server lebih lama dibanding aplikasi
dekstop. Selain itu loading time aplikasi dektop lebih cepat dan lebih interaktif.
Untuk itu diperlukan suatu cara atau teknologi yang dapat memberikan solusi dari masalah di
atas. AJAX (Asynchronous JavaScript + XML), salah satu pendekatan baru dalam pembangunan
web, menjawab masalah ini, yang dapat membuat interaksi aplikasi web dengan user seinteraktif
aplikasi pada desktop, mempercepat loading time, dan juga menjadikan aplikasi web lebih
interaktif.
Aplikasi ini nantinya akan diimplentasikan dengan menggunakan bahasa pemrograman PHP
4.3.6, XML, dan Javascript sedangkan untuk basis datanya menggunakan MYSQL 4.0.24 , web
servernya menggunakan Apache 2.0 .
Kata Kunci : AJAX, Javacript, XML
Abstract
Web applications was very innovative and variuos. All innovative project can be online. Dispite
this, web interaction design can’t help but feel a little envious of desktop software technologies.
Desktop application have a richness and responsiveness that has seemed out of rich of the web.
Now, we find a new approach to web applications that at Adaptive Path have been calling Ajax.
The name is shorthand for Asynchronous JavaScript + XML, and it represents a fundamental shift
in what’s possible on the Web.
To develop the application with AJAX, we use PHP 4.3.6 as programming languages software and
MYSQL 4.0.24 as the database management system software, and Apache 2.0 as the web server.
Keywords : AJAX, Javascript, XML.
Fakultas Teknik Informatika
Powered by TCPDF (www.tcpdf.org)
Program Studi S1 Teknik Informatika
Tugas Akhir - 2006
BAB I- Pendahuluan
BAB I
PENDAHULUAN
1. LATAR BELAKANG
Web site (situs web), adalah sebuah dokumen yang ditayangkan di jaringan
internet. Dokumen itu bisa terdiri dari satu halaman atau bisa juga lebih. Tiap-tiap
halaman memberikan informasi dan interaksi yang beraneka ragam.
Untuk melihat atau menggunakan informasi tersebut diperlukan suatu perangkat
lunak yang disebut browser. Browser mengirimkan request dari client(komputer user)
ke server, untuk mendapatkan informasi dan interaksi tadi. Hal ini memerlukan waktu
dari client ke server, tergantung dari traffik jaringan saat itu, apakah sedang banyak
yang mengakses, juga tergantung dari server itu sendiri. Waktu tunggu (delay) yang
dibutuhkan untuk mendapat respon suatu request masih relatif lama dibanding dengan
aplikasi yang berbasis dekstop. walaupun design interaksi web saat ini sudah inovatif.
Salah satu terobosan baru untuk menjawab permasalahan delay waktu di atas
dengan adanya AJAX (Asynchronous JavaScript + XML). Google Suggest dan
Google Map merupakan dua contoh web yang telah menggunakan AJAX .
2. RUMUSAN MASALAH
Permasalahan yang dijadikan objek penelitian dan pengembangan pada tugas
akhir ini adalah bagaimana teknologi AJAX tersebut dapat digunakan dalam web
STT untuk mempercepat aksesnya dari sisi client.
3. TUJUAN
Tujuan atau hasil akhir yang ingin dicapai dari tugas akhir ini adalah:
1. Membangun aplikasi web berbasis AJAX
2. Menganalisa
web
STTTelkom setelah
menggunakan
AJAX
dengan
menilainya dari sisi:
1
Fakultas Teknik Informatika
Program Studi S1 Teknik Informatika
Tugas Akhir - 2006
BAB I- Pendahuluan
•
Client : loading time, interaktifitas
•
Server : besar data yang dikirim oleh server webby(server web
stttelkom)
4. BATASAN MASALAH
•
Tugas akhir ini tidak membahas kondisi jaringan dan beban server.
•
Aplikasi ini diimplementasikan untuk kasus web STTTelkom.
5. METODOLOGI PENYELESAIAN MASALAH
Untuk mencapai tujuan yang dimaksud, maka metodologi yang digunakan dalam
penulisan tugas akhir ini adalah :
1. Pemahaman permasalahan
Yaitu dengan mempelajari dasar teori mengenai AJAX baik dari Internet, paper
maupun buku-buku.
2. Merancang dan membuat web STTTelkom dengan metode AJAX
3. Melakukan analisa terhadap hasil poin diatas dari sisi:
o Loading time (waktu panggil), yaitu seberapa cepat web STTTelkom
muncul atau menampilkan sesuatu di layar browser pengunjung sehingga
pengunjung mendapat info yang dicarinya walau halaman web belum
sepenuhnya load.
o Interaktivitas yang fleksible
o Beberapa interaktivitasnya antara lain:
ƒ
Klik menu dan ,
ƒ
login yg tidak perlu reload halaman,
ƒ
searching autocomplete
o Besar trafik
Melihat besarnya besar data yang dikirim oleh server dengan mengukur selisih
besar pada log-nya.
Pengukuran dilakukan dengan menggunakan tool web metric, seperti WSOP2.0,
fasterfox loading time.
2
Fakultas Teknik Informatika
Program Studi S1 Teknik Informatika
Tugas Akhir - 2006
BAB I- Pendahuluan
4. Penyusunan laporan Tugas Akhir berdasar uji cuba aplikasi yang telah di buat.
6. SISTEMATIKA PENULISAN
Pembahasan tugas akhir ini disusun dalam lima bab sebagai berikut :
Bab I : PENDAHULUAN
Pada bab pendahuluan akan dijelaskan mengenai latar belakang, tujuan, batasan
masalah,
metodologi
penyelesaian
masalah
sampai
dengan
sistematika
pembahasan masalah yang dipaparkan secara singkat.
Bab II : DASAR TEORI
Bab ini diawali dengan landasan teori yang menjelaskan mengenai apa, dan
bagaimana pengerjaan atau pembuatan
system ini secara singkat, serta
keterangan-keterangan pendukung dari AJAX ini .
Bab III : ANALISIS dan PERANCANGAN SISTEM
Bab ini membahas mengenai masalah analisa AJAX mulai dari arsitektur Ajax,
serta batasan masalah dan asumsi-asumsi yang mungkin diperlukan.
Bab IV : IMPLEMENTASI dan PENGUJIAN
Bab ini akan menerangkan mengenai masalah analisa dan desain dari system yang
sedang dibuat yang meliputi: pengukuran loading time di client, pengukuran besar
trafik dari client ke server, beban di server, yang kemudian dilanjutkan kepada
pelaksanaan pembuatan web stttelkom.
Bab V : KESIMPULAN DAN SARAN.
Pada bab ini berisi kesimpulan yang didapat dari web STTTelkom yang memakai
AJAX, baik itu kelemahan maupun kelebihannya sehingga mungkin bisa
dihasilkan beberapa saran yang bisa digunakan sebagai dasar acuan untuk
pengembangan web STTTelkom dimasa yang akan datang.
3
Fakultas Teknik Informatika
Powered by TCPDF (www.tcpdf.org)
Program Studi S1 Teknik Informatika
Tugas Akhir - 2006
BAB V – Kesimpulan dan Saran
BAB V
KESIMPULAN DAN SARAN
5.1
Kesimpulan
Kesimpulan yang didapat dari pengerjaan tugas akhir adalah sebagai berikut :
1. Web ini pada implementasinya dapat membuat interaksi user lebih interaktif.
Interaktifnya antara lain user dapat login dengan tanpa perlu submit button
untuk validasinya, fasilitas searching yang tidak memerlukan submit button
unttuk mendapatkan data yang dicari, lalu pilihan menu yang tidak
memerlukan reload saat menu mengupdate contentnya.
2. Web stt dengan ajax ini meminimalkan waktu loading pada saat user browsing
pertama kali yaitu dengan catatan perbandingan waktu loading web ajax 65%
lebih cepat dibanding web klasik
3. Web dengan ajax ini mengurangi besar data yang dikirim oleh server, dengan
37% lebih ringan dibanding web klasik, dengan asumsi besar data yang
dikirim oleh server sebanding dengan jumlah byte yang dikirim.
5.2
Saran
Pengembangan dari tugas akhir ini untuk ke depannya dapat dibuat suatu
aplikasi web yang lebih interaktif misalnya dengan menambahkan interaktifitas drag dan
drop menu, yaitu user dapat memindah dengan drag dan drop menu kiri menjadi menu
kanan atau sebaliknya juga dapat memindah header menjadi footer atau sebaliknya atau
meletakkannya di menu kiri atau kanan, user juga dapat memilih sendiri template web
yaitu mengganti layout maupun gambar tema web, juga dapat mengubah jenis, warna,
besarhuruf.
27
Fakultas Teknik Informatika
Powered by TCPDF (www.tcpdf.org)
Program Studi S1 Teknik Informatika
Tugas Akhir - 2006
Daftar Pustaka
DAFTAR PUSTAKA
[1].
AJAX : Getting Started
http://developer.mozilla.org/en/docs/AJAX:Getting_Started
[2].
AJAX by Ross Shannon
http://www.yourhtmlsource.com/javascript/ajax.html
[3].
Ajax for Java developers: Build dynamic Java applications
http://www-128.ibm.com/developerworks/library/j- ajax1/
[4].
AJAX(Programming)
http://en.wikipedia.org/wiki/Ajax_%28programming%29
[5].
Ajax: A New Approach to Web Applications
http://www.adaptivepath.com/publications/essays/archives/000385.php
[6].
Asleson, Ryan Schutta, Nathaniel T, Foundation of Ajax, Springer
Verlag, 2005.
[7].
Asynchronous JavaScript Technology and XML (AJAX)
With Java 2 Platform, Enterprise Edition
http://java.sun.com/developer/technicalArticles/J2EE/AJAX/
[8].
AJAX
http://www.modelworks.com/ajax.html
[9].
Accesibility Checklist Recommendation W3C
Htpp://www.w3c.org/TR/WAI-CONTENT/
[10].
Booch, Rumbaugh, Jacobson. The Unified Modeling Language User
Guide, Addison Wesley, 1998.
[11].
Crane Dave, Ajax in Action, Oreilly and Associates, 2005.
[12].
CSS
http://en.wikipedia.org/wiki/Cascading_Style_Sheets
[13].
DOM
27
Fakultas Teknik Informatika
Program Studi S1 Teknik Informatika
Tugas Akhir - 2006
Daftar Pustaka
http://en.wikipedia.org/wiki/Document_Object_Model
[14].
Dynamic HTML and XML:TheXMLHttpRequest Object
http://developer.apple.com/internet/webcontent/xmlhttpreq.html
[15].
Geoff, Peters, Ajax and PHP A winning combination, Vancouver PHP
Users Association, 2005.
[16].
Gross, Christopher, Ajax Patterns and Best Practices, Springer Verlag,
2006.
[17].
Introduction to AJAX
http://www-128.ibm.com/developerworks/web/library/wa-ajaxintro1.html
[18].
Javascript
http://en.wikipedia.org/wiki/JavaScript
[19].
Nada Tom, Helwig Shawn, Rich Internet Application, E-business
Consortium, 2005.
[20].
Suhendar, Hariman Gunadi, Visual Modeling Menggunakan UML dan
Rational Rose, Informatika Bandung, 2002.
[21].
Tutorial Ajax
http://ajaxpatterns.org/
[22].
XHTML
http://en.wikipedia.org/wiki/XHTML_1.0
[23].
XHR
http://en.wikipedia.org/wiki/XmlHttpRequest
28
Fakultas Teknik Informatika
Powered by TCPDF (www.tcpdf.org)
Program Studi S1 Teknik Informatika