Membuat new project phonegap atau cordova di eclipse ... · Membuat new project phonegap atau...
Transcript of Membuat new project phonegap atau cordova di eclipse ... · Membuat new project phonegap atau...
![Page 1: Membuat new project phonegap atau cordova di eclipse ... · Membuat new project phonegap atau cordova di eclipse, windows 7 tanpa menggunakan command line Endangcahyapermana.wordpress.com](https://reader035.fdokumen.com/reader035/viewer/2022062601/5d36dfc788c993a6178bbf54/html5/thumbnails/1.jpg)
Membuat new project phonegap atau cordova
di eclipse, windows 7 tanpa menggunakan
command line
Endangcahyapermana.wordpress.com
Setelah phonegap atau cordova di install dan eclipse berjalan (untuk yang belum terinstal silahkan baca
di tulisan sebelumnya), kita bisa mulai membuat project baru untuk andoid phonegap. Membuat project
phonegap caranya bisa melalui command line dan tanpa command line. Untuk tulisan ini akan
membahas bagaimana caranya untuk membuat phonegap dengan cara tanpa melalui command line,
adapun langkah-langkahnya adalah sebagai berikut.
Buka program eclipse.
Klik file > New > Android Application Project
![Page 2: Membuat new project phonegap atau cordova di eclipse ... · Membuat new project phonegap atau cordova di eclipse, windows 7 tanpa menggunakan command line Endangcahyapermana.wordpress.com](https://reader035.fdokumen.com/reader035/viewer/2022062601/5d36dfc788c993a6178bbf54/html5/thumbnails/2.jpg)
Selanjutnya ikuti langkah-langkah di gambar ini
![Page 3: Membuat new project phonegap atau cordova di eclipse ... · Membuat new project phonegap atau cordova di eclipse, windows 7 tanpa menggunakan command line Endangcahyapermana.wordpress.com](https://reader035.fdokumen.com/reader035/viewer/2022062601/5d36dfc788c993a6178bbf54/html5/thumbnails/3.jpg)
![Page 4: Membuat new project phonegap atau cordova di eclipse ... · Membuat new project phonegap atau cordova di eclipse, windows 7 tanpa menggunakan command line Endangcahyapermana.wordpress.com](https://reader035.fdokumen.com/reader035/viewer/2022062601/5d36dfc788c993a6178bbf54/html5/thumbnails/4.jpg)
![Page 5: Membuat new project phonegap atau cordova di eclipse ... · Membuat new project phonegap atau cordova di eclipse, windows 7 tanpa menggunakan command line Endangcahyapermana.wordpress.com](https://reader035.fdokumen.com/reader035/viewer/2022062601/5d36dfc788c993a6178bbf54/html5/thumbnails/5.jpg)
![Page 6: Membuat new project phonegap atau cordova di eclipse ... · Membuat new project phonegap atau cordova di eclipse, windows 7 tanpa menggunakan command line Endangcahyapermana.wordpress.com](https://reader035.fdokumen.com/reader035/viewer/2022062601/5d36dfc788c993a6178bbf54/html5/thumbnails/6.jpg)
![Page 7: Membuat new project phonegap atau cordova di eclipse ... · Membuat new project phonegap atau cordova di eclipse, windows 7 tanpa menggunakan command line Endangcahyapermana.wordpress.com](https://reader035.fdokumen.com/reader035/viewer/2022062601/5d36dfc788c993a6178bbf54/html5/thumbnails/7.jpg)
Klik tombol finish untuk selesai.
Setelah selesai project baru akan muncul, seperti pada gambar berikut.
![Page 8: Membuat new project phonegap atau cordova di eclipse ... · Membuat new project phonegap atau cordova di eclipse, windows 7 tanpa menggunakan command line Endangcahyapermana.wordpress.com](https://reader035.fdokumen.com/reader035/viewer/2022062601/5d36dfc788c993a6178bbf54/html5/thumbnails/8.jpg)
sebelumnya download terlebih dahulu phonegapnya, biasanya berupa file zip. Adapun dari isi phonegap
adalah sebagai berikut.
Setelah itu, copy file cordova.jar di folder phonegap yang sudah di download sebelumnya ke folder lib.
Setelah itu, build path, ikuti gambar dibawah.
![Page 9: Membuat new project phonegap atau cordova di eclipse ... · Membuat new project phonegap atau cordova di eclipse, windows 7 tanpa menggunakan command line Endangcahyapermana.wordpress.com](https://reader035.fdokumen.com/reader035/viewer/2022062601/5d36dfc788c993a6178bbf54/html5/thumbnails/9.jpg)
Kemudian buat directory www di folder assets.
![Page 10: Membuat new project phonegap atau cordova di eclipse ... · Membuat new project phonegap atau cordova di eclipse, windows 7 tanpa menggunakan command line Endangcahyapermana.wordpress.com](https://reader035.fdokumen.com/reader035/viewer/2022062601/5d36dfc788c993a6178bbf54/html5/thumbnails/10.jpg)
Kemudian copy file cordova.js ke
![Page 11: Membuat new project phonegap atau cordova di eclipse ... · Membuat new project phonegap atau cordova di eclipse, windows 7 tanpa menggunakan command line Endangcahyapermana.wordpress.com](https://reader035.fdokumen.com/reader035/viewer/2022062601/5d36dfc788c993a6178bbf54/html5/thumbnails/11.jpg)
Setelah itu copy folder xml di directory phonegap, paste di folder res di project.
Lalu edit file MainActivity.java, ubah isinya menjadi seperti pada gambar dibawah.
Kemudian buat file index.html dengan isi file html sederhana untuk menguji dan simpan di file
assets\www. Ikuti langkah-langkah di gambar berikut.
![Page 12: Membuat new project phonegap atau cordova di eclipse ... · Membuat new project phonegap atau cordova di eclipse, windows 7 tanpa menggunakan command line Endangcahyapermana.wordpress.com](https://reader035.fdokumen.com/reader035/viewer/2022062601/5d36dfc788c993a6178bbf54/html5/thumbnails/12.jpg)
Lalu untuk mencobanya running, silahkan ikuti langkah-langkah selanjutnya.
Namun sebelumnya buat device android emulator sesuai dengan api yang dipakai di project.
![Page 13: Membuat new project phonegap atau cordova di eclipse ... · Membuat new project phonegap atau cordova di eclipse, windows 7 tanpa menggunakan command line Endangcahyapermana.wordpress.com](https://reader035.fdokumen.com/reader035/viewer/2022062601/5d36dfc788c993a6178bbf54/html5/thumbnails/13.jpg)
![Page 14: Membuat new project phonegap atau cordova di eclipse ... · Membuat new project phonegap atau cordova di eclipse, windows 7 tanpa menggunakan command line Endangcahyapermana.wordpress.com](https://reader035.fdokumen.com/reader035/viewer/2022062601/5d36dfc788c993a6178bbf54/html5/thumbnails/14.jpg)
Demikian cara-cara untuk membuat project tanpa menggunakan command line. Sekian dan terimakasih.
Disusun Oleh endang