Mobile Chat Client (Application or Mobile Site) for XMPP

  • Posted on: 3 February 2013
  • By: oon
XMPP was originally named Jabber

Di tengah banyaknya aplikasi chat client yang digunakan oleh orang Indonesia, kemudian penulis ingin membuat sebuah catatan tentang resource di Internet yang berhubungan dengan Open Source chat protocol yakni XMPP untuk platform mobile baik itu aplikasi maupun situs mobile.

Kenapa XMPP? Jawabnya ada di [1].

Software library untuk XMPP? daftar lengkapnya di situs XMPP [2]

Secure Instant Messaging? Coba cek Gibberbot [3] [4]

PhoneGap-Android xmpp.js [5]

Web-based notification tool with XMPP [6]

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

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

Pages