LAPORAN PRAKTIKUM PEMROGAMAN WEB 2 MODUL 1

Disusun oleh : Nama NIM Prodi/Tk : Muhammad Fikri : 2009111009 : MI-D3 2009/IV

LABORATORIUM KOMPUTER

FAKULTAS ILMU KOMPUTER

UNIVERSITAS KUNINGAN2011

MODUL 1 jQUERY Dasar

JQuery adalah javascript library atau kumpulan kode/fungsi javascript siap pakai, sehingga mempermudah kita membuat kode javascript, tanpa harus secara eksplisit menambahkan event atau aksi atau pun properti pada halaman web tersebut, semuanya sudah dibuatkan oleh yang namanya JQuery. Beberapa kemampuan yang dimiliki JQUERY : 1. 2. 3. 4. 5. 6. Mempermudah akses dan manipulasi elemen tertentu pada dokumen. Mempermudah modifikasi tampilan halaman web. Mempersingkat AJAX (Asynchronus Javascript and XML). Memilik API (Application Programming Interface). Mampu merespon interface antara user dengan halaman web dengan lebih cepat. Menyediakan fasilitas untuk membuat animasi sekelas flash dengan mudah.

Setiap menulis kode javascript dengan menggunakan jquery harus memasukan file jquery.js yang telah di download dari http://www.jquery.com kedalam kode javascricp yang telah di buat, yaitu dengan perintah : Sintak jquery dibut untuk memilih elemen-elemen HTML dan melakukan aksi terhadap elemen yang dipilih. Bentuk umumnya adalah $(selector).action() Ket : -

Tanda dolar, untuk mendefinisikan JQUERY. (selector), untuk menunjukan elemen yang dipilih atau dituju. (action), adalah JQUERY action yang akan dilakukan terhadap elemen yang dipilih.

Praktek 1

-

Analisa : pada hasil di atas jika tombol sembunyikan di klik maka tulisan Hello Word akan hilang karena tombol sembunyi di beri fungsi hide, dan sebaliknya.

Prakek 2

-

Analisa : hasil praktikum ke-2 yaitu menginputkan teks secara dinamis dan menampilkannya.

Tugas Sekilas tentang jquery JQuery adalah librari JavaScript yang memungkinkan kita untuk membuat program web pada suatu halaman web, tanpa harus secara eksplisit kita menambahkan event atau pun properti pada halaman web tersebut. Dengan JQuery, suatu halaman web yang menjadi aplikasi web, jika dilihat sourcenya, akan terlihat seperti dokumen HTML biasa; tidak ada kode JavaScript yang terlihat langsung. Teknik pemrograman web seperti ini disebut sebagai unobstrusive JavaScript programming. JQuery merupakan salah satu librari yang membuat program web di sisi klien, tidak terlihat sebagai program JavaScript biasa, yang harus secara eksplisit disisipkan pada dokumen web. Pada teknik pemrograman sisi klien dengan menggunakan JavaScript biasa, setiap elemen yang akan memiliki event, akan secara eksplisit terlihat ada event yang dilekatkan pada elemen tersebut. JQuery dikembangkan pertama kali oleh John Resig, yang dibuat lebih ramping dari librari Prototype yang menjadi inspirasi dari libarari JQuery ini. Secara pemrograman, JQuery memiliki kemiripan seperti Prototype.

JQuery, merupakan librari yang sangat ramping, core dari librari ini dalam keadaan terkompres hanya berukuran sekitar 19KB. Lisensi Lisensi JQuery adalah open source yang bisa diperoleh secara cuma-cuma, dan dapat digunakan untuk kepentingan komersial, tanpa ada tuntutan untuk membayar kepada pembuat JQuery. Lisensi opensource dari JQuery adalah MIT dan LGPL. Contoh plugin pada jquery : membuat menu drop down. Nuka teks editor lalu ketikan kode progra berikut :

-

Simpan dengan nama menu.css Kemudian new dan ketikan kode program berikut :

-

Simpan dengan nama tugas2.html Kemudian jalankan,dan hasilnya adalah seperti di bawah ini :

Kesimulan Kumpulan kode/fungsi Javascript siap pakai, sehingga mempermudah dan mempercepat kita dalam membuat kode JavaScript. Secara standar, apabila kita membuat kode Javascript, maka di perlukan kode yang cukup panjang, bahkan terkadang sangat sulit dipahami, misalnya fungsi Javascript untuk membuat stripe (warna selang-seling) pada baris suatu tabel. Disinilah peran jQuery sebagai Javascript Library, dimana kita bisa langsung memanggil fungsi yang terdapat dalam Library tersebut. Kesimpulan nya, jQuery menyederhanakan kode Javascript. Hal ini sesuai dengan slogannya 'Write less, do more' cukup tulis sedikit, tapi bisa melakukan banya hal