Mengenal Ionic Framework

ionic-guide

MasPram – Semoga pembaca dalam keadaan sehat selalu, amin. Kali ini saya akan membahas mengenai Ionic Framework. Apa sih Ionic Framework? mungkin dari namanya kelihatannya merupakan nama minuman. Bukan, ionic bukan nama sebuah minuman melainkan sebuah framewok yang dikhususkan untuk membangun aplikasi mobile hybrid dengan HTML5, CSS dan AngularJS. Ionic menggunakan Node.js SASS, AngularJS sebagai engine-nya. Ionic dilengkapi dengan komponen-komponen CSS seperti button, list, card, form, grids, tabs, icon dan masih banyak lagi. Selain itu memungkinkan aplikasi dapat berjalan dibeberapa platform smartphone. Jadi Ionic itu merupakan teknologi web yang bisa digunakan untuk membuat suatu aplikasi mobile. Karena hybrid maka aplikasi hanya dibuat 1 kali tetapi sudah bisa dirilis di lebih dari 1 platform alias cross-platform.

Kelebihan

  • Mempersingkat waktu pembuatan dan pengambangan.
  • Gratis dan bebas digunakan untuk kepentingan pribadi maupun komersil.

Kekurangan

  • Masih sebatas framework, jika untuk membungkusnya menjadi aplikasi Android, iOS atau windows phone tetap menggunakan Phonegap

Cara menggunakan Ionic Framework

  • Untuk mempelajari lebih lanjut ionic framework dapat mengunjungi situs resminya di Ionic Framewok
  • Install terlebih dahulu Git For Windows dan opisional console [Disini]
  • Install terlebih dahulu Node.js  [Disini]
  • Buka CMD atau Command Prompt. Cek apakah sudah terinstall node.js atau belum. Ketikkan node -v

nodecek

  • Cek 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.
    Ketikkan npm -v di CMD

npmcek

  • Ketikan npm install –g cordova kemudian enter, Tunggu sampai proses install cordova selesai dan ini membutuhkan koneksi internet. Jika seudah selesai buka cmd dan cek cordova
  • Ketikan npm install –g ionic kemudian enter, Tunggu sampai proses install cordova selesai dan ini membutuhkan koneksi internet. Jika seudah selesai buka cmd dan cek ionic
  • Selanjutnya jalankan ionic menggunakan CMD, ketikkan seperti dibawah ini

ionicstart

  • Akan otomatis membuat folder myapp di desktop anda

des

  • Selanjutnya jalankan file project yang sudah terbuat tadi seperti dibawah ini, secara otomatis akan muncul di webbrowser anda.

ionicmyapp

myfirstapp

 

Sekian dan terimakasih, semoga bermanfaat 🙂

Membuat segitiga siku-siku menggunakan java #2

Kali ini akan membahas bagaimana membuat segitiga siku-siku, sebelumnya sudah diajari membuatnya namun berbeda arah sikunya saja. Berikut ini hasil jadinya :

segitiga siku-siku java

dan untuk source codenya seperti dibawah ini :

 

public class SegitigaSiku {
 public static void main(String[] args) {
      for (int i = 0; i < 10; i++) { //nilai 10 untuk jumlah tingkatannya
for (int k = 0; k < i; k++) {
System.out.print("*");
}
System.out.println();
}
}
}

Mudah bukan? selamat mencoba

Mengurutkan Array dan Mencari Elemen di Dalamnya Menggunakan Java

Kali ini akan membahas mengenai array. Dan bagaimana mengurutkan Array, untuk kasusnya kita akan mengurutkan angka yang belum tersusun secara urut. Bagaimana membuatnya, berikut ini caranya menggunakan java.


package EkoPram;

import java.util.Arrays;

/**
*
* @author SONY
*/
public class MengurutkanArray {
public static void main(String args[]) throws Exception {
int array[] = { -10, 2, 5, -2, 6, -3, 8, 0, -7, -9, 4 };
Arrays.sort(array);
printArray("Mengurutkan array", array);

int index = Arrays.binarySearch(array, 2);
System.out.println("Found 2 @ " + index);
}
private static void printArray(String message, int array[]) {
System.out.println(message
+ ": [Panjang : " + array.length + " bilangan]");
for (int i = 0; i < array.length; i++) {
if(i != 0){
System.out.print(", ");
}
System.out.print(array[i]);
}
System.out.println();
}
}

 

Maka hasilnya seperti ini :

sort

Membuat Belah Ketupat Menggunakan Java

Kali ini membahas tentang membuat objek belah ketupat menggunakan perulangan FOR. Bagaiamana membuatnya? Monggo tanpa panjang lebar penjelasan. Disini saya menggunakan aplikasi NetBens IDE 6.9.

Sebelumnya hasil akhirnya nanti akan seperti gambar dibawah ini

belahketupat

untuk source codenya dibawah ini

public static void main(String[]args){
System.out.println("Eko Pramono (103510281)");
System.out.println("");
int l = 1;
int tingkat = 10;
int n = 12/2;
for(int i=1;i<=n;i++){
for(int k=n;k>i;k--){
System.out.print(" ");
}
for(int j=1;j<=l;j++){
System.out.print("+");
}
l+=2;

System.out.println("");
}
l -= 4;

for(int i=(n-1);i>=1;i--){
for(int k=i;k<=(n-1);k++){
System.out.print(" ");
}
for(int j=l;j>=1;j--){
System.out.print("+");
}
l-=2;

System.out.println("");
}

}

Membuat Segitiga Siku-Siku Menggunakan Java

Melanjuti postingan membuat persegi panjang menggunakan java, kali ini akan membahas bagaimana membuat segitiga siku-siku menggunakan java. Boleh diubah bentuk sesuai keinginan, bentuknya bisa siku dibawah, samping kanan atau kiri. Monggo disimak…

Hasil akhirnya seperti ini nantinya :

SegitigaSikuSikuJava

Berikut ini source codenya :

public class SegitigaSiku {
public static void main(String[] args) {
int tingkat = 5, temp = tingkat;
for(int i=0;i<tingkat;i++){
for(int j=0;j<i;j++){
System.out.print(" ");
}
for(int k=temp;k>0;k--){
System.out.print("0");
}
temp--;
System.out.print("\n");
}
}
}

Semoga bermanfaat 🙂

Membuat Persegi Panjang Bintang Menggunakan Java

Sebenarnya saya belajar java sejak duduk dibangku perkuliahan, namun entah mengapa dosen mata kuliah yang mengampu mata pelajaran java ini memberi nilai C, dan akhirnya disemester akhir ini demi memperbaiki nilai mau gak mau ngulang lagi. Bukan mengulang sih sebenarnya lebih tepas bisa jadi ya ya ya bisa jadi bisa jadi hehehe. Bisa jadi mendalami :D. Monggo saya membantu untuk adik-adik yang sedang belajar java.

Hasil akhirnya nanti akan seperti ini

javaPersegiPanjang

Dan berikut ini source codenya :

 public static void main(String[] args) {
int i, j, p = 5 , l = 4;
char simbol = '*';</p>
for(i=0;i&lt;l;i++){
System.out.print(simbol+" ");
}
System.out.println();

for(i=1;i&lt;p;i++){
for(j=0;j&lt;p;j++){
if(j==0)
System.out.print(simbol+" ");
else if(j==(p-1))
System.out.print(" "+simbol);
else
System.out.print(" ");
}
System.out.println();
}

for(i=0;i&lt;l;i++){
System.out.print(simbol+" ");
}
System.out.println();
}
}

Semoga bermanfaat 🙂