[PBO] Pertemuan 11 - GUI Java Desktop

GUI adalah salah satu bentuk user interface yang
membuat pengguna berinteraksi dengan aplikasi kita
melalui icon, gambar dan komponen visual lainnya.
API (Application Programming Interface) GUI dari java :
1. AWT (Abstract Windowing Toolkit)
2. Swing
3. JavaFX

• Java Swing adalah toolkit Graphical User Interface (GUI)
ringan yang menyertakan seperangkat widget yang kaya.
• Java Swing kita dapat membuat user interface yang cross
platform atau OS independent. Artinya user interface yang
kita buat dapat dijalankan pada system operasi apa saja (OS
yang suport Java) dengan tampilan yang relative sama.
• Library Swing dibangun di atas Java Abstract Widget Toolkit
(AWT), sebuah toolkit GUI yang lebih tua dan bergantung
pada platform.

1. TOP-LEVEL CONTAINER, merupakan container dasar di mana komponen lainnya diletakan. Contoh
Top-level container ini adalah Frame, Dialog dan Applet yang diimplementasi dalam class JFrame,
Jdialog, dan JApplet.
2. INTERMEDIATE CONTAINER, merupakan komponen perantara di mana komponen lainnya akan
diletakan. Salah satu contoh container ini adalah class Jpanel.
3. ATOMIC COMPONENT, merupakan komponen yang memiliki fungsi spesifik dan biasanya user
berinteraksi langsung dengan komponen jenis ini. Contohnya adalah JButton, JLabel, JTextField, dan
JTextArea.
4. LAYOUT MANAGER, berfungsi untuk mengatur bagaimana posisi dari komponen – komponen yang
diletakan pada container. Secara default terdapat 5 macam layout yaitu berupa class Borderlayout,
boxlayout, flowlayout, gridbaglayout, dan gridlayout.
5. EVENT HANDLING, untuk menangani event yang dilakukan oleh user misalnya menekan tombol,
mengkilik mouse dan lain – lain.

Kelas kontainer adalah kelas yang dapat memiliki komponen
lain di atasnya. Jadi untuk membuat GUI, kita membutuhkan
setidaknya satu objek kontainer.
Ada 3 jenis kontainer.
1. Frame: Frame adalah jendela yang dapat memiliki judul,
border, menu, tombol, teks dan beberapa komponen
lainnya. Aplikasi Swing harus memiliki bingkai agar
komponen ditambahkan ke dalamnya.
2. Panel: Ini adalah wadah murni dan bukan window itu
sendiri. Sebuah frame dapat memiliki lebih dari satu panel
dan setiap panel dapat memiliki beberapa komponen. Anda
juga dapat memanggil mereka bagian dari Frame. Panel
berguna untuk mengelompokkan komponen dan
menempatkannya ke lokasi yang sesuai dalam bingkai.
3. Dialog: Ini dapat dianggap seperti window pop-up yang
muncul ketika pesan harus ditampilkan. Ini bukan window
yang berfungsi penuh seperti Frame.

Java layout manager digunakan untuk menata (atau
mengatur) komponen java GUI di dalam kontainer. Ada
banyak pengelola tata letak,berikut diantaranya
1. BorderLayout menempatkan komponen di hingga
lima area: atas, bawah, kiri, kanan, dan tengah. Ini
adalah layout manager default untuk setiap java
Jframe,
2. FlowLayout adalah Java layout manager default
untuk setiap JPanel. Ini hanya menjabarkan
komponen dalam satu baris satu demi satu.
3. GridBagLayout adalah yang paling canggih dari
semua tata letak. Ini meluruskan komponen dengan
menempatkan mereka dalam kisi sel,
memungkinkan komponen untuk menjangkau lebih
dari satu sel.

4. BOX LAYOUT
1. Box layout menempatkan komponen bisa secara
vertical / horizontal. Kompnen tidak bisa wrap di
flow layout.
2. Layout ini jarang digunakan
3. Seperti box, kesamping terus berjaajr/kebawah
terus berjajar
5. CARD LAYOUT
Treat each componen di container sebgai card. Hanya
satu card yang terlihat dalam satu waktu. Containernya
bertindak seperti stack (tumpukkan) of card. Componen
yg ditambahkan pertama akan tampil sebagai yang
pertama di tampilkan. Hanya 1 view
6. NULL LAYOUT
Bukan lah layout manager yang real. Null layout ini
digunakan untuk membuat prototype secara cepat,
namun tidak recomended untuk produksi, karena
tidak portable. Fix location dari ukuran tidak akan
berubah

