14
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

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

  • Upload
    ngodat

  • View
    219

  • Download
    0

Embed Size (px)

Citation preview

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

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

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
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
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
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
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

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

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

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

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

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

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
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

Demikian cara-cara untuk membuat project tanpa menggunakan command line. Sekian dan terimakasih.

Disusun Oleh endang