1. LEARN BEYOND
GUI JAVA
PROSES LANGKAH – LANGKAH
CARA MEMBUAT
Nama : I Gede Ardiyasa
NIM : 2201010067
Prodi : Sistem Informasi
2. DREAM BIG
LEARN BEYOND
Kita awali dengan dengan new project dengan menekan
tanda seperti di gambar diatas atau tekan ctrl+shift+n.
Lalu kita pilih “java with ant”, dan buat nama project
kalian dengan judul yang kalian inginkan.
3. DREAM BIG
LEARN BEYOND
Jika sudah, setelah itu lanjutkan dengan
klik kanan pada source package lalu pilih
jframe form dan berikan nama pada
form tersebut.
4. DREAM BIG
LEARN BEYOND
Selanjutnya, kita lanjutkan dengan
mulai memasukkan komponen-
komponen yang dibutuhkan.
Untuk teks kosong kita akan
menggunakan “label” pada java
swing. Lalu kita bisa mengganti
nama label sesuai keinginan yang
kita inginkan.
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
Selanjutnya kita akan membuat sebuah kotak yang nantinya
akan menampilkan apa yang kita pilih pada saat kita mengisi
form dengan menggunakan “text area”
7. DREAM BIG
LEARN BEYOND
Setelah itu, Langkah selanjutnya kita akan menambahkan
sebuah tombol ketika kita hendak menampilkan serta
membersihkan isi form menggunakan “button”
8. DREAM BIG
LEARN BEYOND
Lalu kita pilih pada bagian text untuk mengganti variabel
nama sesuai keinginan kita dengan mengklik ikon titik 3 di
tepi kanan.
Pada Langkah selanjutnya untuk
mengubah nama variable yang
sebelumnya kita bisa klik kanan
pada variabel yang hendak kita
ubah, lalu klik “properties”.
9. DREAM BIG
LEARN BEYOND
Lalu setelah itu kita akan
menambahkan sebuah tombol pada
saat ketika kita hendak
menampilkan serta mengahpus 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 setelah itu
ganti 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
Lalu setelah itu kita akan lanjut
masuk ke tahap koding dengan klik
“source”.
Pada langkah awal kita akan
mengimpor terlebih dahulu.
13. DREAM BIG
LEARN BEYOND
Setelah itu, kita akan 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 kita kembali ke tab “design”, setelah itu klik
kanan pada tombol tampilkan. Klik “event –
actions – action performance”. Dan selanjutnya
kita akan dibawa kembali pada tab source
15. DREAM BIG
LEARN BEYOND
Tahap selanjutnya ini 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 akan
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.
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.