Halo Gans,
Ane mau sedikit sharing ttg Phonegap/Cordova.

Phonegap adalah encapsulator yang mengemas aplikasi berbasis HTML/HTML5, Javascript, CSS agar dapat diinstall pada perangkat Android sebagai native application. Selain sebagai pengemas, Phonegap dengan memanfaatkan library Cordova juga berfungsi sebagai bridge atau jembatan bagi Javascript dapat mengakses fungsi-fungsi internal OS Android seperti GPS, kamera, contacts, compass dan lain-lain.



Platform ini sangat menguntungkan bagi para web developer dikarenakan tidak perlu belajar konsep yang sama sekali baru. Cukup menggunakan skill yang sudah ada ditambah sedikit pemahaman tentang Phonegap/Cordova jadilah kita developer Android

Mari kita mulai !


Instalasi Phonegap
Instalasi Phonegap dilakukan dengan bantuan nodejs. Nodejs akan melakukan download paket-paket yang diperlukan dan melakukan konfigurasi secara otomatis di PC yang kita gunakan. Berikut langkah-langkahnya lebih lengkap

1. Download nodejs dari http://nodejs.org/download/ dan lakukan instalasi
   
2. Buka command prompt nodejs
   
3. Pada command prompt ketik
   Code:

   npm install –g phonegap

   dan tunggu proses sampai selesai.
   
   

Setelah proses instalasi selesai, tibalah saatnya kita buat aplikasi perdana kita yaitu aplikasi Hello Jekardaah! (sekali-kali ganti boleh kan)

Untuk membuat contoh aplikasi Android di Phonegap berikut langkah-langkahnya :
Masih pada command prompt nodejs, ketik :

1. Code:

   phonegap create helloJekardaah

   
   
2. Code:

   cd helloJekardaah

   
   
3. Code:

   phonegap remote build android

   dan masukan username dan password yang terdaftar di http://build.phonegap.com
   
4. Proses akan berjalan seperti gambar dibawah ini
   
   

Langkah-langkah diatas adalah cara melakukan pembuatan project dan build secara remote memanfaatkan fasilitas remote build dari PhoneGap. Cara ini memerlukan akun aktif di website http://build.phonegap.com. Aplikasi yang sudah di-build akan ditampilkan pada halaman akun kita dan siap didownload dan install ke berbagai platform, seperti screenshot dibawah ini



Cara diatas memang cepat dan langsung menghasilkan installer untuk semua platform, namun akan sangat merepotkan apabila setiap kali melakukan perubahan aplikasi harus melakukan upload ke http://build.phonegap.com untuk melihat efek perubahannya. Untuk itu dibutuhkan Android SDK dan Apache Ant agar dapat melakukan build di PC kita.

Instalasi Cordova
Instalasi cordova dilakukan dengan mengetik

npm install -g cordova

.

Instalasi dan Konfigurasi Android SDK

1. Download ADT dari https://developer.android.com/sdk/index.htmldan ekstrak ke folder yang mudah diingat dan diakses, misalkan C:/android
   
2. Download Apache Ant dari http://apache.tradebit.com/pub//ant/...-1.9.2-bin.zip dan ekstrak difolder yang sama dengan folder diatas, agar memudahkan.
   
3. Tambahkan path berikut pada field path di environtment variable agan
   
   • Code:

     C:\path_ke\adt-bundle-windows-x86_64-20130219\sdk\tools

     
     
   • Code:

     C:\path_ke\adt-bundle-windows-x86_64-20130219\sdk\platform-tools

     
     
   • Code:

     C:\path_ke\apache-ant-1.8.4\bin

     
     
   
   

Nah setelah path di environtment variable sudah diset semua, sekarang kita coba untuk melakukan build secara lokal. Ketik

phonegap local build android

jangan lupa, jalankan perintah ini pada folder helloJekardaah, dan hasilnya akan seperti dibawah ini


Nah..kalau sudah keluar message successfully compiled Android app, berarti aplikasi sudah berhasil dibuild dan tinggal melakukan preview untuk melihat bagaimana tampilan dan behavior aplikasi kita di browser,emulator maupun device. Berikut pilihan cara previewnya

1. Preview di browser. Ketik
   Code:

   cordova serve android

   . Metode ini biasanya cocok untuk memeriksa layout yang kita buat menggunakan HTML, CSS. Fungsi-fungsi yang berhubungan dengan device tidak jalan disini
   
2. Preview di emulator. Ketik
   Code:

   cordova emulate android

   . Metode ini cocok digunakan untuk memeriksa layout dan fungsi-fungsi device. Hanya satu kelemahan metode ini. Prosesnya lamaaaaaaaaaaaa... (mungkin ada masukan dari agan-agan bagaimana agar emulator bisa boot secara lebih cepat?)
   
3. Preview di device. Ketik
   Code:

   cordova run android

   . Metode ini sangat cocok digunakan untuk memeriksa aplikasi kita secara keseluruhan dengan proses jauh lebih cepat dibanding menggunakan emulator.
   

OK Gans, sementara ini segitu dulu nanti disambung lagi. Atau kalau ada yang mau nambahin monggooo...

Oya kalo agan ada yang berminat ikut workshop baik hadir dikelas atau secara online, yang membahas lebih jauh mengenai Phonegap/Cordova dikombinasikan dengan JqueryMobile langsung praktek bikin real app, silakan lihat-lihat disini materinya

Learning by Project - Membangun Aplikasi Manajemen Keuangan Personal

Learning by Project - Membangun aplikasi geo tagging