PENGENALAN JAVA GUI PROGRAMMING

Transkripsi

1 PENGENALAN JAVA GUI PROGRAMMING

2 Sub Pokok Bahasan JFC AWT Swing Ilustrasi

3 JFC (Java Founda=on Classes)

4 Java Founda=on Class Merupakan framework dalam Java untuk mengembangkan aplikasi berbasis GUI (Graphical User Interface) JFC juga mempunyai class- class yang digunakan untuk menambahkan fungsi dan kemampuan interaksi yang varia=f dari pemrograman Java.

5 Java Founda=on Class JFC: AWT (Abstract Window Toolkit) Swing Java2D

6 AWT (Abstract Window Toolkit) PlaNorm awal yang dimiliki Java untuk mengembangkan aplikasi GUI Sudah ada lebih dulu sebelum Swing AWT membangun tampilan grafis dengan menggunakan subru=n/fungsi asli yang dimiliki oleh suatu planorm sistem operasi Sehingga memungkinkan hasil tampilan komponen grafisnya, =dak sama antar planorm SO satu dengan yang lain

7 AWT Di dalamnya terdapat API (Applica=on Programming Interface) untuk menangani event handling Secara fisik bentuk AWT adalah berupa kumpulan klas- klas yang ada dalam paket java.awt

8 Swing Teknologi yang lebih baru daripada AWT Swing membangun tampilan grafis =dak langsung menggunakan subru=n/fungsi asli dari planorm SO. Swing membangun sendiri tampilan grafis tersebut (yaitu menggunakan Java2D, dan Java2D yang berhubungan dengan low- level subru=n asli dari planorm SO)

9 Swing Tampilan grafis yang dihasilkan antara planorm satu dengan yang lain sama Lebih kaya dan lebih bagus Menyediakan fasilitas cross- planorm look and feel, sehingga bisa membuat tampilan yang seolah2 tampilan grafisnya dibuat menggunakan planorm sistem operasi lain Contoh: Misal dibuat program di Windows, tampilannya bisa dibuat seper= di tampilan di Mac.

10 Swing Swing bukan penggan= AWT, Swing akan berdampigan dengan AWT Karena se=ap tampilan komponen GUI tetap perlu berkomunikasi dengan low- level subrou=n dari suatu planorm SO Misalkan saat Event Handling, Event source nya berasal dari hardware seper= mouse dan keyboard. Jadi tetap perlu berkomunikasi dengan subrou=n asli SO untuk bisa mengenali event dari keyboard atau mouse

11 Swing Secara fisik bentuk Swing adalah berupa kumpulan klas- klas yang ada dalam paket javax.swing

12 Java2D API di Java untuk mengembangkan aplikasi grafis 2 dimensi Shape Color Fill Transform Stroke Font

13 Swing

14 Arsitektur Swing Se=ap aplikasi GUI Swing harus memiliki se=daknya satu TOP- LEVEL CONTAINER CONTAINER merupakan komponen GUI dimana didalamnya dapat dimasukkan komponen GUI lainnya Dalam TOP- LEVEL CONTAINER tsb akan diletakkan komponen- komponen GUI lainnya

15 Arsitektur Swing TOP- LEVEL CONTAINER Menu Bar Tempat diletakkannya komponen MENU dan MENU ITEM Content Pane Tempat diletakkannya komponen- komponen GUI lainnya (selain menu, seper= Bu\on, Text Field dsb) Implementasi dalam Swing utk TOP- LEVEL CONTAINER adalah menggunakan klas JFrame, Jdialog dan JApplet

16 Arsitektur Swing Top- Level Container Content Pane Menu Bar Komponen Komponen Dsb Menu Komponen Menu Item

17 Arsitektur Swing

18 Ilustrasi

19 Langkah- Langkah 1. Buat Root Level Container 2. Buat Komponen GUI dan masukkan ke dalam Root Level Container 3. Buat Event Handling

20 (1) Membuat Root Level Container Dibuat dengan menggunakan klas JFrame Buat SUBKLAS dari Jframe Buat objek dari SUBKLAS tersebut Panggil method dari objek tersebut, untuk mendapatkan hasil yang diinginkan

21 (1) Membuat Root Level Container Buat SUBKLAS dari JFrame Buat objek dari SUBKLAS tsb, dan panggil method utk mendapatkan hasil yang diinginkan

22 (1) Membuat Root Level Container Agar tampilan lebih baik dari sebelumnya, lengkapi pada class Main hingga sbg berikut

23 (2) Masukkan Komponen GUI ke Frame Lengkapi klas MainWindow dg atribut, dimana atribut tsb merupakan komponen GUI yang akan dimasukkan ke Frame Isikan dalam konstruktor klas MainWindow sintaks instansiasi objek komponen GUI Masukkan komponen GUI ke dalam Frame dgn menggunakan method add

24 (2) Masukkan Komponen GUI ke Frame Buat atribut Ins=ansi objek dari =ap atribut 1. Masukkan objek txt1, txt2 dan btn ke dalam panel. 2. Masukkan panel ke dalam Fame

25 (2) Masukkan Komponen GUI ke Frame Untuk melihat hasil perubahannya, panggil method addcomponent() yang ada di klas MainWindow, dari dalam klas Main

26 (3) Membuat Event Handling Event Handling digunakan untuk menangani ke=ka user memberikan event pada suatu komponen GUI, misalnya: ke,ka tombol di klik, ke,ka user menge,kkan sesuatu dalam text field, ke,ka user memilih salah satu item di dalam combo box dsb. Event handling dibuat dengan cara mengimplentasikan (implements) suatu interface Meletakkan proses penanganan event ke dalam method implementasinya

27 Konsekuensinya, dalam klas MainWindow harus memberikan isi method acionperformed. acionperformed merupakan method abstract yang ada dalam interface AcIonListener (klik tanda merah dan implements all abstract method) (3) Membuat Event Handling Implements- kan klas MainWindow ke interface Ac=onListener

28 (3) Membuat Event Handling 1. Implements ke interface AcIonListener 3. Tambahkan listener yang telah dibuat ini ke dalam btn (sehingga ke=ka btn diklik akan menjalankan sintaks yang ada dalam acionperformed) 2. Masukkan sintaks untuk menangani event ke dalam method acionperformed

29 (4) Jalankan Program Jalankan klas Main dan coba analisis hasil nya Masukan nilai ke txt1 dan txt2. Kemudian tekan tombol btn

30 SELESAI