KOMPONEN GUI DI SWING. Visual Mode (NetBeans)

dokumen-dokumen yang mirip
PBO LANJUT USING WYSIWYG EDITOR FOR BUILDING GUI. Niko Ibrahim, MIT Universitas Kristen Maranatha

Pemrograman Berorientasi Obyek. Ramos Somya

Percobaan 7 GUI(Graphical User Interface )

Refreshing Praktikum: GUI (Graphical User Interface)

PERTEMUAN 1 Membuat Project & Komponen Swing [PBO II JAVA] dosen : SOPINGI, S.Kom

Event Listener. Beberapa EventListener yang akan diberikan contoh pada slide ini antara lain:

GRAPHICAL USER INTERFACE (GUI)

Graphical User Interface (GUI)

Pengantar Delphi (IDE Delphi ) & Konsep OOP

MENGGUNAKAN SUB FORM. Adi Rachmanto, S.Kom., M.Kom Program Studi Akuntansi FEB UNIKOM

TUGAS Pemrograman Java

FLASH, FRAME, BEHAVIOR

JAVA SWING. Swing merupakan library pada java untuk membuat sebuah tampilan seperti

FAKULTAS TEKNOLOGI INFORMASI UNISKA. Modul NetBeans 8.1. Disusun oleh: Mirza Yogy Kurniawan. Modul Praktek NetBeans 8.1 Studi Kasus Perpustakaan

Membuat User Interface dengan Swing. Program yang dibuat sebelumnya selalu berbasis console User lebih senang berinteraksi dengan

LAPORAN PERCOBAAN IV ( MENGHITUNG GAJI PEGAWAI) BERBASIS JAVA DENGAN MENGGUNAKAN TOOLS NETBEANS

BAB 6 LAYAR WINDOW 6.1. WINDOW VIEW

Pemrograman Java III

BAGIAN XIII GRAPHICAL USER INTERFACE DENGAN SWING. Praktikum I : Menggunakan JFrame, JTextField, JLabel dan JButton

