interaktif web dengan jquery

jquery yang beralamatkan di http://jquery.com kurang lebih baru menginjak usia 3 tahun. akan tetapi, jquery sebenarnya bukan hal yang baru jika melihat "jeroan"nya, karena berisi fungsi-fungsi yang ditulis dengan javascrip, dan javascrip itu sendri telah di perkenalkan oleh netscafe sejak tahun 1995.

tetapi tentu query menawarkan fitur-fitur modern yang siap pakai, walaupun idenya sederhana, yaitu yaitu membuat sebuah library javascript, ternyata jquery mampu menarik perusahaan-perusahaan besar yang membandling jquery ke dalam produknya. nokia akan mengintegrasikan jquery kedalam platform web run-time, sedangkan microsoft mengadopsi jquery ke dalam visual studio.

Selain itu, google juga menyediakan host khusus untuk jquery agar dapat langsung d akses bebas, jquery juga mendapat dukungan dari berbagai pihak yang membuat berbagai plugin tambahan.

Menggunakan jquery sangat lah mudah, yang diperlukan adalah men-download file jquery pada http://jquery.com, versi terakhir sampai saat ini adalah verrsi 1.3.2 dengan nama file jquery-1.2.3.min.js yang juga disertakan pada dvd/cd/ pc media kali ini. Ukurannya juga cukup kecil untuk sebuah library yang powerful, hanya sekitar 56 kilobytes, dan hanya inilah yang di perlukan! File javascript ini memiliki fungsi-fungsi ajax, dom(document object model), event, serrta berbagai efek yang siap digunakan oleh web developer.

Untuk mempermudah pemakaian, anda dapat mengubah file jquery-1.3.2.min.js menjaddi jquery.js saja, dan menyisipkannya pada kode program (HTML/PHP/ASP dan seterusnya) sebagai berikut:

Beberapa contoh berikut akan mengenalkan anda pada jquery di dalam kode HTML/CSS yang sederhana, untuk kemudian dapat dengan mudah dikembangkan sesuai kebutuhan website yg anda ingin kan.

1. mengontrol CSS

dengan jquery, anda dapat mengontrol CSS yang digunakan.

2. read more elegan

pasti kita pernah mengunjungi website atau blog yang memiliki artikel. Karena pada umumnya, artikel terdiri dari beberapa paragraph, maka biasanya akan ditampilkan terlebihdahulu paragraph awal, dan tersedia tombol/link seperrti read more” atau “selengkapnya” danjika di klik akan mengarahkan anda padda artikel selengkapnya atau keseluruhan paragraph, komplit dengan proses refresh dan memanggil halaman lain.

3. slide panel

dahulu, hanya ada sedikit alternative jika anda ingin membagi sebuah halaman website menjadi bebebrapa bagian yang terpisah, misalnya dengan menggunakan table atau frame, dan semuanya terkesan kaku. Dengan jquery, anda dapat membuat slide panel dengan mudah, dan tentunya tidak terkesan kaku karena panel dengan mudah, dan tentunya tidak terkesan kaku karena panel tersebut bergeser dengan animasi yang halus.

4. ajax dengan query

salah satu kegunakan jquery adalah mendukung AJAX(asynchronous JavaScript and XML), di mana aplikasi web mengambil data dari server dan bekerja pada background sehingga tampilan halaman web tidak terganggu. Dalam hal ini, jqury umumnya lebih banyak digunakan oleh programerr disbandingkan desainer, karena AJAX mengakses server, yang berarti harus mengguunakan server side scripting/programming.

CARA KERRJA WEB

Penjelasan:

Web Client

Web browser perangkat lunak yang dijalankan pada komputer user, untuk menampilkan dokumen web.

Web Server

Web Server perangkat lunak yang dijalankan pada komputer server, berfungsi sebagai tempat semua web files

URL (Uniform Resource Locator)

· URL adalah sistem pengalamatan file/program yang digunakan di internet.

HTTP (HyperText Transfer Protocol)

· HTTP adalah protokol komunikasi yang digunakan dalam web

TCP/IP : Alamat atau kode komputer seperti 192.168.10.20dan 192.168.10.25

Cara kerja nya

User mengetikan www.google.com di URL pada client dengan menggunakan web bwoser (opera, safari, mozila fifefox), dengan mengetikan alamat tersebut user meminta pada server, karena computer tidak bisa mengenal bahasa manusia maka computer akan mengubah dalam bahasa mesin agar mengerti Apa yang diinginkan oleh user. Maka terjadilah pengiriman permintaan keserver dengan bantuan tcp/ip, setelah tiba di server, permintaan ini dicek, apakah web yang diminta user ada pada server atau tidak. Ternyata ada.

maka server mengirim kembali ke user yang meminta www.google.com dengan batuan tcp/ip maka munculah pada layar user.

Kalo tidak ada maka server akan mengirimkan pesan 404. Page Not Found», yang artinya halaman tidak ditemukan