PBO 7 - Graphic User Interface
PBO 7 - Graphic User Interface
www.yourcompany.com PitchDeck
Outline
2
www.yourcompany.com PitchDeck
Graphic User Interface (GUI)
• Dengan Java, memungkinkan untuk membuat tampilan User Interface dengan
memanfaatkan paket-paket GUI yang telah disediakan.
• Salah satu paket yang biasa digunakan adalah AWT (Abstract Window Toolkit), dimana
dengan AWT kita bisa membuat berbagai prasarana dasar sepeti tombol, field input,label
dll dan kemudian membuat program interface untuk menanggapi berbagai event.
• Pada Java, user dapat membuat sebuah program aplikasi yang memungkinkan user
untuk dapat berinteraksi dengan komponen grafis, seperti :
o window,
o button,
o textbox,
o Menu,
o Text Fields
• Dalam java, telah disediakan sebuah set kelas khusus untuk GUI yaitu Swing.
• Komponen Swing didasarkan pada kelas – kelas fundamental dari AWT (Application
Windowing Toolkit).
3
www.yourcompany.com PitchDeck
AWT
4
www.yourcompany.com PitchDeck
Java Swing
5
www.yourcompany.com PitchDeck
Events
6
www.yourcompany.com PitchDeck
Events
• Pada Console Programming, user akan merespon apa yang terdapat pada
prompt. Urutan kejadian ditentukan oleh program, bukan oleh user.
7
www.yourcompany.com PitchDeck
Part GUI
8
www.yourcompany.com PitchDeck
Frame
• Pada Java, Frame merupakan
window yang memiliki border
dan tempat untuk merancang
aplikasi GUI. Untuk
menggunakan Frame kita haru
melakukan import Jframe
terlebih dahulu.
10
www.yourcompany.com PitchDeck
Latihan 1
Untuk menambahkan
Button
11
www.yourcompany.com PitchDeck
Latihan 1
Menambahkan ActionListener
untuk menampilkan event Ketika
button di klik, yaitu jumlah klik
akan selalu bertambah
12
www.yourcompany.com PitchDeck
Latihan 1
13
www.yourcompany.com PitchDeck
Latihan 1
14
www.yourcompany.com PitchDeck
Latihan 2
15
www.yourcompany.com PitchDeck
Latihan 2
16
www.yourcompany.com PitchDeck
Latihan 2
17
www.yourcompany.com PitchDeck
Latihan 2
Program berikut adalah contoh instansiasi dari kelas TFrame dimana window di-set dengan
ukuran 350x200 piksel
Jalankan program lalu amati penggunaan listener untuk buttonOK (baris 53) yang mengimplementasikan
interface ActionListener untuk menjalankan event tertentu.
18
www.yourcompany.com PitchDeck
Latihan 2
19
www.yourcompany.com PitchDeck
Latihan 2
20
www.yourcompany.com PitchDeck
Latihan 2
21
www.yourcompany.com PitchDeck
Latihan 2
22
www.yourcompany.com PitchDeck