86 Jurnal Teknologi Informasi-Aiti, Vol. 4. No. 1, Februari 2007: 1-100
Penggunaan AJAX pada Pengembangan Aplikasi Web
Hendro Steven Tampake
Universitas Kristen Satya Wacana Jl. Diponegoro 52-60 Salatiga 50711
Telp. 0298 – 321212 Email: hendro.stevengmail.com
Abstract
AJAX is an acronym of Asynchronous JavaScript And XML. AJAX is a technique of programming that popular at 2005 by Google
with their Google Suggest web application. AJAX is not a new programming language, but it is a web programming method that used
current web programming standard. With AJAX web application is more fast and user-friendly .
Key Words : Ajax, Web, Internet, Pemrograman, Javascript, HTML,
XML
1. Perkembangan Teknologi Web
Perkembangan aplikasi web saat ini sangat pesat. Aplikasi web yang semula hanya merupakan aplikasi statik, sekarang telah menjadi aplikasi web
yang sangat dinamis dan interaktif. Aplikasi web juga tidak lagi digunakan untuk media promosi semata. Aplikasi web bahkan saat ini sudah digunakan
untuk aplikasi bisnis dengan skala yang besar.
Pengembangan aplikasi web juga bukan merupakan suatu hal yang sulit. Banyak teknologi dan tools yang dapat digunakan untuk mengembangkan
aplikasi berbasis web. Mulai dari teknologi scripting language seperti HTML sampai ke bahasa pemrograman seperti ASP, PHP, JSP dan lainnya. Bentuk
aplikasi web juga sudah sangat menarik dengan adanya teknologi yang dapat memberikan style seperti CSS pada aplikasi web. Selain itu banyak juga
teknologi lain yang dapat digunakan untuk mengembangkan aplikasi web agar lebih interaktif seperti Flash.
2. Hyper Text Markup Language
Hyper Text Markup Language atau biasa disingkat HTML merupakan markup language untuk pengembangan aplikasi berbasis web. HTML
mendeskripsikan bagaimana sebuah halaman ditampilkan pada browser. HTML menggunakan tag-tag khusus untuk mendeskripsikan bagaimana
konten sebuah halaman ditampilkan. Tag-tag khusus ini akan diterjemahkan
87 oleh browser sehingga browser mengerti bagaimana menampilkan suatu
konten. HTML merupakan sebuah standar yang dimaintain oleh World Wide Web
Consorcium W3C. Sebagai standar maka tag-tag HTML tentunya akan diterjemahkan sama oleh setiap browser yang ada. Hal ini yang menyebabkan
aplikasi-aplikasi web yang dikunjungi relatif sama tampilannya walaupun dibuka atau diakses menggunakan browser yang berbeda-beda seperti Internet
Explorer, Firefox, Netscape, Opera dan lain-lain.
Sebuah halaman HTML memiliki struktur seperti berikut ini:
html head
titleTitle of pagetitle head
body This is my first homepage. bThis text is boldb
body html
HTML sebenarnya file teks biasa yang mengandung tag-tag khusus dan disimpan dengan ekstensi .html atau .htm. Untuk menjalankan source di atas
dibutuhkan browser misalnya Firefox atau Internet Explorer. Beberapa tag HTML yang biasa digunakan antara lain, tag yang
digunakan untuk format teks ditunjukkan pada Tabel 1. Untuk mengatur warna dari huruf, digunakan tag font color=”….”some textfont. Color dapat
berisi kode warna nilai konstan warna seperti blue, red, green, yellow, dan lain-lain. Untuk menentukan tebal judul suatu topik atau heading dapat
digunakan tag hN….hN. N dapat diganti dengan angka 1 sampai dengan 6. N=1 merupakan heading paling besar, dan sebaliknya N=6 merupakan
heading paling kecil.Untuk membuat paragraf digunakan tag p…p. Paragraf juga dapat diatur untuk rata kiri, kanan, tengah atau justify dengan
menambahkan properti align p align=”…”…p. Nilai align dapat berupa: left, right, center, dan justify. Kelebihan utama dari aplikasi web adalah
kemampuannya untuk berpindah antar halaman atau bahkan antar aplikasi web yang berbeda dengan menggunakan hyperlink. Untuk keperluan ini digunakan
tag a href=”[url tujuan]”…a.Untuk menyisipkan gambar pada halaman web digunakan tag img src=”[path_file_gambar]”.
Tabel 1 Tag HTML untuk Format Teks
Penggunaan AJAX Tampake
88 Jurnal Teknologi Informasi-Aiti, Vol. 4. No. 1, Februari 2007: 1-100
3. JavaScript