Cara Install dan Menggunakan PhoneGap

PhoneGap adalah sebuah framework open source yang digunakan untuk membangun aplikasi mobile cross-platform menggunakan HTML5, Javascript dan CSS.

Membangun aplikasi untuk setiap perangkat seperti iPhone, Android, Windows Mobile dan yang lainnya tentu membutuhkan framework dan bahasa pemrograman yang berbeda.

PhoneGap mencoba untuk memecahkan ini dengan menggunakan standar berbasis teknologi web (HTML,CSS,Javascript) untuk menjembatani aplikasi web dan perangkat mobile. Dengan phonegap developer web dapat mengembangkan aplikasi mobile tanpa harus mempelajari bahasa pemrograman pada setiap platform mobile.

Pada tulisan ini akan dijelaskan mengenai bagaimana melakukan instalasi PhoneGap dan contoh penggunaannya.

Instalasi PhoneGap

Tahap awal yang dilakukan adalah melakukan instalasi PhoneGap. Cara yang dapat dilakukan adalah dengan menggunakan perintah npm. Jika belum tersedia perintah npm pada komputer maka silahkan baca artikel Install Node.js dan NPM Pada Windows.

C:> npm install -g phonegap
Proses Instalasi PhoneGap
Proses Instalasi PhoneGap

Setelah proses instalasi selesai maka langkah selanjutnya adalah membuat area kerja.

  1. Pilih direktori yang akan digunakan untuk membuat aplikasi mobile dengan  PhoneGap
  2. Kemudian ketikan “phonegap create my-app”
  3. Masuk kedalam direktori yang telah dibuat oleh PhoneGap dengan mengetikkan “cd my-app”

Contoh proses dapat terlihat seperti gambar berikut ini :

Membuat Area Kerja Aplikasi
Membuat Area Kerja Aplikasi

Terlihat pada gambar PhoneGap telah membuatkan struktur direktori untuk area kerja pembuatan aplikasi. Direktori “www” merupakan letak file HTML, CSS dan Javascript untuk keperluan membangun aplikasi.

Menguji Aplikasi Pada Browser

Setelah melakukan pemrograman maka hal selanjutnya adalah menguji program atau aplikasi. Hal yang dilakukan adalah menjalankan server lokal PhoneGap dengan cara mengetikkan “phonegap serve”. Proses dapat terlihat pada gambar berikut ini:

Menjalankan Server Lokal PhoneGap
Menjalankan Server Lokal PhoneGap

Kemudian buka browser dan ketikkan pada URL : http://localhost:3000

Phonegap Pada Browser
Phonegap Pada Browser

Untuk melakukan uji coba pada smartphone maka diperlukan instalasi aplikasi PhoneGap Developer. Setelah instalasi selesai buka aplikasi sehngga terlihat seperti gambar berikut ini:

Aplikasi PhoneGap Developer Pada Smartphone
Aplikasi PhoneGap Developer Pada Smartphone

Masukkan IP Address komputer yang terdapat server lokal PhoneGab kemudian tekan tombol Connect maka ada terjadi proses donwload dan extract, setelah itu aplikasi akan tampak seperti gambar berikut ini:

Aplikasi Pada Smartphone
Aplikasi Pada Smartphone

Tahap awal membuat aplikasi mobile dengan PhoneGap sudah dilewati, tahap selanjutnya adalah melakukan kompilasi aplikasi yang siap install pada smartphone atau tablet.

Selanjutnya baca Kompilasi Aplikasi PhoneGap Menjadi .apk

1 Trackbacks & Pingbacks

  1. Kompilasi Aplikasi PhoneGap Menjadi .apk | Onestring Lab

Leave a Reply

Your email address will not be published.


*


Block AdBlock - Powered by Admiral