Ajax (Asynchronous JavaScript and XML)

Ajax bukanlah bahasa pemrograman terbaru, melainkan perpaduan antara JavaScript dan XML (Extended Markup Language). Ajax menjadi popular dikarenakan dapat memberikan kesan interaktif dalam suatu web/aplikasi atau dalam kata lain menjadikan web tersebut terkesan dinamis. Ajax sendiri sebenarnya hanya suatu teknik pemanfaatan JavaScript dalam mengontrol class object XmlHttpRequest untuk berkomunikasi dengan server kemudian merefresh/ mengupdate konten yang ada dalam halaman web tanpa melakukan reload keseluruhan halaman seperti metode tradisional sebelumnya, masudnya kita dapat membuat proses secara background atau berjalan di belakang layar sementara user dapat tetap berinteraksi dengan halaman web yang ada.

Pemanfaatan teknik Asynchronous ini juga di sebut dengan RIA (Rich Internet Aplication) atau lebih memperkaya pengembangan teknologi internet atau Web. Ajax pertama kali diperkenalkan oleh Jasse James Garrent pada tulisannya yang berjudul Ajax : A New Approach To Web Applications.

SEJARAH SINGKAT AJAX

Teknik komunikasi dengan Asynchrouns dengan server pertama kali di perkenalkan oleh Microsoft pada tahun 1997, kemudian Jasse James Garrent memberikan nama Ajax pada tahun 2005. Dan hingga saat ini banyak yang telah mengimplentasikan teknik ini dalam pengembangan web. Contoh pengembangan Ajax pada web application antara lain : google map, flickr.com, gmail.com, google sugest, dan yahoo.com.

ASYNCHRONOUS DAN SYNCHRONOUS

Gambar Proses Asynchronous

Kita akan memahami tentang bagaimana alur proses Asynchronous dengan ilustrasi; saat user berinteraksi dengan halaman Web terdapat banyak pilihan link yang dapat ditemukan, pada saat link tersebut di klik maka halaman web tersebut akan melakukan (send Request) komunikasi dengan server untuk meminta proses ke server, dan selama server melakukan proses dan user akan menunggu hasil dari proses tersebut. Setelah server selesai melakukan proses yang diminta, server akan mengembalikan proses tersebut untuk di tampilkan ke client webbrowser.

Penjelasan; pada proses synchronous ini user melakukan permintaan proses (request proses) ke server dan menunggu sehingga server mengembalikan hasil proses yang diminta. Umumnya hasil proses dari server merupakan halaman web baru yang ditampilkan pada web browser user.

Gambar Proses Asynchronous

Sedangkan untuk proses Asynchronous sendiri user berinteraksi dengan link-link yang ada untuk berinteraksi dengan server, dan proses yang diminta akan dikirim secara background ke server selama server belum mengembalikan data hasil proses, user dapat tetap bekerja dengan halaman web yang ada sebelumnya. Setelah server selesai melakukan proses, hasil proses tersebut akan dikirimkan kembali ke webbrowser user maka data tersebut ditampilkan pada halaman web yang sudah ada sebelumnya.

Pemanfaatan teknik Asynchronous dengan JavaScript ini dalam pengembangan web dikelan dengan nama WEB 2.0 (baca: Web two point O). dimana yang menjadi titik tekannya adalah kita dapat membiarkan user untuk tetap berinteraksi dengan halaman web yang ada selama proses request dilakukan dan selama server belum mengembalikan hasil proses yang diminta. Dan saat hasil proses telah selesai kita hanya perlu mengupdate data halaman web yang telah ada.

XMLHTTPREQUST OBJECT

