JOBSHEET 3

KOMPONEN SWING
(JFrame, JDialog, JLabel, JButton, JPanel, JTextField,
JTextArea JCheckBox)

1. Tujuaan
Tujuan dari jobsheet 3 ini adalah diharapkan mahasiswa bisa
1. Memahami penggunaan Java swing
2. Memahami penggunaan komponen Java swing
3. Mampu membuat aplikasi GUI dengan komponen Swing (JFrame, JLabel,
JButton, JPanel, JTextField, JTextArea, JCheckBox)

2. Teori Dasar
2.1 Pengenalan Swing
Swing adalah sebuah library yang disediakan oleh Java API untuk membuat program
berbasis GUI (Graphical User Interface). Karena merupakan bagian dari Java API, maka
untuk menggunakan Swing tidak diperlukan tambahan library lagi. Hal ini yang
menjadikan Swing menjadi pilihan utama programmer Java untuk membuat program
berbasis GUI. Keuntungan lain dari penggunaan Swing adalah faktor portability. Swing
tidak bergantung pada sistem operasi, berbeda dengan library GUI Java lainnya seperti
AWT (Abstract Window Toolkit) yang masih bergantung pada platform sistem operasi.
Swing disediakan oleh kelas-kelas yang berada di dalam package javax.swing. Setiap
komponen Swing diawali biasanya diawali dengan huruf "J" kapital seperti JFrame,
JButton, JTextField dan lain sebagainya.

Gambar 1 Perbedaan AWT dan SWING

2.2 Komponen Java Swing

Gambar 2 Hirarki Java Swing

2.3 JFrame
JFrame merupakan komponen top-level bagi aplikasi desktop. Frame berfungsi
untuk menampung komponen lainnya.
Titl
Me

Gambar 3 Contoh JFrame

Properti pada JFrame

Methode pada JFrame

Gambar 4 Methode pada JFrame

Gambar 5 Method yang umum digunakan

2.4 JDialog
JDialog merupakan container top-level window yang memiliki title bar, border dan
juga bisa memiliki menubar yang biasanya dipakai untuk membuat formulir
masukan. JDialog merupakan turunan dari class Dialog.
Tidak seperti JFrame, JDialog tidak memiliki maximize dan minimize button

Title

Men

Bor

Gambar 6 JDIalog

Property pada JDialog

 Method yang digunakan secara umum oleh JDialog

2.5 JLabel
JLabel adalah komponen visual yang mereperestasikan sebuah tulisan. JLabel ini
digunakan untuk memerikan keterangan biasanya ditampilkan dengan satu baris dari
read only text. Penggunaan JLabel harus disertai dengan wadah untuk meletakkan
JLbale tersebut. Contoh JLabel

Gambar 7 JLabel

Properti Untuk JLabel

 Methode untuk JLabel

2.6 JButton
JButton digunakan untuk membuat tombol berlabel. Aplikasi menghasilkan beberapa
tindakan saat tombol ditekan. Itu mewarisi kelas AbstractButton.

Method umum pada JButton

2.7 JPanel
JPanel merupakan container sederhana yang tidak memiliki title bar dan menubar.

Property pada JPanel

Methode pada JPanel

2.8 JTextField
JTextField merupakan komponen visual yang digunakan untuk menerima inputan
yang tidak terlalu Panjang 1 baris dari pengguna. Penggunaan JTextField harus
disertai dengan wadah untuk menempatakan JTextField.
 Property dari JTextField

Method yang digunakan secara umum

2.9 JTextArea
JTextArea digunakan untuk menerima masukan beberapa baris dari pengguna.
Penggunaan JTextArea ini disertai dengan container atau wadah untuk menempatkan
JtextArea.
 Property dari JTextArea

Method yang biasa digunakan

2.10 JCheckBox
JCheckBox merupakan komponen visual yang digunakan untuk daftar pilihan yang
dapat memilik salah satu pilihan saja jika menggunakan JButtonGrup, maupun
lebih dari satu pilihan. Penggunaan CheckBox ini harus disertai dengan container
sebagai wadah dari komponen JCheckBox.
 Karakteristik atau property yang biasanya digunakan pada JCheckBox yaitu

Methode yang digunakan secara umum pada JCheckBox yaitu

2.11 dsa

3. Alat dan Bahan

Adapun alat dan bahan yang digunakan dalam praktikum ini adalah:
1) Personal Computer atau Laptop
2) Sistem Operasi Windows atau lainnya
3) Java Development Kit (JDK) versi 1.8.0_144
4) IDE NetBeans versi 8.2
4. Langkah Kerja
Bukalah project PemrogramanVisual yang telah dibuat, kemudian tambahkan satu
buah package dengan nama jobsheet03. Selanjutnya, lakukanlah semua percobaan
dan latihan dalam Jobsheet ini dan simpan semuanya di dalam package josbheet03.
Setelah itu, kerjakan tugas yang ada

5. Percobaan
Pada praktikum kali ini terdiri dari 7 percobaan, yaitu percobaan 1 s.d. percobaan
7. Kemudian lakukanlah percobaan-percobaan sesuai dengan ketentuannya
masing- masing.
Percobaan1
Membuat Aplikasi GUI dengan menggunakan komponen dari framework SWING
dengan cara FULLCODING dan instansiasi dari komponen JFrame
1) Buatlah Java Class baru dengan nama Percobaan1. Kemudian ketiklah program
berikut
Nama Class: Percobaan1, Nama File: Percobaan1.java
1 package jobsheet03;
2 import javax.swing.JFrame;
3 public Percobaan1() {
4 JFrame frame= new JFrame();
5 frame.setTitle("Percobaan 1");
6 frame.setSize(400, 300);
7 frame.setVisible(true);
8 frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
9 }
10 public static void main(String[] args) {
11 new Percobaan1();
12 }
}
public class Percobaan1 extends Frame{
public dan
2) Lakukan kompilasi Percobaan1 () { output-nya!
running, amatilah
setSize(400, 300);
3) Lakukan modifikasi program di atas dengan cara mengubah nilai parameter pada
setTitle("Percobaan1");
setVisible(true);
method setSize(400, 300) menjadi setSize(100, 100). Lakukan kompilasi dan
}
public
running, amatilah static void main(String args[]) {
output-nya!
new Percobaan1();
4) Lakukan modifikasi
} program di atas dengan cara mengubah nilai parameter pada
}
method setDefaultOperation(JFrame.Exit_ON_CLOSE) menjadi
setDefaultOperation(JFrame. HIDE_ON_CLOSE). Lakukan kompilasi dan
running, amatilah output-nya!
5) Lakukan modifikasi program di atas dengan cara mengubah nilai parameter pada
method setVisible(true) menjadi setVisible(false). Lakukan kompilasi
 dan running, amatilah output-nya!

Percobaan 2
Membuat aplikasi GUI menggunakan komponen JFrame dari framework SWING
dengan cara form designer.
1) Buatlah JFrame Form baru degan nama kelas Percobaan2.
2) Rancang tampilan
3) Lakukan kompilasi dan running, lihatlah output yang dihasilkan!

Percobaan 3
Membuat aplikasi GUI dengan komponen JPanel dari framework swing dengan cara
form dsesingner.
1) Buatlah JFrame dengan nama kelas Percobaan3!
2) Rancang tampilan yang memiliki beberapa panel, ubah background warna pada
masing-masing panel.

3) Lakukan kompilasi dan lihatlah output yang dihasilkan

Percobaan 4
Membuat aplikasi GUI dengan menggunakan komponen JTextField, JLabel,
JTextArea dan JButton dari framework SWING dengan cara form designer.
1) Buatlah JFrame dengan nama percobaan 4!
2) Rancang tampilan yang memiliki beberapa JTxtField, JLabel, JTextArea dan
JButton
3) Lakukan kompilasi dan amati hasilnya

Percobaan 5
Membuat aplikasi GUI dengan menggunakan komponen JTextField, JLabel,
JTextArea dan JButton, JCheckBox dari framework SWING dengan cara form
designer.
1) Buatlah JframeForm dengan nama percobaan 5!
2) Rancangalah tampilan yang memiliki beberapJTextField, JLabel, JTextArea,
JButton dan JCheckBox
3) Lakukan kompilasi dan amati hasilnya

Percobaan 6
Membuat aplikasi GUI dengan menggunakan komponen JTextField, JLabel,
JTextArea dan JButton, JCheckBox dari framework SWING dengan cara form
designer.
1) Buatlah JframeForm dengan nama percobaan 6!
2) Rancangalah tampilan yang memiliki beberapJTextField, JLabel, JTextArea,
JButton dan JCheckBox seperti pada gambar berikut ini
3) Tambahkan buttonGrup untuk mengelompokkan JCheckBox pada jenis kelamin
4) Lakukan kompilasi dan amati hasilnya
Percobaan 7
Membuat aplikasi GUI dengan menggunakan komponen JLabel, dan JButton, dari
framework SWING dengan cara form designer.
1) Buatlah JFrame Form dengan nama class percobaan 7!
2) Rancang tampilannya sehingga memiliki 2 JLabel dan 1 JButton
3) Buat terlebih dahulu folder images pada package yang khusus menyediakan icon.
Ini adalah contoh hasil akhir setelah ditambahkan icon

4) Carilah icon di web iconfinder atau web yang semisal. Letakkan images icon
6. Latihan
1. Membuat Microwave
Buatlah program yang mensimulasikan sebuah microwave. Buatlah desain
sebuah microwave seperti pada gambar berikut ini.

Anda dapat menggunakan sebuah panel untuk menyimpan berbagai

komponen yan g diperlukan. Anda juga perlu menggunakan dekorasi border
(LineBorder) terhada p panel dan label yang ada.
Keterangan :
1. Ukuran frame = 575 x 346, set layout dengan null
2. Jumlah JPanel ada 2: doorJpanel (tidak ada komponen apapun) dan
controlJpanel (berisi tomboltombol dan timer). controlJPanel ini juga
harus diset layout de ngan “null”. Kemudian definisikan ukuran (182x284)
dan lokasinya (326x16) dengan perintah setBounds
3. Semua tombol dan timer harus diberi setBounds dan posisi‐ nya mengacu
kepada controlJPanel (bukan ke frame
4. timerLabel berisi tulisan “12:00” dan diberi dekorasi LineBorder berwarna
hitam
5. Ukuran tombol angka: 45 x 45
6. Ukuran tombol “start” dan “clear”: 75 x 25
7. Beri title “Microwave” kepada frame tersebut
2. Membuat Calculator

Aplikasi ini mirip sekali dengan aplikasi Microwave, namun memiliki panel da
n border yang berbeda (BeveledBorder). Selain JButton, Anda juga diminta
untuk membuat sebuah JTextField yang dapat menerima input dari user.

Keterangan:
3. Membuat VendingMechine
Pada aplikasi ini, Anda diminta untuk menggunakan berbagai border yang
berbeda yaitu LineBorder, EtchedBorder dan TitleBorder.