PhoneGap

Persistent Data in PhoneGap using LocalStorage

  • Posted on: 18 February 2013
  • By: oon

Ingin menyimpan data yang bersifat persistent di device mobile? Meski device dilakukan restart pada device data tetap tersimpan hingga aplikasi dihapus atau data dihapus secara manual dari aplikasi?

Dalam HTML5 dikenal webstorage yang menyimpan persistent data dalam format pasangan key-value [1].

Implementasi dalam PhoneGap menggunakan LocalStorage yang ada dalam section Storage di http://docs.phonegap.com
Implementasi pada BlackBerry mensyaratkan OS 6 atau yang lebih baru.

Open URL with InAppBrowser in PhoneGap

  • Posted on: 17 February 2013
  • By: oon
InAppBrowser in PhoneGap

Kadang di dalam aplikasi kita butuh membuka sebuah situs di Internet, tapi tidak perlu beralih ke aplikasi Browser, cukup dilakukan dengan InAppBrowser.

Termasuk saat melakukan proses di InAppBrowser kita bisa mendapatkan informasi events misalnya saat InAppBrowser start load, stop load, maupung saat InAppBrowser ditutup.

Contoh sederhana kita kali ini adalah sebuah button yang punya action untuk membuka situs http://oo.or.id di dalam aplikasi sample dari PhoneGap.

Pengubahan pada index.html

Using Valentine related (custom) Fonts in PhoneGap

  • Posted on: 14 February 2013
  • By: oon
Valentine (custom) Font in PhoneGap

Kadang kita butuh untuk menggunakan font yang spesifik di sebuah aplikasi mobile, contohnya untuk moment Valentine kita akan membuat sebuah aplikasi berbasis PhoneGap yang menggunakan font Heartland & LoveLetters.

Untuk melakukan customization font, kita butuh untuk mendaftarkan/membuat font-face agar dikenali sebagai style atau CSS.

Misalnya kita membuat sebuah file acustomfont.css dalam direktori www/css

PhoneGap Emulation Powered by Ripple

  • Posted on: 12 February 2013
  • By: oon
PhoneGap Emulation powered by Ripple

PhoneGap emulation powered by Ripple can be installed as a Chrome (browser) extension.

Ripple UI is a cross-platform, mobile web application emulation environment.

https://github.com/blackberry/Ripple-UI

All source code (Excluding third party libraries) are subject to: Copyright (c) 2011 Research In Motion Limited.

Learn PhoneGap by Sample: Walkable Restaurants

  • Posted on: 10 February 2013
  • By: oon
Walkable Restaurant PhoneGap Android

Berawal PhoneGap yang bersifat Open Source memicu maraknya aplikasi berbasis PhoneGap yang juga dibuat dengan lisensi Open Source. Salah satunya yang dibuat oleh Andrew Trice, seorang Technical Evangelist di Adobe Systems, membuat sebuah aplikasi Walkable Restaurants (atau sederhananya disebut Walkable saja) dengan sejumlah dukungan software Open Source [1].

Working with Camera in PhoneGap

  • Posted on: 7 February 2013
  • By: oon
PhoneGap App with Camera & Photo Library

Sejak aplikasi semacam Instagram menjadi tren, makin banyak aplikasi yang menggunakan fungsi kamera sebagai fungsi pokoknya.

Cara mengakses fitur kamera di PhoneGap sangat mudah, referensi utama ada di http://docs.phonegap.com kemudian pilih tautan Camera.

Implementasi pada Android membutuhkan sejumlah update Permissions antara lain:


file: /res/xml/config.xml

Didn't Receive deviceready Event in PhoneGap? Maybe Caused by Script Problem

  • Posted on: 6 February 2013
  • By: oon

Belajar dari peserta training #mobilisasi bahwa ada cara mudah untuk mengetahui bahwa script yang kita gunakan di PhoneGap mengalami kesalahan, misalnya syntax error, parse error, dls.

Jika pada saat aplikasi di deploy ke device/emulator, kemudian statusnya hanya "Connecting to Device" dan belum/tidak berganti ke status "Device is Ready", maka tidak perlu dilanjutkan untuk melakukan testing aplikasi, karena ada problem pada script yang digunakan tersebut.

 

Pages