Pemrograman Berorientasi Obyek Lanjutan (Java)achmatim.net/_downloads/PBO Lanjutan/Pertemuan 03 -...

12
Pemrograman Berorientasi Pemrograman Berorientasi Obyek Lanjutan (Java) PG118 – 3 SKS © 2009 Fakultas Teknologi Informasi Universitas Budi Luhur Jl. Ciledug Raya Petukangan Utara Jakarta Selatan 12260 Website: http://fti.bl.ac.id Email: [email protected] PERTEMUAN 03 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

Transcript of Pemrograman Berorientasi Obyek Lanjutan (Java)achmatim.net/_downloads/PBO Lanjutan/Pertemuan 03 -...

Page 1: Pemrograman Berorientasi Obyek Lanjutan (Java)achmatim.net/_downloads/PBO Lanjutan/Pertemuan 03 - Java GUI #2.pdfPemrograman Berorientasi Obyek Lanjutan (Java) PG118 – 3 SKS ...

10/17/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 03

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

Page 2: Pemrograman Berorientasi Obyek Lanjutan (Java)achmatim.net/_downloads/PBO Lanjutan/Pertemuan 03 - Java GUI #2.pdfPemrograman Berorientasi Obyek Lanjutan (Java) PG118 – 3 SKS ...

10/17/2009

2

Container

Container merupakan komponen GUI yang dapat terdiri dari komponen‐komponen GUIdapat terdiri dari komponen komponen GUI lainnya.Setiap object GUI diletakkan di sebuahcontainer.Container dapat tersusun secara bertingkat(container dapat terdiri dari container juga)Contoh container: JFrame, JPanel

FAKULTAS TEKNOLOGI INFORMASI 3PBO LANJUTAN – PG118 – 3 SKS

Layout Manager

Merupakan class Java yang bertugas mengaturtampilan object object GUI dalam containertampilan object‐object GUI dalam container.Layout Manager mengatur:

Ukuran dari containerUkuran tiap elemen (object) dalam containerSpasi antar elemen dalam containerPosisi dari elemen dalam container

Class Layout Manager umumnya berada dipackage java.awt dan java.swing

FAKULTAS TEKNOLOGI INFORMASI 4PBO LANJUTAN – PG118 – 3 SKS

Page 3: Pemrograman Berorientasi Obyek Lanjutan (Java)achmatim.net/_downloads/PBO Lanjutan/Pertemuan 03 - Java GUI #2.pdfPemrograman Berorientasi Obyek Lanjutan (Java) PG118 – 3 SKS ...

10/17/2009

3

Layout Manager

Manager / Class Description

java.awt.BorderLayout Arranges elements along the north, south, east, west, and in the center of the container.

java.swing.BoxLayout Arranges elements in a single row or single column.

java.awt.CardLayout Arranges elements like a stack of cards, with one visible at a time.

java.awt.FlowLayout Arranges elements left to right across the container.

java.awt.GridBagLayout Arranges elements in a grid of variably sized cells (complicated).( p )

java.awt.GridLayout Arranges elements into a two‐dimensional grid of equally sized cells.

java.swing.OverlayLayout Arranges elements on top of each other.

FAKULTAS TEKNOLOGI INFORMASI 5PBO LANJUTAN – PG118 – 3 SKS

Layout Manager Default

Container Layout Manager

JApplet BorderLayout (on its content pane)

JBox BoxLayout

JDialog BorderLayout (on its content pane)

JFrame BorderLayout (on its content pane)

JPanel FlowLayout

JWindow BorderLayout (on its content pane)

FAKULTAS TEKNOLOGI INFORMASI 6PBO LANJUTAN – PG118 – 3 SKS

Page 4: Pemrograman Berorientasi Obyek Lanjutan (Java)achmatim.net/_downloads/PBO Lanjutan/Pertemuan 03 - Java GUI #2.pdfPemrograman Berorientasi Obyek Lanjutan (Java) PG118 – 3 SKS ...

10/17/2009

4

GridLayout

Object disusun berdasarkan grid dalam baris dankolomkolom.

Contoh membuat layout dimana object disusunsecara grid 4 x 3, dengan spasi 1 antar object:setLayout(new GridLayout(4,3,1,1));

Bagaimana jika object yang ditampilkan lebih dari4x3 ?? Bagaimana jika objectnya kurang dari 4x3 ??

FAKULTAS TEKNOLOGI INFORMASI 7PBO LANJUTAN – PG118 – 3 SKS

GridLayout

FAKULTAS TEKNOLOGI INFORMASI 8PBO LANJUTAN – PG118 – 3 SKS

Page 5: Pemrograman Berorientasi Obyek Lanjutan (Java)achmatim.net/_downloads/PBO Lanjutan/Pertemuan 03 - Java GUI #2.pdfPemrograman Berorientasi Obyek Lanjutan (Java) PG118 – 3 SKS ...

10/17/2009

5

BorderLayout

Container dibagi menjadi 5 wilayah: north, west, east south centereast, south, center

getContentPane().setLayout(new BorderLayout(2, 2)); getContentPane().add(keypad,"East");

FAKULTAS TEKNOLOGI INFORMASI 9PBO LANJUTAN – PG118 – 3 SKS

Contoh Implementasi bbrp Layout

FAKULTAS TEKNOLOGI INFORMASI 10PBO LANJUTAN – PG118 – 3 SKS

