Tag: Ionic

Setelah memutuskan untuk menggunakan Ionic sekarang saatnya memulai dengan Installasi. Hal pertama yang dilakukan adalah memperhatikan Situs resminya Ionic. Jujur tampilan dan showcasenya memukau tetapi saat masuk ke start pagenya ternyata banyak sekali dependencies yang harus dipelajari!

 

Cordova/Phonegap sudah sangat jelas harus dipelajari tetapi rasanya cukup sulit jika harus juga menginstallasi Node.js, AngularJS selain Android SDK/iOS SDK. Untungnya pada Video Raymond Camden, dia memperlihatkan sebuah Alternatif installasi yaitu menggunakan Vagrant.

Vagrant menggunakan Virtual Box untuk mensetup Development Environment dari Box yang sudah disediakan oleh orang lain. Dalam pemahaman saya, sebuah Box itu identik dengan Image/ISO dan didalamnya sudah ada semua kebutuhan untuk mulai Development. Dalam hal ionic-android Box sudah langsung memiliki

• Node.js
• Git
• Java SDK 7 update 65 (OpenJDK7)
• Apache Ant
• Android SDK
• Cordova
• Ionic Framework
• Expect

Konsep ini membuka mata saya terhadap kemungkinan-kemungkinan lain. Saya bisa menggunakan banyak Box dan hanya mengaktifkan saat dibutuhkan. Hal yang mirip saat ini saya lakukan dengan services di Windows dimana saat saya sedang tidak menggunakan ColdFusion / SQL Server / Oracle maka servicenya tidak saya nyalakan. Walaupun cara itu juga bagus tetapi kenyataannya mungkin ada servis atau proses-proses yang nyala yang menghabiskan resources. Dengan menggunakan Vargrant/VM saya cukup menyalakan VM yang saya butuhkan saja dan mengatur berapa HD, Memori dan Processor yang saya alokasikan. Kekurangannya kita akan membutuhkan resource lebih banyak untuk OS dll milik si VM.

Walau secara teori terdengar sangat mudah namun prakteknya banyak hambatan, yaitu:

• Vargant membutuhkan waktu untuk download Box, dengan koneksi internet 100-150 kbps ini bisa memakan 5 jam (maklum, Imagenya ukurannya 2.5 GB)
• Berkali-kali mencoba meng-up kan Vargant tetapi terhenti di VM is Booting Up, entah apa masalahnya dan akhirnya harus menghabiskan waktu mencari solusi untuk mengendalikan Virtual Box dan tetap gagal

Karena sudah menghasibkan 1.5 hari untuk mencoba-coba dan tetap gagal, akhirnya saya memutuskan untuk menginstallasi masing-masing komponent secara manual. Ternyata lebih cepat dan tidak terlalu sulit (walaupun masih penasaran ingin lakukan development di VPN lokal).

Di situs resmi ada tutorial bagus untuk installasi Ionic di Windows ditambah SDK Android. Dan Videonya juga mudah diikuti.

Singkatnya, untuk Installasi Ionic saja (tanpa kebutuhan Builder) bisa dilakukan dalam 2 langkah mudah:

1. Installasi Node.js
2. Jalankan perintah berikut dari Command Prompt

Dan jika menggunakan Mac, tambahkan sudo di depan

Akhirnya selesai Installasi dan akhirnya bisa ke bagian serunya. CODING!

Saya baru menyelesaikan Dasar Logic Security dan CRUD Aplikasi InSys2 (Internal System milik Kantor) menggunakan Framework ColdBox berbentuk REST API. Untuk Akses ke APInya sendiri saat ini di kantor menggunakan extJS. Rasanya sekarang sudah saat yang tepat untuk berpikir ke arah selanjutnya yaitu penerapan ke Mobile.

Awal tahun saya sempat membandingkan antara Cordova/Phonegap dan Appcelerator/Titanium. Dan saat itu saya memutuskan untuk menggunakan Appcelerator. Tetapi seiring waktu saya perhatikan bahwa salah satu Guru Online saya, Raymond Camden aka ColdFusion Jedi, sering posting mengenai Phonegap dan betapa mudahnya membuat aplikasi cantik dengan Framework Ionic. Dan kebetulan pada saat Logic Dasar InSys2 selesai Raymond Camden memposting Video di Blognya saat memberikan Presentasi di NCDevCon.

Dalam Video berdurasi 45 menit tersebut, Ray memperlihatkan betapa mudahnya membuat aplikasi dengan Ionic dan ini membuat saya memutuskan untuk mencoba belajar Ionic di Waktu Senggang saya.

Saya kira mudah, ternyata saya salah

Agar pengalaman saya bisa bermanfaat untuk orang banyak, akhirnya saya memutuskan untuk mendokumentasikan perjalanan saya dari mulai Installasi sampai akhirnya sebuah App sederhana bisa saya selesaikan.