Tugas PBO Putu Aris Surya Kusuma 2201010075 - SI Primakara University

1. DREAM BIG
LEARN BEYOND
GUI JAVA
Langkah-Langkah Membuat
Putu Aris Surya Kusuma - 2201010075

2. DREAM BIG
LEARN BEYOND
Dimulai dengan new project dengan
menekan ikon berikut atau tekan
ctrl+shift+n. Lalu pilih “java with ant”, dan
buat nama project kalian

3. DREAM BIG
LEARN BEYOND
Lalu klik kanan pada source package pilih
jframe form dan berikan nama pada form

4. DREAM BIG
LEARN BEYOND
Berikutnya, kita mulai dengan
memasukkan komponen-komponen
yang dibutuhkan. Untuk teks kosong
kita akan menggunakan “label” pada
java swing. Dan ganti nama label
sesuai keinginan kita

5. DREAM BIG
LEARN BEYOND
Lalu tambahkan komponen berikut:
• Pada kolom nama dan nim kita berikan
komponen tambahan berupa “text field”
• Pada kolom jenis kelamin kita tambahkan
komponen “radio button”
• Lalu pada bagian hobi kita tambahkan
komponen “check box”
• Pada bagian jurusan kita memakai
komponen “list”
• Dan pada bagian semester kita
menggunakan komponen “combo box”

6. DREAM BIG
LEARN BEYOND
Setelah itu, kita akan membuat
sebuah kotak yang nantinya akan
menampilkan apa yang kita pilih saat
mengisi form dengan menggunakan
“text area”

7. DREAM BIG
LEARN BEYOND
Setelah itu kita akan menambahkan
sebuah tombol ketika kita hendak
menampilkan serta membersihkan
isi form menggunakan “button”

8. DREAM BIG
LEARN BEYOND
Untuk mengubah nama variabel,
sebelumnya kita klik kanan pada
variabel yang hendak diubah, lalu
klik properties.
Lalu kita pilih pada bagian text untuk
mengganti variabel nama sesuai
keinginan kita dengan mengklik ikon
titik 3 di tepi kanan

9. DREAM BIG
LEARN BEYOND
Setelah itu kita akan menambahkan
sebuah tombol ketika kita hendak
menampilkan serta membersihkan
isi form menggunakan “button”

10. DREAM BIG
LEARN BEYOND
Sebelum kita masuk ke tahap
koding, kita akan mengubah
beberapa nama variabel dengan klik
kanan dan pilih change variable
name. Lalu berikut variabel-variabel
yang akan kita ubah:

11. DREAM BIG
LEARN BEYOND
• Text field = txt (nama variabel
bebas)
- Radio button = rd (nama
variabel bebas)
• Check box = cb (nama variabel
bebas)
• List = list (nama variabel bebas)
• Combo box = com (nama
variabel bebas)
• Text area = (nama variabel
bebas)

12. DREAM BIG
LEARN BEYOND
Setelah itu kita akan masuk ke tahap
koding dengan klik source.
Dilangkah awal kita akan mengimpor
terlebih dahulu.

13. DREAM BIG
LEARN BEYOND
Setelah itu, kita mendeklarasikan
beberapa variabel yang akan
digunakan untuk menyimpan data
seperti nama, NIM, jenis kelamin,
jurusan, semester, dan hobi yang
dipilih.

14. DREAM BIG
LEARN BEYOND
Lalu kembali ke tab design, setelah
itu klik kanan pada tombol
tampilkan. Klik event – actions –
action performance. Dan kita akan
dibawa kembali pada tab source

15. DREAM BIG
LEARN BEYOND
Tahap selanjutnya kita akan
melakukan pemeriksaan hobi. Kita
akan memeriksa apakah kotak
centang (checkbox) untuk hobi-hobi
tertentu telah dicentang (cbhobi1,
cbhobi2, cbhobi3). Jika dicentang,
nama hobi akan ditambahkan ke
dalam ArrayList selectedHobbies
menggunakan metode if else.

16. DREAM BIG
LEARN BEYOND
- Lalu kita akan memeriksa pada
jenis kelamin. Kita akan
memeriksa radio button untuk
jenis kelamin (rdpria). Jika "Pria"
dipilih, variabel kelamin diisi
dengan "Pria". Jika tidak, maka
diisi dengan "Wanita". Ini adalah
cara Anda mengambil data jenis
kelamin dari elemen GUI dan
menggunakan if else.

17. DREAM BIG
LEARN BEYOND
Kita akan mengambil data jurusan
dari elemen listjurusan yang
mungkin berupa daftar pilihan
jurusan. Anda juga mengambil data
semester dari elemen comsemester,
yang mungkin berupa pilihan
semester.

18. DREAM BIG
LEARN BEYOND
Lalu gabungkan hobi-hobi yang telah
dipilih menjadi satu string dengan
menggunakan String.join. Ini
membentuk daftar hobi yang akan
ditampilkan dalam format yang
sesuai.

19. DREAM BIG
LEARN BEYOND
Step berikut kita akan
membuatkan string setiap
informasi dengan format
berikut.

20. DREAM BIG
LEARN BEYOND
Informasi mahasiswa yang telah dibentuk
pada langkah sebelumnya ditampilkan di
elemen GUI hasil, yang mungkin berupa
teks atau label, sehingga pengguna dapat
melihatnya. Selain itu, Anda juga
menggunakan
JOptionPane.showMessageDialog untuk
menampilkan informasi dalam dialog
pesan pop-up kepada pengguna.

21. DREAM BIG
LEARN BEYOND
Setelah itu kita kembali ke
tab design untuk mengatur
tab bersihkan. klik kanan
pada tombol bersihkan, dan
pilih events – actions –
actionperformanced, lalu
buatlah kodingan seperti
tampilan berikut

22. DREAM BIG
LEARN BEYOND
- txtnim.setText("");: Sama seperti langkah sebelumnya,
ini mengatur teks pada elemen GUI txtnim
(kemungkinan kotak teks lain) menjadi string kosong
untuk menghapus nilai yang ada sebelumnya
- cbhobi.setSelected(false) Ini mengatur status kotak
centang (checkbox) cb menjadi "false," yang berarti
bahwa semua kotak centang akan dicentang kembali
(tidak tercentang) setelah tombol ini diklik.

23. DREAM BIG
LEARN BEYOND
GUI kalian sudah selesai dan bisa dirun dengan
menekan f6