Sebelumnya saya sudah menjelaskan tentang Software Framework Ionic yang dapat dengan mudah membuat Aplikasi APK Android. Jika anda belum mengetahui ada bainya anda membaca terlebih dahulu Pengenalan Framework Ionic. Nah dalam Kesempatan ini saya akan share kan bagaimana cara menginstal Aplikasi Framework Ionic mulai dari mendownload Jamu-jamu nya sampai dapat digunakan untuk membuat aplikasi.
Berikut Tutorial membuat APK
android dengan Framework Ionic :
Langkah-langkah pertama yang agan siapin aplikasi pendukung nya adalah sebagai berikut :
- Ionic lab silahkan download di link ini
- Android sdk manager silahkan download di link ini
Ok setelah semua aplikasi sudah selesai di sedot mari kita pasang
satu persatu.
1. Apache agan extract di drive agan senangin Terserah dimana aja asal jangan tong sampah :V.
Contoh ane punya seperti tampak dibawah ini :
2. Langkah selanjutnya agan install node js nya, seperti biasa aja gan
next, next, dan finish :).
3. Install SDK Managernya
hehe mungkin di
sini deh waktu sangat membosankan, tapi tenang aja gan, tinggal bikin 1 cangkir
kopi untuk menemanin kita. Ok kopi ud siap,
4. Selanjutnya agan atur PATCHnya cara
nya. Agan buka control panel kemudian agan search dan ketikan environmen, lalu
agan klik edit the system environmen, kemudian klik environmen variabel lalu
klik new buat nama variabel nya PATH, lalu Variabel Value nya aga kopi folder
bin apache yang agan extrak tadi contoh
Begitu juga dengan andrid sdk.
Contoh ane punya seperti tampak dibawah ini :
Untuk android sdk ada 2 folder yang mau di kopi
“platform-tools” dan “tools” = E:\Android\apache-ant-1.9.6\bin;E:\Software\software
android\android-sdk-windows\platform-tools;E:\Software\software
android\android-sdk-windows\tools".
5. Ok langkah selanjut agan buka cmd kemudia
agan install Cordova dan ionic dengan cara agan ketik “npm install –g cordova
ionic” no tanda petik, dengan sarat agan harus terkoneksi internet
6. Setelah selai penginstall cordova dan ionic agan install
ionic lab. Setelah selesai mulai deh merancang apk.
Pertama buka ionic lab lalu agan klik + new app kemudian
agan buat nama app yang mau agan buat, kemudia agan browse kemana tempat folder
mau disimpan, lalu pilih kategori contoh yang kita pakai sideMenu, kemudian create
app
Contoh ane punya seperti tampak dibawah ini :
7. Untuk menampilkan ke browser
atau agan mau lihat hasilnya, agan tinggal buka cmd kemudian agan masuk ke
direktori yang agan save pada create new app tadi.
Contoh ane punya seperti tampak dibawah ini :
Lalu agan ketik coding “ionic serve –lab” hasil seperti ini
Selesai. Untuk Aplikasi Tambahan dalam Mengedit, Agan dapat menggunkan Aplikasi pihak ke-3 seperti Notepad ++ , Dreamweaver dan Editor HTML lainnya. Semoga bermanfaat ya gan. Jika ada pertanyaa silahkan comment dibawah ini :
Tidak ada komentar:
Posting Komentar