SEKOLAH TINGGI TEKNIK IBNU SINA BATAM

Pemrograman Mobile/ Jquery

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

kunjungi juga
IBNU SINA BATAM