Blog buat di baca lagi nanti. Namanya juga manusia, takut lupa
31 July, 2013
Tutorial Phonegap + SQLite + Jquery Mobile FLat UI
Posted by
Unknown
at
01:39
Labels:
Android
,
Jquery Mobile FLat UI
,
Phonegap
,
SQLite
,
tips and trik
Untuk membuat aplikasi Android berbasis HTML5 menggunakan Phonegap
yang berisi konten-konten informasi, alangkah baiknya kita menggunakan
engine database SQLite. Meskipun kita bisa menuliskan secara langsung
data / teks / informasi secara inline, tapi akan lebih terstruktur jika
menggunakan sebuah database.
Berikut adalah beberapa keuntungannya :
Berikut adalah beberapa library yang akan kita embed ke dalam aplikasi ini:
- Data lebih terstruktur
- Kode lebih ringkas dibanding menulis informasi langsung ke dalam syntax HTML
- Data bisa dipakai ulang
- Informasi dapat diupdate dengan mudah
Berikut adalah beberapa library yang akan kita embed ke dalam aplikasi ini:
1. Dengan memanfaatkan MDS Applaud kita akan dapat membuat project
dengan cukup ringkas dan mudah. Silahkan ikuti tutorial cara instalasi
dan pemasangan MDS Applaud di Eclipse jika pembaca belum mengetahui cara
instalasinya. Plugin ini sangat mempermudah kita membuat project
berbasis Phonegap.
Berikut adalah informasi project aplikasi kita kali ini:
Pada gambar di atas, bisa Anda lihat saya telah menempatkan seluruh aset library Jquery Mobile yang terdiri dari file javascript dan css.
3. Kemudian kita berlanjut ke koding utama pemrograman Sqlite dengan menaruhnya ke dalam file index.html. Setelah semua file library Anda include-kan ke dalam index.html, selanjutnya Anda bisa membuat script sebagai berikut :
Pada kode di atas, saya membuat 5 fungsi utama yang terangkum dalam fungsi init(), dimana fungsi-fungsi tersebuat adalah :
Silahkan dicoba dijalankan ke android simulator atau device. Semoga berhasil. Saya juga telah menyertakan source code tutorial ini yang dapat Anda gunakan dan implementasikan untuk belajar maupun proyek sebenarnya.
Selamat Mencoba :)
reference:
http://mkhuda.com/android/aplikasi-android-phonegap-dengan-database-sqlite/
- Nama Aplikasi : Phonegap with SQLite
- Target / Build Target : Android 2.1 (minimal)
- Package Name : com.mkhuda.phonegapsqlite (opsional/bisa dirubah)
- Konfigurasi : Minimal Phonegap Project
- Versi : Phonegap 1.9.0 (Rekomendasi MDS)
2. Setelah project berhasil dibuat, silahkan edit AndroidManifest.xml dengan menghapus sintaks xLargeScreen agar kesalahan pada kode hilang dan aplikasi dapat berjalan. Kemudian upload file library yang dibutuhkan kedalam folder assets/www/[folder_anda] yang bisa Anda buat, semisal saya membuat folder bernama JQM. Lihat gambar berikut :
Pada gambar di atas, bisa Anda lihat saya telah menempatkan seluruh aset library Jquery Mobile yang terdiri dari file javascript dan css.
3. Kemudian kita berlanjut ke koding utama pemrograman Sqlite dengan menaruhnya ke dalam file index.html. Setelah semua file library Anda include-kan ke dalam index.html, selanjutnya Anda bisa membuat script sebagai berikut :
Pada kode di atas, saya membuat 5 fungsi utama yang terangkum dalam fungsi init(), dimana fungsi-fungsi tersebuat adalah :
- onDeviceReady(); membuat database baru
- populateDB(); memasukkan tabel data ke dalam database yang telah dibuat
- errorCB(); notifikasi jika terjadi error pada eksekusi database
- successCB(); Melakukan select database jika eksekusi database berhasil
- querySuccess(); melakukan query database ke dalam bentuk list jquery mobile
Silahkan dicoba dijalankan ke android simulator atau device. Semoga berhasil. Saya juga telah menyertakan source code tutorial ini yang dapat Anda gunakan dan implementasikan untuk belajar maupun proyek sebenarnya.
Selamat Mencoba :)
reference:
http://mkhuda.com/android/aplikasi-android-phonegap-dengan-database-sqlite/
Subscribe to:
Post Comments
(
Atom
)
Search This Blog
Like us on facebook
Popular Posts
-
1. Udah Root--> masuk mobile uncle 2. Masuk Enginering Mode 3. Pilih Enginering Mode (MTK) 4. Pilih Tab connectifity 5. Pilih CD...
-
Berikut Ane Jelaskan Secara Singkat Yah... 1. proses root HH: install framaroot 2. jalanin framaroot, lalu tap di boromir (liat spoi...
-
PERALATAN PERANG -SPFLASHTOOL : Klik Disini -ROM HIMAX POLYMER Li : Klik DIsini -USB DRIVER MT6589 : Klik Disini -Kesabaran, semangat, ...
-
Bahan: klik disini Tutorial: 1. Baca ini dolo.. (Thank's gan wisnu) TUTORIAL FLASH STOCK ROM 2. Kebetulan Ane test saat HH a...
© Hasan Fathy 2013 . Powered by Bootstrap , Blogger templates and RWD Testing Tool
No comments :
Post a Comment