PhoneGap

Get Device Orientation using Accelerometer in PhoneGap

  • Posted on: 4 February 2013
  • By: oon
PhoneGap get Orientation using Accelerometer

Accelerometer di sebuah perangkat mobile akan menampilkan informasi orientasi perangkat pada arah (sumbu) X, Y, dan Z.

Untuk mendapatkan informasi tersebut di PhoneGap, terdapat dua mekanisme: yang pertama untuk mendapatkan acceleration saat ini (hanya mendapatkan satu kali informasi) dan yang kedua untuk secara terus-menerus menampilkan acceleration dari perangkat.

Informasinya ada di http://docs.phonegap.com kemudian cari bagian Accelerometer.

Check Network Connectivity in PhoneGap

  • Posted on: 1 February 2013
  • By: oon
PhoneGap Connection Type

Informasi yang butuh untuk dicek dalam sejumlah kondisi saat aplikasi dijalankan salah satunya adalah konektivitas jaringan.

Pembuatan aplikasinya sangat mirip dengan proses mendapatkan informasi device [1].

Sediakan area tempat menuliskan informasinya di index.html (atau opsi lainnya bisa menggunakan alert())

checking connection

Kemudian siapkan fungsi yang akan mengecek tipe koneksi pada index.js, sekalian pemanggilannya pada saat aplikasi telah siap yakni saat onDeviceReady

Augmented Reality using PhoneGap and Wikitude SDK

  • Posted on: 31 January 2013
  • By: oon
PhoneGap + Wikitude Plugin + Wikitude SDK

Punya ketertarikan dengan teknologi Augmented Reality? Nah, berarti sama dengan penulis, salah satu ketertarikan di bidang aplikasi mobile yang punya keterhubungan dengan Augmented Reality.

Setelah dipelajari dari sejumlah platform yang ada, ternyata ada hal yang sangat menarik bahwa Augmented Reality juga bisa dihasilkan dari teknologi HTML5 (maksudnya pure HMTL, CSS & JavaScript).

Nah, pada artikel ini masih belum sepenuhnya dilakukan eksplorasi, jadi masih tahap membaca dan mencoba beberapa tahap saja, dimulai dari situs permulaan:

Using Leaflet.js to show OpenStreetmap in PhoneGap Application

  • Posted on: 30 January 2013
  • By: oon
Leaflet.js in PhoneGap Application

Dari artikel sebelumnya tentang Geolocation [1] dan menampilkan Google Static Maps [2], kali ini dilengkapi dengan menampilkan Peta OpenStreetMap dengan menggunakan Leaflet.js [3].

Untuk percobaan awal tidak perlu mendownload dan memasukkan leaflet.js ke dalam project PhoneGap, tetapi dilakukan load online dari cdn.leafletjs.com.

Pada file index.html tambahkan beberapa baris berikut ini pada bagian <head>

Learn PhoneGap by Sample: Wikipedia App

  • Posted on: 29 January 2013
  • By: oon
PhoneGap Wikipedia Application

Tak ada yang mengalahkan mudahnya belajar mandiri dengan contoh aplikasi. Aplikasi Wikipedia adalah salah satu aplikasi Open Source yang dibangun menggunakan PhoneGap, tampilannya menarik dan fiturnya pun cukup lengkap untuk digunakan sebagai bahan belajar. Aplikasi ini bisa langsung didownload dari Google Play Store.

https://play.google.com/store/apps/details?id=org.wikipedia

Show Static Map Location in PhoneGap

  • Posted on: 28 January 2013
  • By: oon
Google Static Maps in PhoneGap

Setidaknya ada dua mekanisme dalam menampilkan lokasi di peta Google:

  1. Menggunakan static map, sehingga peta hanya akan tampil sebagai gambar [1]
  2. Menggunakan Google Maps JavaScript API [2]

Dalam artikel ini akan dibahas menampilkan peta static dengan menggunakan PhoneGap. Intinya adalah membuat sebuah image dengan src berupa alamat berikut

Working with Geolocation in PhoneGap

  • Posted on: 27 January 2013
  • By: oon
PhoneGap Geolocation

[UPDATE] untuk Android 4.0.3 ke atas, gunakan tambahan opsi pada pemanggilan getCurrentPosition()


navigator.geolocation.getCurrentPosition(onSuccess, onError,
{frequency:5000, maximumAge: 0, timeout: 10000, enableHighAccuracy:false});

Penulis punya ketertarikan yang sangat besar dengan Location Based-Service/Geolocation/Maps.

Jadi tentu saja pembahasan yang tidak terlewatkan adalah bagaimana menggunakan teknologi Geolocation di PhoneGap.

Pages