Cara Membuat Aplikasi APK dengan Apache Cordova Secara Lengkap

Membuat APK dengan Apache Cordova – Di jaman sekarang ini siapa yang tidak tahu yang namanya android,begitu pula apa itu apple. Dahulu orang mengenal handphone hanya bisa untuk melakukan atau menerima panggilan dan mengirim pesan, namun seiring perkembangan jaman fungsi handphone pun sudah mulai berubah arah. Handphone yang semula hanya bisa melakukan atau menerima panggilan dan mengirim pesan akhirnya berubah bisa digunakan untuk membuka sebuah website meskipun awalnya hanya memiliki resolusi yang minim. Perkembangan jaman membuat fungsi handphone menjadi berubah total, apalagi di jaman sekarang ini bahkan anak kecilpun menjadi kecanduan handphone.

Bagaimana tidak karena handphone yang semula hanya berfungsi melakukan atau menerima panggilan dan mengirim pesan menjadi sebuah mini computer yang fungsinya hampir sudah seperti computer. Terlebih lagi ketika perusahaan besar seperti google mengenalkan sistem operasi baru untuk handphone yang dinamakan android, dan perusahaan besar seperti apple mengeluarkan sistem operasi handphone dengan nama IOS, termasuk microsoft yang mengeluarkan sistem operasi handphone yang dinamakan windows phone membuat handphone jaman sekarang menjadi sangat canggih menyerupai computer atau laptop.

Penggunaan sistem operasi mobile terutama di Indonesia bisa dilihat dibawah ini (berdasarkan analisa statcounter.com)

grafik penggunaan sistem operasi mobile di indonesia

Terlihat diatas bahwa penggunaan sistem operasi mobile lebih didominasi oleh 2 sistem operasi yaitu Android dan IOS. Para praktisi programing pun berlomba untuk membuat aplikasi-aplikasi yang menggunakan sistem operasi android dan IOS. Bisa dibayangkan jika setiap membuat aplikasi harus membuat minimal 2 coding program, terlebih jika di tambahkan dengan sistem operasi mobile seperti Tizen milik microsost dan Symbian lama dan lainnya. Disamping itu pula dalam dunia pemrograman web telah berkembang dan sudah menjadi tuntukan agar setiap website harus memiliki 2 syarat mutlak yaitu harus responsive dan multi platform mobile.

Responsive artinya ketika website tersebut dibuka dalam smartphone, desain dari website itu harus bisa menyesuaikan dengan lebar smartphone yang berbeda-beda. Multi Platform mobile artinya website tersebut juga harus bisa berupa aplikasi yang dapat di buka disemua sistem operasi smartphone seperti android, IOS, Windows Phone dan lainnya.

Dari sinilah para pakar pemrograman banyak mengeluarkan sistem-sistem baru yang dapat menjembatani dengan membuat sesuatu yang baru yaitu “SEKALI MEMBUAT BISA DI JALANKAN DI SEMUA SISTEM OPERASI MOBILE”. Oleh karena itu muncul lah yang namanya apache cordova dimana seseorang dapat membuat sebuah aplikasi baik itu untuk Android, IOS maupun Windows Phone.

Apache cordova sendiri ini dulu di kenal dengan nama PHONEGAP yaitu sebuah framework untuk pengembangan aplikasi mobile yang menggunakan css, html dan javascript. Phonegap sendiri dapat convert web to apk android hanya dalam waktu sekejap. Dengan menggunakan coding yang sama, apache cordova dapat membungkusnya menjadi sebuah aplikasi yang dapat berjalan di semua device smpartphone.

Kebutuhan yang disiapkan untuk membuat aplikasi dengan apache cordova :

  • Koneksi Internet
  • Install Apache Cordova
  • Install JDK ( Java Development Kit )

Koneksi Internet

Dalam membuat aplikasi dengan apache cordova haruslah terkoneksi dengan internet dengan kecepatan standar untuk mempermudah dalam proses instalasi, pembuatan dan ujicoba.

Instalasi Apache Cordova

Dalam melakukan instalasi Cordova bisa dilakukan dengan menggunakan metode NPM (Node Package Manager ) dengan menggunakan software Nodejs. Anda bisa mendowload software nodejs di website resminya https://nodejs.org. Anda dapat memilih nodejs yang versi “Current” untuk di install di computer/laptop anda. Setelah download silakan di insall seperti instalasi software biasa di windows.

instal node js

Berikut ini langkah –langkah instalasi apache cordova

  • Buka command prompt di windows dengan menggunakan mode Administrator
  • Buka start – klik kanan command prompt
  • Pilih Run as Administrator

command prompt mode administrator

  • Cek nodejs sudah berhasil terinstall apa belum
  • Ketik npm –v

cek nodejs

  • ketik npm install –g cordova
install cordova
Mulai Instalasi Apache Cordova
proses install cordova
Proses Instalasi Cordova
  • Macam perintah apache cordova

Apache cordova telah menyediakan documentasi bahkan plugin yang akan mendukung dalam pembuatan aplikasi multi platform mobile yang kita kenal dengan aplikasi HYBRID. Anda bisa langsung cek dokumentasi dan pluginnya langsung ke website resminya https://cordova.apache.org/

Berikut ini beberapa fungsi dari perintah apache cordova

  • cordova create MyApp

perintah cordova create berfungsi untuk membuat aplikasi cordova baru. Ketika anda mengetikkan perintah cordova create MyApp artinya cordova akan membuatkan folder baru dengan nama MyApp di posisi path command prompt anda berada sekarang. Dalam folder baru MyApp itu ada banyak folder dan file yang nantinya digunakan untuk mendukung pembuatan aplikasi cordova

folder baru project cordova

  • cordova platform add <platform name>

perintah cordova platform add digunakan untuk menambahkan fungsi platform pada aplikasi yang akan dibuat. Ada beberapa platform yang didukungnya seperti browser, android, IOS dan Windows

contoh : cordova platform add android

  • cordova run <platform name>

perintah cordova run <platform name> digunakan untuk menjalankan aplikasi cordova yang telah dibuat waktu menambahkan platform di atas. Biasanya untuk aplikasi android,IOS atau windows anda bisa menggunakan fungsi dari EMULATOR

  • cordova-plugin-camera

perintah cordova plugin merupakan perintah untuk menambahkan plugin yang dapat digunakan untuk penyambung antara aplikasi cordova dengan device yang digunakan. Anda bisa melihat macam – macam plugin yang didukung oleh apache cordova di alamat https://cordova.apache.org/plugins/

Instalasi Java development Kit (JDK)

Jika anda membuat aplikasi berbasis android dengan apache cordova harus menambahkan yang namanya android SDK, nah android SDK sendiri membutuhkan JAVA Development Kit untuk bisa berjalan.

Berikut ini langkah untuk menambahkan Java Development Kit dalam computer anda

  • Download JDK

Untuk download JDK silakan langsung ke website resminya https://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html

Perlu dipahami untuk menjalankan aplikasi dari apache cordova diperlukan JDK versi 8, anda cek terlebih dahulu versi windows anda di Klik Kanan MyComputer

versi windows

  • Install JDK

Java Development Kit merupakan salah satu software yang harus di install agar aplikasi android dapat berjalan dengan baik. Yang perlu diperhatikan ketika anda memilih tipe dari JDK di website resminya harus melihat terlebih dahulu versi windows anda seperti gambar di atas. Jika versi 64bit maka pilih jdk windows 64, sedangkan jika versi windows adalah 32 bit, maka pilihlah jdk windows 86

versi jdk

setelah proses download silakan anda instal seperti biasa seperti proses instalasi software

install jdk

  • Setting JAVA

Biar java dapat berjalan normal di computer anda, maka harus disetting lokasi javanya. Langkah – langkah setting java sebagai berikut :

  • Setelah instal JDK anda cek lokasi java di computer anda

lokasi jdk

  • Copykan lokasi java tersebut ke dalam system setting dengan klik kanan My Computer – properties, lalu klik “Advanced System Settings”

environment variables

  • Klik tombol “environment variables”
  • Cari PATH, pastekan lokasi JAVA yang sudah di copy tadi di akhir baris dengan di akhiri semicolon (;)

path java

Setelah proses instalasi cordova dan instalasi SDK dan JDK maka proses pembuatan aplikasi dengan apache cordova sudah bisa dipakai. Untuk melihat hasil pembuatan aplikasi dengan cordova bisa dicek pada folder platform di dalam aplikasi cordova tersebut

lokasi cordova android