Graphical User Interface (GUI)

Slides:



Advertisements
Presentasi serupa
Oleh: Mike Yuliana PENS-ITS
Advertisements

Event Handling di JAVA.
Pemrograman JAVA (TIB09)
Komponen Antarmuka Grafis
KOMPONEN DALAM DELPHI Form
Konsep Abstract Windowing Toolkit (AWT)
GUI in Java.
Struktur Kode Aplikasi Java (2) As’ad Djamalilleil
GUI & Event Handling Viska Mutiawani, M.Sc.
JAVA GUI (Graphical User Interface)
Modul 9: antarmuka grafis (GUI) dalam window
Java GUI.
PBO - PERTEMUAN 9- JAVA GUI.
Graphic User Interface
Bahasa Pemrograman 3 Lab Bahasa Pemrograman 3
Membangun Aplikasi GUI
Layout Managers and Event Handling
Presented by : Ratri Enggar Pawening
KONSEP OOP DAN AWT [ RIO PRIANTAMA ].
Graphical User Interface (GUI)
GUI Event Handling.
GUI event handling.
Penjelasan Umum Penjelasan Umum PowerBulder 9.0 Aplikasi PowerBulder 9.0 berisi komponen Yang mencakup objek window, menu, function dan kode PowerScript.
Pemrograman Berorientasi Objek
Pertemuan 12. Pemrograman Window Sejauh ini Anda melakukan pemrograman pada level konsul Java sesungguhnya juga mendukung pemrograman Window. Salah satu.
Java GUI Container Pertemuan 2
Dewi Kusumaningsih, M.Kom
Graphical User Interface
Pemrograman Berorientasi Obyek
1 Pertemuan 12 MEMBUAT USER INTERFACE DENGAN SWING Matakuliah: M0074/PROGRAMMING II Tahun: 2005 Versi: 1/0.
JAVA GUI SWING Kelompok 4 : M.Fadli Rozak ( )
Step by step membuat Kalkulator.java menggunakan Java GUI
Implementasi Pemrograman Berorientasi Objek
KONSEP SWING.
PBOL Dewi Kusumaningsih
MENGUASAI LAYOUT MANAGER
Pemrograman Visual Oleh : Erni Fatmawati.
High Level User Interface
Pertemuan 10 GUI (Graphical User Interface)
KONSEP AWT.
Java GUI PBO.
Dewi Kusumaningsih, M.Kom
PBOL Dewi Kusumaningsih
Java User Interface (Swing)
Basic GUI Matakuliah : T0984 / Algoritma dan Metode Object Oriented Programming II Pertemuan : 13 Tahun : 2008 Versi : 1/0.
Java Progamming Membangun GUI dengan Swing
GUI Event Handling.
Component and Layout Manager Pertemuan 3
GUI Event Handling Alpro-2.
JFC dan Swing U Abd. Rohim, MT mailto:
JAVA GUI (Graphical User Interface)
MODUL PRATIKUM PEMOGRAMAN BERORIENTASI OBJEK (OOP)
Pemrograman Berorientasi Objek
Kelas XII Semester Genap Tahun Pelajaran 2013 / 2014
Pemrograman Visual Java
Pertemuan 13 MEMBUAT USER INTERFACE DENGAN SWING (LANJUTAN)
Pengenalan Borland Delphi 7.0
Graphical User Interface
GUI Event Handling Sussi.
Pemrograman Berorientasi Obyek
Netbeans GUI Builder Buat project baru dalam Netbeans Kategori project
antarmuka grafis (GUI) dalam window
Komputer 3 Dian C. Rini N, M.Kom
Pemrograman Berorientasi Obyek
Oleh : Rahmat Robi Waliyansyah, M.Kom.
Pemrograman GUI dengan Java
Pemrograman Fery Updi,M.Kom.
VISUAL PROGRAMMING DALAM JAVA
Bahasa Pemrograman (Pemrograman Visual)
TIPE DATA, KONVERSI TIPE DATA JLABEL, JTEXTFIELD, JBUTTON, JOPTIONPANE
Transcript presentasi:

Graphical User Interface (GUI) Pemrograman Berorientasi Objek

