PENGENALAN
PROGRAM
Pada awal perkembangan komputer, orang meng-asumsikan bahwa
komputer adalah mesin pintar dan ajaib yang dapat menyelesaikan masalah apa
saja. Asumsi tersebut tidak seluruhnya benar, karene komputer tidak begitu saja
dapat menyelesaikan setiap permasalahan yang “diberikan” padanya. Orang
harus merumuskan langkah-langkah penyelesaian masalah itu dalam suatu runtunan
instruksi dan komputer akan melaksanakan runtunan instruksi tersebut.
Kumpulan
atau runtunan instruksi untuk penyelesaian suatu masalah tersebut, dinamakan
dengan PROGRAM.
Agar
program yang kita berikan dapat dimengerti komputer maka kita harus memberikan
program tersebut dengan bahasa yang dimengerti oleh komputer. Bahasa
komputer yang digunakan untuk menulis program yang dapat dimengerti
komputer, disebut dengan BAHASA PEMROGRAMAN.
jQuery
JQuery adalah pustaka JavaScript yang cepat, ringan dan kaya fitur. Dengan
adanya jQuery halaman HTML dapat dimanipulasi, diberikan event, animasi, dan
AJAX yang jauh lebih sederhana dengan API yang mudah digunakan yang bekerja di
banyak browser. Dengan kombinasinya yang fleksibel, jQuery telah mengubah cara
bahwa jutaan orang menulis JavaScript. (Khansa, 2013). Sudah banyak
plugin-plugin yang dibuat dari jQuery untuk mempermudah pembuat aplikasi. Salah
satunya adalah Jquery Page-Flip Plugin, yaitu plugin jQuery yang dapat
memanipulasi dalam sehingga terlihat seperti buku yang dapat dibalik.
jQuery Mobile
jQuery Mobile adalah proyek pencabangan dari jQuery yang mulai dipisahkan
menjadi proyek independen mulai tanggal 11 Agustus 2010. Tujuannya adalah
menggunakan jQuery untuk perangkat mobile. jQuery telah lama menjadi library
JavaScript yang populer untuk menciptakan website interaktif yang kaya serta
bisa dipakai juga untuk aplikasi web. Namun, karena dirancang untuk browser
desktop, jQuery tidak memiliki banyak fitur yang khusus dirancang untuk
membangun aplikasi web mobile.
jQuery Mobile adalah proyek baru yang ditujukan untuk mengatasi kekurangan ini.
jQuery Mobile adalah framework yang dibangun di atas jQuery, yang menyediakan
berbagai elemen user-interface dan fitur-fitur untuk digunakan pada aplikasi
mobile. jQuery Mobile merupakan framework JavaScript, layaknya jQuery pada desktop,
namun khusus ditargetkan untuk piranti mobile seperti iPad, iPhone, Blackberry,
Symbian, Android, dan piranti lainnya. Dengan menggunakan jQuery Mobile, kita
bisa membuat aplikasi web yang multi platform, tidak tergantung pada piranti
keras tertentu. Dengan kode yang sama, aplikasi web kita bisa jalan dihampir
semua piranti mobile yang populer saat ini. Framework ini juga telah mendukung
penggunaan layar sentuh, sehingga aplikasi kita bisa mengoptimalkan piranti
yang ada (W. Edy dan Z. Ali, 2012:1).
SEJARAH JQUERY
Pertama kali dibuat oleh John Resig pada tahun 2005, JQuery
sendiri pertama kali dirilis tanggal 14 Januari 2006. Dan versi terbaru dari
JQuery telah sampai versi 1.3.2. Terinspirasi dari Behavior code. Saat itu,
John Resig merasa hasil dari Behavior Code tidak elegan dan masih kurang, maka
dikembangkannya JQuery. Dimana dengan penulisan code JQuery menjadi lebih mudah
dan tentunya dengan hasil yang memuaskan. JQuery adalah library
JavaScript.
Library Jquery
HTML, CSS dan Javascript. Library jQuery mempunyai kemampuan :
1.Kemudahan mengakses elemen-elemen HTML
2.Memanipulasi elemen HTML
3.Memanipulasi CSS
4.Penanganan event HTML
5.Efek-efek javascript dan animasi
6.Modifikasi HTML DOM
7.AJAX
Sintaks Jquery
1. Sintaks Jquery
Sintaks jquery biasanya dibuat untuk memilih elemen-elemen HTML
dan melakukan aksi terhadap elemen yang dipilih.
2. Jquery Selector
Selector memungkinkan untuk memanipulasi elemen HTML sebagai
kelompok atau sebagai elemen tunggal
3. Jquery Attribute Selectors
jQuery mirip XPath dalam hal memilih elemen berdasarkan atribut
yang ada
Efek -Efek Jquery
Salah satu kemampuan jQuery adalah adanya fungsi-fungsi efek yang
siap pakai, biasanya untuk membuat efek memudar di javascript.
1.jQuery show
2.jQuery hide
3.jQuery toggle
4.jQuery slideDown
5.jQuery slideUp
6.jQuery slideToggle
7.jQuery fadeIn
8.jQuery fadeOut
9.jQuery animate
10.jQuery fadeTo
JQuery banyak digunakan dalam perancangan aplikasi berbasis web
terutama untuk mempercantik tampilan dan juga membuat website menjadi lebih
atraktif. Berikut akan dijelaskan beberapa kegunaan dari jQuery :
1. Mengakses bagian halaman website dengan mudah
2. Merespon interaksi user dalam halaman
3. Menambahkan animasi ke halaman
4. Mengubah isi dari halaman
5. Mengambil informasi di server tanpa harus merefresh
halaman web
6. Mengubah bagian halaman tertentu
7. Menyederhanakan penulisan Javascript biasa
Fungsi Jquery
1. Add
Fungsi add() digunakan untuk menambahklan elmen berupa text, tag
html ke dalam sebuah content (tag html = input, textarea, div dll).
2. Append
Fungsi append() digunakan untuk menambahkan suatu elment
berupa text, html dll hampir sama dengan fungsi add.
3. Attr
Fungsi attr() digunakan untuk mengubah suatu nilai pada attribut
html seperti attribut dalam tag html seperti nilai value, class, id, title ini
bisa diubah nilainya mengunakan fungsi ini.
4. AddClass
Fungsi .addClass() digunakan untuk menambahkan nilai class
pada attribut html.
5. Find
Fungsi .find() digunakan untuk mencari suatu attribut dalam
html seperti elmen html (div, form, input dll), attribut html (title, class, id
dll)
6. Each
Fungsi .each() digunakan untuk mencari / memangil suatu
elemen html
Implementasi Jquery
Kemudahan
atau banyaknya
pengguna menggunakan framework javascript ini adalah
karena banyaknya plugin aplikasi yang siap jadi atau siap digunakan. Plugin
adalah semacam fungsi atau fitur tambahan yang digabungkan ke dalam sebuah
JQuery mempercepat atau memudahkan dalam pembangunan sebuah website. beberapa
plugin jquery yang sering digunakan oleh beberapa web developer dalam membuat
atau membangun sebuah website, diantaranya:
1. Drop-Down-Menu
2. Tool-Tips
3. Validasi-Form
4. jQuery-Cycle-Plugin
5. Teks-Berjalan
Kelebihan Jquery
Menyederhanakan
penggunaan javascript, karena kita cukup menggunakan fungsi dari library
javascript yang telah ada. Termasuk mempercepat coding javascript dalam sebuah
website. Dibandingkan kita harus mulai sebuah script javascript dari nol.
1. Fungsi-fungsi yang disediakan didokumentasikan dengan baik beserta contoh
penggunaannya
2. Support terhadap CSS1-3 selector, untuk fleksibilitas desain antar muka
halaman website dan interaksinya.
3. Website yang dibangun dengan jquery akan lebih interaktif dan menarik.
Kekurangan Jquery
1. Meskipun diklaim jquery memiliki beban kerja
yang ringan (load CPU dan RAM) untuk browser, tetap saja lebih ringan (cepat
di-load) website yang tidak menggunakan jquery, alias HTML murni.
2. Dari sisi server hosting pun membebani
server. Solusi: host jquery pada situs lain, seperti Google yang menyediakan
request jquery dari servernya., CPU dan RAM harus mengalokasikan resource yang
mereka miliki untuk menangani request terhadap jquery. Pada level tertentu
request yang sangat banyak (sangat-sangat banyak) akan
Nama : M . Ropianto, M.kom
NIDN : 102867804
Status : Dosen Tetap YAPISTA / STT Ibnu Sina
Pengampuh Matakuliah
: Pemrograman Mobile
Phone : +62778 425391