LAPORAN PBO MODUL 10 - Graphical User Interface (GUI)

Post Test 

Buat program GUI dengan mengimplementasikan komponen JFrameForm, JLabel, dan JButton


PostTest.java

• Buat project baru dengan nama Modul10PBO.
• Buat Empty Java File, dengan cara klik kanan pada Project Modul10PBO. New -> Empty Java File.. 
• Simpan dengan nama PostTest.java
• Ketikan Source code.

import java.awt.Font;
import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;
import javax.swing.JButton;
import javax.swing.JFrame;
import javax.swing.JLabel;
import javax.swing.JOptionPane;
import javax.swing.JPasswordField;
import javax.swing.JTextField;

public class PostTest extends JFrame implements ActionListener{
    JLabel user, pass, form;
    JTextField txtuser;
    JPasswordField txtpass;
    JButton login = new JButton();
    public PostTest(){
        form = new JLabel();
        form.setFont(new Font("times new roman",1,18));
        form.setText("FORM LOGIN");
        form.setBounds(170, 10, 140, 20);
        add(form);
       
        user = new JLabel();
        user.setFont(new Font("times new roman",1,12));
        user.setText("User");
        user.setBounds(80, 50, 100, 25);
        add(user);
       
        txtuser = new JTextField();
        txtuser.setFont(new Font("times new roman",1,12));
        txtuser.setBounds(180, 50, 200, 25);
        add(txtuser);
       
        pass = new JLabel();
        pass.setFont(new Font("times new roman",1,12));
        pass.setText("Password");
        pass.setBounds(80, 90, 100, 25);
        add(pass);
       
        txtpass = new JPasswordField();
        txtpass.setFont(new Font("times new roman",1,12));
        txtpass.setBounds(180, 90, 200, 25);
        add(txtpass);
       
        login.setFont(new Font("times new roman",1,14));
        login.setBounds(180, 130, 100, 25);
        login.setText("LOGIN");
        login.addActionListener(this);
        add(login);
       
        /*JFrame*/
        this.setLayout(null);
        this.setLocationRelativeTo(null);
        this.setTitle("Form Login by reza");
        this.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        this.setSize(480, 210);
        this.setVisible(true);
    }
   
    public static void main(String[] args){
        JFrame.setDefaultLookAndFeelDecorated(true);
        PostTest pt = new PostTest();
    }
   
    @Override
    public void actionPerformed(ActionEvent e) {
        if(e.getActionCommand().equals("LOGIN")){
            if(txtuser.getText().equals("") && txtpass.getText().equals("")){
                JOptionPane.showMessageDialog(null, "Masukan user dan Password dengan benar!");
            }else{
                JOptionPane.showMessageDialog(null, "Login Berhasil!");
            }
        }
    }
}

aa

• Hasil running

•  Keterangan

Pada program diatas merupakan form login menggunakan fungsi javax.swing, dan java.awt yang merupakan komponen dari menu palette. Berisi komponen-komponen dalam pembuatan program berbasis GUI. Untuk komponen yang digunakan pada program diatas adalah :

1. JFrame, top level window, digunakan untuk bingkai window utama.
2. JLabel, sebuah kolom/area yang digunakan untuk menampilkan tulisan atau gambar. Pada program JLabel digunakan untuk Form Login, User, dan Password.
3. JTextField, komponen yang digunakan sebagai input / bidang yang dapat diedit(menulis didalamnya). Pada program digunakan untuk input user.
4. JPasswordFiled, sebuah bidang yang digunakan untuk menulis kata sandi, tidak akan menampilkan karakter dan diganti dengan tanda titik.
5. JButton, sebuah tombol sederhana untuk melakukan perintah selanjutnya, pada program digunakan untuk perintah Login.

Untuk pengaturan ukuran frame dapat diatir pada setSize(angka1, angka2)

• Angka1, digunakan untuk pengaturan panjang frame.
• Angka2, digunakan untuk pengaturan lebar frame.

Untuk pengaturan posisi komponen, dapat diatur pada setBound(angka1, angka2, angka3, angka4)

• Angka1 digunakan untuk pengaturan posisi komponen secara horizontal, titik 0 berada di kiri.
• Angka2 digunakan untuk pengaturan posisi komponen secara vertikal, titik 0 berada di atas.
• Angka3 digunakan untuk pengaturan ukuran panjang komponen.
• Angka4 digunakan untuk pengaturan ukuran lebar komponen.

