PROGRAM GUI Dan 2 CONTOH PROGRAM

1911502274

Achmad Sultan Wijaya

GUI (GRAPHICAL USER INTERFACE)

Pada dasarnya pemrograman GUI, adalah pemrograman yang mengandalkan kemampuan tampilan dalam bentuk grafik. dimana program yang dibuat dapat memberikan kenikmatan tersendiri dalam penggunaannya. Tidak lagi monoton, hitam-putih, mode DOS dan lain sebagainya.

Kalau kita lihat pada gambar berikut, menjelaskan bahwa interaksi yang terjadi antara user dengan program melalui sebuah tampilan yang sudah berbentuk grafik. Istilah ini sering di sebut dengan Event Driven atau Event-based Programming.

Tiga tipe program yang berbasis kepada GUI komponen : 
  1. Graphical components (GUI) yaitu berupa rancangan tampilan program yang dikemas dengan menggunakan komponen-komponen grafik (JFrame, JButton, JTextBox, JComboBox) 
  2. Listener methods yaitu berfungsi untuk menerima dan merespon event yang terjadi dari sebuah komponen. 
  3. Application methods fungsi-fungsi atau baris perintah yang berguna bagi pengguna untuk menghasilkan kegiatan dalam bentuk respon. (Program yang akan di jalankan saat event terjadi) 
      

Program dikatakan SEMPURNA jika ketiga tipe ini di satukan dalam sebuah program. 

CONTOH PROGRAM GUI (GRAPHICAL USER INTERFACE)

Disini saya akan memberi langkah langkah untuk membuat program form entri data mata kuliah dengan JCreator :

     1. Pertama - tama kalian buka JCreator dan pilih menu file -> New -> File atau pun dengan cara t           tekan Ctrl + N.

     2. Kemudian pada jendela File Wizard, kalian klik Java Classes -> Java Class dan Next.


     3. Kemudian isikan nama fiile kalian (Rekomendasi nama file : MatKul.java)  dan pilih lokasi                 kalian untuk penyimpanan file tersebut, setelah sudah klik next.


     4. Setelah selasai membuat file, saya akan membuat from kosong :

         - Kode Program :

/*
* File Name : MatKul.java
* Call By : Menu Utama
* Author : M. Anif, M.Kom
* Date Create : 20 Maret 2019
*/
import javax.swing.*;

public class MatKul extends JFrame{
// konstruktor MatKul

public MatKul(){
setTitle(".:: Form Entri Data Matakuliah ::.");
setSize(450, 230);
setLocationRelativeTo(this);

show();
}

// method main
public static void main(String[] args){
new MatKul();
}
}


     5. Setelah itu saya akan merunningkan program tersebut dengan cara klik menu run -> pilih run               project atau run file ataupun dengan cara tekan F5 :

         - Tampilan Program :
         
Setelah selasai menjalankan program tersebut, kalian pilih menu Tools -> pilih Stop Tool atau
dengan cara tekan CTRL + B untuk memberhentikan program sedang berjalan.

     6. Setelah membuat form tersebut, saya akan menambahkan objek pada form kosong tersebut

         - Kode Program :

/*
* File Name : MatKul.java
* Call By : Menu Utama
* Author : M. Anif, M.Kom
* Date Create : 20 Maret 2019
*/
import javax.swing.*;

public class MatKul extends JFrame{
// konstruktor MatKul
JLabel lblKodeMtk = new JLabel("Kode Matakuliah :");
JLabel lblNamaMtk = new JLabel("Nama :");
JLabel lblSKS = new JLabel("SKS :");
JLabel lblKodePrasyarat = new JLabel("Kode Prasyarat :");
JTextField txtKodeMtk = new JTextField();
JTextField txtNamaMtk = new JTextField();
JTextField txtSKS = new JTextField();
JTextField txtKodePrasyarat = new JTextField();
JButton cmdTambah = new JButton("Tambah");
JButton cmdUbah = new JButton("Ubah");
JButton cmdHapus = new JButton("Hapus");
JButton cmdBersih = new JButton("Bersih");

public MatKul(){
setTitle(".:: Form Entri Data Matakuliah ::.");
setSize(450, 230);
setLocationRelativeTo(this);

// mengatur layout form u/ menampilkan objek
getContentPane().setLayout(null);

// letak objek pada form (x, y, width, height)
lblKodeMtk.setBounds(10, 20, 100, 25);
lblKodeMtk.setBounds(10, 20, 100, 25);
lblNamaMtk.setBounds(10, 50, 100, 25);
lblSKS.setBounds(10, 80, 100, 25);
lblKodePrasyarat.setBounds(10, 110, 100, 25);
txtKodeMtk.setBounds(120, 20, 100, 25);
txtNamaMtk.setBounds(120, 50, 300, 25);
txtSKS.setBounds(120, 80, 100, 25);
txtKodePrasyarat.setBounds(120, 110, 100, 25);
cmdTambah.setBounds(10, 150, 80, 25);
cmdUbah.setBounds(110, 150, 80, 25);
cmdHapus.setBounds(210, 150, 80, 25);
cmdBersih.setBounds(310, 150, 80, 25);

// menambahkan objek ke form
getContentPane().add(lblKodeMtk);
getContentPane().add(lblKodeMtk);
getContentPane().add(lblNamaMtk);
getContentPane().add(lblSKS);
getContentPane().add(lblKodePrasyarat);
getContentPane().add(txtKodeMtk);
getContentPane().add(txtNamaMtk);
getContentPane().add(txtSKS);
getContentPane().add(txtKodePrasyarat);
getContentPane().add(cmdTambah);
getContentPane().add(cmdUbah);
getContentPane().add(cmdHapus);
getContentPane().add(cmdBersih);

show();
}

// method main
public static void main(String[] args){
new MatKul();
}
}

     7. Setelah itu saya akan merunningkan program tersebut dengan cara klik menu run -> pilih run               project atau run file ataupun dengan cara tekan F5 :

         - Tampilan Program :

