Copy of Java Topik 4 Mengenal SWING

(1)

Universitas Multimedia Nusantara

TOPIK 4

Mengenal SWING

JAVA - 2013

(2)

GUI dalam Java

Ada tiga:

• AWT (Abstract Window Toolkit)



awal

• SWING

_

pengembangan dari AWT

• JavaFX

_

untuk aplikasi desktop, RIA

(3)

Universitas Multimedia Nusantara

Mengapa Swing

• _{Sun tidak menganjurkan AWT}

–

_{AWT lambat dan fiturnya kurang}

• _{Swing lebih ringan dari AWT}

• _{Swing paling banyak digunakan untuk aplikasi}

desktop

• _{Tidak tergantung sistem operasi}

• _{Bagian dari JFC (Java Fondation Classes)}

• _{Ada fasilitas Look and Feel}

• _{Swing dibuat berdasar dari AWT tapi jauh lebih}

(4)

Swing

• _{Dalam package javax.swing}

• Semua objek Swing diawali dengan huruf

J contohnya JFrame, JButton, JLabel,

JTextField, JTextArea, JCheckBox,

(5)

(6)

Komponen Dasar Swing

• _{Top-Level Container}

• Intermediate Container

• Atomic Container

(7)

Container

• _{Tempat komponen lain diletakkan}

• Contohnya:

(8)

Swing Package

• Tersedia 17 package yang berisi kelas-kelas

Swing

• Banyak yang menyediakan komponen lain:



JGoodies



Swingx



javadesktop.org

(9)

(10)

Fitur Swing

cont’d

• _{Jalankan swingset3.jar}

• Caranya:

(11)

(12)

(13)

How to create

Aplikasi swing bisa dibuat dengan:

• Mengetik kode langsung

–

Untuk memahami konsep Swing ini yang kita

lakukan untuk sekarang

• Menggunakan fasilitas ‘What You See Is

What You Get”

(14)

(15)

(16)

(17)

(18)

(19)

DIY Membuat Form

(20)

DIY Membuat Form

Menggunakan JFrame

Container paling atas untuk menangani GUI

Beberapa method penting:

• _setSize

_{(lebar, tinggi)}

• _setLocation

_(x,y)

• _setVisible

_(boolean)

• _{setDefaultCloseOperation}

_{(int) spesifikasi operasi jika}

frame ditutup

• _{setLocationRelativeTo}

_{(component) set lokasi frame ke}

(21)

DIY Membuat Windows

cont’d

(22)

(23)

Event Handling

Untuk menangani bila terjadi event.

Event:

–

Button yang diklik

–

_{Textbox berubah isinya}

(24)

(25)

Menambahkan Button

(26)

(27)

Menambahkan Text Box

(28)

(29)

Menambahkan Check Box

(30)

(31)

Latihan 1

(32)

Eclipse Window Builder Plug In

• _{Eclipse merupakan IDE berbasis plug in}

• Untuk mendapatkan fasilitas WYSIWYG

dalam membangung Swing kita perlu

menambahkan Window Builder

• WindowBuilder adalah plugin open source

yang dikelola oleh google untuk

(33)

Eclipse Window Builder Plug In

Installation

Untuk melakukan instalasi WindowBuilder

bisa secara:

(34)

(35)

Eclipse Window Builder Plug In

Installation - offline

Untuk offline installation

Pastikan sudah mendapatkan filenya yang

didapat dari :

http://www.eclipse.org/windowbuilder/

(36)

(37)

Eclipse Window Builder Plug In

Installation - offline

(38)

Eclipse Window Builder Plug In

Installation - offline

(39)

Eclipse Window Builder Plug In

Installation - offline

(40)

Eclipse Window Builder Plug In

Installation - offline

(41)

Eclipse Window Builder Plug In

Installation - offline

(42)

Eclipse Window Builder Plug In

Installation - offline

Pilih local, pilih folder tempat anda

(43)

Eclipse Window Builder Plug In

Installation - offline

(44)

Eclipse Window Builder Plug In

Installation - offline

(45)

Eclipse Window Builder Plug In

Installation - offline

(46)

Eclipse Window Builder Plug In

Installation - offline

(47)

Eclipse Window Builder Plug In

Installation - offline

(48)

Eclipse Window Builder Plug In

Installation - offline

(49)

Eclipse Window Builder Plug In

Installation - offline

(50)

(51)

Eclipse Window Builder Plug In

Installation - online

