Kelebihan dan Kekurangan Phonegap

22.16 2 Comments

Kelebihan dan Kekurangan PhoneGap.

Kelebihan PhoneGap :
  1. Multi Platform. Dapat digunakan pada berbagai platform sistem operasi mobile seperti Android, Blackberry, IOS dan sebagainya.
  2. Dalam pengembangannya, hanya menggunakan HTML, Javascript dan CSS dengan kata lain tidak perlu mempelajari bahasa pemrograman Java (Android), Objective C (IOS) ataupun C# (Windows Phone), dan sebagainya.
  3. Bersifat Open Source, sehingga module yang ada akan terus dikembangkan oleh para developer.
Kekurangan PhoneGap :
  1. Reverse engineering, banyaknya aplikasi yang dapat digunakan untuk code javascript sehingga memungkinkan dilakukannya pengeditan terhadap code aslinya.
  2. Adanya beberapa fitur telepon yang tidak didukung oleh PhoneGap.
  3. Karena Multi Platform, PhoneGap sering kali ketinggalan ketika ada fitur baru pada Platform aslinya.
  4. Tampilan yang ada terlihat sama untuk semua platform dan tampilan terkadang tidak terlihat seperti mobile application.
  5. Banyaknya kendala apabila disinkronisasi dengan IOS platform.
  6. Walau menghasilkan aplikasi yang bersifat "Build once, Run Everywhere", tetap saja aplikasi yang dibangun tidak seoptimal aplikasi buatan native SDK asli.

Cara Install Phonegap

22.12 Add Comment