Untuk dapat mengembangkan aplikasi web dengan teknik Ajax ini kita perlu mengkombinasikan beberapa hal berikut:
• JavaScript untuk membuat object XMLHttpRequest yang kita gunakan untuk berkomunikasi dengan server dengan cara behind the sence.
• DOM (Document Object Model) hasil proses yang diterima akan kita tampilkan dengan manipulasi object DOM yang telah kita persiapkan sebelumnya untuk menampilkan data hasil proses yang diberikan server.
• XML (eXtemsible Markup Language) format data yang dikembalikan oleh server, data XML ini siap dibaca dan ditampilkan untuk mengupdate konten pada halaman web.
Untuk membuat XMLHttpRequest:

Untuk membuat object XMLHttpRequest beberapa browser:
if (window.XMLHttpRequest)
{
// kode untuk IE7+, Firefox, Chrome, Opera, Safari
return new XMLHttpRequest();
}
if (window.ActiveXObject)
{
// kode untuk IE6, IE5
return new ActiveXObject("Microsoft.XMLHTTP");
}

MENGAPA PERLU MENGGUNAKAN AJAX?
Berikut adalah beberapa contoh yang membuat kehadiran Ajax diperlukan:
1. Pembandingan suatu nilai kunci dengan isi suatu tabel dalam database (misalnya, NIP pegawai sudah ada atau belum, user-Kadir, Telaah Ajax untuk Mengejar Ketertinggalan Aplikasi Web Terhadap Aplikasi Desktop name sudah digunakan oleh orang lain atau belum, email sudah terdaftar atau belum).
2. Penambahan data ke dalam database (cukup ditangani dengan menggunakan satu dokumen).
3. Menyajikan informasi produk.
4. Validasi data dengan data yang tercantum dalam server.
5. Menampilkan daftar pilihan yang didasarkan data dalam database, yang ditentukan oleh suatu pilihan dalam halaman web (misalnya hanya menampilkan daftar kota yang ada di Jawa Tengah ketika pemakai memilih Jawa Tengah dari daftar provinsi).
6. Melakukan komunikasi tertulis secara langsung (chatting).
7. Memberikan saran ketika pemakai melakukan pengetikan.

KEUNTUNGAN DAN KELEMAHAN AJAX
Berdasarkan sifat-sifat yang terkandung dalam Ajax, sejumlah keuntungan bisa diperoleh. Beberapa manfaat yang bisa dipetik (Darie, dkk., 2006):
1. Memungkinkan untuk membuat aplikasi web yang lebih baik dan lebih responsif.
2. Karena kepopulerannya, akan memicu pengembangan pola (pustaka atau kerangka) yang membuat para pengembang tidak harus membangun dari nol melainkan cukup menggunakan yang telah dibuat oleh orang lain.
3. Teknologi-teknologi yang digunakan untuk membangun aplikasi web selama ini tetap terpakai.
4. Keahlian para pengembang tetap bisa termanfaatkan.
5. Fitur-fitur Ajax terintegrasi dengan baik terhadap fungsionalitas yang disediakan browser (misalnya mengubah ukuran halaman dan navigasi halaman).
Namun, yang juga perlu disadari, Ajax juga menawarkan beberapa kelemahan. Antara lain:
1. Halaman menjadi tidak bisa di-bookmark.
2. Bagian dari aplikasi Ajax bisa jadi tidak bisa diindeks oleh mesin pencari.
3. Tombol Back pada browser menjadi tidak berfungsi seperti biasanya.
4. Aplikasi Ajax menjadi tidak berfungsi kalau klien mematikan JavaScript.
5. Browser yang digunakan oleh klien harus mendukung Ajax.

AREA YANG COCOK UNTUK PENERAPAN AJAX
Tiga pedoman yang perlu diperhatikan dalam menggunakan Ajax:
1. Lalu lintas yang minimal. Ajax hanya mengirim dan menerima informasi dengan ukuran yang sekecil mungkin ke dan dari server. Informasi yang tidak relevan tidak diikutsertakan.
2. Mencegah pengunduhan halaman keseluruhan. Apabila ada bagian yang tidak perlu diubah dan cukup banyak, hindarkan untuk menampilkan kembali. Hanya bagian yang memang perlu diubah yang dimodifikasi.
3. Menghindari aplikasi web yang membuat pemakai kehilangan semua yang telah ia ketikkan di halaman web ketika ia menglik suatu tombol dan sesuatu hal yang tidak valid terjadi.

