Spread the love
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  

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 🙂

Related Posts
Menjalankan Streaming Video/Audio Pada Cordova Untuk Android/iOS

Implementasi cordova pada pengembangan mobile memudahkan karena menggunakan HTML dan javascript sebagai dasarnya. Untuk menjalankan video/audio secara remote url atau Read more

Menambahkan Splashscreen pada phonegap/cordova Android

Untuk menambahkan splashscreen pada aplikasi berbasis html5/javascript sebenarnya bisa diakali dengan menambahkannya pada halaman html dengan memberi delay. Tapi cara Read more

Deteksi Hardware Back Button Cordova/Phonegap Android

Sebenarnya mungkin ini ada hal sederhana tapi bisa bermanfaat, mengingat jika mengembangkan aplikasi berbasis HTML5/Javacript merupakan bagian yang native namun Read more

[solved] ReferenceError: PluginManager is not defined error PhoneGap

Phonegap berkembang cukup pesat. Hal ini sangat baik, namun terdapat kekurangan pula, karena setiap versi mengalami perubahan kompatibilitas. Salah satunya Read more

Tagged : # # #

Leave a Reply

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