Friday, December 1, 2017

Membuat Aplikasi CRUD dengan Netbeans (Java) #2

Membuat Form Aplikasi


Sekarang untuk membuat sebua form, kita harus membuat Jframe, caranya dengan Klik Kanan Package program.universitas, lalu pilih JFrame Form. Klik untuk melanjutkan membuat form.


Beri nama form tersebut dengan nama "Form" agar Netbeans otomatis membuatkan sebuah class dengan nama Form.

Sekarang kita dapat melihat GUI builder pada editor Netbeans dan disibelah kanan terdapat Pallete yang merupakan komponen - komponen GUI yang ada di Java dan Properties yang meruapakan editor atribut - atribut komponen yang kita klik pada GUI Builder.

Untuk menambahkan Komponen - komponen GUI ke dalam form, kita cukup mengklik dan mendrag salah satu komponen yang ada dalam Pallete ke dalam Form

Lalu susunlah beberapa komponen yang ada hingga seperti gambar dibawah ini, ketentuannya adalah:

  • 5 Label terdiri dari NIM, Nama, Tanggal Lahir, Jurusan, dan Alamat
  • 3 Text Field untuk NIM, Nama, dan Jurusan
  • 1 Text Area untuk Alamat
  • 1 Formatted Field untuk Tanggal Lahir
  • 3 Button untuk tombol Tambah, Ubah, dan Hapus
  • 1 Table untuk melihat data.
Setelah tersusun, kosongkan atribut text pada setiap komponen pada Properties.

Setelah itu sekarang saatnya kita mengubah setiap nama variabel komponennya, misal untuk Text Fiel NIM kita beri nama variabelnya dengan nama inputNim, dan seterusnya. saya anjurkan ikuti saya terlebih dahulu agar tidak ribet nantinya. anda bisa lihat variabel saya dibawah.


Sekarang kita  akan mengatur field inputTanggalLahir, secara default Formatted field seperti Text Field, dia hanya menerima teks (String), agar Formatted field hanya menerima input berupa tanggal, maka kita perlu menggantinya . caranya klik inputTanggalLahir, lalu pada bagian Properties, cari atribut FormattedFactory, ubah atribut tersebut 


Pada saat mengklik tombol [...] pada atribut FormatatterFactory, maka akan muncul dialog FormatterFactory. Agar formatted field hanya menerima input tanggal , maka ubah kategorinya date
menjadi costum, lalu pada input format isikan teks "d/M/yyyy".


Sekarang saatnya kita masuk ke tahap pengCodingan. untuk melakukan coding, masuk ke bagian Source . menu Source berada disamping menu Design. 

Setelah itu tambahkan sebuah variabel DefaultTableModel pada class Form tersebut dan untuk menambahkan kolom ke dalam Table, kita dapat menggunakan metode addColoumn(Nama) milik class DefaultTableModel.





 Dan itu saja dulu untuk Part 2 , Pengkodingan akan kita lanjut di Part 3

Terima Kasih





No comments:

Post a Comment