Saat kita melakukan build dalam membuat aplikasi mobile menggunakan Apache Cordova mungkin kita mengalami pesan kesalahan ‘Failed to run “ant -version’ . Error lengkapnya mungkin seperti ini:D:\cobamobile\halo>cordova build androidRunning command: D:\cobamobile\halo\platforms\android\cordova\build.bat D:\cobamobile\halo\platforms\android\cordova\node_modules\q\q.js:126 throw e; ^Error: Failed to run “ant -version”,
Menambahkan platform Android pada Apache Cordova
Setelah sebelumnya kita membahas Membuat aplikasi pertama pada Apache Cordova, maka selanjutnya kita akan menambahkan platform Android pada aplikasi pertama kita tersebut. Pastikan SDK Android sudah diinstal dengan baik. Langkah menambahkan platform Android pada aplikasi Apache Cordova adalah: Jalankan perintah
Mengatasi `Please install Android target` pada Cordova
Pada waktu kita menambahkan platform saat melakukan mobile development menggunakan Apache Cordova kita mungkin mengalami bunyi kesalahan seperti ini:Error: Please install Android target “android-19” Atau pesan kesalahan selengkapnya adalah :D:\cobamobile\halo>cordova platform add androidCreating android project… C:\Users\Wearnes\.cordova\lib\npm_cache\cordova-android\3.6.4\package\bin\node_modules\q\q.js:126 throw e; ^Error: Please
Aplikasi pertama Apache Cordova
Selanjutnya kita akan membuat aplikasi pertama menggunakan Apache Cordova. Berikut langkah-langkah pembuatan aplikasi pertama kita: Pertama-tama kita membuat folder dan kemudian menjalankan perintah seperti seperti ‘cordova create halo com.contoh.halo HaloDunia’, hasilnya adalah : D:\cobamobile>cordova create halo com.contoh.halo HaloDuniaCreating a new
Instalasi Apache Cordova pada Windows
Untuk instalasi Apache Cordova ini kita memerlukan Node.js dan git-client . Berikut langkah-langkahnya Download dan install Node.js yang ada di http://nodejs.org/ . Download dan install git-client yang ada di http://git-scm.com/ . Pada command line jalankan :d:\npm install -g cordova Instalasi
Komponen dasar Apache Cordova
Konfigurasi utama aplikasi Apache Cordoba berada pada config.xml. File ini mengikuti standard Packaged Web App W3C yang ada di http://www.w3.org/TR/widgets/ . Aplikasi Cordoba ini diimplementasikan sebagai halaman web yang defaulnya adalah index.html yang menggunakan CSS, Javascript, media, gambar atau resources
Apache Cordova sebagai cross platform mobile development
Apache Cordova adalah platform untuk membangun native mobile applications menggunakan HTML, CSS dan JavaScript. Native mobile application yang didukung antara lain Android, iOS, Windows Phone dan Blackberry. Apache Cordova berisi sekumpulan API (Application Programming Interface) untuk mengakses device dari perangkat
Modifikasi action bar aplikasi Android
Pada pelajaran kali ini kita akan mengubah action bar aplikasi Android. Action bar pada aplikasi Android berfungsi memberikan informasi kepada pemakai aplikasi kita untuk melihat posisi aplikasi kita. Pada contoh kali ini kita akan menambahkan search pada action bar. Berikut
Membuat activity pada aplikasi Android
Tutorial kali ini adalah mengirimkan pesan ke activity. Secara teknis mengambil data dari TextView kemudian dikirimkan Activity. Langkah-langkah mengirimkan pesan ke activity adalah seperti berikut : Tambahkan event onClick pada button.Kita edit /res/layout/activity_main.xml dan pada Button tambahkan android:onClick=”kirimPesan” seperti contoh berikut:
EditText aplikasi Android
Pada pembahasan sebelumnya kita telah berhasil membuat layout dengan tampilan seperti berikut ini: Kita akan mengedit /res/layout/activity_main.xml, pada EditText kita tambahkan android:layout_weight=”1″menjadi <LinearLayout xmlns:android=”http://schemas.android.com/apk/res/android” xmlns:tools=”http://schemas.android.com/tools” android:layout_width=”match_parent” android:layout_height=”match_parent” android:paddingBottom=”@dimen/activity_vertical_margin” android:paddingLeft=”@dimen/activity_horizontal_margin” android:paddingRight=”@dimen/activity_horizontal_margin” android:paddingTop=”@dimen/activity_vertical_margin” android:orientation=”horizontal” tools:context=”.MainActivity” > <EditText