|
Ionic Framework, ia adalah sebuah platform yang bisa membuat aplikasi Mobile dengan TEKNOLOGI WEB
Salam hangat, pada kesempatan kali ini saya ingin berbagi tentang IONIC FRAMEWORK – Building Hybrid App.
APA ITU IONIC FRAMEWORK?
Ionic Framework didirikan pada tahun 2012 silam. Kemudian apa ituu Ionic Framework, ia adalah sebuah platform yang bisa membuat aplikasi Mobile dengan TEKNOLOGI WEB. Artinya apa? Seorang developer web yang ingin menjadi programer Mobile tidak perlu belajar Java untuk aplikasi Android atau Objective C atau Swift untuk aplikasi iOS Apple. Sebelumnya, pendiri ionic ingin membuat gebrakan revolusioner dengan konsep mengubah konsep Write one Run Anywhere dengan satu base code berbasis typescript Angular 4. Dan saat ini sudah beranjak di versi 3 dan menggunakan Angular 4
KELEBIHAN IONIC FRAMEWORK
Adapun kelebihan – kelebihan dari framework ini, jika anda punya website atau WebApp dan ingin dibuatkan aplikasi mobilenya, Ionic Framework adalah pilihan yang tepat.
Lisensi Opensource
Ionic platform menggunakan lisensi opensource, anda boleh membuat aplikasi free ataupun comercial dengan Ionic.
Menggunakan teknologi web terbaru
Ionic memanfaatkan Angular untuk implementasi logicnya.
Target Hanya untuk Android 4 dan ios 7 Keatas
Anda bisa melihat ini sebagai kelebihan ataupun kekurangan. Bagi yang suka dengan hal baru dan ingin kode yang bersih tanpa memikirkan kompabilitas dengan versi mobile OS lama, maka ionic adalah platform yang paling pas.
Berbasis Apache Cordova
Perhatikan point ini. Ionic hanya menyediakan frameworknya, untuk membungkusnya menjadi aplikasi Android atau iOS anda tetap pakai Cordova. Artinya bagi para programer Cordova dengan platform lain, keahliannya tetap bisa dipakai.
Untuk Preview Bisa Gunakan Browser
Salah satu kelebihan yang saya sukai adalah preview bisa menggunakan browser tanpa perlu ke perangkat atau juga emulator
MEMULAI IONIC FRAMEWORK
Untuk memulai menggunakan Ionic Framework saat ini ada dua cara :
IONIC CLI
Ionic CLI adalah tool command line yang digunakan untuk membuat project dan menjalankan project. Masih banyak fitur dari ionic CLI ini, silahkan mengacu ke http://ionicframework.com/docs/cli/start.html.
Sebelumnya, install terlebih dahulu Node.js. Lalu, install Cordova dan Ionic command-line.
IONIC CREATOR
Cara kedua yaitu menggunakan Ionic Creator, berbeda dengan jQuery mobile atau platform lain yang memaksa kita coding manual untuk mendesain tampilan UInya. Ionic menyediakan Ionic Creater, produk free yang akan memudahkan anda mendesain tampilan UI dari aplikasi. Ionic Creator sendiri adalah WebApp artinya anda harus mengaksesnya lewat Browser. Untuk Akun Free kita hanya bisa mendesain satu aplikasi saja, Jika ingin lebih belilah paket Premium. Anda bisa mencobanya di https://creator.ionic.io/app/login.
IONIC VIEWAPP
Fungsi utamanya adalah mempreview program Ionic langsung dari Android atau iOS. Aplikasi yang bisa di preview oleh ViewApp bisa aplikasi yang kita buat.
APA YANG HARUS DIPELAJARI TERLEBIH DAHULU
Setelah kita tahu teknologi kelebihan ionic diatas, ada beberapa teknologi yang harus ada kuasai, minimal anda tahu sebelum terjun ke Ionic. Ilmu ini harus anda pahami kalau ingin membuat aplikasi bagus. Kalau anda tidak pernah mencoba atau mendengar teknologi dibawah ini, jangan buru buru coba ionic, kalau dipaksakan, paling paling anda berhenti ditengah jalan.Teknologi itu adalah
- HTML5/CSS/Javascript
- Nama komponen visual di mobile App (android/iOS)
- AngularJS
- Dasar dasar NodeJS/NPM
- Phonegap/Apache Cordova
- Command line (CMD/Bash/Terminal Linux)
- Cara membuatApk atau membuild /compile iosApp.
Jadi 7 point itu harus anda pahami dulu, mengapa saya tekankan disini. Untuk point 7, jika anda hanya ingin membuat versi androidnya, maka anda tidak perlu belajar XCode. karena banyak programer yang berusaha memakai teknologi baru tanpa memperhatikan ilmu dasarnya, makanya jangan heran banyak programer stress dan banyak mahasiswa mentok di tengah jalan karena tergiur berbagai fitur framework yang ditawarkan.
Ini ada beberapa aplikasi yang dibuat dengan Ionic Framework
Sworkit |
TD Trading |
Lebih lengkap bisa liat – liat dsini http://showcase.ionicframework.com/
Sebagai penutup, tulisan yang saya tulis ini bisa bermanfaat. Insya allah selanjutnya saya akan melanjutnya tulisan dengan tutorial memulai dari 0
sumber :
- https://ionicframework.com/
- http://www.candra.web.id/mengenal-ionic-framework/