Percobaan 8

GUI(Graphical User Interface 2)

Pokok Bahasan
Memahami tentang event/kejadian
Memahami tentang cara menangani event/kejadian

Tujuan Belajar
Dengan praktikum ini mahasiswa diharapkan dapat:
Memahami tentang event/kejadian
Membuat program GUI yang dilengkapi dengan event/kejadian

Dasar Teori
What is event?
Yang dimaksud dengan event adalah:
Ketika user melakukan aksi terhadap sebuah user interface (misalnya meng-klik
mouse atau menekan sebuah tombol), maka tindakan ini akan memunculkan sebuah
event.
Event adalah OBJEK yang mendeskripsikan sebuah kejadian (peristiwa yang terjadi)

Event Source adalah pembangkit sebuah event, misalnya mouse click pada sebuah
button akan membangkitkan sebuah ActionEvent dgn button sbg Event Source-nya.
Event Handler adalah sebuah method yang menerima sebuah objek event,
menterjemahkan, dan kemudian memproses interaksi user.

Event Listener
Swing menghandle event dengan sekumpulan interface yang disebut dengan
Event Listeners
Setiap kategori event, terdapat sebuah interface listener yang bersesuaian.

Listener tsb harus diimplementasikan oleh class dari objek yang akan menerima
event tersebut.

Percobaan 8.
Graphical User Interface(GUI 2)
 Listener ini akan menetapkan method mana yang harus didefinisikan dalam
sebuah class yang sesuai untuk menerima tipe event tersebut.
Methodmethod ini akan dipanggil ketika event ybs terjadi.

Kategori Event, Interface & Methodnya

Kategori Nama Interface Method
Action ActionListener actionPerformed(ActionEvent)

Item ItemListener itemStateChanged(ItemEvent)

Mouse MouseListener mousePressed(MouseEvent)

mouseReleased (MouseEvent)
mouseEntered (MouseEvent)
mouseExited (MouseEvent)
mouseClicked (MouseEvent)
Mouse MouseMotionListener mouseDragged (MouseEvent)
Motion mouseMoved (MouseEvent)
Key KeyListener keyPressed(KeyEvent)
keyReleased (KeyEvent)
keyTyped (KeyEvent)
Focus FocusListener focusGained(FocusEvent)
focusLost (FocusEvent)

Percobaan 8.
Graphical User Interface(GUI 2)
Soal Pendahuluan
1. Buatlah program, untuk menampilkan password yang diinputkan seperti tampilan
dibawah ini:

Label1 tf1 b1

Tambahkan event actionPerformed pada b1:

Percobaan 8.
Graphical User Interface(GUI 2)
 Sehingga didapat tampilan sebagai berikut:

Percobaan
1. Buatlah program dengan menggunakan system drag and drop untuk membuat dua
tampilan buku tamu seperti gambar dibawah ini:
percobaan1.java
Label 1

Label 2

Label 3 Tf1
Tf2
Label4
Label5 Tf3

b1

Percobaan 8.
Graphical User Interface(GUI 2)
 percobaan1b.java

ta

b2

Tambahkan beberapa program dan event actionPerformed pada b1 dari percobaan1.java:

Percobaan 8.
Graphical User Interface(GUI 2)
Tambahkan beberapa program dan event actionPerformed pada b2 dari percobaan1b.java:

Tampilan:

Percobaan 8.
Graphical User Interface(GUI 2)
2. Buatlah program untuk membuat beberapa tampilan GUI seperti
dibawah ini dengan menggunakan NetBeans!

Desainlah GUI seperti di bawah ini dan beri nama sesuai dengan nama yang tertera di dalam
kotak. Awali nama untuk cekbox dengan cb dan nama untuk textfield dengan tf. Untuk
inisialisasi awal : semua textField didisable. Untuk membuat supaya tidak bisa diedit,
lakukan klik kanan pada tfSoto pilih properties (gambar 1) akan muncul form seperti
gambar 2, pillih editable klik tanda (V) supaya textfield tidak bisa diedit

Percobaan 8.
Graphical User Interface(GUI 2)
 Gambar 1

Percobaan 8.
Graphical User Interface(GUI 2)
 Gambar 2
Klik kanan pada cbSoto, pilih Events Action actionPerformed (gambar 3), maka akan
muncul seperti gambar 4. Tambahkan program seperti gambar 4, tujuannya jika checkbox
Soto diklik maka text field akan dapat diedit.

Gambar 3

Dengan cara yang sama

lakukan untuk
cbrawon,cbbakso dan
cbgudeg

Gambar 4

Terdapat dua button pada aplikasi yaitu button hitung dan button clear. Button hitung
untuk menghitung total pemesanan. Lakukan klik kanan pada bHitung, pilih Events
Action actionPerformed maka tampak seperti gambar 13. Isi fungsi tersebut ! Button
Clear bertujuan untuk membersihkan semua textField

Percobaan 8.
Graphical User Interface(GUI 2)
Percobaan 8.
Graphical User Interface(GUI 2)
Button clear digunakan untuk menghapus isi textfield:

Tampilan yang diharapkan:

Tampilan yang dihasilkan jika user lupa telah mengklik menu tapi lupa tidak
mengisi berapa banyak menu yang dipesan, tampilkan pesan Jumlah pesanan belum
terisi

Gambar 16

Percobaan 8.
Graphical User Interface(GUI 2)
Soal Laporan Resmi
1. Buatlah program drag and drop sesuai dengan tema anda masing-masing, lampirkan
listing program yang dibuat.(kelompok 1 dengan kelompok yang lain tidak boleh
sama)

Percobaan 8.
Graphical User Interface(GUI 2)