Membuat Tampilan GUI di NetBeans IDE

Beberapa hari ini Saya melihat statistik ada beberapa pengunjung yang nyasar di masgani.com dengan kata kunci Membuat Tampilan GUI di NetBeans IDE. Karena di tutorial Saya yang membahas tentang membuat aplikasi java tidak menjelaskan atau mempraktekan cara membuat tampilan GUI di NetBeands IDE. Maka pada postingan ini sengaja Saya buatkan tutorial membuat tampilan GUI di NetBeans IDE untuk teman-teman yang masi bingung atau belum bisa cara membuatnya.

Sebenarnya membuat tampilan GUI di NetBeans itu tidak terlalu sulit, kita hanya tinggal drag and drop saja. Tapi walapun hanya tinggal drag and drop jika kita benar-benar belum tahu atau belum terbiasa tetap akan merasa bingung.

Untuk itu Saya di sini akan coba membantu teman-teman yang masih bingung bagaiman cara membuat tampilan gui di netbeans ide. Saya akan mencontohkanya dari awal pembuatan projectnya beserta dengan gambar-gambar agar bisa lebih mudah dipahami. Langsung saja kita simak langkah-langkah di bawah ini.

Membuat Project

Pertama kita buat dulu projectnya, jika tema-teman sudah mempunyai project sendiri silahkan abaikan langkah ini dan untuk teman-teman yang belum bisa silahkan bisa lihat caranya di tutorial berikut: Dasar Pemrograman Java.

Membuat JFrame Form

Setelah kita membuat projectnya selanjutnya kita buat dulu JFrame Form yang nantinya akan kita gunakan sebagai tampilan GUI dan untuk meletakan objek-objek yang kita butuhkan.

Caranya:

Klik kanan pada package kita, di contoh ini nama package saya adalah tampilan, silahkan sesuaikan dengan punya kalian jika kalian sudah punya package yang berbeda.

Membuat JFrame Form Baru

Loh, kok di NetBeans IDE Saya tidak ada pilihan  JFrame Form?

Tenang saja, pasti ada. JFrame Form nya masi ngumpet karena belum pernah dipakai. hehe

Bagaimana cara menemukan JFrame Form nya?

Caranya silahkan klik pilihan Other, setelah itu kita akan melihat jendela muncul baru seperti pada contoh gambar di bawah ini:

Memilih kategori

Pada bagian Categories, silahkan kalian klik  Swing GUI Forms. Setelah itu lihat pada bagian File Types, silahkan pilih JFrame Form lalu klik Next.

Oke kita lanjut lagi!

Setelah kita memilih JFrame Form, selanjutnya kita beri nama JFrame Formnya. Untuk namanya bebas sesuka kalian atau sesuaikan dengan apa yang ingin kalian buat. Jika sudah maka akan muncul tampilan seperti pada contoh gambar di bawah ini:

Contoh GUI

Membuat Tampilan GUI

Pada langkah ini kita akan memulai membuat tampilannya. Perhatikan pada bagian sebelah kanan yang saya beri tanda.

Pilihan komponen-komponen

Di situlah letak komponen-komponen yang nantinya akan kita butuhkan. Kita bisa memilih komponen apa saja yang kita butuhkan pada aplikasi yang akan kita buat.

Misal kita akan membuat formulir kontak, dan formulir kontak yang akan kita buat memiliki desain tampilan seperti pada contoh gambar di bawah ini.

Contoh Tampilan Formulir Kontak

Berarrti kita akan membutuhkan beberapa komponen-komponen berikut:

  • 5 Label
  • 3 Text Field
  • 1 Text Area

Bagaimana cara membuatnya?

Caranya mudah sekali, kita tinggal pilih dan klik komponen yang kita butuhkan, lalu arahkan ke JFrame Form kita lalu lepaskan.

Untuk lebih jelasnya silahkan simak video di bawah ini:

Silahkan kalian desain dan sesuaikan sesuai dengan kreatifitas kalian masing-masing dan jangan lupa untuk dicoba-coba. Karena jika kita hanya mengikuti sama persis seperti tutorial-tutorial yang kita lihat, maka kita tidak akan bisa berkembang tanpa kita mencobanya sendiri.

Selamat mencoba. 🙂

2 Replies to “Membuat Tampilan GUI di NetBeans IDE”

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *