Jumat, 07 November 2014

Data Attribute pada JQuery Mobile




Definisi JQuery Mobile

          JQuery Mobile adalah framework berbasis jQuery yang memudahkan kita untuk membuat web app berbasis touch untuk mobile platform.  Selain jQuery mobile sebenarnya ada framework lain yang dapat digunakan seperti Sencha,  jTouch, DHTMLX Touch, Jo dan lainnya.

Data Attribute JQuery Mobile dapat berupa :
1.     Tombol
Tombol bisa digunakan untuk membuat variasi. misalnya alamat link berupa sebuah tombol.

2.     CheckBox
Checkbox sama dengan radio button, perbedaannya hanya terletak pada bentuknya dan metode pemilihan.Checkbox dapat disusun secara vertikal ataupun horizontal.

3.     Dynamic Collapsible
Demo ini menunjukkan bagaimana kita dapat secara dinamis menambahkan dilipat untuk satu set lipatan (akordeon).  

4.     Halaman & Dialog
Sebuah halaman di jQuery Mobile terdiri dari elemen dengan data-role = “halaman” atribut.

5.    Header & Footer
Halaman atas dan halaman bawah

6.     Dynamic ControlGroup
Perubahan controlgroup secara dinamis.

7.     Toggle Switch
Pilih dengan data dan dua option elemen

9.     Link
Sebuah acuan dalam dokumen ke dokumen lainnya.

10.    ListViews
Berupa daftar data

11.    NavBar
Sebuah vasilitas berbentuk frame yang berisi beberapa menu.

12.    Halaman
Sebuah halaman di jQuery Handphone terdiri dari elemen dengan data-role = “halaman” atribut.

13.    Tombol Radio
 
14.    Pilihan Menu
Merupakan vasilitas dari elemen-elemen.

15.    Tool Bar
Baris yang memuat sekumpulan icon

Untuk penjelasan lebih lengkap silahkan  Download Atribut-Data-okta.docx.com

Dosen pengampuh :
Nama          :  M. Ropianto
NIDN          : 102867804  
Status          : Dosen Tetap YAPISTA / STT Ibnu Sina  
Pengampuh Matakuliah : Praktikum Pemograman Mobile

6 komentar:

  1. terima kasih, artikelnya sangat bermanfaat. :)

    BalasHapus
  2. Mantap, informasinya ditunggu informasi berikutnya ya..

    BalasHapus
  3. Mantap informasinya, good luck ya

    BalasHapus
  4. Komentar ini telah dihapus oleh pengarang.

    BalasHapus
  5. Mantrap cuy....
    Semoga sukses sllu dan ilmu yg kita peroleh semoga bisa berkembang lebih baik dan bermanfaat...

    BalasHapus
  6. Pembahasan yang bermanfaat.mampir ya ke blog saya guswaraeka.blogspot.com

    BalasHapus