Selamat malam para Blogger Indonesia. Kali ini saya akan membagikan tulisan mengenai teknik dasar membangun GIS di android namun sebelumya teman teman harus menyediakan beberapa tool yang akan membantu teman teman selama mempraktekan tutorial ini, berikut toolnya:
- Eclipse Classic atau pakai yg ADT(Android Development Tools).
- Untuk Eclipse Classic perlu ditambahin SDK android + ADT nya.
- Text Editor Seperti Notpad++, Klo saya pake APTANA Studio.
- Framework PhoneGap and Jquery Mobile.
- Aplikasi Buat web servenya XAMPP Server
Oke untuk cara install software diatas mungkin temen2 bisa cari via mbah google karena tutorial ini hanya berfokus mengenai bagaimana cara membangun GIS di Android dan hanya beberapa langkah2 instalasi yang mungkin sulit2 temen2 dapetkan karena kebanyakan literatur berbahasa inggris, atao berada di forum2 luar.
Instalasi PhoneGap pada Eclipse
Phonegap merupakan framework yang bekerja pada android untuk memudahkan programer yang terbiasa menggunakan pemrograman javascript coding HTML5 dan CSS , so bagi temen2 yang dah terbiasa dengan dunia web pasti gak bakalan asing lagi. Pada tahapan ini kita akan menggunakan phonegap terupdate pada saat tulisan ini dibuat yakni 2.4.0.
- Buat sebuah project android baru, disini saya pake versi froyo dengan API 8 temen 2 boleh pilih versi lain , tv direkomendasikan pilih versi yang lebih tinggi.berikut adalah gambaran configurasi yang sy bangun.
- Kemudian extract seluruh isi phonegap-2.4.0.zip yang temen 2 peroleh dari situs resminya sebagai catatan hanya file yang berada di directory libs/android yang bakalan kita pakai.
- Pada tahapan ini kita akan copy beberapa file yang kita butuhkan, so mesti tahu dimana lokasi workspace sewaktu temen2 nginstall aplikasi eclipse atau bisa juga kok copy paste lewat eclipsnya sendiri.
- Buat Directory baru bernama www pada direktory asset.
- Copy file cordova-2.4.0.js kedalam folder www.
- Copy file cordova-2.4.0.jar kedalam folder libs pada project android
- Klik kanan file cordova-2.4.0.jar ->build path ->Add to Build Path
- So langkah copy mengcopy sudah selesai sekarang tinggal masuk ke pengkodean
- Pada menu activity utama dalam contoh ini bernama MapsActivity yang terdapat pada src->com.example.mapsactivity rubah dengan sebagaimana intruksi berikut.
- Kemudian pada file AndroidManifest tambahkan.
- Script berikut sebagai child dari manifest.
<uses-permission android:name="android.permission.CAMERA" />
<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" />cat. script tersebut berfungsi untuk meng-active-kan beberapa fitur pada android.
- Script Berikut Sebagai atribut dari activity yang sebelumnya sudah ada.
android:configChanges="orientation|keyboardHidden"
- Script Berikut Sebagai Sibling dari activity yang sebelumnya sudah ada.
<activity android:name="org.apache.cordova.DroidGap" android:label="@string/app_name" android:configChanges="orientation|keyboardHidden">
<intent-filter></intent-filter>
</activity>
- Script Berikut Sebagai Child dari manifest
<supports-screens android:largeScreens="true" android:normalScreens="true"
android:smallScreens="true"
android:resizeable="true"
android:anyDensity="true" />
Setelah langkah2 diatas dijalankan secara sukses maka ,Selamat temen2 telah berhasil mengconfigurasi phonegap pada android. Sekian dan terima kasih semoga bermanfaat !