Studi Kasus Membangun Aplikasi GUI

Studi Kasus Aplikasi GUI

1.     Aplikasi Konversi Suhu

2.     Aplikasi Pertambahan Dua Angka

3.     Aplikasi Kalkulator

Tahapan Membuat Aplikasi GUI

1.   Membuat Project baru

2. Menambahkan JFrame Form (top level container)

3. Diatas JFrame diletakkan JPanel (intermediate container)

4. Tempelkan atomic (GUI) component

5. Edit text dari tiap component

6. Edit nama variable dari tiap component (untuk mempermudah coding)

7.  Rapikan tampilan dengan mengedit JFrame, JPanel dan mengubah Layout

8. Pilih component yang akan mengelola event dan pilih jenis event sesuai dengan kebutuhan

9. Tambahkan kode di method event yang disediakan.

Aplikasi Konversi Suhu

1   1.     Membuat Project Baru

    2.     Memberi Nama Project

      Nama Project: CelciusToFahrenheit

      Uncheck: Create Main Class

3. Menambahkan JFrame Form Pada Project

    Nama Frame: CelciusToFahrenheitGUI

    Package: GUI 

Menempatkan GUI Component ke Design (Frame)

4.     Mengubah Text dari GUI Component (Edit Text)

   JTextField1: Kosongi

    JLabel1: Celcius

    JLabel2: Fahrenheit

    JButton1: Convert

5. Mengubah Nama Variable dari Setiap GUI Component (Change Variable Name)

            JTextField1: celciusTextField

            JLabel1: celciusLabel

            JLabel2: fahrenheitLabel

            JButton1: convertButton 

6. Rapikan Tampilan Frame Program Kita (Potong Yang Tidak Perlu)

     7. Buat Event untuk Convert Button

8. Buat Code untuk Event Handling di Convert Button

  

      9. Kompilasi (Build, F11) Project

  10. Jalankan (Run, F6) Project

Taraaaaaaaaaa, ini dia hasilnya~

*untuk menambah keindahan design bisa dengan mengobrak abrik wilayah properti – properti pada Netbeans Anda, hhe ^_^

    Aplikasi Pertambahan Dua Angka

     GUI Component:  Panel, Label, TextField, Button

     Logic Programming: if-else

     Events: actionPerformed

     Features: requestFocus, Sistem.exit(0)

1.   Angka Pertama dan Angka Kedua dimasukkan oleh user

2. Tombol Tambah diklik maka akan keluar hasil pertambahan di field ketiga

3. Tombol Hapus untuk membersihkan layar

4. Setelah tombol Hapus, arahkan fokus ke TextField Angka Pertama.

Aplikasi Operasi Dua Angka

         GUI Component:  Panel, Label, TextField, Button

         Logic Programming: if-else

         Event: actionPerformed, keyTyped

         Features: pembuatan method baru

     Aplikasi Kalkulator

   Tahapan Kerja Kalkulator

    7              +        8           =     15

    operandSatu   operator   operandDua   samadengan   hasil

1.   operandSatu: tampilkan angka yg ditekan di layar
2.   operator:
1.   Ambil yang ada di layar, simpan sebagai variable operandSatu
2.   Beri tanda operator apa yg dijalankan (+, -, *, dst)
3.   operandDua: tampilkan angka yg ditekan di layar
4.   samadengan:
1.   Ambil yang ada di layar, simpan sebagai variable operandDua
2.   Buat keputusan (if or switch), operator apa yang digunakan dan proses apa yg dilakukan

      if(operator.equals(“+”)){

            layar.setText(operandSatu + operandDua);

      }else if(){ ...

     }

ArrayList

§ ArrayList class mengelola urutan object, yang dapat bertambah dan berkurang sesuai dengan keperluan

§ArrayList class menyediakan banyak method untuk berbagi keperluan, misalnya menambah dan menghapus elemen

§  ArrayList adalah suatu generic class:

§  ArrayList<T> mengumpulkan object yang bertipe T:

ArrayList<String> names = new ArrayList<String>();

names.add("Emily");

names.add("Bob");

names.add("Cindy");

§  size method untuk menghitung jumlah elemen

Menambahkan Elemen

• Untuk menambahkan sebuah elemen pada bagian akhir dari ArrayList, gunakan method add di bawah:

          names.add("Emily");

          names.add("Bob");

          names.add("Cindy");

                            

Menghapus Elemen

• Untuk menghapus elemen pada suatu indeks, menggunakan method remove:
  names.remove(1);

Mendapatkan Nilai Elemen

• Untuk mendapatkan nilai elemen pada indeks, menggunakan metode get, dimana indeks dimulai dari 0
  String name = names.get(2);

  //dapatkan elemen ketiga dari ArrayList

• Bila indeks keluar dari jangkauan, error akan keluar:

int i = names.size();

name = names.get(i); // Error

// legal index values are 0 ... i-1

Menambah Nilai Baru ke Elemen

• Untuk menambahkan nilai baru ke elemen, digunakan method set:
  names.set (2, "Carolyn");

Menambah dan Menghapus Elemen

