Membuat Aplikasi Android Dengan Ionic Part1

Membuat aplikasi Android dengan Ionic, sebelum memulai mari kita berkenalan dengan Ionic Framework, seperti kata peribahasa Indonesia tak kenal maka tak sayang.
Ionic dibangun diatas AngularJS dan Apache Cordova, untuk pengembangan aplikasi mobile hybrid lintas platform Android dan iOS dengan menggunakan teknologi web seperti CSS, HTML5, dan Sass.
Tujuan awal Ionic adalah mempermudah web programmer terjun kedalam industri mobile aplikasi sehingga tidak perlu belajar Java, Objective C atau C#. Kelebihan dari Ionic sendiri adalah gratis, bersifat open-source dan menggunakan teknologi web terkini.

Ionic Framework

Karena Ionik adalah HTML5 framework, maka masih diperlukan pembungkus native seperti Cordova atau PhoneGap untuk dapat menjalankan sebagai aplikasi native.
Untuk info lebih lanjut tentang Ionic dapat kujungi tautan di bawah ini : http://ionicframework.com/docs/guide/preface.html

Persiapan Instalasi Development Environment Untuk PC Windows

Silahkan di unduh (lewati bila yang sudah ada). Setelah download selesai, install seperti urutan gambar di bawah ini.

• NOdeJS https://nodejs.org/en/
• GIT https://git-scm.com/download/win
• Java SE Development Kit 7u79 – http://www.oracle.com/technetwork/java/javase/downloads/jdk7-downloads-1880260.html
• Android Studio http://developer.android.com/sdk/index.html
• Brackets Text Editor http://brackets.io/

Instalasi  NodeJS

Instalasi NodeJS 1

Instalasi NodeJS 2

Instalasi  Git

Instalasi Git 1

Instalasi Git 2

Instalasi Git 3

Instalasi Git 4

Instalasi Git 5

Instalasi Git 6

Instalasi  JDK7

Download versi JDK7 sesuai dengan versi windows Anda, x86 atau x64 lalu install dengan default setting atau next…next..next sampai selesai.

Instalasi JKD7

Instalasi  Android Studio

Android Studio

Download versi Android Studio lalu install dengan default setting atau next…next..next sampai selesai.

Periksa Environment Variables

Setelah selesai install, periksa Environment Variables yang sudah terdaftar dalam sistem dengan cara :
“Start Menu” -> Klik kanan “Computer” pilih “Properties” pilih “Advanced System Settings” lalu klik tombol “Environment Variables”
Pastikan value pada Variable “PATH” terisi dengan “C:\Users\iwartek\AppData\Roaming\npm;D:\Android\sdk\tools;D:\Android\sdk\platform-tools”
Catatan : untuk direktori seperti contoh di atas, Saya install Android SDK pada drive D dan folder Android yang telah Saya buat sendiri. Yang penting X:\xx\sdk\tools dan X:\xx\sdk\platform-tools terdapat pada Environment Variables di sistem Anda.

Enviroment Variable

Instalasi Ionic Framework & Cordova

Buka program Git Bash lalu ketik :

npm install -g ionic

1	npm install -g ionic

Proses ini mungkin akan memakan waktu agak lama.

Git Instalasi Ionic Framewok

Setelah proses instalasi Ionic Framework selesai jangan Anda tutup Git Bash, lanjutkan ketik :

npm install -g cordova

1	npm install -g cordova

Git Instalasi Cordova

Instalasi Brackets Text Editor

Program ini nanti akan kita gunakan untuk melakukan coding dalam pembuatan Aplikasi Android dengan Ionic.