Perkembangan Teknologi Web Hyper Text Markup Language

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