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: sekretariat_fti@bl.ac.id

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

achmatim@gmail.com, achmatim@bl.ac.id

FAKULTAS TEKNOLOGI INFORMASI 23PBO LANJUTAN – PG118 – 3 SKS