Praktikum GUI menggunakan Netbeans (Yuliana Setiowati

Pemrograman Java III

PENGENALAN JAVA GUI PROGRAMMING

INSTRUKSI PENCABANGAN

BAB 3 LAYAR WINDOW 3.1. WINDOW VIEW

Menggunakan Microsoft Access (perhatikan untuk red text)

Delphi Cara membuka aplikasi Delphi 7. Start All Programs Borland Delphi 7 Delphi Perkenalan jendela Delphi 7. syahada.blogspot.

SEKOLAH TINGGI ILMU EKONOMI STIE SEBELAS APRIL SUMEDANG

BAB IX MEMBUAT FORM 9.1 Membuat Form Secara Konvensional

Membuat Form Dinamis di Java

TUGAS 1 SISTEM MANAJEMEN BASIS DATA-S1 LAPORAN PRAKTIK SISTEM BASIS DATA

KOMPUTER APLIKASI BISNIS

Pemograman Swing. Netbeans:

PRAKTIKUM 10 REPORT LANJUTAN 72 C. TUGAS PENDAHULUAN Buat perancangan report untuk pegawai dan kerja seperti contoh dibawah ini : D. PERCOBAAN Buka da

Komputer Aplikasi MI. Mia Fitriawati, S.Kom. Pertemuan 5 & 6 : Tabel, Grafis, Daftar Isi- Tabel/Gambar & Mail Merge 2013/2014

Pemrograman Java III

KEAHLIAN PEMROGAMAN JAVA

1. MENGENAL VISUAL BASIC

BAB I PENDAHULUAN. Maksud dan tujuan dari pembuatan Aplikasi Penentu Nilai Mahasiswa pada pemrograman java adalah:

PENDAHULUAN TENTANG NETBEANS

NASKAH SOAL PRAKTIKUM 04

Program Kalkulator Sederhana Menggunakan Java Netbeans

Pertemuan ke5 PAKET PROGRAM APLIKASI

TUTORIAL PEMBUATAN MEDIA PEMBELAJARAN DENGAN MENGGUNAKAN AUTOPLAY OLEH KELOMPOK 1. gunakan start menu untuk menampilkan program autoplay media studio.

DESIGN IKLAN SEPATU. 1. Buka aplikasi Photoshop CS5, kemudian atur kanvas sehingga berukuran 1024 x 768 px dan pilih warna putih sebagai background.

PEMROGRAMAN DASAR XI TKJ SMK NEGERI 1 KUPANG

Cara Membuat Aplikasi Konversi Suhu Dengan Menggunakan NetbeansIDE6.5

BAB VII. Ringkasan Modul:

- Setelah aplikasi terbuka, klik kanan kemudian pilih run

Membuat Tombol Enter dengan Menggunakan Adobe Photoshop Oleh : Tomy Meilando

babastudio.com babastudio.com

Membuat File Database & Tabel

APLIKASI PERHITUNGAN SEDERHANA DENGAN MENGGUNAKAN NETBEANS

MATERI KULIAH APLIKASI KOMPUTER I WORD PROCESSOR (LIBREOFFICE WRITER)

TUGAS SIMULASI DIGITAL LANGKAH-LANGKAH MEMBUAT PROGRAM DATA BASE

BERBASIS JAVA DENGAN MENGGUNAKAN TOOLS NETBEANS

Membuat File Database & Tabel

Mengatur Tampilan AutoCAD

Microsoft Office ACCESS 2007

Modul Report Dan Form Report

RAGAM DIALOG / GAYA INTERAKSI

RAGAM DIALOG / GAYA INTERAKSI

MODUL XIII FORM dan REPORTS

E-Trik Visual C++ 6.0

Memanipulasi & Editing Image dengan Adobe Photoshop

BAB 5. MEMBUAT DAN MENGGUNAKAN FORM

CISCO PACKET TRACER A. PROSES INSTALASI PACKET TRACER

BAB VIII MEMBUAT MENU DENGAN SWITCHBOARD MANAGER DAN PEMBUATAN STARTUP

2. What s the name of picture or symbol in desktop which has fuction to open Program? a. toolbar b. icon c. shortcut d. menu

BAB 6. Mencari Teks, Halaman, Menggabungkan Dokumen Dan Menggunakan Format Kolom

MODUL 1 SWISHMAX ANIMASI TEKS & ANIMASI GAMBAR

PROSEDUR MENJALANKAN MICROSOFT OFFICE ACCESS 2007

BAB I. 1 P e m r o g r a m a n V i s u a l B a s i c - J a t i L e s t a r i

BAB VII. Pengenalan Menu Editor Dan Proses Pembuatan Serta Penggunaan Multi Form

STMIK DIKTAT SINGKAT MACROMEDIA DREAMWEAVER 8 SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER TASIKMALAYA.

PROGRAM PENGGUNAAN FORMULA GEOMETRIK DENGAN JAVA

PROGRAM STUDI D3 JURUSAN TEKNIK KOMPUTER POLITEKNIK NEGERI SRIWIJAYA PALEMBANG TK Computer 2 (Multimedia) Hand On Lab 8

PENGENALAN INTERFACE MACROMEDIA DITECTOR MX

ADODC. Gambar 5.1. ADODC

DEPARTEMEN PENDIDIKAN NASIONAL SEKOLAH TINGGI ILMU EKONOMI RAHMANIYAH 2011

Tweak Pada Adobe Bridge

Bab 5. Dasar-dasar Action Script

Pemrograman Komputer B

BAB 3 User Interface. 3.1 Sekilas Tentang Blender

MENU DAN TOOLBOX. Menu PopUp merupakan pengembangan dari menu yang ditampilkan di luar form, lepas dari menu bar.

BAB I PENDAHULUAN 1 BAB I PENDAHULUAN

Buka Start -> All Programs -> Microsoft Visual Studio - > Microsoft Visual Fox Pro 6.0

Mengenal Dreamweaver MX 2004

IBM LOTUS SYMPHONY PRESENTATIOM

Java Library dan Java Swing

GUI & Event Handling. Viska Mutiawani, M.Sc

TIP DAN TRIK BEKERJA EFEKTIF DAN EFISIEN

Bab 15 Menggunakan Menu Navigasi Berupa Switchboard dan Form

Object (Control) Dalam Vb.Net

IMPLEMENTASI PEMROGRAMAN VISUAL BASIC DENGAN DATABASE ACCESS

II. KEGIATAN PEMBELAJARAN 1

BAB-XI MEMBUAT SUBFORM

Universitas Komputer Indonesia. Pemrograman dengan C++ Builder

Penggunaan Komponen Combo Box

Trik Seleksi SAP2000

Conditional Formatting

Transkripsi:

KOMPONEN GUI DI SWING Visual Mode (NetBeans)

Sub Pokok Bahasan Membuat komponen GUI menggunakan NetBeans (Visual/Design Mode)

Membuat Window JFrame

Membuat Window dengan JFrame Jalankan NetBeans (yang saya pakai saat ini versi 7.1.1 untuk Mac) Buat project (File > New Project) Untuk membuat frame/window pada project yang telah dibuat, klik kanan project, New > JFrame Form

Membuat Window dengan JFrame Atau jika Odak muncul New > JFrame Form, pilih New > Other Kemudian pada dialog New File, pada Categories pilih Swing GUI Forms, pada File Type pilih JFrame Form Next

Fitur NetBeans utk membuat GUI dengan Visual/Design Mode

Project Tampilan Frame/Window Tombol Switch utk berpindah dari mode Design Ke mode Source, atau sebaliknya Panel PaleUe Panel ProperOes

Menambahkan komponen menggunakan Panel PaleUe

Menambahkan komponen melalui panel PaleUe Panel PaleUe berisi komponen- komponen GUI Untuk menambahkan komponen GUI tsb ke dalam Frame, Ongga click- drag komponen dari panel PaleUe ke dalam Frame

Klik dan drag ke dalam Frame

Mengatur propero komponen menggunakan Panel ProperOess

Mengatur propero komponen melalui panel ProperOes Untuk mengatur propero suatu komponen (misal, isi teks dari Jlabel, lebar dan panjang dari Jframe, dst) bisa digunakan panel ProperOes Select terlebih dahulu komponen yang akan diatur properonya Pilih propero yang akan diatur dalam panel ProperOes Lakukan pengaturan sesuai dengan nilai yang diinginkan

Select komponen Pilih proper@ (text misalnya), dan atur nilainya Sesuai dengan yang diinginkan (misalnya, FORM INPUT DATA MHS)

Pada contoh di atas, komponen JLabel, propero Text diatur nilainya ke FORM INPUT DATA MHS. Untuk mengatur propero lain dari JLabel, bisa dilakukan dengan hal serupa (Misalnya untuk mengubah Ope font dan ukuran font, bisa dilakukan dengan mengatur propero Font )

Mengatur ProperO Komponen

JFrame defaultcloseoperaoon : propero utk mengatur keoka window di close apa yang dilakukan (progam berheno, hide dsb) Title : judul window Always on top : agar window selalu ada di atas Cursor : mengatur Ope kursor Resizeable : propero yang menentukan window apakah bisa di resize apa Odak Size : menentukan dimensi/ukuran window

JLabel Font : mengatur jenis, style dan ukuran font Foreground : mengatur warna font Icon : mengatur icon yang muncul dalam label Text : mengatur teks yang akan muncul di label

JTextField Background : menentukan warna background text field Editable : menentukan apakah text field bisa diedit atau Odak Font : menentukan jenis, style dan ukuran font Foreground : menetukan warna font Text : mengatur teks yang akan muncul dalam text field

JRadioBuUon BuUon Group : untuk menentukan buuon group yang akan diikuo oleh radio buuon yang bersangkutan Font : menentukan jenis, style dan ukuran font Selected : menentukan apakah radio buuon tsb terseleksi scr default Text : menentukan label atau teks yang muncul di radio buuon tsb

JCheckBox Mirip dengan JRadioBuUon Bedanya secara fungsi, biasanya jika terdapat sekumpulan radio buuon, maka diantara mereka hanya bisa diseleksi atau dipilih SATU saja Jika terdapat sekumpulan check box, diantara mereka bisa dipilih BEBERAPA atau TIDAK HANYA BISA SATU Oleh karena itu, biasanya propero BuOon Group di check box, TIDAK PERNAH DISET (berbeda dengan radio buuon, dimana propero BuUon Group paso diset, agar dari sekumpulan radio buuon hanya bisa dipilih SATU)

JComboBox Editable : menentukan apakah elemen dalam combo box bisa diedit atau Odak Model : untuk memasukkan elemen apa saja yang akan dimasukkan ke dalam combo box Selected index : menentukan secara default, elemen pada index berapa yang akan terseleksi Selected item : menentukan secara default, elemen mana yang akan terseleksi

JList Model : untuk memasukkan elemen apa saja yang akan dimasukkan ke dalam combo box SelecOon mode : menentukan mode seleksi thd elemen yang ada di dalamnya, apakah hanya bisa diseleksi satu, atau banyak

Komponen Lainnya Pada inonya, untuk mengatur propero komponen lainya, hampir serupa Silakan dieksplorasi secara mandiri

Membuat menu bar, menu dan menu item JMenuBar, JMenu & JMenuItem

Membuat Menu Bar, Menu dan Menu Item Di NetBeans, komponen menu bar, menu dan menu item ada di panel PaleUe kategori Swing Menus Di dalamnya terdapat: Menu Bar Menu Menu Item Menu Item/Check box : menu item dilengkapi dengan fitur check box Menu Item/Radio BuUon : menu item dilengkapi dengan fitur radio buuon Popup Menu : berupa window kecil yang di dalamnya terdapat sekumpulan pilihan Separator : untuk pemisah antar menu item

Cara Membuat Menu Bar, Menu dan Menu Item Klik- Drag Menu Bar (Secara default di dalamnya sudah ada menu File dan Edit) Untuk menambahkan menu, klik- drag Menu ke dalam menu bar Untuk menambahkan menu item, klik- drag Menu Item ke dalam menu

Membuat Shortcut pada Menu Item Buka menu item, dan double klik pada bagian shortcut

Membuat Shortcut pada Menu Item Pada window Accelerator, taruh mouse pada field Key Stoke, dan keokkan huruf apa yang akan digunakan sbg shortcut Kita jg bisa mengkombinasikan dg tombol Ctrl, Alt ataupun Shi^

1. Arahkan kursor ke field ini, dan keokkan huruf yang digunakan utk shortcut 2. Centang tombol yang ingin digunakan utk kombinasi

LaOhan Buat window dengan komposisi tampilan sepero gambar di samping