Instalasi Phonegap 3.0

Sebagian dari anda mungkin sudah tidak asing dengan phonegap. Ya, Phonegap adalah Sebuah kerangka kerja/framework open source yang dipakai untuk membuat aplikasi cross-platform mobile(Android,Iphone, Windows phone,bada, symbian, palm, blackberry) dengan menggunakan komponen pembangunan web seperti html5,css,dan javascript. Phonegap menjadi solusi bagi web developer yang tertarik dengan pemrograman mobile. Dengan phonegap kita hanya perlu melakukan coding program sekali dan dapat di gunakan di beberapa smartphone yang saya sebutkan tadi. Gimana tertarik?. :D

Seperti graphic diatas kita bisa lihat bagaimana peran dari phonegap itu sendiri. Phonegap seperti diibaratkan sebagai blackbox yang dapat menghasilkan beberapa tipe keluaran berupa aplikasi smartphone. Phonegap memberikan 2 fasilitas penggunaakn dari "blackbox" ini, yakni secara online dan offline. Untuk online, seorang developer yang telah membangun sebuah aplikasi dengan menggunakan javascript, css, dan html5 diharuskan mengunggahnya di situs phonegap builder di sini phonegap builder anda diharuskan untuk login terlebih dahulu menggunakan adobe account,atau githup account. Tentu fasilitas online atau Cloud phonegap builder ini memiliki beberapa batasan dalam melakuakn building, dimana yang saya tahu kita diperbolehkan membuild aplikasi 1 saja. Untuk lebih dari itu anda diharuskan membayar. Namun jangan khawatir phonegap juga menawarkan fasilitas offline dimana kita dapat melakukan build application secara mandiri melalui komputer kita. nah di tulisan kali ini saya akan membahas bagaimana melakukan instalasi phonegap di komputer.

Tutorial ini saya menggunakan phonegap 3.0.

  1. Download dan install node.js di web ini  nodejs.org.
  2. Selanjutnya setlah proses installasi selesai pastikan anda terkoneksi dengan internet. dan buka command prompt anda. Ketikkan perintah berikut 

  3. proses instalasi phonegap 
  4. Tunggu sampai proses instalasi selesai, pastikan anda tidak menutup window cmd sebelum aplikasi selesai.

  5. proses instalasi phonegap telah selesai

  6. Sampai disini anda boleh berbahagia dulu sebentar. Ingat, sebentar saja ya.. karena prosesnya belum selesai ini, hehehe
  7. Selanjutnya anda harus menyiapkan sdk untuk build program. saya akan mencontohkan install sdk untuk android.
  8. download dan install android sdk disini android sdk download.
  9. Selanjutnya, setelah anda selesai mendownload. buka sdk manager, dan lakukan download sdk secara lengkap.
  10. Disini saya menyarankan anda mendownload sdk untuk android 2.3.3 dan android 4.0. check semua packet sdk dan tunggu download selesai. Sambil menunggu mungkin anda bisa menyiapkan mi goreng,atau camilan lain. karena ini lumayan lama loh. hehehe
  11. Pastikan sampai tampilan sdk anda sama atau lebih dari punya saya ini. 


  12. SDK manager dengan beberapa paket yang sudah berhasil di download.

  13. Oke sampai disini kita sudah hampir selesai. ingat hampir ya.. hehehe
  14. Selanjutnya kita bisa mencoba membuild android project. menggunakan perintah phonegap run android.
  15. Tapi secara default proses phonegap akan mengarahkan build ke cloud phonegap.
  16. Nah kita perlu menambahkan konfigurasi tambahan di environment variable.
  17. Oh ya anda perlu install lagi paket java jdk dan ant.apache.org untuk menginstall fasilitas build di local.
  18. anda bisa install jdk melalui web ini jdk java download. silakan download dan install seperti biasa, saya yakin anda lebih jago menginstallnya. :D.
  19. Setelah selesai, selanjutnya menginstall ant. untk menginstall ant anda bisa ke ant.apache.org. dan lakukan instalasi, namun pada praktiknya di versi terbaru ant.apache saya mendapatkan kesulitan dalam hal penginstalan, mungkin bagi anda yang berhasil bisa gantian ngajari saya ya.hehe.
    tapi jangan khawatir saya punya file ant yang versi 1.9, dan saya coba masih bisa digunakan kok.hehe
  20. Langsung saja download paket saya itu di package ant . klik file>download.
  21. Selanjutnya extract file apache-ant-1.9.0-bin.zip nya.
  22. Oke setelah ini silahkan anda ikuti tutorial youtube ini tentang cara menambahkan path ant dan jdk java di environtment variable. youtube : how to install ant 

  23. Setelah sukses. anda harus sudah bisa menggunakan phonegap offline anda.
  24. untuk membuat sebauh android package anda dapat menggunakan perintah
  25. $ phonegap create my-app
    $ cd my-app
    $ phonegap run android
  26. Dan pastikan tampilan proses run android seperti dibawah ini:


sekarang anda telah sukses menginstall phonegap offline, bila ada pertanyaan dengan senang hati saya akan membantu anda. melalui ym : rifqi_patinum25 .

Sekian, next bersambung ke tutorial membuat aplikasi android .

One Response so far.

  1. tic tac says:

    mas mau tanya pas saya mau install lewat cmd phonegap nya ada kesalahan error
    gambar di link ini mas http://tinypic.com/view.php?pic=10qzchx&s=8#.U5KeBaIffDc

    bantuannya kalo berkenan info emailku widy64@gmail.com

Leave a Reply

Kepada Para Pengunjung silahkan memberikan sedikit komentarnya dibawah ini...yaaa