Setelah kenalan dengan Cordova di postingan Kenalan dengan Cordova – Siapanya PhoneGap? , sekarang saatnya memulai untuk membuat aplikasi mobile dengan Cordova. Untuk membuat aplikasi mobile dengan Cordova kita perlu mempersiapkan beberapa hal agar kita dapat menggunakannya. Pada pembahasan kali ini akan disampaikan hal apa saja yang perlu dipersiapkan dan cara yang termudah untuk melakukan setting environment-nya. Sebagai catatan kita hanya malakukan konfigurasi untuk membuat aplikasi mobile platform Android saja.
langsung saja, ayo kita mulai tahap demi tahap berikut:
Install Java Developement Kit (JDK)
Java Developement Kit atau yang sering disingkat JDK merupakan development environment untuk membangun aplikasi, applet dan komponen yang menggunakan bahasa pemrograman Java. Apa hubungannya dengan Cordova?, Walaupun Cordova dibangun dengan teknologi frontend website (HTML, CSS, Javascript) pada implementasi ketika aplikasi sudah jadi membutuhkan environment native, disinilah JDK berperan.
Silakan langsung install saja, kita dapat mendownload di website resminya disini.
Install Android Studio (Gradle dan SDK Android)
Berdasarkan web resminya Android Studio adalah Lingkungan Pengembangan Terpadu – Integrated Development Environment (IDE) untuk pengembangan aplikasi Android, dan dibangun berdasarkan IntelliJ IDEA . Selain digunakan untuk editor kode IntelliJ dan alat pengembang, Android Studio menawarkan fitur lebih banyak untuk meningkatkan produktivitas kita saat membuat aplikasi Android, misalnya:
- Sistem versi berbasis Gradle yang fleksibel
- Emulator yang cepat dan kaya fitur
- Lingkungan yang menyatu untuk pengembangan bagi semua perangkat Android
- Instant Run untuk mendorong perubahan ke aplikasi yang berjalan tanpa membuat APK baru
- Template kode dan integrasi GitHub untuk membuat fitur aplikasi yang sama dan mengimpor kode contoh
- Alat pengujian dan kerangka kerja yang ekstensif
- Alat Lint untuk meningkatkan kinerja, kegunaan, kompatibilitas versi, dan masalah-masalah lain
- Dukungan C++ dan NDK
- Dukungan bawaan untuk Google Cloud Platform, mempermudah pengintegrasian Google Cloud Messaging dan App Engine
Untuk membuat porgram dengan Cordova sendiri sebenarnya yang paling dibutuhkan dari Android Studio adalah penggunaan Gradle dan SDK Android. Hal ini akan memudahkan kita dalam mengembangkan aplikasi kedepannya, dibandingkan kita install satu persatu secara terpisah. Dari penjelasan tersebut sebenarnya kita dapat menginstall secara terpisah, Gradle sendiri, begitupun SDK Android. Selain itu kita dapat menggunakan emulator dari Android Virtual Device (AVD) di dalam Android Studio untuk menjalankan/men-debug aplikasi yang kita kembangkan.
Install Node.js
Node.js adalah platform perangkat lunak pada sisi-server dan aplikasi jaringan. Ditulis dengan bahasa JavaScript dan dijalankan pada Windows, Mac OS X, dan Linux tanpa perubahan kode program. Node.js memiliki pustaka server HTTP sendiri sehingga memungkinkan untuk menjalankan server web tanpa menggunakan program server web seperti Apache atau Lighttpd.
Salah satu yang ada di dalam Node.js adalah Package Manager yang biasa disebut dengan npm. Di bagian inilah yang akan kita gunakan untuk menginstall Cordova dan package-package lainnya yang nantinya dibutuhkan dalam pengembangan aplikasi mobile menggunakan Cordova.
Install Cordova
Setelah memastikan JDK, Android Studio dan NodeJS sudah terinstall dan berjalan dengan baik, maka tahap terakhir persiapan “ngoding” dengan Cordova adalah menginstall tools Cordova itu sendiri. Dalam menginstall cordova kita memerlukan npm milik Node.js untuk mendownload package-package-nya.
Jalankan Node.js command prompt untuk memulai menginstall Cordova. Kemudian ketikkan command berikut dan tunggu sampai download package selesai.
npm install -g cordova
Command diatas akan menginstall cordova versi terakhir dan akan dapat dijalankan di semua path di komputer kita (karena kita mengikutsertakan -g di dalam command).
Setelah semua terdownload dan selesai, kemudian jalankan command berikut untuk memastikan apakah Cordova sudah benar-benar terinstall.
cordova
Selesai sudah persiapan untuk memulai membuat aplikasi mobile menggunakan Cordova. Dari beberapa step tadi akan ada kemungkinan-kemungkinan masalah yang bermunculan. Silakan komen di bawah untuk sharing masalah yang dihadapi. Setelah ini akan ada tutorial “Hello World menggunakan Cordova” yang akan mengupas dasar dalam mengembangkan aplikasi mobile menggunakan Cordova. See U in the next tutorial.