7. GRIDLAYOUT
Manage penempatan komponen ke bentuk grid cells, mengizinkan semua
space ke dalam cell nya dengan ukuran yang sama
8. GROUP LAYOUT (FREE DEISGN). Goal nya adalah untuk membuat
dengan mudah cross platform layout. Dibuat dengan GUI builder seperti
form designder . Dpat membuat form smudah menempatkan komponen.
TERCANGGIH

https://www.youtube.com/watch?v=GEYrvqm9wjc

Panggil kelas Frame yang akan pertama kali tampil ketika aplikasi dijalankan

Buat layout login dengan cara drag n drop seperti hasil dibawah ini

Buat layout home dengan cara drag n drop seperti hasil dibawah ini

Beri aksi ketika user menekan tombol masuk. Isi dengan coding untuk pindah
halaman dan melempar nilai dari loginView ke homeView.

Setelah dikirim nilai dari loginView selanjutnya adalah menerima nilai tersebut
di homeView. Beri codingan pada bagian konstruktor untuk menerima nilai.

Memberikan aksi ketika menekan tombol logout pada homeView.

User menginputkan nama dari textField halaman login, kemudian hasilnya
tampil di home

https://www.youtube.com/watch?v=mfoO4mpUn0Q&t=564s

https://www.youtube.com/watch?v=NwFr_SYoXjE&t=418s

https://www.youtube.com/watch?v=Tim4olfWvBo

Kreasikan ide kalian untuk membuat sebuah project java desktop graphical user
interface (Boleh menggunakan SWING/JAVAFX)
yang berisi ketentuan sebagai berikut :
1. Buat tampilan (view) custom yang saling terhubung antar satu Frame
dengan Frame yang lain dengan tema bebas yang terdiri dari halaman,
a. Register
b. Halaman utama
c. Menu di halaman utama (min. 4 menu dengan masing-masing
tampilan yang berbeda. Gunakan komponen swing control di setiap
tampilan)
d. Menu about (berisi versi aplikasi dan identitas diri, foto pribadi,
nim, nama, kelas, dan nama kampus)
e. Logout (kembali ke halaman awal yaitu register)
2. Buat 1 buah video tutorial pembuatan project custom view tersebut
dengan komposisi video sebagai berikut,
a. Membuka new project baru dari awal
b. Jelaskan pertahap sampai selesai bagaimana cara membuat
tampilan keseluruhan custom view tersebut. Sambil menjelaskan
sambil ngoding.
c. Durasi berkisar 40 menit
d. Didalam video harus tampil juga wajah & suara pembuat video
dengan jelas. Gunakan software OBS Studio atau sejenisnya.
4. Upload video ke akun youtube dengan ketentuan sebagai berikut
a. Gunakan Judul yang menarik perhatian orang lain (CLICKBAIT)
b. Gunakan Thumbnail cover video yang menarik
c. Isi deskripsi Youtube dengan komposisi : Penjelasan video yang
dibuat & identitas kontak dari pembuat video. (contoh lihat
deskripsi youtube saya)
5. Raih target virality dari video yang telah diupload ke youtube tersebut
ke media sosial masing-masing dengan ketentuan sebagai berikut :
a. YOUTUBE, Jumlah viewer minimal 100 view dan jumlah like
minimal 50 like
6. PENGUMPULAN : laporkan hasil tugas individu ini ke email
rizkiadamunikom@gmail.com dengan subjek cth :
TUTORIAL_PBO11_10110269_RIZKIADAMKURNIAWAN dengan
melampirkan isi email seperti berikut,
a. Link youtube video
b. Screenshoot Youtube video dengan jumlah VIEW & LIKE yang
jelas
DEADLINE MINGGU, 23 DESEMBER 2018 Pukul 05.00 am

REFERENSI CUSTOM VIEW
https://www.youtube.com/channel/UCJLK4lzsBtGtxr9aj-6Ok8Q/videos

[PBO] Pertemuan 11 - GUI Java Desktop

More Related Content

What's hot (20)

Similar to [PBO] Pertemuan 11 - GUI Java Desktop (20)

More from rizki adam kurniawan (20)

Recently uploaded (9)

[PBO] Pertemuan 11 - GUI Java Desktop