Nafis Albab Alfasha_181011400785_Pertemuan Ke 4

Pemrograman II

Membuat Program Cetak ComboBox

1. Langkah pertama yaitu buka Aplikasi Netbeans anda, Lalu buatlah sebuah project baru. Caranya yaitu : "Pilih File" -> "New Project (Ctrl+Shift+N)".

2. Berikutnya "Pilih Java" -> "Java Application" -> Lalu "Klik Next".

3. Selanjutnya beri nama dan tentukan sendiri lokasi penyimpanan project Netbeans yang anda buat sesuai dengan keinginan anda, disini saya menamainya dengan "Nafis Albab Alfasha_181011400785_Pertemuan4". Dengan lokasi penyimpanan di "C:\Users\Nafis\Documents\NetBeansProjects". Jika sudah "Klik Finish".

4. Berikutnya membuat package. Caranya : "Klik kanan pada folder Source Package pada project name yang sudah anda buat" -> "Pilih New" -> "Pilih Java Package" -> Lalu beri nama sesuai dengan keinginan anda, disini saya menamainnya dengan "LatihanMinggu4". Jika sudah "Klik Finish".

5. Selanjunya membuat JFrame Form. Caranya : "Klik kanan pada Package LatihanMinggu4"-> "Pilih New" -> "Pilih JFrame From" -> Lalu beri nama sesuai dengan keinginan anda, disini saya menamainya dengan "ListView". Jika sudah "Klik Finish".

6. Berikutnya membuat desainnya. Langkah pertama yaitu : Pilih menu "Panel" lalu drag ke dalam form kosong pada desain dan perbesar ukuran panel di dalam form desainnya.

7. Selanjutnya "Klik kanan pada Label Panel di dalam form" -> "Pilih Properties" -> "Pilih Background" (Caranya klik Tanda persegi titik tiga yang telah saya bulatkan).

8. Berikutnya pilih warna background panel yang anda inginkan -> Jika sudah "Klik OK" -> "Lalu Klik Close".

9. Selanjutnya "Masukan 5 menu Label" ke dalam form design.

10. Berikutnya "Masukan 1 menu Combo Box" di sebelah kanan jLabel 2.

11. Selanjutnya yaitu "Menambahkan 3 menu Text Field" di sebelah kanan jLabel 3 sampai dengan jLabel 5.

12. Berikutnya yaitu "menambahkan 1 buah Button" di tengah-tengah desain.

13. Selanjutnya "menambahkan 1 buah Text Pane" di bawah button, untuk mencetak hasil outputnya nanti.

14. Berikutnya jika sudah Edit Text jLabel 1, Caranya : "Klik kanan pada menu jLabel 1" -> "Lalu klik Edit Text" -> ubah menjadi "Program Cetak ComboBox".

15. Selanjutnya jika sudah, "Lakukan Edit Text pada jLabel 2 sampai jLabel 5 dan 3 jTextField, serta 1 Button" yang ada di menu desain. Caranya sama seperti pada point nomer ke 14, sampai desainnya menjadi seperti gambar di bawah ini.

16. Berikutnya jika sudah langkah selanjutnya yaitu "Klik kanan pada Combo Box" -> "Lalu pilih Properties" -> "Pilih model" (Caranya klik Tanda persegi titik tiga yang telah saya bulatkan).

17. Selanjutnya isi seperti gambar di bawah ini -> "Lalu klik OK", kemudian "berikan nilai -1 pada properties selected index" untuk menampilkan list item tanpa nama pada design -> "Jika sudah klik Close".

18. Berikutnya ubah nama variabel Combo Box. Caranya : "Klik kanan pada Combo Box" -> "Pilih Change Variable Name" -> lalu ubah menjadi "Nafis_ListViewComboBox" -> Jika sudah "Klik OK".

19. Selanjutnya ubah semua nama variabel jTextField 1 sampai dengan jTextField 3 dimulai dari jTextField 1. Caranya : "Klik kanan pada jTextField 1" -> "Pilih Change Variable Name" -> lalu ubah menjadi " Nafis_typeKamarTextField" -> Jika sudah "Klik OK".

