Pemrograman | apa itu ionic framework

CARA INSTALASI DAN KEGUNAAN IONIC FRAMEWORK
By Muh Kamaludin Fadhil | Sep 3 2018

 

Sebelum membahas cara instalasi dan kegunaan ionic framework, terlebih dahulu kita akan  membahas apa itu Ionic Framework.
Hallo teman-teman bertemu lagi pada tutorial dumet school, pada artikel kali ini saya akan menjelaskan sedikit tentang apa itu ionic framework.
Tidak bisa dipungkiri lagi perkembangan mobile apps sangat lah berkembang pesat pada era sekarang ini, oleh karena itu banyak dari pihak pengembang layanan website berlomba-lomba aplikasi mobile appsnya.
Nah untuk teman-teman yang ingin mengimplementasikan aplikasi website menjadi mobile apps sekarang ada framework ionic, nah apa itu ionic framework?
Ionic adalah platform yang bertujuan agar Programer Web dapat membuat aplikasi Mobile dengan berbasis Website. yang artinya, untuk teman-teman para programmer web yang ingin membuat aplikasi mobile berbasis website tidak perlu harus belajar java, C, C# dan lain sebagainya. inilah tujuan dari si pembuat framework Ionic yang di mana di dalamnya merupakan base code berbasis javascript.

Cara menggunakan Ionic Framework di Windows

 Sebelum mulai menggunakan Ionic saya jelaskan untuk apa Ionic framework itu. Ionic digunakan untuk membangun aplikasi mobile dengan menggunakan bahasa website, seperti HTML5, CSS, Javascript dan lainnya.

1. Pastikan anda untuk menginstall Git For Windows dan opisional console : http://www.git-scm.com/download/win
2. Install NodeJs http://www.nodejs.org/dist/v0.12.0/node-v0.12.0-x86.msi setelah install selesai
3. Buka Command Prompt.

1. NODE JS
   Cek apakah NodeJs sudah ter-install atau belum

Jika keluar error seperti :

C:\Users\LENOVO>node -v
‘node’ is not recognized as an internal or external command,
operable program or batch file.

Berarti Anda belum setting pathnya, cara setting path :

Select Start -> Computer -> System Properties -> Advanced system settings -> Environment Variables -> System variables -> PATH.

5. NPM

NPM (Node Package Manager). Ini sudah terinstall bersamaan dengan install nodejs. Tools ini akan sangat membantu saat menambahkan module nodejs akan terinstall secara default di C:\Program Files\nodejs\node_modules\npm\bin

Cek apakah NPM sudah ter-install atau belum

CATATAN: Setiap kali Anda membuat perubahan pada PATH, atau variabel environtment lainnya, Anda harus me-restart atau membuka tab baru dalam program shell untuk perubahan PATH berlaku.

Install Cordova

Ketikan npm install –g cordova kemudian enter, Tunngu sampai proses install cordova selesai dan ini membutuhkan koneksi internet. Jika seudah selesai buka cmd dan cek cordova

Install Ionic

Tunggu sampai proses ionic selesai, kemudian cek ketikan ionic kemudian enter

Membangun aplikasi ionic dengan command promf

• Pertama kita ketkan cd Desktop, ini berarti kita membuka folder desktop windows
• Kedua kita membuat aplikasi ionic yang otomatis akan didownload dan disimpan di desktop dengan nama folder myapp
• Myapp adalah nama aplikasi yang akan dibuat
• Blank adalah template dari ioni, ada tiga pilihan template yang bisa dipilih blank, tabs, dan sidemenu
• Tunggu sampai proses download selesai, disini saya perlihatkan apa bila selesai maka folder myapp akan ada di desktop

Running aplikasi ionic di browser

Selamat Anda telah selesai membangun aplikasi ionic

Bagaimana cara menjalankan aplikasi IONIC di android menggunakan ubuntu?

Menguji aplikasi Anda di peramban dengan layanan ionik atau dengan emulator cepat, mudah, dan nyaman saat aplikasi Anda sedang dalam pengembangan, tetapi akhirnya Anda harus menguji pada suatu perangkat. Tidak hanya itu satu-satunya cara untuk secara akurat menguji bagaimana aplikasi Anda akan berperilaku dan bekerja, banyak plugin Ionic Native hanya akan berfungsi ketika dijalankan pada perangkat keras yang sebenarnya.

