Cara Membuat Blog Anda menjadi Aplikasi Android

Apa itu Ionic Framework

Ingin memiliki Aplikasi Android dari blog Anda ? dengan bantuan ionic framework ini sangat memungkinkan, Ionic framework adalah sebuah Mobile App Framework sehingga Anda dapat membuat sebuah mobile application  baik itu android, ios, windows phone dll dengan menggunakan web technology dengan bantuan Angular js dan Apache Cordova.

Prequsition

Apa yang perlukan untuk membuat Aplikasi Hybrid ini ?

  1. Apache Cordova
  2. Node.js
  3. Ionic Framework

Langkah Pembuatan

Saya tidak mengulas cara menginstall Ionic Framework, Node.js dan Apache Cordova namun tutorial ini lebih meng-cover untuk pembuatannya. kita akan membuat Aplikasi Android dari blog wordpress saya dengan nama project WebMan .

  • Buat Ionic Project dengan menjalankan ionic start WebMan blank -p com.webman.main.
  • Edit index.html didalam folder www dan tambahkan tag berikut https://sahidkusuma.wordpress.com/
  • Pada style.css tambahkan baris ini

ion-content div.scroll{
height: 90%; }

.webPage{
width: 100%;
height: 100%;
}

  • Jalankan perintah ionic serve, maka akan muncul tampilan seperti berikut pada browser anda atau buka http://localhost:8100/

Screen Shot 2016-04-03 at 08.15.22

  • Untuk mengetes aplikasi anda langsung tanpa membuat binaries nya (apk), Anda dapat menginstall ionic view di Android Anda, selanjutnya jalankan perintah ionic upload

Code Sample

https://github.com/duniadua/WebMan.git

Summary

Dengan menggunakan ionic framework anda dapat membuat Hybrid Application dengan pengetahuan html / web yang Anda miliki, sehingga batasan Android Native dan Hybrid sangat tipis sekali, jika Anda memiliki project, pertanyaan sehubungan dengan pembuatan aplikasi diatas silahkan komentar atau menghubungi saya follow my git

Iklan

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s