mobilisasi

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.

 

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.

Training HTML5 #mobilisasi Session 1 Episode 1 (S1E1)

  • Posted on: 2 February 2013
  • By: oon
Suasana Training HTML5 S1E1

Asiikk! Bersyukur akhirnya berhasil dengan sukses mengadakan training perdana pengenalan HTML5 untuk membuat aplikasi mobile.

Suasana training yang udah kayak belajar privat bersama dengan saling menukar bekal makanan ini tergambar seperti lampiran di artikel.

Peserta yang berhasil melalui tahap ini sampai akhir, dan akhirnya pulang dengan aplikasi di perangkat Android masing-masing antara lain:

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

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>

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

Pages