names.add("Emily");        

names.add("Bob");

names.add("Cindy");

names.set(2,"Carolyn");

names.add(1,"Ann");

names.remove(1);

Array (Larik)

Konsep Array (Larik)

• Array adalah objek yang dapat digunakan untuk menyimpan sejumlah data dalam tipe sama dengan jumlah elemen tetap
• Elemen yang disimpan pada array dapat berupa tipe primitif (int, float, etc) atau objek (instan dari class)
• Langkah menciptakan array:
1. Mendeklarasikan variabel array
2. Menciptakan objek array

Deklarasi Variabel Array

• BentukDeklarasi:
  tipePrimitif[]namaVariabel;
  namaKelas[] namaVariabel;
• Contoh:

          String[] kota;

          int[] nomor;

Menciptakan Objek Array

• BentukDeklarasi:
  namaVariabel=newtipePrimitif[jumlahElemen];
  namaVariabel = new namaKelas[jumlahElemen];
• Contoh:
  nomor=newint[7];
  kota = new String[8];
• Bentuk singkat deklarasi variable dan objek array:
  String[]kota=newString[8];
  int[] nomor = new int[7];

Mengakses Elemen Array

• Bentuk Deklarasi namaVariabelArray[nomorElemen];
• Contoh:

          kota[0] = “Surabaya”;

ArrayKota.java

public class ArrayKota{

     public static void main(String[] args){

           String[] kota;//deklarasi variabel array

           kota = new String[3]; // membuat objek array

           // mengisi elemen array

           kota[0] = "Jakarta";

           kota[1] = "Surabaya";

           kota[2] = "Semarang";

           // menampilkan elemen array

           System.out.println(kota[0]);

           System.out.println(kota[1]);

           System.out.println(kota[2]);

     }

}   

Pemberian Nilai Array Langsung

public class ArrayKota2{

          public static void main(String[] args){

                String[] kota = {“Jakarta”, “Surabaya”, “Semarang”};

                // menampilkan elemen array

                System out println(kota[0]);

                System.out.println(kota[1]);

                System.out.println(kota[2]);

          }

     }

Mengetahui Jumlah Elemen Array

public class ArrayKota3{

          public static void main(String[] args){

                String[] kota = {“Jakarta”, “Surabaya”, “Semarang”};

               // menampilkan elemen array

                for(int i=0; i<kota.length; i++)

                     System.out.println(kota[i]);

           }

     }

Deklarasi dan Pemberian Nilai Array

1. Deklarasikanarray:
   double[]value=newdoublee[10];
2. Gunakan[]untukmengakseselemen:
   values[2] = 29.95;

Source Code AlgoritmaSortingBubbleSort.java

/*

 * To change this template, choose Tools | Templates

 * and open the template in the editor.

 */

/**

 *

 * @author Nur Lathifah

 */

public class AlgoritmaSortingBubbleSort {

   public static void main(String[] args){

       int a;

       int [] data = {34, 86, 15};

       urutkan (data, data.length);

    

       System.out.println("Hasil pengurutan data : ");

       array (data, data.length);

}

       public static void array (int[] data, int n){

           for (int a = 0; a < n; a++) {

           System.out.printf("%d ", data [a]);}

           System.out.println();

}

     public static void urutkan(int[] data, int n){

            int tahap, b, tmp;

          

            for (tahap = 1; tahap < n; tahap++){

           for (b = 0; b < n - tahap; b++) {

                    if (data[b] > data[b+1]){

                    //Tukarkan

                    tmp = data[b];

                    data[b] = data[b+1];

                    data[b+1] = tmp;

                }

            }

           System.out.printf("tahap %d: ", tahap);

           array(data, n);

           }

     }

}

            

Array Multidimensi

class ArrayMultidimensi {

           public static void main(String[] args) {

                String[][] nama = {

                          {"Pak ", "Bu “, “Mbak”},

                          {"Joko", "Susi"}

                            };

                System.out.println(nama[0][0] + nama[1][0]);

                System.out.println(nama[0][1] + nama[1][1]);

                System.out.println(nama[0][2] + nama[1][0]);

           }

     }

Array multidimensi adalah array dari array , dengan konsep pengaksesan [noBaris][noKolom].

Source Code NegaraKota.java

/*

 * To change this template, choose Tools | Templates

 * and open the template in the editor.

 */

/**

 *

 * @author Nur Lathifah

 */

public class NegaraKota {

   public static void main(String[] args) {

     String[][] negarakota = {

     {"Amerika", "Inggris", "Jepang", "Perancis", "Indonesia",  "Iran", "Irak"},

     {"Teheran", "Bekasi", "Jakarta", "BantarGebang", "Tokyo"}

     };

        System.out.println("Ibu Kota Negara "+negarakota[0][4] +" adalah "+ negarakota[1][2]);

     System.out.println("Ibu Kota Negara "+negarakota[0][2] +" adalah "+ negarakota[1][4]);

     System.out.println("Ibu Kota Negara "+negarakota[0][5] +" adalah "+ negarakota[1][0]);

    }

}