Sebagai pelengkap untuk tindak lanjut setelah login berhasil. Maka menggunakan perintah tambahan dengan method baru menggunakan actionPermormed yang didalamnya terdapat perintah JOptionPane.showMessageDialog.

Tugas Mandiri 

Buat program form biodata mahasiswa berbasis GUI dengan mengimplementasikan komponen JFrameForm, JLabel, JButton, JComboBox, JRadioButton, JTextArea, dan JTextField

TugasMandiri.java

• Buat project baru dengan nama Modul10PBO.
• Buat Empty Java File, dengan cara klik kanan pada Project Modul10PBO. New -> Empty Java File.. 
• Simpan dengan nama TugasMandiri.java
• Ketikan Source code.

import java.awt.Font;
import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;
import javax.swing.ButtonGroup;
import javax.swing.JButton;
import javax.swing.JComboBox;
import javax.swing.JFrame;
import javax.swing.JLabel;
import javax.swing.JRadioButton;
import javax.swing.JScrollPane;
import javax.swing.JTextArea;
import javax.swing.JTextField;

public class TugasMandiri extends JFrame implements ActionListener{
    JLabel judul = new JLabel();
    JLabel nim = new JLabel();
    JLabel nama = new JLabel();
    JLabel alamat = new JLabel();
    JLabel jenkel = new JLabel();
    JLabel prodi = new JLabel();
    JLabel jurusan = new JLabel();
    JTextField f_nim = new JTextField();
    JTextField f_nama = new JTextField();
    JRadioButton rd_l, rd_p;
    JTextArea ja_alamat = new JTextArea();
    JScrollPane scroll;
    JComboBox jc_prodi, jc_jurusan;
    JButton simpan = new JButton();
    JButton baca = new JButton();
    JButton keluar = new JButton();
    JComboBox box;
    JRadioButton rd, rd1, rd2;
    ButtonGroup br;
   
    public TugasMandiri(){
        judul.setFont(new Font("times new roman", 1, 22));
        judul.setText("BIODATA MAHASISWA");
        judul.setBounds(170, 20, 250, 20);
        add(judul);
       
        nim.setFont(new Font("times new roman", 1, 12));
        nim.setText("NIM");
        nim.setBounds(40, 60, 90, 25);
        add(nim);
       
        f_nim.setFont(new Font("times new roman", 1, 12));
        f_nim.setBounds(180, 60, 170, 25);
        add(f_nim);
       
        nama.setFont(new Font("times new roman", 1, 12));
        nama.setText("Nama");
        nama.setBounds(40, 100, 90, 25);
        add(nama);
       
        f_nama.setFont(new Font("times new roman", 1, 12));
        f_nama.setBounds(180, 100, 270, 25);
        add(f_nama);
       
        alamat.setFont(new Font("times new roman", 1, 12));
        alamat.setText("Alamat");
        alamat.setBounds(40, 140, 100, 25);
        add(alamat);
       
        ja_alamat.setText("");
        ja_alamat.setBounds(170, 140, 290, 60);
        scroll = new JScrollPane(ja_alamat);
        scroll.setBounds(180, 140, 340, 60);
        add(scroll);
       
        jenkel.setFont(new Font("times new roman", 1, 12));
        jenkel.setText("Jenis Kelamin");
        jenkel.setBounds(40, 210, 140, 25);
        add(jenkel);
       
        rd_l = new JRadioButton("Pria");
        rd_l.setFont(new Font("times new roman", 1, 12));
        rd_l.setBounds(180, 200, 80, 45);
        add(rd_l);
       
        rd_p = new JRadioButton("Wanita");
        rd_p.setFont(new Font("times new roman", 1, 12));
        rd_p.setBounds(280, 200, 80, 45);
        add(rd_p);
       
        prodi.setFont(new Font("times new roman", 1, 12));
        prodi.setText("Program Studi");
        prodi.setBounds(40, 250, 140, 25);
        add(prodi);
       
        String pilih[] = {"Pilih","SI","TI","MI"};
        jc_prodi = new JComboBox(pilih);
        jc_prodi.setFont(new Font("times new roman", 1, 12));
        jc_prodi.setBounds(180, 250, 120, 25);
        add(jc_prodi);
       
        jurusan.setFont(new Font("times new roman", 1, 12));
        jurusan.setText("Jurusan");
        jurusan.setBounds(40, 290, 140, 25);
        add(jurusan);
       
        jc_jurusan = new JComboBox();
        jc_jurusan.setFont(new Font("times new roman", 1, 12));
        jc_jurusan.setBounds(180, 290, 150, 25);
        jc_jurusan.addItem("Pilih");
        jc_jurusan.addItem("Sistem Informasi");
        jc_jurusan.addItem("Teknik Informatika");
        jc_jurusan.addItem("Manajemen Informasi");
        jc_jurusan.addActionListener(this);
        add(jc_jurusan);
       
        simpan.setFont(new Font("times new roman", 1, 14));
        simpan.setText("Simpan");
        simpan.setBounds(40, 340, 140, 30);
        simpan.addActionListener(this);
        add(simpan);
       
        baca.setFont(new Font("times new roman", 1, 14));
        baca.setText("Baca Data");
        baca.setBounds(230, 340, 140, 30);
        baca.addActionListener(this);
        add(baca);
       
        keluar.setFont(new Font("times new roman", 1, 14));
        keluar.setText("Keluar");
        keluar.setBounds(410, 340, 140, 30);
        keluar.addActionListener(this);
        add(keluar);
       
        /*inisiasi frame*/
        this.setLayout(null);
        this.setSize(600, 430);
        this.setLocationRelativeTo(null);
        this.setTitle("Form Biodata Mahasiswa by reza");
        this.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        this.setVisible(true);
       
       
    }
    public static void main(String[] args){
        JFrame.setDefaultLookAndFeelDecorated(true);
        TugasMandiri in = new TugasMandiri();
    }