Referensi :
http://ilmukomputer.com
http://ruangkecil.or.id
Petter, Jerry (2007).“berkenalan dengan AJAX”. Ilmukomputer.com
Desrizal.”pengenalan AJAX”.
Kadir, Abdul.”telaah AJAX untuk mengejar ketertinggalan aplikasi web terhadap aplikasi desktop”.Yogyakarta.

Selengkapnya »»

Opera Mini 5 Beta

Bagi pengguna perangkat mobile sekarang opera telah meluncurkan sajian browser web yang cepat dan mantap yaitu opera mini 5 beta. software mobile browser berbasis J2ME tersebut menunjukan beberapa perubahan tampilan.

Fitur utama yang diperlihatkan pada browser ini adalah kemampuan untuk membuka lebih dari satu halaman Fitur utama yang diusung adalah kemampuan untuk membuka lebih dari satu halaman atau istilahnya Tabbed browsing. Selain itu pada bagian depan dihiasi dengan Speed Dial untuk membokmark halaman. Mirip dengan fitur Opera Browser untuk komputer. Pengelolaan password juga lebih mudah dengan adanya Password Manager.

“ Gagasan untuk menjelajahi seluruh web dari layar yang begitu kecil bisa mengucutkan hati. Karena itulah sejak lama kami berkomitmen untuk membuat pengalaman browsing seperti biasa anda lakukan di PC juga mudah dilakukan di ponsel anda,” kata Jon von Tetzcher (Chief Executive, Opera Software).

Fitur baru di Opera Mini 5 Beta:
1. Tabbed browsing. Kemampuan untuk membuka lebih dari satu halaman/multi windows, sehingga pengguna dapat menjalani beberapa situs sekaligus.
2. Speed Dial, memungkinkan pengguna untuk melompat ke konten yang diinginkannya melalui situs-situs web yang telah dipilih.
3. Mempunyai Password Manager untuk mengelola password dan juga memori virtual. Fungsinya adalah menyimpan semua password penggunanya. Baik password untuk e-mail, situs-situs pertemanan, dan akun online lainya.
4. Mendukung ponsel touchscreen dan keypad style.
5. Ada menu privasi untuk menghapus history, cookies serta password.
6. Pengaturan menulis langsung di kotak dialog (Inline Editing).

Selengkapnya »»

Sejarah Opera

Sejarah Opera

Sekitar tahun 1992, Jon Stephenson von Tetzchner dan Geir Ivarsey merupakan bagian dari sebuah grup riset di Televerket (sebuah perusahaan telpon asal Norwegia yang sekarang bernama Telenor). Grup tersebut mengambil peranan dalam mengembangkan ODA (Open Document Architecture), yaitu sebuah standar sistem penyimpanan dan pengambilan dokumen, gambar dan yang lainnya.

Grup ini juga mendirikan server Internet pertama di Norwegia dan home page di tahun 1993. Tapi mereka merasa bahwa browser yang mereka gunakan yaitu Mosaic mempunyai struktur yang biasa-biasa saja untuk digunakan secara efektif pada saat browsing. Oleh karena itu, grup ini tergerak untuk membuat sebuah web browser yang baru dari awal.

Diinspirasikan oleh proyek ODA tadi, mereka melihat suatu pasar potensial untuk membangun sebuah browser yang bisa beradaptasi dengan segala macam struktur web. Di akhir tahun 1995, Televerket berubah namanya menjadi Telenor dan disitulah perusahaan Opera Software dibangun. Produk mereka kemudian diberi nama MultiTorg Opera dan dengan secara cepat digunakan oleh komunitas Internet pada saat itu karena fitur Multiple Document Interface dan sidebar-nya yang membuat browsing beberapa halaman secara sekaligus menjadi lebih mudah.