Pendahuluan Bahasa pemrograman java telah mendukung adanya pemrograman berbasis GUI (Graphical User Interface). Class yang merepresentasikan GUI ini berada pada paket Javax.swing, Sebelum swing, fitur GUI didukung oleh API Java yang disebut dengan Abstract Window Toolkit (AWT). AWT ini merupakan library yang pertamakali diperkenalkan oleh java, namun Sun tidak merekomendasikan penggunaan komponen GUI dari AWT. Pemrograman Berorientasi Objek

Komponen Swing Top Level Container : merupakan kontainer dasar dimana komponen lainya diletakkan. JFrame, JDialog, dan Applet. Intermediate Container : kontainer pertama dimana komponen lain diletakkan JPanel, JScrollPane, JTabbedPane, JToolBar, JSplitPane. Pemrograman Berorientasi Objek

Komponen Swing (Lanjutan) Atomic Component : Komponen yang memiliki fungsi spesifik dan menerima interaksi langsung dari pengguna. JButton, JTextField, JLabel, JTextArea, dsb. Layout Manager : digunakan untuk mengatur tataletak dan posisi komponen dalam kontainer. BorderLayout, GridBagLayout, FlowLayout, dsb. Pemrograman Berorientasi Objek

Top Level Container Komponen GUI akan ditampilkan dalam hirarki container dan menjadikan top level container sebagai container root nya. Setiap komponen GUI hanya dapat dimuat pada satu top-level container. Dan setiap top-level container memiliki satu content pane yang berisi komponenkomponen GUI Pemrograman Berorientasi Objek

Top Level Container (Lanjutan) Pemrograman Berorientasi Objek

Container Hierarky Setiap komponen GUI berbasis swing paling tidak memiliki satu container hierarky dengan JFrame sebagai rootnya. Jika sebuah aplikasi memiliki satu window utama dan dua dialog artinya aplikasi tersebut memiliki tiga container hierarchy dan juga tiga top-level container Satu container hierarchy memiliki Jframe sebagai root, dan dua yang lain memiliki JDialog sebagai root Pemrograman Berorientasi Objek

Kelas JFrame JFrame merupakan top level container yang digunakan untuk menampung komponen pada aplikasi berbasis gui, java memiliki class yang mendukung pembuatan dan pengaturan frame, class frame berada pada paket javax.swing.JFrame. Class JFrame merupakan subclass dari java.awt.frame yang juga masih merupakan subclass dari java.awt.windows, Pemrograman Berorientasi Objek

JFrame (Lanjutan) Pemrograman Berorientasi Objek

Properties yang sering digunakan Method Fungsi Background Mengganti warna background DefaultCloseOperation Menentukan event yang terjadi ketika tombol close di tekan. resizable Mengaktifkan dan mematikan mode resize frame. bounds Mengatur tata letak dan ukuran frame font Menentukan jenis tulisan Pemrograman Berorientasi Objek

Pemrograman Berorientasi Objek

Pemrograman Berorientasi Objek

Intermediate Container Merupakan container perantara antara Top Level Container dengan Atomic Component. Contoh intermediate container yang sering digunakan : JPanel JTabbedPane JToolbar, dsb Pemrograman Berorientasi Objek

JPanel Merupakan intermediate container yang berfungsi untuk menempatkan komponen-komponen lain, secara hierarchy berada dibawah top level container. Pemrograman Berorientasi Objek

Pemrograman Berorientasi Objek

Properties yang sering digunakan Method Fungsi Background Mengganti warna background Border Mengatur jenis border atau batas Opaque Memberikan warna transparant Pemrograman Berorientasi Objek

Pemrograman Berorientasi Objek

Pemrograman Berorientasi Objek

Atomic Component Merupakan komponen-komponen yang memiliki fungsi spesifik dan menerima interaksi langsung dari user. Contoh yang sering digunakan : JLabel JTextField JButton JTextArea JSpinner, dsb Pemrograman Berorientasi Objek

JLabel label digunakan untuk menampilkan informasi, informasi yang ditampilkan berupa teks string. Pemrograman Berorientasi Objek

Pemrograman Berorientasi Objek

Pemrograman Berorientasi Objek

Pemrograman Berorientasi Objek

