Membuat Aplikasi Mobile Android menggunakan Sencha Touch dan Apache Cordova Part 1

Pada tulisan ini saya akan menjelaskan proses untuk membuat aplikasi mobile berbasis Android menggunakan Sencha Touch 2.4 dan Apache Cordova.

Apache Cordova atau Phonegap ?

Beberapa waktu yang lalu ada seorang kawan yang menanyakan perbedaan antara Cordova dan Phonegap. Jadi pada awal nya Cordova dan  Phonegap merupakan satu produk yang sama yang berfungsi untuk membantu developer untuk membuat mobile app (Android/iOS) menggunakan teknologi web seperti HTML, Javascript dan CSS. Apache Cordova/Phonegap menyediakan device API yang memudahkan developer untuk mengakses fungsi-fungsi native device seperti Kamera, GPS, Akselerometer dan lain-lain dari Javascript.  Phonegap di kembangkan oleh Nitobi dan kemudian pada tahun 2011 dibeli oleh Adobe semenjak itu pula ada versi open source dari Phonegap yang diberi nama Cordova, sedangkan Adobe juga mengembangkan Phonegap Build sebagai layanan berbasis service untuk membangun (packaging)  mobile app di Cloud.

Link Apache Cordova | Dokumentasi API

Prasyarat Pengembangan :

1. Install NodeJS

2. Install Java SDK

3. Install Ruby

4. Install Compass

5. Download dan Install Android SDK

6. Download Ant, lalu setup path ANT_HOME

7. Download dan Install Sencha CMD

8. Download Sencha Touch terbaru.

9. Install Cordova setelah menginstall NodeJS

npm install -g cordova

 

Starting Point: Basic Sencha Touch App

1. Setelah Sencha touch berhasil di download lalu di extract, misal :

C:\wamp\www\touch-2.4.1

2. Masuk ke folder diatas lalu lewat console/command prompt ketikkan perintah sencha cmd untuk generate project sencha :

 sencha generate app TestingApp ..\TestingApp

CaptureSenchaGenerateApp

 

 

 

 

perintah diatas artinya kita membuat project mobile baru bernama TestingApp, akan muncul folder baru

 C:\wamp\www\TestingApp

 

Continue reading Membuat Aplikasi Mobile Android menggunakan Sencha Touch dan Apache Cordova Part 1

Infographic: Mobile Apps and Customer Engagement

Actually this infographic was an old data from www.clickfox.com , I got this infographic from readwriteweb article on November 2011 but I think this data still relevant until now. I’m using this infographic usually for convincing my client to build mobile apps for their company and  also I believe a picture tells a thousand words :)