Opera telah memelopori banyak fitur yang kemudian ditiru oleh browser lainnya. Contohnya, Opera adalah browser pertama yang mengintegrasikan gerakan mouse (mouse gesture) sebagai cara yang mudah untuk navigasi situs. Opera juga memiliki beberapa fitur orisinil, termasuk loading halaman di background, notes, penggantian skin, sesson management dan lain-lain. Selanjutnya Opera menjadi lebih terkenal dan sedikit "nakal" karena Multiple Document Interface yang bisa dibilang mendobrak tradisi web browser yang telah ada.

Opera 9.0

Salah satu dari tiga browser yang paling banyak digunakan di dunia. Opera kali pertama diluncurkan pada tahun 1996 sebagai shareware. Kala itu Opera 2.0 adalah satu-satunya lawan yang tangguh bagi Internet Explorer, karena bukan hanya interface-nya saja yang berbeda namun fungsi yang dimiliki browser ini sangat beragam. Ambil saja contoh fungsi tabbed browser yang saat ini digunakan oleh kebanyakan browser. Opera adalah browser pertama yang meng aplikasikan fungsi ini ke dalam browser-nya.

Fungsi yang ditambahkan adalah adanya tampilan secara thumbnail dari tab yang ingin Anda buka. Caranya cukup dengan memindahkan kursor mouse ke tab yang Anda inginkan, kemudian isi dari tab tersebut akan muncul dalam bentuk thumbnail.

Pada interface dari Opera tersebut, di sisi sebelah kiri disediakan side bar yang bisa tampil saat Anda mengarahkan kursor mouse ke sisi kiri dari Opera. Saat Anda klik, side bar tersebut akan muncul dan menampilkan beberapa tombol shortcut dari bookmarks, history, widgets, notes, transfer, dan links. Fungsi tambahan yang cukup menarik dan membantu untuk Anda yang membutuhkan akses tombol-tombol tersebut secara cepat.

Beberapa fungsi baru yang bisa Anda temukan saat menggunakan Opera 9.0 antara lain adalah:
- Content Blocking atau yang biasa dikenal dengan AdBlock.
- BitTorrent terintegrasi.
- Opera Widgets.
- Kemampuan untuk membuat search engine dari textfield.
- Site Spesific Preferences (pop-up blocking, cookies, scripts, user style sheets, useragent masking).
- New Installer. Tersedia dalam 30 Bahasa.
- Integrated Source Viewer.
- Untuk advanced setting configuration cukup ketikkan perintah opera:config.
- Tampilan thumbnails untuk setiap tab saat Anda meletakkan kursor mouse di atasnya.

Opera adalah browser yang kali pertama menerapkan tabbed browsing, kali pertama yang mendukung RSS, dan sekarang adalah satu-satunya browser yang terintegrasi sebagai BitTorrent client serta memiliki fungsi tab thumbnail (meskipun IE 7 memiliki fungsi yang hampir sama). Belum lagi fungsi dan fitur lain yang disertakan sangat membantu Anda dalam melakukan browsing. Namun tetap saja, entah kenapa browser ini kurang mendapat tempat dihati para user, yang saat ini sudah sangat familiar dengan Firefox.

Opera

Instalasi dan download Opera terbilang mudah. Dengan logo “O” berwarna merah , banyak kalangan yang mengakui kelebihannya. Walaupun kemampuannya boleh dibilang sudah bagus, namun web browser ini terus dikembangkan.

Browser ini, berisi berbagai tool seperti fit-to-window-width, fit-to-paper-width, peningkatan dalam menangani RSS, start bar untuk mempermudah akses ke fitur utama, serta automatic update.

Juga terdapat fitur yang menggunakan teknologi suara (Voice Interaction). Pengguna bisa melakukan browsing web menggunakan perintah suara, seperti ”opera next link”, ”opera back” atau ”opera speak”. Untuk perintah “opera speak”, dapat membuat Opera membacakan isi dari sebuah web atau e-mail.