20. Berikutnya ubah nama variabel jTextField 2. Caranya : "Klik kanan pada jTextField 2" -> "Pilih Change Variable Name" -> lalu ubah menjadi "Nafis_hargaKamarTextField" -> Jika sudah "Klik OK".

21. Selanjutnya ubah nama variabel jTextField 3. Caranya : "Klik kanan pada jTextField 3" -> "Pilih Change Variable Name" -> lalu ubah menjadi "Nafis_BayarTextField" -> Jika sudah "Klik OK".

22. Berikutnya ubah nama variabel Text Pane. Caranya : "Klik kanan pada Text Pane" -> "Pilih Change Variable Name" -> lalu ubah menjadi "Nafis_TextPane" -> Jika sudah "Klik OK".

23. Selanjutnya "masukan source code pertama" deklarasikan data yang dibutuhkan seperti gambar dibawah ini.

Source Code :

public class ListView extends javax.swing.JFrame {

public String typeKamar;

public float hargaKamar=0;

24. Berikutnya untuk "menampilkan list item tanpa nama ketika dijalankan maka tambahkan source code pada method Constructor". Contohnya seperti gambar dibawah ini.

Source Code :

public ListView() {

initComponents();

Nafis_ListViewComboBox.setSelectedIndex(-1);

}

25. Selanjutnya mengaktifkan Combo Box untuk memasukkan source code ke dalam Combo Box. Caranya : "Klik kanan pada Combo Box" -> "Pilih Events" -> "Action" -> "actionPerformed".

26. Berikutnya "masukan source code List View pada Combo Box" seperti gambar di bawah ini.

Source Code :

private void Nafis_ListViewComboBoxActionPerformed(java.awt.event.ActionEvent evt) {

// TODO add your handling code here:

if (Nafis_ListViewComboBox.getSelectedIndex()==0)

{

typeKamar = "VVIP ROOM";

hargaKamar = 1200000;

}

else if(Nafis_ListViewComboBox.getSelectedIndex()==1)

{

typeKamar = "VIP ROOM";

hargaKamar = 900000;

}

else if(Nafis_ListViewComboBox.getSelectedIndex()==2)

{

typeKamar = "SWEET ROOM";

hargaKamar = 700000;

}

Nafis_typeKamarTextField.setText(typeKamar);

Nafis_hargaKamarTextField.setText(String.valueOf(hargaKamar));

}

27. Selanjutnya mengaktifkan Button Bayar untuk memasukkan source code ke dalam Button Bayar. Caranya : "Klik kanan pada Button Bayar" -> "Pilih Events" -> "Action" -> "actionPerformed".

28. Berikutnya "masukan source code pada Button Bayar" seperti gambar di bawah ini.

Source Code :

private void jButton1ActionPerformed(java.awt.event.ActionEvent evt) {

// TODO add your handling code here:

double bayar,kembali;

bayar=Double.parseDouble(Nafis_BayarTextField.getText());

kembali = bayar - hargaKamar;

Nafis_TextPane.setText("Anda Memilih Kamar : " +typeKamar+ " dengan Total : Rp. "

+hargaKamar+ " Uang anda : Rp. " +bayar+ " Kembalian anda : Rp. " +kembali);

}

29. Selanjutnya adalah mengecek Hasil Run dari aplikasi Program Cetak Combo Box. Caranya : "Klik kanan pada ListView.java" -> "Lalu pilih Run File (Shift+F6)" Hasil tampilan GUInya seperti gambar dibawah ini.

30. Berikutnya adalah mengecek semua pilihan list yang ada pada ComboBox yaitu list 01A,01B dan 01C . Dimulai dari "List Combo Box 01A" seperti gambar di bawah ini.

31. Selanjutnya "mengecek pilihan list ComboBox 01B" seperti gambar di bawah ini.

33. Berikutnya jika sudah langkah terakhir yaitu "mengecek pilihan list pada 01C" seperti gambar di bawah ini.

Membuat Program Cetak CheckBox

1. Langkah pertama yaitu "Membuat jFrame From baru dengan klik kanan pada package LatihanMinggu4" yang telah di buat sebelumnya -> "Lalu Pilih New" -> "Pilih jFrame Form" -> Beri nama "Latihan4" -> "Klik Finish".

2. Berikutnya membuat desainnya. Langkah pertama yaitu : Pilih menu "Panel" lalu drag ke dalam form kosong pada desain dan perbesar ukuran panel di dalam form desainnya.

3. Selanjutnya "Klik kanan pada Label Panel di dalam form" -> "Pilih Properties" -> "Pilih Background" (Caranya klik Tanda persegi titik tiga yang telah saya bulatkan).

4. Berikutnya pilih warna background panel yang anda inginkan -> Lalu "Klik OK" -> "Klik Close".

5. Berikutnya "Masukan 5 menu Label" ke dalam form design.

6. Selanjutnya "Masukan 2 menu Check Box" di sebelah kanan jLabel 2.

7. Berikutnya "Masukan 1 menu Text Field" di sebelah kanan jLabel 3.

8. Selanjutnya jika sudah Edit Text jLabel 1, Caranya : "Klik kanan pada menu jLabel 1" -> "Lalu klik Edit Text" -> ubah menjadi "Program Cetak CheckBox".

9. Berikutnya jika sudah, "Lakukan Edit Text pada jLabel 2 sampai jLabel 5 dan 2 Check Box, serta 1 Text Field" yang ada di menu desain. Caranya sama seperti pada point nomer ke 8, sampai desainnya menjadi seperti gambar di bawah ini.

10. Selanjutnya ubah nama variabel Check Box 1 (Laki-Laki). Caranya : "Klik kanan pada Check Box 1" -> "Pilih Change Variable Name" -> lalu ubah menjadi "Nafis_LakiCheckBox" -> Jika sudah "Klik OK".

11. Berikutnya ubah nama variabel Check Box 2 (Perempuan). Caranya : "Klik kanan pada Check Box 2" -> "Pilih Change Variable Name" -> lalu ubah menjadi "Nafis_PerempuanCheckBox" -> Jika sudah "Klik OK".

12. Selanjutnya ubah nama variabel Text Field. Caranya : "Klik kanan pada Text Field" -> "Pilih Change Variable Name" -> lalu ubah menjadi "Nafis_JKTextField" -> Jika sudah "Klik OK".

13. Berikutnya ubah nama variabel jLabel 5. Caranya : "Klik kanan pada jLabel 5" -> "Pilih Change Variable Name" -> lalu ubah menjadi "Nafis_PilihanLabel" -> Jika sudah "Klik OK". Lalu "Edit Text" -> "Hapus teksnya (tekan backspace pada keyboard)".

14. Selanjutnya "masuk ke dalam source", deklarasikan data yang dibutuhkan seperti gambar di bawah ini.

Source Code :

public class Latihan4 extends javax.swing.JFrame {

String JK = " ";

int pilihan = 0;

15. Berikutnya kembali ke menu design, lalu aktifkan Check Box 1 (Laki-laki) untuk memasukan source codenya. Caranya : "Klik kanan pada Check Box 1 Laki-laki" -> "Lalu pilih Events" -> "Action" -> "actionPerformed".

16. Selanjutnya jika sudah "masukan Source Code pada Check Box 1 (Laki-laki)" seperti gambar di bawah ini.

Source Code :

private void Nafis_LakiCheckBoxActionPerformed(java.awt.event.ActionEvent evt) { // TODO add your handling code here:

JK = "Laki-laki";

pilihan = 1;

Nafis_PerempuanCheckBox.setSelected(false);

Nafis_JKTextField.setText(" "+JK);

Nafis_PilihanLabel.setText(" "+pilihan);

}

17. Berikutnya aktifkan Check Box 2 (Perempuan) untuk memasukan source codenya. Caranya : "Klik kanan pada Check Box 2 Perempuan" -> "Lalu pilih Events" -> "Action" -> "actionPerformed".

18. Selanjutnya jika sudah "masukan Source Code pada Check Box 2 (Perempuan)" seperti gambar di bawah ini.

19. Berikutnya adalah mengecek Hasil Run dari aplikasi Program Cetak Check Box. Caranya : "Klik kanan pada Latihan4.java" -> "Lalu pilih Run File (Shift+F6)" Hasil tampilan GUInya seperti gambar dibawah ini.