Hanifah Puji Lestari - Postingan Pertemuan 14

PROGRAM CETAK COMBO BOX MENGGUNAKAN NETBEANS IDE

Assalamualaikum Warahmatullahi Wabarakatuh.

Pada minggu ini, Program yang akan kita buat yaitu program cetak menggunakan menu combo box.

Fungsi dari combo box yaitu Control yang digunakan untuk memasukkan data dengan cara memilih nilai dari daftar pilihan yang tersedia.

Project ini menggunakan Class JFrame untuk menampung Layout dan Source Code Java.

Tahap Pembuatan Aplikasi GUI Cetak Kata menggunakan COMBO BOX :

1) Buka aplikasi NETBEANS dan buatlah new project dengan cara pilih Categories JAVA > JAVA APPLICATION.

2) Beri nama Project tersebut dan hilangkan ceklis pada Create Main Class karena kita akan menggunakan Class JFrame. Lalu klik Finish.

Nama project sesuai dengan yang akan kita gunakan, disini saya menggunakan nama project "HanifahPujiLestari_Pertemuan14".



3) Selanjutnya adalah membuat PACKAGE.

"Package adalah sarana/cara pengelompokkan dan pengorganisasian kelas-kelas dan interface yang sekelompok menjadi suatu unit tunggal dalam library."

Klik nama project lalu pada Source Packages klik kanan, buatlah NEW PACKAGE dengan nama yang akan digunakan, disini saya menggunakan nama "LatihanMinggu14_Hanifah"



4) Buat Class JFrame dengan cara klik kanan pada package <LatihanMinggu14_Hanifah> setelah itu pilih New > JFrame Form.



lalu buat nama class tersebut sesuai dengan program, contoh "ListView_Hanifah"
seperti berikut :




5) Membuat User Interface (UI).

- Buatlah tampilan seperti dibawah ini



- Tambahkan Label dan Menu Combo Box dan Text Field, drag dari pilihan disamping.

•  Klik kanan pada menu Combo Box > Properties > Model >

• Ubah pada model menjadi seperti dibawah ini
  
• Kemudian beri nilai - 1 pada properties > setselectedIndex untuk menampilkan list item tanpa nama pada design.
  
• Pada Text Field 1,2 dan 3, klik kanan > change variable name >
  ubah seperti berikut
  
  Text Field 1 (type kamar) :
  
  
  Text Field 2 (harga kamar) :
  
  
  Text Field 3 (harga bayar) :
  

- selanjutnya tambahkan menu Text Pane. dahulukan dengan menggunakan JscrollPane.

• Ubah variabel name textpane seperti contoh berikut : 

- Akhiri dengan menambahkan menu BUTTON bayar ditengah.

• Ubah variable name menjadi seperti berikut :
  

- Ubah variabel name  Combo Box menjadi "ListViewComboBox_Hanifah"



6) Untuk menampilkan list Item tanpa nama ketika dijalankan maka tambahkan coding pada method contructor.
seperti dibawah ini :



7) Selanjutnya masuk kepada desain coding.

- Deklarasikan data yang dibutuhkan seperti dibawah




8) Masukan souce code pada bagian coding Combo Box, klik kanan Combo Box > Events > ActionPerformed.
Lalu tambahkan source code seperti berikut :



9) Selanjutnya tambahkan source code pada bagian "Bayar Button".
-Tambahkan source code berikut :



10 ) Run File "ListView_Hanifah" maka program akan tampil seperti berikut :

• Pilihan : untuk memilih kode tipe kamar
• Type kamar : Akan menampilkan tipe dengan kode terpilih, VVP, VIP, SWEET.
• Harga kamar : Menyesuaikan tipe kamar
• Bayar : Harga yang bayar oleh pemesan

Contoh sebagai berikut :



Sekian tutorial dari saya, mengenai pembuatan aplikasi GUI cetak menggunakan Combo Box sederhana menggunakan java Netbeans, mohon dikoreksi jika banyak kekeliruan. Sekian

Wassalamualaikum Warahmatullahi Wabarakatuh.


BY : Hanifah Puji Lestari