Pengguna juga bisa mengimpor bookmark, e-mail, dan setting dari IE. Dari sisi user interface, Opera mudah dinavigasi. Meski tampak penuh, tapi interface Opera terlihat teratur. Selain kemampuan keamanan yang bagus, hasil Opera juga tak memboroskan memori komputer.

Kelebihan utama browser Opera adalah mampu menampilkan (load) halaman web lebih cepat, dengan kecepatan koneksi yang sama dibanding browser lain. Opera juga memiliki sejumlah fitur yang memudahkan berselancar di dunia maya. Link alamat web di Opera seolah sudah disiapkan dan termemori,sehingga membuka lebih cepat begitu mouse diaktifkan.

Kelebihan lain browser Opera adalah kemampuan membuka banyak halaman web dalam satu waktu sekaligus. Browser ini juga dilengkapi tabs yang memungkinkan beberapa situs terbuka bersamaan, tanpa harus membuka banyak jendela. Dengan demikian taskbar pada sistem operasi Windows tidak penuh, terutama untuk sistem operasi non-WindowsXP. Opera juga menyertakan penyaring pop up untuk menangkal iklan pop up yang menjengkelkan. Fitur lain, seperti mesin pencari Google yang sudah built-in dan penghitung waktu yang diperlukan hingga halaman web membuka sempurna. Pengguna juga bisa menggunakan skin untuk memodifikasi tampilan browser. Daftar history alamat web yang telah diselancari dengan Opera dapat dilihat pengguna. Dan, pengguna dapat menghapusnya dengan memblok alamat web yang bersangkutan. Bagi pengguna gadget mobile, fitur Fit-to-Window akan menyesuaikan halaman web dengan lebar layar atau jendela browser.

Kelemahan pada browser opera memungkinkan cracker untuk mencuri cookie, memalsukan alamat-alamat URL, atau melihat history dari browser pada PC. Namun kelemahan itu hanya terdapat pada Opera versi 7.53 dan versi-versi sebelumnya yang dioperasikan pada sistem operasi Windows, Linux, dan Mac juga memiliki kelemahan pada sistemnya. Kompabilitas dengan Explorer kurang, sehingga sering halaman yang rumit tidak bisa dibuka.

Browser ini kurang support terhadap ajax. Fasilitas-fasilitas di google seperti google calendar, google page, google spreadsheet tidak dapat dijalankan dengan opera.

Opera Keluarkan Versi 10 Beta Dengan Banyak Kelebihan Fitur Didalamnya

Opera baru saja mengeluarkan Browser Opera 10 Versi Beta dan kini telah dapat di download secara bebas. Berbagai fitur baru pastinya sudah dipersiapkan oleh opera versi 10 ini.

Salah satu fitur utama yang menjadi unggulan dan diandalkan adalah berupa opera “Turbo”. Fitur turbo dirancang untuk memungkinkan para penggunanya dapat mempercepat akses internet sekaligus menghemat bandwidth. Fitur ini sangat berguna untuk pengguna Internet yang menggunakan koneksi Internet yang lambat.

Opera versi Beta ini akan siap untuk digunakan pada Opera 10 versi finalnya nanti. Tab - tab pada Opera 10 versi beta dapat dilebarkan sehingga dapat menampilkan thumbnails dari situs-situs yang sedang dibuka diberbagai tab tersebut. Selain itu, fitur andalan opera yang sudah lebih dulu yaitu “Speed Dial” yang muncul pada setiap Tab baru kini dapat dikustomisasi lebih jauh.

Jangan khawatir, tentunya masih banyak fitur-fitur lain yang menjadi keunggulan dari versi 10 beta ini, termasuk juga cek pada ejaan yang dapat membuat tampilan klien e-mail jauh lebih baik. Selain itu Opera pun masih tetap mengusung dukungan sepenuhnya pada standar web yang memudahkan bagi para desainer web.

