Presentasi sedang didownload. Silahkan tunggu

Presentasi sedang didownload. Silahkan tunggu

GUI Graphic User Interface. PENGERTIAN GUI Interface berfungsi sebagai sarana bantu agar user dapat berinteraksi dengan program GUI (Graphic User Interface.

Presentasi serupa


Presentasi berjudul: "GUI Graphic User Interface. PENGERTIAN GUI Interface berfungsi sebagai sarana bantu agar user dapat berinteraksi dengan program GUI (Graphic User Interface."— Transcript presentasi:

1 GUI Graphic User Interface

2 PENGERTIAN GUI Interface berfungsi sebagai sarana bantu agar user dapat berinteraksi dengan program GUI (Graphic User Interface ) – Interface yang digunakan dalam bentuk grafik

3 Istilah Penting pada GUI -Container -Komponen GUI -Event -Dialog -Layout -Menu

4 Istilah Penting pada GUI Container Wadah untuk meletakkan komponen- komponen GUI. Komponen GUI Button, text edit, radio button, dll Frame Menu Bar Content pane

5 Komponen GUI Komponen GUI mewarisi kelas JComponent, antara lain: – Tombol: JButton, JCheckBox, JRadioButton, JMenuItem – Combo box: JCombobox – List: JList – Menu: JMenu, J MenuItem – Label: JLabel – Text Field:JTextField – Tabel : JTabel

6 lanjutan Event : Sinyal yang dibangkitkan untuk merespon aksi dari user. – Contoh: aksi dari klik mouse/ keyboard – Aksi tsb akan ditangani oleh Event Handler Dialog – Sebuah Window kecil untuk menampilkan info sederhana pad user

7 lanjutan Layout – Sebuah window utama dapat terdiri dari beberapa komponen yang dapat disesuaikan dengan layout Menu – Adalah sekumpulan perintah yang dapat dipilih user untuk menjalankan perintah tertentu. Menu dibuat untuk memudahkan user mengetahui fasilitas yang tersedia pada suatu program.

8 API untuk Swing API pada java untuk membuat GUI: Swing – Sintaks: javax.swing.*. – Sebelumnya ada juga AWT (Abstract Windows Toolkit) – Kelas yang disediakan oleh swing, memiliki penamaan khusu yaitu setiap kelas diawali dengan huruf J, misal: Jbutton (Komponen Tombol), JFrame(Untuk membuat window utama)

9 Window Utama Contoh pembuatan Window utama: //import java.awt.*; //import java.awt.event.*; import javax.swing.*; public class Mycontainer{ public static void main (String[] args) { /* mengeset dekorasi windows */ //mengeset dekorasi windows (theme) //jika ditutp akan tampil seperti default JFrame.setDefaultLookAndFeelDecorated(true); //Parameter Title utk mengeset label container JFrame container = new JFrame("Window Utama"); //menentukan operasi yang dilakukan saat window utama di-close container.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE); container.setSize(300,100);//untuk menentukan ukuran windows container.setLocation(200,200);//menentukan posisi window utama thd layar container.setVisible(true);// Untuk mengeset Visibility window utama }

10 Eksekusi Program

11 Contoh program aplikasi Button sederhana dengan handlernya dari kelas Inner Program import java.awt.*; import java.awt.event.*; import javax.swing.*; public class DemoJButtonInner extends JFrame { private JButton btn; public DemoJButtonInner (){ super("Demo JButton Inner Class"); Container c = getContentPane(); c.setLayout(new FlowLayout()); btn = new JButton("Button"); c.add(btn); // membuat event handler ButtonHandler handler = new ButtonHandler(); btn.addActionListener(handler); setSize(275, 100); show(); }

12 public static void main(String args[]) { DemoJButtonInner app = new DemoJButtonInner(); app.addWindowListener(new WindowAdapter() { public void windowClosing(WindowEvent we) { System.exit(0); } }); } // kelas Inner untuk Event Handling pada button private class ButtonHandler implements ActionListener { public void actionPerformed(ActionEvent ae) { JOptionPane.showMessageDialog(null, "anda telah menekan" +ae.getActionCommand()+"\n" +"Handler button ini pakai kelas Inner"); }

13 Output Tampilan awal Tampilan setelah di klik “button”


Download ppt "GUI Graphic User Interface. PENGERTIAN GUI Interface berfungsi sebagai sarana bantu agar user dapat berinteraksi dengan program GUI (Graphic User Interface."

Presentasi serupa


Iklan oleh Google