Phonegap adalah sebuah framework yang memudahkan kita untuk membuat sebuah aplikasi pada platform android, iOS dan Blackberry dengan cara menjembatani antara kode pemrograman pada masing-masing platform dengan web programming (HTML, CSS, Javascript). Bahasa mudahnya adalah kita membuat web server sendiri didalam smartphone kita :D
Peralatan perang yang dibutuhkan :
  1. Eclipse IDE
  2. Android SDK (Software Development Kit)
  3. Plugin ADT Eclipse
  4. Java SE Development Kit (JDK) (http://www.oracle.com/technetwork/java/javase/downloads/jdk7-downloads-1880260.html)
  5. Apache Ant (http://www.ant.apache.org)
  6. Phonegap Framework (http://www.phonegap.com)
  7. Bluestack {optional}
Note : Biasanya sudah ada paket bundle yang terdiri dari Android SDK, Eclipse dan plugin ADT. Jadi gak perlu lagi download satu-satu :)
Perangkat perang tersebut berguna sebagai :
  1. Eclipse berguna sebagai tempat kita memasukkan baris-baris program.
  2. Android SDK menyediakan kebutuhan-kebutuhan untuk membuat aplikasi android.
  3. Plugin ADT digunakan untuk memperluas kemampuan eclipse dalam mendukung pembuatan aplikasi android.
  4. JDK aplikasi yang diperlukan agar eclipse dapat berjalan.
  5. Apache Ant berfungsi untuk membuat secara otomatis proses build aplikasi.
  6. Bluestack sebagai emulator android yang berjalan terpisah.
Cara Instalasi :
  1. Install JDK, lakukan instalasi seperti biasa (i agree, next, yah seperti itu lah)
  2. Ekstrak file Apache Ant dan Phonegap kedalam sebuah folder. Misal : C:\android
  3. Lakukan konfigurasi PATH untuk memudahkan kita mengakses JDK, Apache Ant dengan cara :
  • Klik kanan pada Computer -> Properties -> Klik Advances system settings -> Pada tab Advanced  klik tombol Environment Variables -> Klik Tombol New yang ada dibawah kotak System Variables
  • Isi Variable name dengan : ANT_HOME kemudian isi Variable value dengan folder tempat hasil ekstrak tadi.  Misal : C:\android\apache-ant-1.9.3
  • Buat lagi dengan isi variable name dengan : JAVA_HOME dan variable value dengan : Tempat hasil instalasi JDK, biasanya terletak di : C:\Program Files\Java\jdkx.xx.xxx
  • Cari variable Path kemudian klik tombol Edit, tambahkan : %JAVA_HOME%\bin;%ANT_HOME%\bin;
  • Tambahkan lagi pada variable Path folder android SDK, biasanya terletak dalam 1 folder bersama dengan eclipse, hanya saja berada pada pada folder sdk\tools. Misal : C:\android\adt-bundle-windows-x86-20130917\sdk\tools;
Selesai. Kira-kira begitu lah cara instalasi phonegap… :D
Lho, gimana cara buat aplikasinya? Cara buatnya :
  1. Masuk command prompt ( Start Menu -> search -> cmd)
  2. Masuk ke dalam folder phonegap. Misal : cd c:\android\phonegap-x.x.x\lib\android\bin
  3. Ketikkan perintah : create {folder_project_path} {package_name} {project_name}. Contoh : create d:\android\workspace\helloWorld com.simoyo.helloWorld helloWorld
  4. Jika berhasil maka akan muncul tulisan :
    Creating new android project…
    Copying template files…
    Copying js, jar & config.xml files…
    Copying cordova command tools…
    Updating AndroidManifest.xml and Main Activity…
  5. Jika terdapat kesalahan :
    Missing one of the following :
    JDK : http://java.oracle.com
    Android SDK : http://developer.android.com
    Apache ant : http://ant.apache.orgPastikan konfigurasi PATH telah dilakukan dengan benar ( lihat pada step instalasi)
  6. Setelah berjalan dengan baik. Buka eclipse.
  7. Pilih menu File -> New -> Project
  8. Pada halaman New Project pilih Android -> Android Project from Existing Code -> klik tombol next -> lalu buka folder tempat hasil build dari phonegap -> centang folder tersebut -> klik finish.
  9. Jika terdapat tanda silang merah pada project yang telah dibuat maka lakukan hal ini :
    - Klik kanan pada project (icon dokumen yang terselip kertas) -> klik Properties
    - Klik properti Android -> pada Project Build Target, pilih level Android yang paling tinggi -> Klik Ok
    - Pada bagian menu di atas , Klik Project -> Clean.
  10. Untuk menjalankan hasil build dari phonegap :
    - Klik kanan pada project (icon dokumen yang terselip kertas) -> klik Run As -> Android Application
    - Pilih emulator yang ingin dipakai untuk menjalankan aplikasi tersebut.
Selesai… Kita telah membuat sebuah aplikasi sederhana ala Phonegap.
Pada post berikutnya saya akan mencoba untuk menjelaskan bagaimana cara kita membuat aplikasi kita sendiri dengan menggunakan Phonegap hanya dengan bermodalkan HTML, CSS, dan Javascript.
Silahkan lihat video tutorial install phonegap dibawah 

Sejarah Phonegap

22.02 Add Comment


Sejarah Phonegap

PhoneGap pertama kali dikembangkan di sebuah acara iPhoneDevCamp di San Francisco. PhoneGap kemudian memenangkan People’s Choice Award pada tahun 2009 di Konferensi Web O’Reilly Media 2.0 dan framework-nya telah digunakan untuk mengembangkan banyak aplikasi.
Nitobi adalah pencipta asli dan merupakan salah satu kontributor utama untuk framework PhoneGap, tetapi ada komunitas global yang luas yang juga berkontribusi untuk proyek, termasuk banyak dari IBM, RIM dan Microsoft. PhoneGap memiliki komunitas yang menarik dan aktif yang terbuka, transparan dan kolaboratif.
Framework dari PhoneGap digunakan oleh beberapa platform aplikasi mobile seperti Worklight,  dan appMobi sebagai tulang punggung mesin pengembangan mobile klien mereka. Adobe resmi mengumumkan akuisisi Software Nitobi (pengembang asli PhoneGap) pada tanggal 4 Oktober 2011. Bersamaan dengan itu, kode PhoneGap disumbangkan untuk Apache Software Foundation untuk memulai sebuah proyek baru yang disebut Apache Cordova karena nama proyek aslinya yaitu Apache Callback, dipandang sebagai terlalu umum. (Jejak Sekolah, 2012)

Dilihat dari kutipan tersebut dapat kita lihat bahwa pada awalnya Framework Phonegap ditulis  oleh Sebuah perusahaan bernama Nitobi yang kemudian di akuisisi oleh Adobe yang setelah itu kode asli dari Phonegap ini disumbangkan ke Apache Software Foundation untuk diinkubasi. 

Proses inkubasi itulah yang menghasilkan file cordova.js yang menjadi core atau primary engine bagi Framework Phonegap ini. Sehingga para developer Mobile Application tidak perlu lagi kerepotan dalam menerjemahkan dan menulis ulang kode native dari masing-masing sistem operasi mobile. Sesuai dengan motto dari Phonegap itu sendiri yaitu "Write Once Deploy Anywhere" sehingga sekarang para developer Mobile Application bisa lebih mudah membuat aplikasi mobile dengan menggunakan satu aturan bahasa.

Mungkin hal ini akan menjadi satu titik yang akan menjadi sejarah ketika Mobile Application berkembang pesat dimasa yang akan datang... 


Langganan: Postingan (Atom)