Persiapan Project Membuat Phonegap

Untuk membuat aplikasi androidhybrid dengan PhoneGap diperlukan software-sofware pendukung sebagai berikut :

1.  Java JDK 1.7
2. Eclipse Luna
3.  Android SDK 23.04
4.  ADT Plugin 23.04
5. PhoneGap 2.9.0

Untuk mempersiapkan project aplikasi yang akan dibuat dibutuhkan langkah-langkah persiapan project. Persiapan project ini dilakukan setelah kita mempunyai Eclipse Luna, menginstall Java JDK 1.7 men-downloadADT Plugin, men-downloadAndroid SDK, dan men-downloadPhoneGap. Berikut persiapan project untuk menggunakan frameworkphoneGap :

1.      Jalankan Eclipse dan buat newAndroidproject.

2.      Pada direktori root, buat folder baru dengan nama libs dan assets/www seperti pada gambar :

Membuat folder libs dan assets

3.      Salin filecordova-2.9.0.jar ke dalam folderlibs dan salin juga cordova.js ke dalam folder assets/www, lalu pastikan bahwa cordova-2.9.0 masuk dalam library project. Hal ini dilakukan agar kita dapat meng-extendsDroidGap ke dalam MainActivity seperti pada gambar :

Salin cordova.js dan cordova-2.9.0.jar

Memasukkan cordova-2.9.0.jar ke dalam library project

4.      Pada fileMainActivity.java ada beberapa code yang harus diubah, yaitu :

1.     Ubah Class Extend dari Activity menjadi DroidGap.

2.     Ubah setContentView() menjadi super.loadUrl(“file:///android_asset/www/index.html”).

3.      Ubah dari enkapsulasi fungsi oncreate dari private menjadi public.

 

Mengubah mainactivity.java

         

5.      Buka AndroidManifest.xml dan tambahkan beberapa code uses permission, hal ini dilakukan untuk memberitahu user bahwa aplikasi ini akan mengakses beberapa komponen pada device. seperti pada gambar :

<supports-screens

        android:largeScreens="true"

        android:normalScreens="true"

        android:smallScreens="true"

        android:xlargeScreens="true"

        android:resizeable="true"

        android:anyDensity="true"

        />

<uses-permission android:name="android.permission.INTERNET" />

<uses-permission android:name="android.permission.MODIFY_AUDIO_SETTINGS" />

<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />

<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />

Menambahkan permission pada androidmanifest.xml.

6.      Salin folder xml pada phoneGap ke dalam folder res diproject. Hal ini dilakukan agar framework phoneGap dapat mengakses komponen dari smartphone.

Jika persiapan project pembuatan aplikasi hybrid dengan PhoneGap telah selesai, maka aplikasi dapat dibuat dengan mensalin file HTML5, JavaScript dan CSS3 ke dalam folder assets/www.