Fitur lainnya yang tertanam adalah fitur Auto-Update dan Automazed Crash Reporting, artinya browser ini mempunyai cara kerja Update yang otomatis, dan yang tidak kalah pentingnya adalah fitur “Automated Crash Reporting” pada Opera 10 versi Beta ini.

Opera 10 Beta sudah tersedia dan “gratis” untuk pengguna Windows, Mac dan Linux. Anda yang ingin mendownloadnya bisa mendapatkannya disini Download Opera Terbaru !!!

Selengkapnya »»

Cara Kerja Website

Gambar cara kerja website

Cara kerja website:

Hal yang perlu diperhatikan pertama sekali sebelum mengakses sebuah website adalah koneksi internet (jaringan computer yang terhubung dengan internet). Selanjutnya, kita juga harus mengetahui bahwa Setiap website memiliki alamat unik yang tidak sama satu dengan yang lain (URL / Uniform Resourse Locator) yang akan mengidentifikasi sebuah website tertentu, Contohnya: http://rurisribalta.blogspot.com.

Sebuah alamat website tertentu yang telah kita masukkan kedalam web browser (software yang digunakan untuk menjelajah internet/ website) akan dikiirimkan dalam bentuk suatu data permintaan melalui HTTP (hypertext transfer protocol) Request kepada web server (software yang digunakan untuk mengatur website). Kemudian web server akan mengirimkan data balasan berupa web files (data-data website) yang sesuai dengan alamat permintaan yang telah dikirim melalui HTTP Response. Trasnper data ini terjadi melalui koneksi internet dengan menggunakan protocol TCP/IP. Setelah data web files diterima oleh web browser data tersebut ditampilkan (display) dalam bentuk sebuah website utuh yang sesuai dengan alamat yang telah dimasukkan kedalam web browser sebelumnya.

Secara umum antara web browser dan web server telah terjadi petukaran data yang sangat cepat, dan pertukaran ini terjadi hanya jika ada koneksi internet antara client (web browser) dan server (web server).

Keterangan Istilah:

UNIFORM RESOURSE LOCATOR (URL):

adalah suatu sarana yang digunakan untuk menentukan lokasi informasi pada suatu Web server, URL dapat diibaratkan sebagai suatu alamat. Contoh : http://google.com

WEB BROWSER:

Sofware yang digunakan untuk surfing(menjelajah internet). Contohnya: Opera, mozila, internet explorer, dll.

WEB SERVER:

Sofware yang digunakan untuk membuat atau mengatur website. Contohnya: Apache, winlamp, xampp dll.

HTTP (Hyper Text Transfer Protocol)

Protokol yang digunakan untuk mangakses web.

PROTOKOL:

Sejumlah aturan yang menentukan bagaimana dua buah komputer atau lebih saling berkomunikasi.

WEBSITE

Website atau situs juga dapat diartikan sebagai kumpulan halaman yang menampilkan informasi data teks, data gambar diam atau gerak, data animasi, suara, video dan atau gabungan dari semuanya, baik yang bersifat statis maupun dinamis yang membentuk satu rangkaian bangunan yang saling terkait dimana masing-masing dihubungkan dengan jaringan-jaringan halaman (hyperlink). Bersifat statis apabila isi informasi website tetap, jarang berubah, dan isi informasinya searah hanya dari pemilik website. Bersifat dinamis apabila isi informasi website selalu berubah-ubah, dan isi informasinya interaktif dua arah berasal dari pemilik serta pengguna website. Contoh website statis adalah berisi profil perusahaan, sedangkan website dinamis adalah seperti Friendster, Multiply, dll. Dalam sisi pengembangannya, website statis hanya bisa diupdate oleh pemiliknya saja, sedangkan website dinamis bisa diupdate oleh pengguna maupun pemilik.

Selengkapnya »»