(52)

Eclipse Window Builder Plug In

Installation - online

(53)

Eclipse Window Builder Plug In

Installation - online

(54)

Eclipse Window Builder Plug In

Installation - online

(55)

Eclipse Window Builder Plug In

(56)

Eclipse Window Builder Plug In

(57)

Eclipse Window Builder Plug In

(58)

Eclipse Window Builder Plug In

(59)

Eclipse Window Builder Plug In

(60)

Eclipse Window Builder Plug In

(61)

Eclipse Window Builder Plug In

(62)

Eclipse Window Builder Plug In

Installation - offline

(63)

Eclipse Window Builder Plug In

Installation - offline

(64)

(65)

Menggunakan WindowBuilder

(66)

Beri nama Sistem Informasi Penjualan

(67)

Buat package baru:

id.web.sigit.tutorial.windowbuilder.sip.resources

id.web.sigit.tutorial.windowbuilder.sip.view

(68)

Hasilnya

(69)

Copy image (icon yang diberikan oleh

dosen) ke package resources

(70)

Pilih package views dan pilih Create New Visual Classes

(71)

Pilih Swing > JFrame

(72)

Beri nama FormUtama

(73)

Coba Jalankan

(74)

Pilih Menu Design

(75)

Menu Design

(76)

Pilih Maximize

(77)

Mode maximize

(78)

Memilih Look n Feel

(79)

Memilih Look n Feel

(80)

Memilih Look n Feel

Agar look and feel diimplement ketika awal

masuk program:

(81)

Memilih Look n Feel

(82)

Memilih Look n Feel

(83)

Memilih Look n Feel

(84)

Mengubah Property

(85)

Mengubah Property

(86)

Mengubah Property

(87)

Mengubah Property

(88)

Mengubah Property

(89)

Melakukan Preview

(90)

Set Layout

(91)

Set Layout

(92)

Mengubah Ukuran

(93)

Membuat Menu

• _{Merupakan bagian yang sangat penting}

dalam aplikasi

• _{Pada Swing, Menu hanya bisa dipasang}

pada objek yang mempunyai method

setJMenuBar

• _{Untuk membuat menu dibutuhkan}

beberapa kelas yaitu

JMenuBar

,

Jmenu

,

JMenuItem,

(94)

Membuat Menu

cont’d

(95)

Mengubah Ukuran

(96)

Membuat Menu

(97)

Membuat Menu

cont’d

(98)

Membuat Menu

cont’d

(99)

Membuat Menu

cont’d

(100)

Membuat Menu

cont’d

(101)

Membuat Menu

cont’d

(102)

Membuat Menu

cont’d

(103)

Membuat Menu

cont’d

(104)

Membuat Menu

cont’d

(105)

Membuat Toolbar Menu

cont’d

(106)

Membuat Toolbar Menu

cont’d

(107)

Membuat Toolbar Menu

cont’d

(108)

Membuat Toolbar Menu

cont’d

(109)

Membuat Toolbar Menu

cont’d

Ubah icon untuk toolbar

(110)

Membuat Internal Frame

cont’d

(111)

Membuat Internal Frame

cont’d

(112)

Membuat Internal Frame

cont’d

(113)

Membuat Internal Frame

cont’d

(114)

Membuat Internal Frame

cont’d

(115)

Membuat Internal Frame

cont’d

(116)

Membuat Internal Frame

cont’d

(117)

Membuat Internal Frame

cont’d

(118)

Membuat Internal Frame

cont’d

(119)

Membuat Internal Frame

cont’d

(120)

Membuat Internal Frame

cont’d

(121)

Membuat Internal Frame

cont’d

(122)

Membuat Internal Frame

cont’d

(123)

Menampilkan Internal Frame

cont’d

(124)

Menampilkan Internal Frame

cont’d

(125)

Membuat Internal Frame

cont’d

(126)

Membuat Internal Frame

cont’d

(127)

Membuat Internal Frame

cont’d

(128)

Membuat Internal Frame

cont’d

(129)

Membuat Internal Frame

cont’d

(130)

Membuat Internal Frame

cont’d

(131)

Membuat Internal Frame

cont’d

(132)

Membuat Internal Frame

cont’d

(133)

Membuat Internal Frame

cont’d

(134)

Membuat Menu

cont’d

Tambahkan 3 Menu Item Lain

• _{Master Data Kategori}

• _{Master Data Barang}

• _{Master Data Pemasok}

(135)