Page 6: Pemrograman Berorientasi Obyek Lanjutan (Java)achmatim.net/_downloads/PBO Lanjutan/Pertemuan 03 - Java GUI #2.pdfPemrograman Berorientasi Obyek Lanjutan (Java) PG118 – 3 SKS ...

10/17/2009

6

BoxLayout

Layout menyusun elemen/komponen GUI tik l t h i t lsecara vertikal atau horisontal.

Contoh:choicePanel.setLayout(new

BoxLayout(choicePanel,BoxLayout.Y_AXIS));

FAKULTAS TEKNOLOGI INFORMASI 11PBO LANJUTAN – PG118 – 3 SKS

Checkbox dan RadioButton

FAKULTAS TEKNOLOGI INFORMASI 12PBO LANJUTAN – PG118 – 3 SKS

Page 7: Pemrograman Berorientasi Obyek Lanjutan (Java)achmatim.net/_downloads/PBO Lanjutan/Pertemuan 03 - Java GUI #2.pdfPemrograman Berorientasi Obyek Lanjutan (Java) PG118 – 3 SKS ...

10/17/2009

7

Checkbox dan RadioButton

Deklarasi object

FAKULTAS TEKNOLOGI INFORMASI 13PBO LANJUTAN – PG118 – 3 SKS

Checkbox dan RadioButton

Checkbox

Radiobutton

FAKULTAS TEKNOLOGI INFORMASI 14PBO LANJUTAN – PG118 – 3 SKS

Page 8: Pemrograman Berorientasi Obyek Lanjutan (Java)achmatim.net/_downloads/PBO Lanjutan/Pertemuan 03 - Java GUI #2.pdfPemrograman Berorientasi Obyek Lanjutan (Java) PG118 – 3 SKS ...

10/17/2009

8

Swing Borders

Untuk membuat border, menggunakan class B d F tBorderFactory

Dapat diterapkan pada container dan JPanelmenggunakan method setBorder().

Contoh:choicePanel.setBorder(choicePanel.setBorder(

BorderFactory.createTitledBorder("Titles"));

FAKULTAS TEKNOLOGI INFORMASI 15PBO LANJUTAN – PG118 – 3 SKS

ItemListener

Diterapkan untuk komponen:JP MJPopupMenu

JRadioButton

JCheckbox

Contoh penerapannya:

FAKULTAS TEKNOLOGI INFORMASI 16PBO LANJUTAN – PG118 – 3 SKS

Page 9: Pemrograman Berorientasi Obyek Lanjutan (Java)achmatim.net/_downloads/PBO Lanjutan/Pertemuan 03 - Java GUI #2.pdfPemrograman Berorientasi Obyek Lanjutan (Java) PG118 – 3 SKS ...

10/17/2009

9

Contoh Program

Contoh Program Lengkap lihat di Bukuf i (J J J ™ Obj t O i t dreferensi (Java, Java, Java™: Object‐Oriented

Problem Solving, Third Edition) section 13.8

FAKULTAS TEKNOLOGI INFORMASI 17PBO LANJUTAN – PG118 – 3 SKS

Menu

Jenis menu: Popup Menu, Pull‐down menu

Menu dapat terdiri dari sejumlah menu item

Class yang berhubungan dengan menu:JMenuBar

JMenu

JP MJPopupMenu

JMenuItem

JSeparator

FAKULTAS TEKNOLOGI INFORMASI 18PBO LANJUTAN – PG118 – 3 SKS

Page 10: Pemrograman Berorientasi Obyek Lanjutan (Java)achmatim.net/_downloads/PBO Lanjutan/Pertemuan 03 - Java GUI #2.pdfPemrograman Berorientasi Obyek Lanjutan (Java) PG118 – 3 SKS ...

10/17/2009

10

Menu

JMenuBar JMenu

JMenu

JMenuItemJMenuItem

FAKULTAS TEKNOLOGI INFORMASI 19PBO LANJUTAN – PG118 – 3 SKS

JSeparator

Menu

Langkah menambahkan menu:Buat item‐item menu dengan JMenuItem

Buat menu dengan JMenu dan tambahkan object JMenuItem ke dalamnya.

Buat menubar dengan JMenuBar dan tambahkanobject JMenu ke dalamnya.

FAKULTAS TEKNOLOGI INFORMASI 20PBO LANJUTAN – PG118 – 3 SKS

Page 11: Pemrograman Berorientasi Obyek Lanjutan (Java)achmatim.net/_downloads/PBO Lanjutan/Pertemuan 03 - Java GUI #2.pdfPemrograman Berorientasi Obyek Lanjutan (Java) PG118 – 3 SKS ...

10/17/2009

11

Contoh Menu

FAKULTAS TEKNOLOGI INFORMASI 21PBO LANJUTAN – PG118 – 3 SKS

Contoh Menu

FAKULTAS TEKNOLOGI INFORMASI 22PBO LANJUTAN – PG118 – 3 SKS

Page 12: Pemrograman Berorientasi Obyek Lanjutan (Java)achmatim.net/_downloads/PBO Lanjutan/Pertemuan 03 - Java GUI #2.pdfPemrograman Berorientasi Obyek Lanjutan (Java) PG118 – 3 SKS ...

10/17/2009

12

Contoh Program

Contoh Program Lengkap lihat di Bukuf i (J J J ™ Obj t O i t dreferensi (Java, Java, Java™: Object‐Oriented

Problem Solving, Third Edition) section 13.9, Figure 13.33

FAKULTAS TEKNOLOGI INFORMASI 23PBO LANJUTAN – PG118 – 3 SKS

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 24PBO LANJUTAN – PG118 – 3 SKS