Setelah selasai menjalankan program tersebut, kalian pilih menu Tools -> pilih Stop Tool atau
dengan cara tekan CTRL + B untuk memberhentikan program sedang berjalan.

     8. Setelah selasai menambahkan objek pada form tersebut, saya akan membuat method pada                   button Bersih

         - Kode Program :

/*
* File Name : MatKul.java
* Call By : Menu Utama
* Author : M. Anif, M.Kom
* Date Create : 20 Maret 2019
*/

import javax.swing.*;

public class MatKul extends JFrame{
// Sisipkan deklarasi objek di sini
JLabel lblKodeMtk = new JLabel("Kode Matakuliah :");
JLabel lblNamaMtk = new JLabel("Nama :");
JLabel lblSKS = new JLabel("SKS :");
JLabel lblKodePrasyarat = new JLabel("Kode Prasyarat :");

JTextField txtKodeMtk = new JTextField();
JTextField txtNamaMtk = new JTextField();
JTextField txtSKS = new JTextField();
JTextField txtKodePrasyarat = new JTextField();

JButton cmdTambah = new JButton("Tambah");
JButton cmdUbah = new JButton("Ubah");
JButton cmdHapus = new JButton("Hapus");
JButton cmdBersih = new JButton("Bersih");

// konstruktor MatKul
public MatKul(){
setTitle(".:: Form Entri Data Matakuliah ::.");
setSize(450, 230);
setLocationRelativeTo(this);

// atur layout form agar dapat menampilkan objek di dalam form
getContentPane().setLayout(null);

// atur letak objek di layar monitor (x, y, width, height)
lblKodeMtk.setBounds(10, 20, 100, 25);
lblNamaMtk.setBounds(10, 50, 100, 25);
lblSKS.setBounds(10, 80, 100, 25);
lblKodePrasyarat.setBounds(10, 110, 100, 25);

txtKodeMtk.setBounds(120, 20, 100, 25);
txtNamaMtk.setBounds(120, 50, 300, 25);
txtSKS.setBounds(120, 80, 100, 25);
txtKodePrasyarat.setBounds(120, 110, 100, 25);

cmdTambah.setBounds(10, 150, 80, 25);
cmdUbah.setBounds(110, 150, 80, 25);
cmdHapus.setBounds(210, 150, 80, 25);
cmdBersih.setBounds(310, 150, 80, 25);

// menambahkan objek ke form
getContentPane().add(lblKodeMtk);
getContentPane().add(lblNamaMtk);
getContentPane().add(lblSKS);
getContentPane().add(lblKodePrasyarat);

getContentPane().add(txtKodeMtk);
getContentPane().add(txtNamaMtk);
getContentPane().add(txtSKS);
getContentPane().add(txtKodePrasyarat);

getContentPane().add(cmdTambah);
getContentPane().add(cmdUbah);
getContentPane().add(cmdHapus);
getContentPane().add(cmdBersih);

// membersihkan tampilan form
bersih();
show();
}
void bersih(){
// mengosongkan teks
txtKodeMtk.setText("");
txtNamaMtk.setText("");
txtSKS.setText("");
txtKodePrasyarat.setText("");

// membuat teks tidak bisa di edit
txtNamaMtk.setEditable(false);
txtSKS.setEditable(false);
txtKodePrasyarat.setEditable(false);

// menonaktifkan tombol
cmdTambah.setEnabled(false);
cmdUbah.setEnabled(false);
cmdHapus.setEnabled(false);
cmdBersih.setEnabled(true);

// Menempatkan kursor pada teks Kode
txtKodeMtk.requestFocus();
}
// method main
public static void main(String[] args){
new MatKul();
}
}


      9. Setelah itu saya akan merunningkan program tersebut dengan cara klik menu run -> pilih run              project atau run file ataupun dengan cara tekan F5 :

         - Tampilan Program :

Setelah selasai menjalankan program tersebut, kalian pilih menu Tools -> pilih Stop Tool atau
dengan cara tekan CTRL + B untuk memberhentikan program sedang berjalan.


     10. Dan akhirnya program tersebut selasai, tetapi masih ada button belum yang berfungsi. Tapi                 kemungkinan kalian bisa belajar dengan kekurangan ini..... Sekian terima kasih.....

CONTOH PROGRAM GUI

1. Contoh Program Form Login pada GUI
    
    - Tampilan Program 

2. Contoh Program Form Bayaran Barang pada GUI

    - Tampilan Program


SELASAI
Posting Email

Komentar

Posting Komentar

Postingan Populer