Tutorial Cara Install Cordova/Phonegap Di Windows 7 | Catatan Lamers

21 April 2017

Tutorial Cara Install Cordova/Phonegap Di Windows 7

  1 comment
Assalamualaikum
Minggu kemaren saya diminta oleh seorang teman untuk dibuatkan sebuah Aplikasi Android yang rencananya akan digunakan untuk keperluan tugas akhir. Saya sendiri sebenarnya tidak mengerti Pemrograman Android, karena saya fokusnya hanya di pemrograman berbasis Web seperti PHP

Seiring berkembangnya Tekhnologi dan pengetahuan, kini untuk menjadi Programmer android tidak lagi harus menguasai bahasa pemrograman Java atau bahasa C karena sudah banyak jalan yang bisa dilakukan untuk membangun sebuah aplikasi Android dengan mudah, Contohnya saja bisa dengan menggunakan Aplikasi App Inventor dan lain sebagainya. Dan tak kalah kerennya lagi, kini programmer Web pun bisa membuat aplikasi Android dengan modal HTML5. 

Salah satu Framework yang bisa digunakan untuk membuat aplikasi Android dengan HTML5 adalah Cordova (Dulunya Phonegap). Dengan adanya Cordova inilah akhirnya saya memutuskan untuk menyanggupi permintaan teman saya untuk dibuatkan Aplikasi Android.

Tentunya untuk memulai berkenalan dengan Cordova ya jelas harus di install dan di persiapkan dulu di komputer. Nah caranya adalah Sebagai berikut

Bahan bahan 


Langkah Langkah Instalasi
  1. Setelah Didownload Install ketiga Aplikasi tersebut, Caranya ya seperti install aplikasi biasa lainnya, tinggal di Next next sampe Finish
  2. Selanjutnya mengatur Variabel di System Environtment Windows caranya Klik kanan di Icon Computer terus pilih Properties lalu pilih advance System Setting, lalu klik Environtment Variabels terus pindah ke Tab Advanced 
    Tutorial Cara Install Cordova Di Windows 7
  3. Pada bagian User Variables Klik New, di Kolom Variable Name diisi dengan nama JAVA_HOME terus di Value isi dengan lokasi penginstallan JDK
    Tutorial Cara Install Cordova Di Windows 7
  4. Masih Pada bagian User Variables jika tidak ada Variabel dengan nama Path maka Klik New, lalu pada kolom Name di isi dengan nama Path dan pada kolom Value diisi dengan Lokasi BIN pada tempat penginstallan JDK. Namun jika sudah ada Variabel path, maka klik Edit, lalu di akhir Variabel tambahkan tanda ; (Titik Koma) lalu dilanjutkan dengan Lokasi folder Bin pada folder penginstalan JDK
    Tutorial Cara Install Cordova Di Windows 7
  5. Selanjutnya pada bagian System Variabel cari Variabel Path terus klik Edit, dan diakhir Value lakukan hal yang sama seperti pada langkah sebelumnya.
    Tutorial Cara Install Cordova Di Windows 7
  6. setelah mengkonfigurasi Variabel, selanjutnya adalah menginstall Cordova itu sendiri menggunakan NPM yang sudah include sekalian waktu anda menginstall Node JS, cara menginstall Cordova adalah dengan membuka Command Prompt (CMD) Lalu ketik npm -g install cordova 
    Tutorial Cara Install Cordova Di Windows 7
  7. Setelah Cordova selesai terinstall, langkah selanjutnya adalah mulai membuat Project Aplikasinya, caranya tetap masih melalui CMD.
  8. Defaultnya, ketika CMD dibuka anda akan berada di folder C:\Users\Nama Users oleh karena itu kita harus pindahkan lokasi kerja CMD dulu, pada contoh kali ini kita akan bekerja pada Direktori C, nah cara pindahnya adalah dengan mengetik cd\ dilanjutkan dengan menekan Enter.
    Tutorial Cara Install Cordova Di Windows 7
  9. Setelah berada di Direktori C:\ maka ketik cordova create aplikasiku
    Tutorial Cara Install Cordova Di Windows 7
  10. Otomatis pada Direktori C akan muncul sebuah Folder dengan nama aplikasku dan didalamnya terdapat beberapa Folder-folder.
    Tutorial Cara Install Cordova Di Windows 7
  11. Perhatikan pada Folder www, didalam folder inilah bagian yang akan di isi dengan codingan
    Tutorial Cara Install Cordova Di Windows 7
  12. Setelah anda selesai melakukan Coding pada direktori www maka langkah selanjutnya adakah mem Build kode HTML5 yang berada di folder www tadi agar bisa menjadi APK caranya adalah masuk terlebih dahulu ke Folder aplikasiku melalui Command Prompt (Ketik cd aplikasiku lalu enter).
    Tutorial Cara Install Cordova Di Windows 7
  13. masih di layar CMD ketik cordova paltform add android lalu enter
    Tutorial Cara Install Cordova Di Windows 7
  14. selanjutnya ketik cordova build android
    Tutorial Cara Install Cordova Di Windows 7
  15. Jika setelah menjalankan perintah ini anda mengalami error maka ketik set ANDROID_HOME=C:\Android\sdk . C:\Android\sdk silahkan disesuaikan dengan lokasi direktori penginstalan Android SDK pada komputer anda.
    Tutorial Cara Install Cordova Di Windows 7
  16. Jika sudah ulangi mengtik cordova build android. Jika proses build telah selesai anda bisa menemukan aplikasi yang sudah menjadi APK pada Folder platforms\android\build\outputs\apk\ dengan nama android-debug.apk
    Tutorial Cara Install Cordova Di Windows 7


Sekian dulu dari saya, jika terdapat kesalahan dalam penulisan mohon untuk di koreksi dan jika anda mengalami kesulitan dalam proses penginstalan Cordova ini silahkan tinggalkan komentar.

Wassalam




1 comment :