Tutorial Jform GUI JAVA
- 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.
- 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”