JTextField JTextField berfungsi untuk menampilkan maupun sebagai inputan, berbeda dengan JLabel yang berfungsi hanya sebagai output atau menampilkan sebuah nilai / teks string, JTextField selain dapat digunakan sebagai output dapat juga digunakan sebagai inputan. Nilai yang dimasukkan pada JTextField akan direpresentasikan sebagai teks String Pemrograman Berorientasi Objek

Pemrograman Berorientasi Objek

Di Hapus Pemrograman Berorientasi Objek

Mengganti Nama Komponen Klik kanan pada komponen, selanjutnya pilih Change Variable Name Pemrograman Berorientasi Objek

Pemrograman Berorientasi Objek

JComboBox JComboBox digunakan untuk pemilihan suatu nilai dalam bentuk drop down list, nilai yang dimasukkan diurutkan berdasarkan item index (array) Pemrograman Berorientasi Objek

Pemrograman Berorientasi Objek

Pemrograman Berorientasi Objek

Pemrograman Berorientasi Objek

JButton Button sering kita jumpai dalam berbagai aplikasi berbasis gui, kita sering menggunakanya sebagai interface untuk melakukan eksekusi suatu perintah Pemrograman Berorientasi Objek

Pemrograman Berorientasi Objek

Pemrograman Berorientasi Objek

Buat Tampilan Berikut Pemrograman Berorientasi Objek

Event Pemrograman Berorientasi Objek

Mengenal Event Event merupakan suatu aksi yang dilakukan user saat user menggunakan perangkat I/O seperti Keyboard atau Mouse, setiap objek komponen GUI dapat merespons event sehingga komponen tersebut dapat melakukan aksi ketika terjadi suatu event Pemrograman Berorientasi Objek

Contoh Event Berikut ini beberapa event yang sering digunakan Event Tipe Event Listener Menekan tombol, atau menekan enter setelah penulisan teks atau memilih menu item. ActionListener User menutup frame WindowListener User menekan tombol mouse saat mouse berada pada sebuah komponen MouseListener User menggarakan mouse diatas sebuah komponen MouseMotionListener Saat Komponen Visible ketika sebelumnya UnVisible ComponentListener Saat komponen mendapatkan focus keyboard FocusListener Saat menekan tombol keyboard pada sebuah TextField KeyListener Memilih row table atau list berubah ListSelectionListener Pemrograman Berorientasi Objek

ActionListener Adalah sebuah interface yang merupakan sebuah sub interface EventListener, ActionListener digunakan untuk menerima suatu event seperti penekanan button, pemilihan menu atau penekanan tombol enter ketika penulisan pada textField. ActionListener memiliki satu method yaitu actionPerformed() yang merupakan kode aksi dari event yang diterima ActionListener Pemrograman Berorientasi Objek

Pemrograman Berorientasi Objek

WindowListener WindowListener adalah interface yang menerima event yang dikenakan pada window, class yang memproses window event juga mengimplementasi interface ini, misalnya JFrame. Pemrograman Berorientasi Objek

Pemrograman Berorientasi Objek

MouseListener MouseListener adalah interface yang berfungsi membaca dan menerima mouse event dari komponen, MouseListener dibentuk oleh sebuah class dengan menambahkan method pada komponen yang akan menerima event dengan perintah addMouseListener() atau dapat diimplementasikan pada sebuah class Pemrograman Berorientasi Objek

Pemrograman Berorientasi Objek

Contoh Menggunakan Event Program akan berhenti ketika tombol keluar ditekan Pemrograman Berorientasi Objek

Klik kanan pada tombol, pilih Action -> actionPerformed Pemrograman Berorientasi Objek

Tulis kode didalam method Method Auto Generate Tulis kode didalam method Pemrograman Berorientasi Objek

Latihan Buat form seperti disamping, total harga muncul setelah qty kehilangan fokus, jumlah diskon dan total bayar muncul setelah diskon kehilangan fokus. Pemrograman Berorientasi Objek

Latihan Buat form seperti disamping, harga pokok muncul setelah diskon kehilangan fokus, harga pokok =(hargabeli –(hargabeli * (diskon /100))) Pemrograman Berorientasi Objek