Java User Interface (Swing)

Presentasi berjudul: "Java User Interface (Swing)"— Transcript presentasi:

1 Java User Interface (Swing)
Pemrograman Berorientasi Obyek Java User Interface (Swing) Ramos Somya, S.Kom.

2 Basa-basi… User Interface (UI) mencakup semua interaksi dan komunikasi antara sebuah program dan pemakainya termasuk semua yang didengar dan dirasakan. Kemudahan dan kecepatan dalam berinteraksi bahkan memegang arti yang sangat penting pada UI. UI yang tersedia pada java adalah: Standard I/O Abstract Window Toolkit (AWT) Swing

3 Standard I/O Standard Input dan Output serta Error adalah cara kuno dalam membangun sebuah UI. Saat ini masih dapat digunakan, tapi hanya sebatas untuk testing, debugging program atau untuk program yang tidak digunakan oleh end user. Contoh:

4 Abstract Window Toolkit (AWT)
AWT menyediakan berbagai komponen Graphical UI (GUI) seperti button, list, menu, textarea, dialog, dll.

5 Swing Merupakan pengembangan dari AWT yang juga menyediakan komponen-komponen graphical yang dimiliki AWT dan komponen tambahan lainnya. Sering dipakai untuk membangun aplikasi dekstop berbasis Java.

6 Contoh: AWT Klik Kanan Project – New – Frame Form – Finish.
Kalau tidak ada, klik Other – AWT GUI Forms – Frame Form – Finish.

7 Contoh Swing Klik kanan Project – New – JFrame Form – Finish.
Klik Kanan Project – Other – Swing GUI Form – JFrame Form – Finish.

8 Komponen dalam Swing Kali ini akan dibahas lebih mendetil tentang cara pemakaian dari setiap komponen yang sering digunakan. Karena jumlah komponen yang sangat banyak maka pembahasan difokuskan pada komponen Swing. Komponen dalam Swing dibagi 3 secara garis besar: - Top Level Container - Intermediate Level Container - Attomic Component

9 Top Level Container Merupakan object yang digunakan untuk meletakkan komponen lain di atasnya. Setiap container memiliki Content Pane sebagai tempat untuk meletakkan komponen lain kecuali menu bar yang letaknya sejajar dengan content pane. Yang termasuk dalam kelompok ini adalah JFrame, JDialog dan JApplet .

10 Contoh JFrame…. Langsung coba di NetBeans…..

11 JDialog… Terdiri dari beberapa class yaitu JOptionPane (dialog standar), JProgressBar (indikator proses), JColorChooser (memilih warna), JFileChooser (memilih file), dll. Akan dibahas class yang paling sering digunakan yaitu JOptionPane.

12 Intermediate Container
Digunakan untuk mempermudah dalam meletakkan komponen lain seperti label, button, dll. Komponen-komponen intermediate container adalah JPanel, JScrollPane dan JTabbedPane.

13 JPanel class ini sering dipakai menjadi container. Dalam sebuah Frame bisa menampung lebih dari satu Panel. Panel bisa juga diletakkan di dalam panel lainnya, tergantung ke butuhan. Langsung dicoba saja….

14 JScrollPane Seperti Panel namun memiliki scroll (vertikal dan horizontal) sehingga cocok dipakai untuk menampung object yang ukurannya cukup besar atau object dalam jumlah yang banyak. Langsung dicoba saja…

15 JTabbedPane Beberapa panel yang bertumpuk-tumpuk dan dapat dipilih panel mana yang ditampilkan. Langsung dicoba…

16 Attomic Component Merupakan komponen yang tidak menampung komponen lain. Digunakan sebagai jalur informasi dalam interaksi dengan user baik untuk input maupun output. Beberapa di antaranya adalah JButton, JLabel, JComboBox, JTextField, dll. Akan dibahas beberapa komponen yang sering digunakan.

17 …. JLabel Menampilkan teks maupun gambar yang tidak dapat di-select.
JTextField Digunakan untuk menampung input string yang pendek. JPasswordField Sama dengan JTextField namun karakter yang diketik tidak tampil melainkan karakter tertentu yang tampil. JTextArea Memiliki jumlah baris dan kolom yang cukup banyak, digunakan untuk mengambil input String yang panjang.

18 …. JComboBox Untuk memilih salah satu pilihan di dalamnya. JButton
Object input berupa tombol yang biasanya digunakan untuk mengeksekusi suatu proses. JRadioButton Untuk memilih salah satu pilihan saja. JCheckBoc Untuk memilih satu atau lebih pilihan.

19 Latihan 1 Buat Form untuk menginputkan data pribadi dan menampilkannya ke dalam JOptionPane:

20 Latihan 2 Buat Aplikasi Kalkulator Sederhana:
Tampilkan hasil perhitungan pada JOptionPane.

21 Latihan 3 Modifikasi Latihan 2 sehingga menjadi:
Tambahkan proteksi bahwa field harus diisi. Tampilkan message-nya dengan JOptionPane.

22 See You Next Week