MODUL 2 : KOMPONEN VISUAL DASAR

A. TUJUAN
➢ Mahasiswa mampu mengenal dan menggunakan komponen – komponen dasar
dalam Visual Java (jButton, jTextField, jTextArea)
➢ Mahasiswa mampu membuat Project, Package dan Form baru.
➢ Mahasiswa mampu membuat program sederhana menggunakan komponen visual

B. TEORI SINGKAT
1. KOMPONEN VISUAL DASAR

Komunikasi visual adalah komunikasi melalui penglihatan. Komunikasi visual

merupakan sebuah rangkaian proses penyampaian kehendak atau maksud tertentu
kepada pihak lain dengan penggunaan media penggambaran yang hanya terbaca
oleh indera penglihatan. Komunikasi visual mengkombinasikan seni, lambang,
tipografi, gambar, desain grafis, ilustrasi, dan warna dalam penyampaiannya.

jFrame

▪ adalah komponen dasar dalam pemrograman visual dengan java.

Dalam frame inilah komponen lain diletakkan.

jLabel

▪ adalah komponen yang digunakan untuk membuat tulisan atau gambar

pada frame.

jTextField

▪ adalah komponen yang digunakan untuk memasukan sebaris string

yang selanjutnya dapat digunakan sebagai input untuk proses
selanjutnya.

jButton

▪ adalah komponen berbentuk tombol, komponen ini banyak digunakan

sebagai eksekusi terhadap tindakan yang diinginkan.

jTextArea

16
 • adalah komponen yang hampir sama seperti jTextField tetapi
jTextArea bisa menampung lebih dari satu baris string.

2. EVENT HANDLER
KeyReleassed ()
MouseCLicked()

C. KEGIATAN PRATIKUM
Software yang digunakan :
➢ Java 2 SDK → jdk-1_5_0_07-windows-i586-p.exe)
➢ Editor : NetBeans 6.5

Latihan 1 : Menggunakan event KeyReleassed()

Langkah-langkah sebagai berikut :

1. Pada Project PEMVIS Tambahkan Frame baru beri nama Latihan1

2. Kemudian pada Form Latihan1 tambahkan 3 jLabel dan 2 jTextField
Komponen Visual Text / Icon

jLabel1 EVENT KeyReleassed

jLabel2 Memasukan nama Anda

Label3 Hallo...!!

jTextField1

jTextField2 Background hijau

Desain komponen-komponen tersebut menjadi seperti gambar berikut :

17
3. Klik kanan pada jTextField1 – Event – Key – KeyReleassed
4. Kemudian ketikan code seperti berikut :

Latihan 2 : Menggunakan Event MouseClicked()

Langkah – langkah sebagai berikut :
1. Desainlah form sebagai berikut : (2 jLabel, 1 jTextField dan 3 jButton) beri
nama Latihan2

18
 2. Pada Tombol OK beri Event- Mouse-MouseClicked(), kemudian ketikan
code :

3. Pada Tombol Hapus beri Event- Mouse-MouseClicked(), kemudian ketikan

code :

4. Pada Tombol Close beri Event- Mouse-MouseClicked(), kemudian ketikan

code :

Latihan 3 : Selesaikan Program Berikut :

Desainlah seperti gambar (5 buah jLabel, 4 Buah jTextField, 3 jButton dan 1
jTextArea) beri nama Latihan3

19
• Tombol OK, untuk menampilkan hasil input string pada jTextField1,2,3 dan 4 ke
jTextArea.
• Tombol Hapus, untuk membersihkan teks pada jTextField1, 2 dan jTextArea1.
• Tombol Close, untuk menghentikan eksekusi program

Latihan 4 : Selesaikan Program Berikut

Desain seperti Form berikut : ( 2 jLabel, 2 jTextField, 3 jButton dan 1 jTextArea) beri
nama Latihan1

20
• Tombol OK, untuk menampilkan hasil input string pada jTextField1 dan 2 ke
jTextArea.
• Tombol Hapus, untuk membersihkan teks pada jTextField1, 2 dan jTextArea1.
• Tombol Close, untuk menghentikan eksekusi program.

Latihan 5 : Selesaikan Program Berikut

• Tombol Bg Merah, Bg Kuning, Bg Biru untuk merubah warna latar/backgroung

jLabel1.
• Tombol fg Hijau, Fg Cyan, Fg Black untuk merubah warna teks
PEMVIS/foreground jLabel1.

21
 • Tombol Close, untuk menghentikan eksekusi program.

D. TUGAS
1. Selesaikan Program untuk form berikut : (Simpan : Minggu2Tugas1)
Option Background untuk merubah warna latar jLabel2.
Option Forecolor untuk merubah warna teks PEMVIS.

2. Selesaikan Program untuk form berikut :

(Simpan dg nama : Minggu2Tugas2)

22
E. DAFTAR PUSTAKA
1. Wahana Komputer. 2010. Membangun GUI dengan Java Netbeans 6.5. Andi .
Yogyakarta.
2. Wahana Komputer. 2010. Pengembangan Aplikasi Database Berbasis JavaDB
dengan Netbeans. Andi .Yogyakarta

23