Graphical User Interface

Presentasi berjudul: "Graphical User Interface"— Transcript presentasi:

1 Graphical User Interface
Sussi

2 SAP Membangun GUI menggunakan JAVA

3 GUI Metode pendesainan program kedunia nyata atau visual AWT dan Swing
Abstract Windows Toolkits, sekumpulan lybrary yang tidak tergantung pada platform (independent) dan digunakan untuk menyederhanakan implemetasi interface Swing = bentuk implementasi yang menambahkan komponen-komponen dalam sistem GUI tetapi masih didasarkan pada arsitekstur AWT

4 Komponen GUI pada AWT: 1. Window Classes Fundamental

5 Komponen GUI pada AWT: 1. Window Classes Fundamental
Mengatur ukuran windowmethod setSize void setSize(int width, int height) Mengubah ukuran d/ width height sbg parameter: void setSize(Dimension d) mengatur visibility=T void setVisible(boolean b) Dalam mendesain aplikasi GUI, Object Frame selalu digunakan Next AplikasiSampleFrame .java x tidak jalan karena belum ada event handling

6 FRAME

7 LATIHAN A BUAT PROGRAM DENGAN KELUARAN

8 PANEL

9 Komponen GUI pada AWT: 2.Grafik Method: GraphicPanel.java

10 Komponen GUI pada AWT: 3.Kontrol User

11

12 Containers Adalah descendent kelas java.awt.Container
Adalah komponen yang dapat mengandung komponen lain Komponen ditambahkan ke container menggunakan berbagai bentuk method add panel.add(component);

13 Komponen GUI pada AWT: 4. Layout Manager
Fungsi mengatur tampilan dari komponen di dalam kontainer Diantaranya: FlowLayout BorderLayout GridLayout Methodvoid setLayout(LayoutManager mgr) u/ mengatur manual public void setBounds(int x, int y, int width, int height)

14 FlowLayout Manager d/ posisi argumen mengacu: FlowLayoutDemo.java
FlowLayout.LEFT FlowLayout.CENTER FlowLayout.RIGHT FlowLayoutDemo.java

15

16 BorderLayout Manager d/ mengacu pada region: BorderLayoutDemo.java
BorderLayout.NORTH (utara) BorderLayout.SOUTH (selatan) BorderLayout.EAST (timur) BorderLayout.WEST (barat) BorderLayout.CENTER (tengah) BorderLayoutDemo.java

17

18 GridLayout Manager komponen diposisikan dari:
kiri ke kanan atas ke bawah GridLayout manager membagi kontainer menjadi baris dan kolom GridLayoutDemo.java

19

20  JLABEL JLabel merupakan komponen yang digunakan untuk menampilkan teks yang pendek atau gambar atau keduanya.

21 JBUTTON Jbutton Kelas JButton berguna untuk membuat objek tombol yang dapat dilengkapi dengan judul tombol dan gambar, selain itu JButton merupakan komponen yang dapat menghasilkan suatu event jika tombol diklik oleh user.

22 JTEXTFIELD JTextField
JTextField merupakan objek yang berguna untuk memasukkan atau mengedit data satu baris.

23 Review AWT

24 LATIHAN 1 BUATLAH PAPAN TIC-TAC-TOE SEPERTI DI BAWAH INI