jQuery Mobile

Bima Aguastian WP
Gery Roby Agusta
M Luthfan Shidiqie
Royan Permana Rivaldi

Pengenalan jQuery

jQuery adalah pustaka yang dibuat dengan menggunakan JavaScript.

Pustaka yang disediakan membuat program Javascript lebih cepat di
dalam menuangkan kode untuk menyelesaikan berbagai permasalahan.
Berbagai hal yang jika dikodekan dengan hanya menggunakan
JavaScript menjadi sangat panjang, dapat dibuat menjadi jauh lebih
ringkas dengan menggunakan jQuery.

Sebagai gambaran, terdapat perintah JavaScript seperti berikut :

var elemen = document.getElementById(info);

Dengan menggunakan jQuery, perintah yang diperlukan berupa :

var elemen = $(#info)

Pengenalan jQuery

Selain dapat meringkas penulisan kode, jQuery juga memberi solusi

dalam hal isu kompatibilitas browser. Di JavaSript, kadang suatu kude
yang ditulis untuk suatu browser berbeda dengan browser lain karena
ada perbedaan fitur di browser. jQuery menghilangkan kesenjangan
seperti itu sehingga penulisan kode menjadi lebih sederhana.

Pengertian Mobile

Kata mobile itu sendiri bisa diartikan dengan bergerak. Komunikasi

mobile artinya siapa saja bisa berkomunikasi kapan pun dan dimanapun
dengan jaringan komunikasi yang selalu ada dan seolah-olah ikut
bergerak bersama pemakainya kemanapun. Jaringan komunikasi
mobile ini hanya bisa dilakukan dengan didukung oleh perangkat
komunikasi mobile, yaitu handphone, smartphone yang kini sudah
merupakan kebutuhan utama masyarakat dalam komunikasi.

Pengertian Jquery Mobile

Jquery Mobile adalah web framework yang dioptimalkan untuk

perangkat-perangkat layar sentuh(touch -optimized). Sebagai library.
Tujuan Pengembangannya adalah berfokus pada pembuatan framework
yang kompatibel dengan beraneka ragam perangkat smartphone dan
tablet.

Kegunaan Jquery Mobile

Jquery mobile memudahkan pengembangan user interface untuk mobile

web apps

The interface configuration is marup-driven,yang berarti anda dapat

membuat seluruh aplikasi antarmuka dasar HTML, tanpa perlu menulis
satu baris javascript.

Menyediakan serangkaian custom events baru,mendeteksi events

mobile device dan touchscreen seperti tap,tap-and-hold,swipe,and
orientation change( i.e. rotating the device).

Memastikan bahwa user interface bekerja pada web browser.

Menggunakan theme untuk memudahkan costumized tampilan aplikasi

anda.

Manfaat Jquery Mobile

Membuat pengguna javascript lebih sederhana karena cukup memakai fungsi

dari library javascript yang tersedia.

Meringkas kode javascript dalam membuat sebuah website,jika dibandingkan

apabila harus memulai sebuah javascript mulai dari awal.

Untuk setiap fungsi yang disediakan di dokumentasi dengan sistematis

bersama
contoh
penggunaannya,Hal
ini
mempermudahkan
dalam
mempelajari jquery.

Dapat menambahkan animasi kedalam website.

Mendukung CSS-3selector,yang membuat website

halaman depan website dengan interaksinya.

Umumnya website yang dibuat

cantik,menarik dan interaktif.

menggunakan

lebih
jquery

flexible

antar

menjadi

lebih

Kelebihan Jquery Mobile

Dokumentasi yang lebih baik

Mendesain Template dengan ThemeRoller

Fitur-fitur Terbaik

JqueryMobile Maps

Kekurangan Jquery Mobile

kelemahan dari jquerymobile ini terletak pada device gadget yang tidak
universal, karena jquerymobile memang dirancang untuk mobile web
bagi perangkat yang memiliki layar sentuh.

Tidak tepat untuk mendesain web yang berbasis desktop.

Header

Header adalah bagian atas dari sebuah website. Biasanya berisi nama
situs, logo dan deskripsinya. Header berfungsi untuk menampilkan
identitas utama dari sebuah situs.
Contoh Header :

Footer

Footer adalah bagian dasar atau paling bawah dari sebuah website.
Fungsi utamanya adalah sebagai kaki dan berisi informasi hak cipta,
kepemilikan, link tambahan, sumber daya, sponsor dan kredit sebuah
website. Namun, kadang-kadang footer juga bisa dijadikan sebagai
tempat untuk menampilkan widget.
Contoh Footer :

ListView

ListView adalah user interface pada Android yang menampilkan itemitem dari sekumpulan daftar yang tersusun berbaris ke bawah atau ke
samping dengan tampilan yang dapatscroll. ListView menampilkan
item-item dari suatu Array atau List atau Query Database yang dijadikan
data model sebagai item dari ListView

Button

Button adalah tombol yang digunakan sebagai pemicu untuk

menjalankan sebuah event, misalnya menjumlahkan, menerjemahkan,
memasukkan, menghapus input dan lain-lain.

Panel

Panel di jQuery Mobile memiliki efek slideout dari kiri ataupun kanan.
Jika sebuah tombol diklik maka panel akan menggeser halaman
tersebut.