Pada postingan lama saya sekilas mengenai phonegap di sini hanya sekilas membahas mengenai phonegap. Pada saat ini phonegap sudah mengalami banyak pengembangan dan perubahan dibanding pada versi awal-awal rilis. Salah satu nya penamaan yaitu menjadi cordova, karena perbedaan penamaan yang terjadi membuat cara-cara terdahulu tidak akan berjalan pada rilis terbaru. Mungkin tutorial ini terlambat, karena tutorial mengenai trik-trik menggunakan phonegap sudah ada terlebih dahulu. Pada tutorial ini cara dasar untuk memulai. Namun tutorial ini menggunakan phonegap yang sudah menjadi nama cordova.
Tutorial ini berjalan di windows, walau tidak jauh berbeda jika akan dijalankan di linux.
- Eclipse sudah pasti, namun pastikan anda menggunakan versi 3.4. Anda dapat mendapatkan nya di Eclipse Classic
- Download dan install Android SD
- Download dan install ADT Plugin
- Download phonegap terbaru, atau nama terbaru nya Cordova disini lalu ekstrak.
Asumsikan anda sudah membuat project baru seperti pada umumnya memulai android project yang baru, maka anda cukup melakukan seperti ini:
- Pada direktori root project android, buatlah dua direktori:
- /libs
- assets/www
- Lalu copy file js, cordova-[versi].0.0.js dari hasil ekstrak phonegap/cordova yang tadi anda sudah dapatkan ke direktori assets/www
- Copy juga file jar, cordova-[versi].0.0.jar dari direktori hasil tadi ke direktori /libs
- Copy direktori hasil ekstrak awal yaitu xml ke dalam direktoti /res
- Lakukan verifikasi bahwa file jar, misal cordova-2.0.0.jar terdaftar pada Build Path untuk project anda. Caranya klik kanan pada direktori /libs dan pilih Build Paths/ > Configure Build Path…. Lalu pada tab Libraries tab, tambah cordova-2.0.0.jar ke project. Lalu lakukan refresh (F5) pada project anda.
Selanjutnya anda perlu membuat file main source anda:
- Tambahkan import org.apache.cordova.*;
- Ubah class extend dari Activity ke DroidGap
- Edit baris setContentView() dengan super.loadUrl(“file:///android_asset/www/index.html”);
- Berikutnya anda perlu membuka file AndroidManifest.xml anda untuk menambahkan didalamnya yang berada diantara tag <uses-sdk…/> dan <application…/> dengan :
<uses-permission android:name="android.permission.VIBRATE" /> <uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION" /> <uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" /> <uses-permission android:name="android.permission.ACCESS_LOCATION_EXTRA_COMMANDS" /> <uses-permission android:name="android.permission.READ_PHONE_STATE" /> <uses-permission android:name="android.permission.INTERNET" /> <uses-permission android:name="android.permission.RECEIVE_SMS" /> <uses-permission android:name="android.permission.RECORD_AUDIO" /> <uses-permission android:name="android.permission.MODIFY_AUDIO_SETTINGS" /> <uses-permission android:name="android.permission.READ_CONTACTS" /> <uses-permission android:name="android.permission.WRITE_CONTACTS" /> <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" /> <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" /> <uses-permission android:name="android.permission.GET_ACCOUNTS" /> <uses-permission android:name="android.permission.BROADCAST_STICKY" />
*diatas adalah berupa permission yang dibutuhkan sesuai dengan kebutuhan aplikasi yang anda perlukan.
Jika aplikasi anda membutuhkan penyesuaian ketika terjadi perubahan orientasi maka anda perlu menambahkan ini pula diddalam tag <activity>
android:configChanges="orientation|keyboardHidden|keyboard|screenSize|locale"<
Maka file AndroidManifest.xml anda akan terlihat seperti ini :
Dan project phonegap android anda pun siap berjalan 🙂