    @Override
    public void actionPerformed(ActionEvent e) {
        
    }
}

• Hasil running

• Keterangan

Pada program diatas merupakan form login menggunakan fungsi javax.swing, dan java.awt yang merupakan komponen dari menu palette. Berisi komponen-komponen dalam pembuatan program berbasis GUI. Untuk komponen yang digunakan pada program diatas adalah :

1. JFrame, top level window, digunakan untuk bingkai window utama.
2. JLabel, sebuah kolom/area yang digunakan untuk menampilkan tulisan atau gambar. Pada program JLabel digunakan untuk Biodata Mahasiswa, NIM, Nama, Alamat, Jenis Kelamin, Program Studi, dan Jurusan.
3. JTextField, komponen yang digunakan sebagai input / bidang yang dapat diedit(menulis didalamnya). Pada program digunakan untuk input NIM, dan Nama.
4. JTextArea, sebuah kolom besar digunakan yang digunakan untuk menulis, dengan karakter lebih panjang. Pada program digunakan untuk Alamat.
5. JRadioButton, tombol yang berfungsi untuk memilih salah satu dari beberapa pilihan, dan pilihan tersebut ditampilkan semua dengan tanda bulat jika akan dipilih. Pada program ini digunakan untuk memilih jenis kelamin Pria atau Wanita
6. JComboBox, komponen yang digunakan sebagai dropdown list, dapat digunakan untuk memilih multiple selection. Pada program ini digunakan untuk memilih Program Studi dan Jurusan. Didalamnya tersembunyi pilihan data jika di klik maka pilihan akan tampil
7. JButton, sebuah tombol sederhana untuk melakukan perintah selanjutnya, pada program digunakan untuk perintah Login.

Untuk pengaturan ukuran frame dapat diatir pada setSize(angka1, angka2)

• Angka1, digunakan untuk pengaturan panjang frame.
• Angka2, digunakan untuk pengaturan lebar frame.

Untuk pengaturan posisi komponen, dapat diatur pada setBound(angka1, angka2, angka3, angka4)

• Angka1 digunakan untuk pengaturan posisi komponen secara horizontal, titik 0 berada di kiri.
• Angka2 digunakan untuk pengaturan posisi komponen secara vertikal, titik 0 berada di atas.
• Angka3 digunakan untuk pengaturan ukuran panjang komponen.
• Angka4 digunakan untuk pengaturan ukuran lebar komponen.

Share this post

Berlangganan update artikel terbaru via email: