Jobsheet OOP 2 1

JOBSHEET
Event dan Event Handler


A. Tujuan
Mahasiswa dapat memahami penggunaan Event dan Event Handler pada Netbeans
Mahasiswa dapat membuat form dilengkapi dengan event-event dan event handler setiap komponen

B. Dasar Teori

Java Swing
Java Swing adalah salah satu pemrograman berbasis GUI (Graphical User Interface) di JFC (Java
Foundation Classes). JFC merupakan sekumpulan class-class Java yang digunakan untuk mengembangkan
perangkat lunak berbasis GUI.

Komponen-komponen dasar Swing
Komponen-komponen Swing dapat diklasifikasikan ke dalam tiga bagian, yaitu top-level container,
intermediate container, dan komponen atomic (tunggal).
Container tingkat atas (top-level) berfungsi untuk menyediakan ruang bagi komponen-komponen
lainnya. Container jenis ini terdiri dari JFrame, JWindow, JDialog, dan JApplet.
Container menengah adalah komponen (non top-level) yang keberadaannya untuk menampung
komponen lainnya, misalnya panel, dan tool bar
Komponen atomic berfungsi untuk menampilkan atau menerima informasi. Contoh komponen atomic
adalah text field, button, dan label.

Event
Event adalah kejadian yang muncul ketika user berinteraksi dengan aplikasi. Penanganan Event merupakan
langkah esensial di dalam pembuatan aplikasi berbasis GUI. Dalam mekanisme penanganan event, ada
beberapa istilah, yaitu :
Event source : komponen GUI yang membuat event atau tempat terjadinya event
Macam-Macam Event Source
Event Source Keterangan
Button Membangkitkan ActionEvent pada saat button diklik
Checkbox Membangkitkan ItemEvent pada saat di-check atau un-check
Choice Membangkitkan ItemEvent pada saat pilihan diubah
List Membangkitkan ActionEvent pd saat sebuah item di-doubleclick dan membangkitkan
ItemEvent pd saat item dipilih/di-check maupun di-uncheck

Jobsheet OOP 2 2


Event Listener/Handler : komponen yang menerima dan menangani event

Macam-Macam Event Handler/Listener
Event Event Listener
Klik button, menekan Enter di text field,
atau memilih item menu
ActionListener
Menutup window WindowListener
Menekan button mouse saat kursor berada di
atas komponen
MouseListener
Memindahkan kursor MouseMotionListener
Menampilkan komponen ComponentListener
Komponen mendapat focus FocusListener
Mengubah pemilihan table atau list ListSelectionListener

Event Object : objek yang terbentuk saat terjadi event, seperti tekan button, ketik di txt field, dsb.

Java Netbeans
Netbeans adalah suatu tools untuk membuat program dengan menggunakan bahasa pemrograman Java
berbasis grafis. Netbeans menyediakan kumpulan perangkat lunak modular yang disebut modul yang dipakai
untuk membangun suatu aplikasi. Sebuah modul adalah merupakan arsip Java (Java Archive) yang memuat
kelas-kelas Java yang berinteraksi dengan NetBeans Open API . Kemudian rancangan tampilan yang dibuat
menggunakan NetBeans programnya secara otomatis akan digenerate menjadi kode.
Memulai Java Netbeans
1. Buka Netbeans
2. Pilih New Project


3. Pilih java application klik next
Item Menu Membangkitkan ActionEvent pd saat item menu diklik dan membangkitkan
ItemEvent pada saat item menu di-check maupun di-uncheck
Scrollbar Membangkitkan AdjustmentEvent pada saat scrollbar diubah
Text Membangkitkan TextEvent pd saat user memasukkan karakter pada komponen
textarea atau textfield
Window Membangkitkan WindowEvent pd saat sebuah window atau frame diaktivasi, ditutup,
dinonaktifkan, di-minimize, di-maximize, dibuka, dan dikeluarkan

Jobsheet OOP 2 3



4. Muncul kotak dialog berikut, beri nama project dan pilih lokasi penyimpanan project,, lalu klik finish


Setelah di klik finish muncul tampilan berikut :






Jobsheet OOP 2 4

5. Untuk membuat form baru, kita klik new files

6. Pilih Swing GUI Form - JFrame Form next


7. Isikan nama kelas pada kotak dialog berikut, lalu klik finish




Jobsheet OOP 2 5

8. Muncul halaman design seperti berikut

Halaman design tersebut digunakan untuk merancang desain program yang akan dibuat. Caranya dengan
men-drag and drop swing tools yang ada di sebelah kanan layar. Untuk masuk ke sumber kode javanya, klik
menu source yang ada di sebelah kiri menu design seperti pada gambar di bawah ini.





Jobsheet OOP 2 6

C. Latihan
1. Membuat form dengan inputan text field dan menampilkan di text area
Langkah-langkah :
a. Buat project baru dengan nama Latihan1
b. Buat kelas baru dengan klik new files Swing GUI Form - JFrame Form next
lalu beri nama kelas Form1
c. Masukkan Panel untuk mengelompokkan toolbox yang akan digunakan nanti
Caranya: arahkan kursor ke Swing collection panel, seret ke layar design
Ganti backgroundnya dengan warna sesuai keinginanmu (klik properties background)

d. Isikan komponen label, textfield, button dan text area pada panel dengan design sebagai berikut

e. Klik kanan pada textfield, ganti nama variable dengan txt_jawab
Mengubah nama variable akan berpengaruh pada saat pemanggilan variable dalam program. Nama
variable inilah yang akan dipanggil dalam source code


Jobsheet OOP 2 7























f. Ubah pula nama variable pada button menjadi btn_tampil untuk memudahkan dalam pemanggilan
kode program

g. Ubah nama text area dengan tampil_text

Setelah desain berhasil dibuat, selanjutnya menampilkan input dari textfield ke text area.
h. Klik 2x button atau pindah ke tampilan source
i. Deklarasikan sebuah variable tepat di bawah class

j. Tuliskan syntax di bawah ini di dalam syntax button

Jobsheet OOP 2 8


k. Run program tersebut, maka akan tampil seperti gambar berikut:


2. Menampilkan Pesan pada Message Dialog
Syntax :
JOptionPane.showMessageDialog(parentComponent, pesan, judul, type pesan)
Keterangan :
parentComponent :
null maka tampilan akan selalu ada di tengah karena yang dianggap sebagai parent adalah
frame utama.
this maka tampilan akan mengikuti letak tampilan
Pesan : berisi pesan yang akan ditampilkan
Judul : berisi judul yang ada diatas dialog box
Tipe-tipe pesan

Langkah-langkah menampilkan pesan pada message dialog:
a. Masih pada project yang sama dan kelas yang sama, edit syntax yang ada di dalam syntax button
sehingga menjadi seperti berikut:
private void btn_tampilActionPerformed(java.awt.event.ActionEvent evt)
{

Jobsheet OOP 2 9

// mengambil isi teks dari txt_jawab ke variabel a
a = txt_jawab.getText();
// bersihkan text area
tampil_text.setText("");
//validasi sederhana
if (a.isEmpty()) {
//pesan yg dimunculkan
JOptionPane.showMessageDialog(null,"maaf, jawaban belum
diisi", "Peringatan", JOptionPane.ERROR_MESSAGE);
}
else
{tampil_text.setText(a);
}
}

Jalankan program tersebut, lalu coba tanpa menginputkan text langsung di klik button tampilkan
Bila program anda benar, maka akan muncul messagebox seperti gambar berikut:




Jobsheet OOP 2 10

D. TUGAS
Buatlah sebuah form identitas karyawan dari suatu perusahaan dengan menyertakan minimal ada
komponen berikut:
Label
Text field
Radio button
Button
Ketentuan :
Ada 2 button yang dibuat, satu untuk menampilkan data di text area, dan satu lagi untuk menghapus
data, baik yang muncul di text field maupun di text area.
Apabila ada data yang belum terisi, maka muncul pesan peringatan di message dialog

Contoh tampilan form :


Tampilan bila ada data yang belum diisi :