10/3/2009
1
Pemrograman BerorientasiPemrograman BerorientasiObyek Lanjutan (Java)
PG118 – 3 SKS
© 2009 Fakultas Teknologi Informasi Universitas Budi LuhurJl. Ciledug Raya Petukangan Utara Jakarta Selatan 12260Website: http://fti.bl.ac.id Email: [email protected]
PERTEMUAN 02
JAVA GRAPHICAL USER INTERFACE
FAKULTAS TEKNOLOGI INFORMASI PBO LANJUTAN – PG118 – 3 SKS 2
* Sebagian dari isi slide ini dibuat berdasarkan buku “Java, Java, Java: Object Oriented Problem Solving” oleh Prentice Hall
10/3/2009
2
Graphical User Interface
GUI menentukan bagaimana:User berinteraksi dengan sistemUser berinteraksi dengan sistemKenyamanan user dalam menggunakan sistemKemudahan penggunaan sistem
FAKULTAS TEKNOLOGI INFORMASI 3PBO LANJUTAN – PG118 – 3 SKS
AWT dan Swing
FAKULTAS TEKNOLOGI INFORMASI 4PBO LANJUTAN – PG118 – 3 SKS
10/3/2009
3
AWT dan Swing
FAKULTAS TEKNOLOGI INFORMASI 5PBO LANJUTAN – PG118 – 3 SKS
The Swing Component Set
javax.swing.event.* Event dan listener dari Swing, sepertiMenuListener
javax.swing.text.* JTextField, JTextComponent
javax swing plaf *javax.swing.plaf.Pluggable look and Feel
FAKULTAS TEKNOLOGI INFORMASI 6PBO LANJUTAN – PG118 – 3 SKS
10/3/2009
4
Model‐View‐Controller
ModelPerubahan‐perubahan pada view
ViewBagaimana tampilan suatu obyek.
ControllerP t b h d l iProgram yang mengatur perubahan model‐view
FAKULTAS TEKNOLOGI INFORMASI 7PBO LANJUTAN – PG118 – 3 SKS
Model‐View‐Controller
FAKULTAS TEKNOLOGI INFORMASI 8PBO LANJUTAN – PG118 – 3 SKS
10/3/2009
5
Java Event Model
Event adalah apa yang terjadi saat suatuti t j diaction terjadi.
Contoh: Saat suatu tombol ditekan maka akanditampilkan suatu pesan.
Di java penanganan event dikenal denganevent handling atau event listenerevent handling atau event listener.
FAKULTAS TEKNOLOGI INFORMASI 9PBO LANJUTAN – PG118 – 3 SKS
Java Event Model
Dalam event handling, ada 3 bagian:Object dimana suatu event berada (berlaku). Setiap komponen GUI umumnya memiliki event.
Action, merupakan aksi yang dilakukan padaobject.. Misalnya saat diklik, saat disorot, saataktif, dsb
Proses, merupakan proses yang terjadi saat suatuaction aktif.
FAKULTAS TEKNOLOGI INFORMASI 10PBO LANJUTAN – PG118 – 3 SKS
10/3/2009
6
Contoh
Object
Penambahan Listener
Proses yang terjadi
FAKULTAS TEKNOLOGI INFORMASI 11PBO LANJUTAN – PG118 – 3 SKS
y g j
Event Classes
Component Event Description
Button, JButton ActionEvent User clicked button
CheckBox, JCheckBox ItemEvent User toggled a checkbox
CheckboxMenuItem, JCheckboxMenuItem
ItemEvent User toggled a checkbox
Choice, JPopupMenu ItemEvent User selected a choice
Component, JComponent ComponentEvent Component was moved or resized
FocusEvent Component acquired or lostFocusEvent Component acquired or lost focus
KeyEvent User typed a key
MouseEvent User manipulated the mouse
FAKULTAS TEKNOLOGI INFORMASI 12PBO LANJUTAN – PG118 – 3 SKS
10/3/2009
7
Event Classes
Component Event Description
Container, JContainer ContainerEvent Component added/removed from container
List, JList ActionEvent User double‐clicked a list item
ItemEvent User clicked a list item
Menu, JMenu ActionEvent User selected menu item
Scrollbar, JScrollbar AdjustmentEvent User moved scrollbarj
TextComponent, JTextComponent
TextEvent User edited text
TextField, JTextField ActionEvent User typed Enter key
Window, JWindow WindowEvent User manipulated window
FAKULTAS TEKNOLOGI INFORMASI 13PBO LANJUTAN – PG118 – 3 SKS
Event Classes
Component Event Description
JPopupMenu PopupMenuEvent User selected a choice
JComponent AncestorEvent Event occurred in an ancestor
JList ListSelectionEvent User double‐clicked a list item
ListDataEvent List's contents were changed
JMenu MenuEvent User selected menu item
JTextComponent CaretEvent Mouse clicked in text
UndoableEditEvent Undoable edit occurred
FAKULTAS TEKNOLOGI INFORMASI 14PBO LANJUTAN – PG118 – 3 SKS
10/3/2009
8
Event Classes
Component Event Description
JTable TableModelEvent Items added/removed from table
TableColumnModelEvent Table column was moved
Jtree TReeModelEvent Items added/removed from tree
treeSelectionEvent User selected a tree node
TReeExpansionEvent User expanded or collapsed a tree node
JWindow WindowEvent User manipulated window
FAKULTAS TEKNOLOGI INFORMASI 15PBO LANJUTAN – PG118 – 3 SKS
Praktikum: Mendesign GUI
FAKULTAS TEKNOLOGI INFORMASI 16PBO LANJUTAN – PG118 – 3 SKS
10/3/2009
9
FAKULTAS TEKNOLOGI INFORMASI 17PBO LANJUTAN – PG118 – 3 SKS
Tampilan Program
FAKULTAS TEKNOLOGI INFORMASI 18PBO LANJUTAN – PG118 – 3 SKS
10/3/2009
10
Praktikum: Button Array
FAKULTAS TEKNOLOGI INFORMASI 19PBO LANJUTAN – PG118 – 3 SKS
Contoh Button Array
FAKULTAS TEKNOLOGI INFORMASI 20PBO LANJUTAN – PG118 – 3 SKS
10/3/2009
11
Implementasi Button Array
Implementasikan contoh button array di atast k b hk t b l i duntuk menambahkan tombol sesuai dengan
rancangan layar di atas!
FAKULTAS TEKNOLOGI INFORMASI 21PBO LANJUTAN – PG118 – 3 SKS
Hasil Tampilan
FAKULTAS TEKNOLOGI INFORMASI 22PBO LANJUTAN – PG118 – 3 SKS
10/3/2009
12
Terima Kasih
Referensi:Ralph Morelli, Ralph Walde, Java, Java, Java™: Object‐Oriented Problem Solving, Third Edition, Prentice Hall, 2005
Slide ini dibuat oleh:Achmad Solichin
http://achmatim.net
[email protected], [email protected]
FAKULTAS TEKNOLOGI INFORMASI 23PBO LANJUTAN – PG118 – 3 SKS