Untuk menguji perangkat keras yang terkait plugins kita harus menjalankan aplikasi kita di perangkat android nyata. Untuk menjalankan aplikasi ionik di perangkat android menggunakan sistem ubuntu ikuti langkah-langkah di bawah ini.
Persyaratan

    Java JDK
    Gradle
    Android Studio atau Alat SDK (https://developer.android.com/studio/index.html)

Instal Java

Jalankan perintah berikut untuk menginstal JDK 8 pada sistem Anda.

sudo apt-get install openjdk-8-jdk

Verifikasi instalasi.

java -version

Unduh Gradle

Jalankan perintah berikut untuk mengunduh Gradle ke sistem Anda.

sudo apt-get install wget unzip

Kemudian

wget https://services.gradle.org/distributions/gradle-3.4.1-bin.zip

Anda selalu dapat memeriksa halaman rilis Gradle untuk mencari tautan ke versi terbaru Gradle.

Instal Gradle

Buat direktori untuk instalasi Gradle.

sudo mkdir / opt / gradle

Ekstrak arsip yang diunduh ke direktori yang baru dibuat.

sudo unzip -d / opt / gradle gradle-3.4.1-bin.zip

Konfigurasikan variabel lingkungan PATH sehingga file eksekusi gradle dapat langsung dijalankan di mana saja pada sistem. Atau jika Anda ingin menginstalnya secara permanen, letakkan baris di bawah ini di file ~ / .bashrc Anda yang ada di direktori home Anda untuk melihat file yang ditekan Ctrl + h di direktori Anda.

ekspor PATH = $ PATH: /opt/gradle/gradle-3.4.1/bin

Anda dapat menjalankan perintah berikut untuk memeriksa apakah pemasangan Gradle berhasil.

gradle -v

Instalasi selesai. Sistem Anda sekarang siap untuk membuat program menggunakan Gradle.

Android Studio atau Alat SDK (https://developer.android.com/studio/index.html)

    Setelah Anda mengunduh alat SDK, Anda harus menyetel jalur rumah android di komputer Anda. Untuk itu di konsol cukup ketik ini (ingat untuk mengubah ke lokasi Anda saat ini)
    ekspor ANDROID_HOME = $ HOME / jalur SDK Anda
    ekspor PATH = $ PATH: $ ANDROID_HOME / alat

Jika Anda ingin membuatnya permanen, tambahkan saja baris-baris itu di file /.bashrc.

Untuk menjalankan aplikasi Anda, yang harus Anda lakukan hanyalah mengaktifkan USB debugging dan Mode Pengembang di perangkat Android Anda, kemudian jalankan mengikuti dari baris perintah.

ionic cordova menjalankan android --device

Mengaktifkan debugging USB dan Mode Pengembang dapat bervariasi antar perangkat, tetapi mudah dicari dengan pencarian Google. Anda juga dapat memeriksa Mengaktifkan Opsi Pengembang di-perangkat di dokumen Android.

Sekarang perintah di atas dapat menyuntikkan aplikasi android Anda di perangkat Anda yang dapat Anda uji langsung dari perangkat.

Membangun Aplikasi Andorid Dengan Ionic Framework

Membangun aplikasi Android dengan IONIC Framework | Dalam tutorial ini kita akan membangun android dengan ionic. Untuk memulai Anda bisa meng-install ionic windows pada tutorial saya sebelumnya disini. Sangat mudah untuk membuilt ionic Anda menjadi aplikasi Android tetapi untuk membuild menjadi IOS tidak akan saya bahas disini karna membutuhkan Xcode.

• Download JDK

http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html

• Download Android Studio dan SKD Tools

https://developer.android.com/studio/index.html?hl=id

Anda bisa lihat saya sudah men-download JDK dan Android Studio.

• Install JDK yang sudah didownload.

Ikuti setiap langkahnya sampai selesai.

• Sekarang kita akan menambahkan JDK yang sudah di install tadi kedalam system variabel.

Bukan pencarian masukan kata kunci “env” seperti gambar dibawah ini

Kemudian pilih tab Advanced –> Environment Variabels…

#1. Klik New…  –>  #2. Browse lokasi JDK Anda…  –>  #3. Kemudian klik OK.

• Install Android Studio.

Ikuti setiap langkahnya sampai selesai.

• Buka Command Prompt untuk menambahkan platform Android

Ionic platform add android ini digunakan untuk memberitahu ionic bahwa kita ingin membuat Android platfom. Tekan Enter dan ini membutuhkan koneksi Internet.

Jika sudah maka Akan Ada folder baru platforms di project ionic Anda.

• Buka kembali Command prompt untuk membuild Android menjadi apk. Setelah tadi kita menambahkan platform dengan Command prompt dilangkah sebelumnya.

Tunggu sampai build selesai dan ini membutuhkan koneksi ke internet.

Jika sudah selesai Anda bisa menemukan .apk aplikasi android yang sudah siap untuk diinstall disini, untuk selanjutnya bisa Anda install di smartphone. F:\ionic\default\platforms\android\build\outputs\apk

Selain ionic build android kita juga bisa membuild apk langsung ke smartphone dengan ionic run android. Ditutorial berikutnya akan saya beritahu caranya karna dismartphone anda mode android debug harus di aktifkan terlebih dahulu dan USD debug.

Alasan Mengapa Memilih Ionic Framework Untuk Membuat mobile apps

Hallo teman-teman, pada kesempatan kali ini saya akan berbagi tentang mengapa kita perlu belajar framework mobile apps Ionic?. Sebelum itu kita harus mengetahui mengapa kita perlu mempelajari pengembangan mobile apps? Untuk itu saya akanmemperjelas pemahaman tentang apa dan mengapa kita harus belajar mobile apps di artikel ini.
Pada tahun ini, mulai banyak perubahan yang terjadi dalam penyediaan informasi ke publik, mulai dari penggunaan kertas yang semakin dikrangi seperti Koran yang mulai diganti menggunakan berita online, sampai form pendaftaran yang sekarang sudah banyak menggunakan aplikasi dengan system CRUD. Sampai pada saat ini dimana semua informasi lebih mudah diakses menggunakan aplikasi pada smartphone.
Ini lah alasan mengapa kita harus mempelajari framework mobile apps, Dan saya menyarankan kalian untuk belajar Ionic, Mengapa ionic? Berikut Ini adalah beberapa keunggulan ionic yang harus kalian ketahui

Berfokus Ke Aplikasi Berbasis Web
Ionic memang di desain dengan memanfaatkan HTML, CSS dan Javascript yang sudah sangat powerful untuk membuat aplikasi berbasis web. Sehingga untuk kalian yang sudah terbiasa mengembangkan website dapat dengan mudah mempelajari Mobile Apps dengan cepat karena tidak banyak bahasa baru yang harus digunakan

Menggunakan Teknologi Web Terbaru,
Framework Ionic sudah sangat powerful dengan  memadukan antara HTML5, CSS3 dan Javascript, serta Framework Angular JS yang memang dikembangkan oleh Google yang sudah pasti sangat baik dalam penggunaannya.

Berbasis Apache Cordova
Apache cordova sendiri memang sudah ada sebagai pendahulunya, maka untuk kalian yang sudah terbiasa menggunakan PhoneGap tetap bisa menggunakan keahlian kalian pada framework Ionic.

Memiliki Lisensi Open Source
Dengan Lisensi OpenSource, setiap pengguna yang sudah sangat menguasai framework tersebut dapat dengan bebas mengkustomisasi dan mengembangkan lebih lanjut.

Berfokus pada Android versi 4 sampai versi terkini
Dengan berfokus pada pengembangan di versi android terbaru, maka bisa juga dianggap sebagai kelebihan dan kekurangan, di satu sisi,, system operasi yang lama tidak akan mendapat support pada aplikasi ionic, namun dengan begitu, kalian bisa lebih focus dan tidak terlalu memikirkan tentang kompatibilitas, serta menjaga kode yang kalian tulis tetap bersih.
Hallo teman-teman bertemu lagi pada tutorial dumet school, pada artikel kali ini saya akan menjelaskan sedikit tentang apa itu ionic framework.
Tidak bisa dipungkiri lagi perkembangan mobile apps sangat lah berkembang pesat pada era sekarang ini, oleh karena itu banyak dari pihak pengembang layanan website berlomba-lomba aplikasi mobile appsnya.
Nah untuk teman-teman yang ingin mengimplementasikan aplikasi website menjadi mobile apps sekarang ada framework ionic, nah apa itu ionic framework?
Ionic adalah platform yang bertujuan agar Programer Web dapat membuat aplikasi Mobile dengan berbasis Website. yang artinya, untuk teman-teman para programmer web yang ingin membuat aplikasi mobile berbasis website tidak perlu harus belajar java, C, C# dan lain sebagainya. inilah tujuan dari si pembuat framework Ionic yang di mana di dalamnya merupakan base code berbasis javascript.


Demikian adalah mengenai Tentang ionic framework, Semoga bermanfaat.

Sumber: 
google.com

1.      http://www.kursuswebsite.org/

2.      http://www.tutorial-webdesign.com

3.      https://blog.thirdrocktechkno.com

4.      www.tutorial-webdesign.com/
s