Instalasi Phonegap + Cordova (Seri Membangun Aplikasi Mobile dengan HTML & Javascript – Bagian 1)

Untuk menjalankan cordova dan phonegap terlebih dahulu harus menginstal nodejs. Dowload file nodejs di alamat http://nodejs.org. Langkah berikutnya untuk memulai pekerjaan adalah menentukan folder kerja. Dalam contoh ini folder kerja beralamat di drive D:\phonegap\cordova
Jalankan Command Prompt (windows) atau Console/Terminal (linux). Masuk ke folder kerja dengan perintah cd.

1

Dari folder kerja diatas (D:\phonegap\cordova) jalankan perintah CLI sebagai berikut :
– Menginstal Cordova dan Phonegap
C:\> npm install -g cordova
C:\> npm install -g phonegap
– Membuat project baru dengan nama project: Hello, dengan mengetikkan perintah:
C:\> phonegap create hello com.example.hello HelloWorld
– Masuk ke folder kerja hello :
C:\> cd hello
– Menambahkan platform android
C:\> cordova platform add android

 

Berikutnya adalah membuka folder kerja melalui windows explorer. Tampak didalam folder kerja cordova berisikan folder hello yang merupakan nama project yang telah dibuat . Didalam folder hello telah terisi file bawaan dari phonegap dan cordova sehingga kita dapat memulai membangun aplikasi.

3

Pengetahuan yang harus dimiliki untuk memulai membuat aplikasi android menggunakan phonegap dan cordova ini adalah HTML dan Javascript. Library Cordova mempunyai fungsi untuk menjembatani aplikasi yang dibuat menggunakan HTML dengan fungsi-fungsi hardware perangkat smartphone seperti sensor accelerometer, camera, compass, geolocation, dan sebagainya. Untuk menjembataninya diperlukan sedikit pemahaman tentang pemrograman Javascript. File utama yang harus diedit adalah file index.html didalam folder www.

2

Langkah berikutnya adalah menambahkan file library cordova.js kedalam folder kerja hello/www. Untuk mendapatkan file cordova.js adalah dengan masuk ke folder hello/platforms/android/platform_www.

4

Salinlah file cordova.js kedalam folder kerja cordova/hello sebagai berikut.

5

Sampai pada langkah ini, selamat proses instalasi/konfigurasi phonegap dan cordova telah selesai.

Facebook Comments

Leave a Reply

Your email address will not be published. Required fields are marked *