Slide IST103 IST103 Bahasa Pemrograman 05 Visual dengan Swing 2
Bahasa Pemrograman
(Pemrograman Visual)
#5
Pemrograman Visual dengan
Java Swing #2
(jComboBox, jRadioButton, jCheckBox, jSpinner,
jSlider)
Augury El Rayeb, S.Kom., MMSI.
Bahasa Pemrograman (Pemrograman Visual) | IST103
Tujuan Pertemuan
• Memahami pembuatan program java
visual sederhana dengan swing:
▫ jCombo
▫ jRadioButton
Augury El Rayeb, S.Kom., MMSI.
Bahasa Pemrograman (Pemrograman Visual) | IST103
jComboBox
•
▫ Properties jComboBox yang biasa diisi:
Variable Name
Biasa dipakai untuk pemanggilan pada kode program
Model
Untuk menentukan isi dari Combo Box
selectedIndex
Untuk menentukan index dari isi yang tepilih
toolTipText
Untuk menampilkan teks dalam tooltip
Augury El Rayeb, S.Kom., MMSI.
Bahasa Pemrograman (Pemrograman Visual) | IST103
jComboBox
•
▫ Method jComboBox yang biasa digunakan:
getSelectedIndex()
Digunakan untuk mendapatkan angka index dari
item yang dipilih pengguna.
getSelectedItem( )
Digunakan untuk mendapatkan teks dari item
yang dipilih pengguna.
Augury El Rayeb, S.Kom., MMSI.
Bahasa Pemrograman (Pemrograman Visual) | IST103
jComboBox
•
▫ Method jComboBox yang biasa digunakan:
removeAllItems()
Digunakan untuk menghapus semua item pilihan pada
ComboBox.
addItem()
Digunakan untuk menambahkan item pilihan pada ComboBox.
▫ Event jComboBox yang biasa digunakan:
ActionPerformed()
Digunakan untuk menentukan aksi jika user telah memilih dari
combo box
Augury El Rayeb, S.Kom., MMSI.
Bahasa Pemrograman (Pemrograman Visual) | IST103
jComboBox – Contoh Penggunaan
Variabel Name: txtItem
Variabel Name: jCBarang
Model: Gadget, Hybrid Laptop,
PC Laptop, PC Desktop,
Server Computer
selected index: 1
Variabel Name:
txtNomorUrut
private
private void
void jCBarangActionPerformed(java.awt.event.ActionEvent
jCBarangActionPerformed(java.awt.event.ActionEvent evt)
evt) {{
}}
txtItem.setText(jCBarang.getSelectedItem()
txtItem.setText(jCBarang.getSelectedItem() ++ "");
"");
txtNomorUrut.setText(jCBarang.getSelectedIndex()+"");
txtNomorUrut.setText(jCBarang.getSelectedIndex()+"");
Augury El Rayeb, S.Kom., MMSI.
Bahasa Pemrograman (Pemrograman Visual) | IST103
jComboBox – Contoh Penggunaan
Variabel
Variabel Name:
Name: jCLaptop
jCLaptop
Model:
Acer,
Model: Acer, Asus,
Asus, Dell,
Dell, HP
HP,,
Lenovo,
Sony,
Toshiba
Lenovo, Sony, Toshiba
selected
selected index:
index: 00
Variabel
Variabel Name:
Name: jCBarang
jCBarang
Model:
Gadget,
Model: Gadget, Laptop,
Laptop, PC
PC Desktop,
Desktop,
Workstation
Computer,
Workstation Computer, Server
Server
Computer
Computer
selected
selected index:
index: 11
private
private void
void btnOkActionPerformed(java.awt.event.ActionEvent
btnOkActionPerformed(java.awt.event.ActionEvent evt)
evt) {{
}}
……
jCMerek.removeAllItems();
jCMerek.removeAllItems();
if(jCBarang.getSelectedItem().equals("Gadget"))
if(jCBarang.getSelectedItem().equals("Gadget")) {{
jCMerek.addItem("ASUS");
jCMerek.addItem("ASUS");
jCMerek.addItem("Google
jCMerek.addItem("Google Pixel");
Pixel");
jCMerek.addItem("Lenovo");
jCMerek.addItem("Lenovo");
jCMerek.addItem("Nexus");
jCMerek.addItem("Nexus");
}}
if(jCBarang.getSelectedItem().equals("Hybrid
if(jCBarang.getSelectedItem().equals("Hybrid Laptop"))
Laptop")) {{
jCMerek.addItem("ASUS");
jCMerek.addItem("ASUS");
jCMerek.addItem("Dell");
jCMerek.addItem("Dell");
jCMerek.addItem("Lenovo");
jCMerek.addItem("Lenovo");
jCMerek.addItem("Toshiba");
jCMerek.addItem("Toshiba");
}}
……
…… dst.
dst.
Augury El Rayeb, S.Kom., MMSI.
Bahasa Pemrograman (Pemrograman Visual) | IST103
jComboBox – Contoh Penggunaan
Variabel Name: btnOk
Text: OK
Variabel Name: jCLaptop
Model: Acer, Asus, Dell, HP,
Lenovo, Sony, Toshiba
selected index: 0
Variabel Name: jCBarang
Model: Gadget, Laptop, PC
Desktop, Workstation
Computer, Server
Computer
selected index: 1
private
private void
void btnOkActionPerformed(java.awt.event.ActionEvent
btnOkActionPerformed(java.awt.event.ActionEvent evt)
evt) {{
}}
JOptionPane.showMessageDialog(null,
JOptionPane.showMessageDialog(null, "Jenis
"Jenis Barang:"
Barang:" ++
jCBarang.getSelectedItem()
jCBarang.getSelectedItem() ++ "\nMerek:
"\nMerek: ""
++ jCLaptop.getSelectedItem());
jCLaptop.getSelectedItem());
Augury El Rayeb, S.Kom., MMSI.
Bahasa Pemrograman (Pemrograman Visual) | IST103
jComboBox – Contoh Lain
Variabel Name: jCMerek
Model: Acer, Asus, Lenovo,
Samsung, Sony, Xiaomi
selected index: 0
Variabel Name:
btnSelesai
Text: Selesai
Variabel Name: jCJenis
Model: Gadget, Laptop, PC
Desktop, Workstation
Computer, Server
Computer
selected index: 0
private
private void
void jCJenisActionPerformed(java.awt.event.ActionEvent
jCJenisActionPerformed(java.awt.event.ActionEvent evt)
evt) {{
String[]
String[] strGadget
strGadget == new
new String[]
String[] {"Acer",
{"Acer", "Asus",
"Asus",
"Lenovo",
"Lenovo", "Samsung",
"Samsung", "Sony",
"Sony", "Xiaomi"};
"Xiaomi"};
String[]
String[] strLaptop
strLaptop == new
new String[]
String[] {"Acer",
{"Acer", "Asus",
"Asus",
"Dell",
"Dell", "Lenovo",
"Lenovo", "Sony",
"Sony", "Toshiba"};
"Toshiba"};
String[]
String[] strDesktop
strDesktop == new
new String[]
String[] {"Rakitan",
{"Rakitan",
"Xtron",
"Acer",
"Lenovo",
"Asus",
"Dell"};
"Xtron", "Acer", "Lenovo", "Asus", "Dell"};
String[]
String[] strWorkstation
strWorkstation == new
new String[]
String[] {"Rakitan",
{"Rakitan", "Xtron",
"Xtron", "Lenovo",
"Lenovo", "Dell","HP"};
"Dell","HP"};
String[]
strServer
=
new
String[]
{"Rakitan",
"Xtron",
"Dell",
"HP",
"IBM"};
String[] strServer = new String[] {"Rakitan", "Xtron", "Dell", "HP", "IBM"};
if(jCJenis.getSelectedItem().equals("Gadget"))
if(jCJenis.getSelectedItem().equals("Gadget")) {{
jCMerek.removeAllItems();
jCMerek.removeAllItems();
for(String
for(String merekGadget:
merekGadget: strGadget)
strGadget) {{
jCMerek.addItem(merekGadget);
jCMerek.addItem(merekGadget);
}}
}}
if(jCJenis.getSelectedItem().equals("Laptop"))
if(jCJenis.getSelectedItem().equals("Laptop")) {{
jCMerek.removeAllItems();
jCMerek.removeAllItems();
for(String
for(String merekLaptop:
merekLaptop: strLaptop)
strLaptop) {{
jCMerek.addItem(merekLaptop);
jCMerek.addItem(merekLaptop);
}}
}}
Augury El Rayeb, S.Kom., MMSI.
Bahasa Pemrograman (Pemrograman Visual) | IST103
jRadioButton & jRadioButtonGroup
▫ Properties jRadioButton yang biasa diisi:
Variable Name
Biasa dipakai untuk pemanggilan pada kode program
buttonGroup
Untuk menentukan kelompok dari radio button (radio button group)
text
Untuk menulis teks yang tampil pada radio button
selected
Untuk menentukan apakah radio button tersebut dipilih atau tidak
▫Method yang sering digunakan:
isSelected()
Digunakan untuk memeriksa apakah suatu radio button dipilih
▫Event yang sering digunakan:
actionPerformed()
Digunakan untuk menentukan aksi jika user memilih radio button
Augury El Rayeb, S.Kom., MMSI.
Bahasa Pemrograman (Pemrograman Visual) | IST103
jRadioButton & jRadioButtonGroup
▫ Button Group Digunakan untuk
mengelompokkan radio button.
▫ Properties jRadioButtonGroup yang biasa
diisi:
Variable Name
Biasa dipakai untuk pemanggilan pada kode
program
Augury El Rayeb, S.Kom., MMSI.
Bahasa Pemrograman (Pemrograman Visual) | IST103
jRadioButton & jRadioButtonGroup
• Untuk membuat Radio Button kita harus
juga menggunakan radio button group,
yang berfungsi sebagai pengelompokkan
dari radio button.
jRadioButtonGroup
Variable Name: rbgJenisKelamin
Variabel Name: rbPria
buttonGroup:
rbgJenisKelamin
text: Pria
selected: checked
Variabel Name: rbWanita
buttonGroup:
rbgJenisKelamin
text: Wanita
selected: not checked
Augury El Rayeb, S.Kom., MMSI.
Bahasa Pemrograman (Pemrograman Visual) | IST103
jRadioButton & jRadioButtonGroup
Variabel Name: rbWanita
buttonGroup:
rbgJenisKelamin
text: Wanita
selected: not checked
Variabel Name: rbPria
buttonGroup:
rbgJenisKelamin
text: Pria
selected: checked
Variabel Name: lblHasil
Variabel Name:
btnPeriksa
private
private void
void btnPeriksaActionPerformed(java.awt.event.ActionEvent
btnPeriksaActionPerformed(java.awt.event.ActionEvent evt)
evt) {{
}}
String
String pilihan="";
pilihan="";
if(rbPria.isSelected())
if(rbPria.isSelected()) {{
pilihan
pilihan == rbPria.getText();
rbPria.getText();
}}
if(rbWanita.isSelected())
if(rbWanita.isSelected()) {{
pilihan
pilihan == rbWanita.getText();
rbWanita.getText();
}}
JOptionPane.showMessageDialog(this,
JOptionPane.showMessageDialog(this, "Mari
"Mari periksa
periksa jenis
jenis kelamin
kelamin "" ++ pilihan);
pilihan);
private
private void
void rbPriaActionPerformed(java.awt.event.ActionEvent
rbPriaActionPerformed(java.awt.event.ActionEvent evt)
evt) {{
}}
lblHasil.setText("Jenis
lblHasil.setText("Jenis Kelamin:
Kelamin: "" ++ rbPria.getText());
rbPria.getText());
private
private void
void rbWanitaActionPerformed(java.awt.event.ActionEvent
rbWanitaActionPerformed(java.awt.event.ActionEvent evt)
evt) {{
Augury El Rayeb, S.Kom., MMSI.
Bahasa Pemrograman (Pemrograman Visual) | IST103
jCheckBox
▫ Properties jCheckBox yang biasa diisi:
Variable Name
Biasa dipakai untuk pemanggilan pada kode program
text
Untuk menulis teks yang tampil pada check box
selected
Untuk menentukan apakah check box tersebut dipilih atau tidak
▫Method yang sering digunakan:
isSelected()
Digunakan untuk memeriksa apakah suatu check box dipilih
▫Event yang sering digunakan:
actionPerformed()
Digunakan untuk menentukan aksi jika user click check box
Augury El Rayeb, S.Kom., MMSI.
Bahasa Pemrograman (Pemrograman Visual) | IST103
jCheckBox
Variabel Name:
chkCoding
text: Browsing
selected: not checked
Variabel Name:
chkBrowsing
text: Browsing
selected: not checked
Variabel Name: lblBrowsing ,
lblCoding , lblReading
Variabel Name:
chkReading
text: Browsing
selected: not checked
private
private void
void chkReadingActionPerformed(java.awt.event.ActionEvent
chkReadingActionPerformed(java.awt.event.ActionEvent evt)
evt) {{
}}
lblReading.setText("Reading
lblReading.setText("Reading "" ++ (chkReading.isSelected()?"dipilih"
(chkReading.isSelected()?"dipilih" :: "tidak
"tidak
dipilih"));
dipilih"));
private
private void
void chkBrowsingActionPerformed(java.awt.event.ActionEvent
chkBrowsingActionPerformed(java.awt.event.ActionEvent evt)
evt) {{
}}
lblBrowsing.setText("Browsing
lblBrowsing.setText("Browsing "" ++ (chkBrowsing.isSelected()?"dipilih"
(chkBrowsing.isSelected()?"dipilih" :: "tidak
"tidak
dipilih"));
dipilih"));
private
private void
void chkCodingActionPerformed(java.awt.event.ActionEvent
chkCodingActionPerformed(java.awt.event.ActionEvent evt)
evt) {{
}}
lblCoding.setText("Coding
lblCoding.setText("Coding "" ++ (chkCoding.isSelected()?"dipilih"
(chkCoding.isSelected()?"dipilih" :: "tidak
"tidak
dipilih"));
dipilih"));
Augury El Rayeb, S.Kom., MMSI.
Bahasa Pemrograman (Pemrograman Visual) | IST103
jSpinner
▫ Properties jSpinner yang biasa diisi:
Variable Name
Biasa dipakai untuk pemanggilan pada kode
program
Model
Untuk menentukan model isi dari spinner
Pilihan model yang ada:
• Default
• Date
• List
• Number
Augury El Rayeb, S.Kom., MMSI.
Bahasa Pemrograman (Pemrograman Visual) | IST103
jSpinner
▫ Method yang sering digunakan:
getValue()
Digunakan untuk mengambil nilai spinner
▫ Event yang sering digunakan:
stateChanged()
Digunakan untuk menentukan aksi jika user merubah nilai
spinner
Augury El Rayeb, S.Kom., MMSI.
Bahasa Pemrograman (Pemrograman Visual) | IST103
jCheckBox
Variabel Name: btnAngka
text: BacaSpinner
Variabel Name:
spnAngka
model: Number
Variabel Name: lblAngka
private
private void
void btnBacaAngkaActionPerformed(java.awt.event.ActionEvent
btnBacaAngkaActionPerformed(java.awt.event.ActionEvent evt)
evt) {{
}}
lblAngka.setText("Nilai:
lblAngka.setText("Nilai: "" ++ spnAngka.getValue());
spnAngka.getValue());
Variabel Name:
spnTanggal
model: Date
Variabel Name: lblTanggal
private
private void
void spnTanggalStateChanged(javax.swing.event.ChangeEvent
spnTanggalStateChanged(javax.swing.event.ChangeEvent evt)
evt) {{
}}
lblTanggal.setText("Tanggal:
lblTanggal.setText("Tanggal: "" ++ spnTanggal.getValue());
spnTanggal.getValue());
jSlider
Augury El Rayeb, S.Kom., MMSI.
Bahasa Pemrograman (Pemrograman Visual) | IST103
▫ Properties jSlider yang biasa diisi:
Variable Name
Biasa dipakai untuk pemanggilan pada kode program
majorTickSpacing
Untuk menentukan besaran skala mayor (besar)
maximum
Untuk menentukan nilai maksimum
minimum
Untuk menentukan nilai minimum
minorTickSpacing
Untuk menentukan besaran skala minor (kecil)
orientation
Digunakan untuk menentukan apakah slider horisontal atau vertikal
paintLabels
Digunakan untuk menampilkan label (angka) skala
paintTicks
Digunakan untuk menampilkan bar skala
paintTrack
Digunakan untuk menampilkan strip garis slider
snapToTick
Digunakan untuk menentukan apakah pointer slider snap ke tick atau tidak
value
Digunakan untuk menentukan nilai posisi awal pointer slider.
Augury El Rayeb, S.Kom., MMSI.
Bahasa Pemrograman (Pemrograman Visual) | IST103
jSpinner
jSlider
▫ Method yang sering digunakan:
getValue()
Digunakan untuk mengambil nilai spinner
▫ Event yang sering digunakan:
stateChanged()
Digunakan untuk menentukan aksi jika user merubah nilai
spinner
Augury El Rayeb, S.Kom., MMSI.
Bahasa Pemrograman (Pemrograman Visual) | IST103
jCheckBox
Variabel
Name: lblSkala
Variabel Name: sldSkala
majorTickSpacing : 5
maximum: 10
minimum: 0
minorTickSpacing : 1
Orientation: HORIZONTAL
paintLabels: true
paintTicks: true
paintTrack: true
snapToTick: true
value: 5
private
private void
void sldSkalaStateChanged(javax.swing.event.ChangeEvent
sldSkalaStateChanged(javax.swing.event.ChangeEvent evt)
evt) {{
}}
lblSkala.setText("Nilai
lblSkala.setText("Nilai Slider:
Slider: "" ++ sldSkala.getValue());
sldSkala.getValue());
Tugas
Augury El Rayeb, S.Kom., MMSI.
Bahasa Pemrograman (Pemrograman Visual) | IST103
• Buat aplikasi visual dengan menggunakan komponenkomponen swing control dengan tampilan seperti berikut:
Dengan ketentuan operasinya:
1. Teks pada label output radio button berubah;
• Jika radio button yang dipilih Wanita, teksnya
berubah menjadi: Wanita Cantiq
• Jika radio button yang dipilih Pria, teksnya berubah
menjadi: Pria Ganteng.
2. Jika check box Browsing di checked, maka label … teksnya
berubah menjadi: Browsing dipilih.
Jika check box Browsing di checked, maka label … teksnya
berubah menjadi: Browsing dipilih. (Demikian juga untuk
Coding dan Reading)
3. Jika tombol periksa di-click, maka label hasil periksa akan
berisi teks radio button yang dipilih serta teks check box
yang dipilih.
4. Jika tombol baca spinner di-click, maka teks label nilai
akan berubah sesuai nilai dari spinner.
5. Jika spinner tanggal diubah nilainya oleh user, maka
secara langsung teks label tanggal berubah sesuai tanggal
pada spinner.
6. Jika posisi pointer slider diubah, maka label nilai slider
akan berubah sesuai nilai dari slider
Augury El Rayeb, S.Kom., MMSI.
Bahasa Pemrograman (Pemrograman Visual) | IST103
Terima Kasih
“The More You Share,
The More You Get”
(Pemrograman Visual)
#5
Pemrograman Visual dengan
Java Swing #2
(jComboBox, jRadioButton, jCheckBox, jSpinner,
jSlider)
Augury El Rayeb, S.Kom., MMSI.
Bahasa Pemrograman (Pemrograman Visual) | IST103
Tujuan Pertemuan
• Memahami pembuatan program java
visual sederhana dengan swing:
▫ jCombo
▫ jRadioButton
Augury El Rayeb, S.Kom., MMSI.
Bahasa Pemrograman (Pemrograman Visual) | IST103
jComboBox
•
▫ Properties jComboBox yang biasa diisi:
Variable Name
Biasa dipakai untuk pemanggilan pada kode program
Model
Untuk menentukan isi dari Combo Box
selectedIndex
Untuk menentukan index dari isi yang tepilih
toolTipText
Untuk menampilkan teks dalam tooltip
Augury El Rayeb, S.Kom., MMSI.
Bahasa Pemrograman (Pemrograman Visual) | IST103
jComboBox
•
▫ Method jComboBox yang biasa digunakan:
getSelectedIndex()
Digunakan untuk mendapatkan angka index dari
item yang dipilih pengguna.
getSelectedItem( )
Digunakan untuk mendapatkan teks dari item
yang dipilih pengguna.
Augury El Rayeb, S.Kom., MMSI.
Bahasa Pemrograman (Pemrograman Visual) | IST103
jComboBox
•
▫ Method jComboBox yang biasa digunakan:
removeAllItems()
Digunakan untuk menghapus semua item pilihan pada
ComboBox.
addItem()
Digunakan untuk menambahkan item pilihan pada ComboBox.
▫ Event jComboBox yang biasa digunakan:
ActionPerformed()
Digunakan untuk menentukan aksi jika user telah memilih dari
combo box
Augury El Rayeb, S.Kom., MMSI.
Bahasa Pemrograman (Pemrograman Visual) | IST103
jComboBox – Contoh Penggunaan
Variabel Name: txtItem
Variabel Name: jCBarang
Model: Gadget, Hybrid Laptop,
PC Laptop, PC Desktop,
Server Computer
selected index: 1
Variabel Name:
txtNomorUrut
private
private void
void jCBarangActionPerformed(java.awt.event.ActionEvent
jCBarangActionPerformed(java.awt.event.ActionEvent evt)
evt) {{
}}
txtItem.setText(jCBarang.getSelectedItem()
txtItem.setText(jCBarang.getSelectedItem() ++ "");
"");
txtNomorUrut.setText(jCBarang.getSelectedIndex()+"");
txtNomorUrut.setText(jCBarang.getSelectedIndex()+"");
Augury El Rayeb, S.Kom., MMSI.
Bahasa Pemrograman (Pemrograman Visual) | IST103
jComboBox – Contoh Penggunaan
Variabel
Variabel Name:
Name: jCLaptop
jCLaptop
Model:
Acer,
Model: Acer, Asus,
Asus, Dell,
Dell, HP
HP,,
Lenovo,
Sony,
Toshiba
Lenovo, Sony, Toshiba
selected
selected index:
index: 00
Variabel
Variabel Name:
Name: jCBarang
jCBarang
Model:
Gadget,
Model: Gadget, Laptop,
Laptop, PC
PC Desktop,
Desktop,
Workstation
Computer,
Workstation Computer, Server
Server
Computer
Computer
selected
selected index:
index: 11
private
private void
void btnOkActionPerformed(java.awt.event.ActionEvent
btnOkActionPerformed(java.awt.event.ActionEvent evt)
evt) {{
}}
……
jCMerek.removeAllItems();
jCMerek.removeAllItems();
if(jCBarang.getSelectedItem().equals("Gadget"))
if(jCBarang.getSelectedItem().equals("Gadget")) {{
jCMerek.addItem("ASUS");
jCMerek.addItem("ASUS");
jCMerek.addItem("Google
jCMerek.addItem("Google Pixel");
Pixel");
jCMerek.addItem("Lenovo");
jCMerek.addItem("Lenovo");
jCMerek.addItem("Nexus");
jCMerek.addItem("Nexus");
}}
if(jCBarang.getSelectedItem().equals("Hybrid
if(jCBarang.getSelectedItem().equals("Hybrid Laptop"))
Laptop")) {{
jCMerek.addItem("ASUS");
jCMerek.addItem("ASUS");
jCMerek.addItem("Dell");
jCMerek.addItem("Dell");
jCMerek.addItem("Lenovo");
jCMerek.addItem("Lenovo");
jCMerek.addItem("Toshiba");
jCMerek.addItem("Toshiba");
}}
……
…… dst.
dst.
Augury El Rayeb, S.Kom., MMSI.
Bahasa Pemrograman (Pemrograman Visual) | IST103
jComboBox – Contoh Penggunaan
Variabel Name: btnOk
Text: OK
Variabel Name: jCLaptop
Model: Acer, Asus, Dell, HP,
Lenovo, Sony, Toshiba
selected index: 0
Variabel Name: jCBarang
Model: Gadget, Laptop, PC
Desktop, Workstation
Computer, Server
Computer
selected index: 1
private
private void
void btnOkActionPerformed(java.awt.event.ActionEvent
btnOkActionPerformed(java.awt.event.ActionEvent evt)
evt) {{
}}
JOptionPane.showMessageDialog(null,
JOptionPane.showMessageDialog(null, "Jenis
"Jenis Barang:"
Barang:" ++
jCBarang.getSelectedItem()
jCBarang.getSelectedItem() ++ "\nMerek:
"\nMerek: ""
++ jCLaptop.getSelectedItem());
jCLaptop.getSelectedItem());
Augury El Rayeb, S.Kom., MMSI.
Bahasa Pemrograman (Pemrograman Visual) | IST103
jComboBox – Contoh Lain
Variabel Name: jCMerek
Model: Acer, Asus, Lenovo,
Samsung, Sony, Xiaomi
selected index: 0
Variabel Name:
btnSelesai
Text: Selesai
Variabel Name: jCJenis
Model: Gadget, Laptop, PC
Desktop, Workstation
Computer, Server
Computer
selected index: 0
private
private void
void jCJenisActionPerformed(java.awt.event.ActionEvent
jCJenisActionPerformed(java.awt.event.ActionEvent evt)
evt) {{
String[]
String[] strGadget
strGadget == new
new String[]
String[] {"Acer",
{"Acer", "Asus",
"Asus",
"Lenovo",
"Lenovo", "Samsung",
"Samsung", "Sony",
"Sony", "Xiaomi"};
"Xiaomi"};
String[]
String[] strLaptop
strLaptop == new
new String[]
String[] {"Acer",
{"Acer", "Asus",
"Asus",
"Dell",
"Dell", "Lenovo",
"Lenovo", "Sony",
"Sony", "Toshiba"};
"Toshiba"};
String[]
String[] strDesktop
strDesktop == new
new String[]
String[] {"Rakitan",
{"Rakitan",
"Xtron",
"Acer",
"Lenovo",
"Asus",
"Dell"};
"Xtron", "Acer", "Lenovo", "Asus", "Dell"};
String[]
String[] strWorkstation
strWorkstation == new
new String[]
String[] {"Rakitan",
{"Rakitan", "Xtron",
"Xtron", "Lenovo",
"Lenovo", "Dell","HP"};
"Dell","HP"};
String[]
strServer
=
new
String[]
{"Rakitan",
"Xtron",
"Dell",
"HP",
"IBM"};
String[] strServer = new String[] {"Rakitan", "Xtron", "Dell", "HP", "IBM"};
if(jCJenis.getSelectedItem().equals("Gadget"))
if(jCJenis.getSelectedItem().equals("Gadget")) {{
jCMerek.removeAllItems();
jCMerek.removeAllItems();
for(String
for(String merekGadget:
merekGadget: strGadget)
strGadget) {{
jCMerek.addItem(merekGadget);
jCMerek.addItem(merekGadget);
}}
}}
if(jCJenis.getSelectedItem().equals("Laptop"))
if(jCJenis.getSelectedItem().equals("Laptop")) {{
jCMerek.removeAllItems();
jCMerek.removeAllItems();
for(String
for(String merekLaptop:
merekLaptop: strLaptop)
strLaptop) {{
jCMerek.addItem(merekLaptop);
jCMerek.addItem(merekLaptop);
}}
}}
Augury El Rayeb, S.Kom., MMSI.
Bahasa Pemrograman (Pemrograman Visual) | IST103
jRadioButton & jRadioButtonGroup
▫ Properties jRadioButton yang biasa diisi:
Variable Name
Biasa dipakai untuk pemanggilan pada kode program
buttonGroup
Untuk menentukan kelompok dari radio button (radio button group)
text
Untuk menulis teks yang tampil pada radio button
selected
Untuk menentukan apakah radio button tersebut dipilih atau tidak
▫Method yang sering digunakan:
isSelected()
Digunakan untuk memeriksa apakah suatu radio button dipilih
▫Event yang sering digunakan:
actionPerformed()
Digunakan untuk menentukan aksi jika user memilih radio button
Augury El Rayeb, S.Kom., MMSI.
Bahasa Pemrograman (Pemrograman Visual) | IST103
jRadioButton & jRadioButtonGroup
▫ Button Group Digunakan untuk
mengelompokkan radio button.
▫ Properties jRadioButtonGroup yang biasa
diisi:
Variable Name
Biasa dipakai untuk pemanggilan pada kode
program
Augury El Rayeb, S.Kom., MMSI.
Bahasa Pemrograman (Pemrograman Visual) | IST103
jRadioButton & jRadioButtonGroup
• Untuk membuat Radio Button kita harus
juga menggunakan radio button group,
yang berfungsi sebagai pengelompokkan
dari radio button.
jRadioButtonGroup
Variable Name: rbgJenisKelamin
Variabel Name: rbPria
buttonGroup:
rbgJenisKelamin
text: Pria
selected: checked
Variabel Name: rbWanita
buttonGroup:
rbgJenisKelamin
text: Wanita
selected: not checked
Augury El Rayeb, S.Kom., MMSI.
Bahasa Pemrograman (Pemrograman Visual) | IST103
jRadioButton & jRadioButtonGroup
Variabel Name: rbWanita
buttonGroup:
rbgJenisKelamin
text: Wanita
selected: not checked
Variabel Name: rbPria
buttonGroup:
rbgJenisKelamin
text: Pria
selected: checked
Variabel Name: lblHasil
Variabel Name:
btnPeriksa
private
private void
void btnPeriksaActionPerformed(java.awt.event.ActionEvent
btnPeriksaActionPerformed(java.awt.event.ActionEvent evt)
evt) {{
}}
String
String pilihan="";
pilihan="";
if(rbPria.isSelected())
if(rbPria.isSelected()) {{
pilihan
pilihan == rbPria.getText();
rbPria.getText();
}}
if(rbWanita.isSelected())
if(rbWanita.isSelected()) {{
pilihan
pilihan == rbWanita.getText();
rbWanita.getText();
}}
JOptionPane.showMessageDialog(this,
JOptionPane.showMessageDialog(this, "Mari
"Mari periksa
periksa jenis
jenis kelamin
kelamin "" ++ pilihan);
pilihan);
private
private void
void rbPriaActionPerformed(java.awt.event.ActionEvent
rbPriaActionPerformed(java.awt.event.ActionEvent evt)
evt) {{
}}
lblHasil.setText("Jenis
lblHasil.setText("Jenis Kelamin:
Kelamin: "" ++ rbPria.getText());
rbPria.getText());
private
private void
void rbWanitaActionPerformed(java.awt.event.ActionEvent
rbWanitaActionPerformed(java.awt.event.ActionEvent evt)
evt) {{
Augury El Rayeb, S.Kom., MMSI.
Bahasa Pemrograman (Pemrograman Visual) | IST103
jCheckBox
▫ Properties jCheckBox yang biasa diisi:
Variable Name
Biasa dipakai untuk pemanggilan pada kode program
text
Untuk menulis teks yang tampil pada check box
selected
Untuk menentukan apakah check box tersebut dipilih atau tidak
▫Method yang sering digunakan:
isSelected()
Digunakan untuk memeriksa apakah suatu check box dipilih
▫Event yang sering digunakan:
actionPerformed()
Digunakan untuk menentukan aksi jika user click check box
Augury El Rayeb, S.Kom., MMSI.
Bahasa Pemrograman (Pemrograman Visual) | IST103
jCheckBox
Variabel Name:
chkCoding
text: Browsing
selected: not checked
Variabel Name:
chkBrowsing
text: Browsing
selected: not checked
Variabel Name: lblBrowsing ,
lblCoding , lblReading
Variabel Name:
chkReading
text: Browsing
selected: not checked
private
private void
void chkReadingActionPerformed(java.awt.event.ActionEvent
chkReadingActionPerformed(java.awt.event.ActionEvent evt)
evt) {{
}}
lblReading.setText("Reading
lblReading.setText("Reading "" ++ (chkReading.isSelected()?"dipilih"
(chkReading.isSelected()?"dipilih" :: "tidak
"tidak
dipilih"));
dipilih"));
private
private void
void chkBrowsingActionPerformed(java.awt.event.ActionEvent
chkBrowsingActionPerformed(java.awt.event.ActionEvent evt)
evt) {{
}}
lblBrowsing.setText("Browsing
lblBrowsing.setText("Browsing "" ++ (chkBrowsing.isSelected()?"dipilih"
(chkBrowsing.isSelected()?"dipilih" :: "tidak
"tidak
dipilih"));
dipilih"));
private
private void
void chkCodingActionPerformed(java.awt.event.ActionEvent
chkCodingActionPerformed(java.awt.event.ActionEvent evt)
evt) {{
}}
lblCoding.setText("Coding
lblCoding.setText("Coding "" ++ (chkCoding.isSelected()?"dipilih"
(chkCoding.isSelected()?"dipilih" :: "tidak
"tidak
dipilih"));
dipilih"));
Augury El Rayeb, S.Kom., MMSI.
Bahasa Pemrograman (Pemrograman Visual) | IST103
jSpinner
▫ Properties jSpinner yang biasa diisi:
Variable Name
Biasa dipakai untuk pemanggilan pada kode
program
Model
Untuk menentukan model isi dari spinner
Pilihan model yang ada:
• Default
• Date
• List
• Number
Augury El Rayeb, S.Kom., MMSI.
Bahasa Pemrograman (Pemrograman Visual) | IST103
jSpinner
▫ Method yang sering digunakan:
getValue()
Digunakan untuk mengambil nilai spinner
▫ Event yang sering digunakan:
stateChanged()
Digunakan untuk menentukan aksi jika user merubah nilai
spinner
Augury El Rayeb, S.Kom., MMSI.
Bahasa Pemrograman (Pemrograman Visual) | IST103
jCheckBox
Variabel Name: btnAngka
text: BacaSpinner
Variabel Name:
spnAngka
model: Number
Variabel Name: lblAngka
private
private void
void btnBacaAngkaActionPerformed(java.awt.event.ActionEvent
btnBacaAngkaActionPerformed(java.awt.event.ActionEvent evt)
evt) {{
}}
lblAngka.setText("Nilai:
lblAngka.setText("Nilai: "" ++ spnAngka.getValue());
spnAngka.getValue());
Variabel Name:
spnTanggal
model: Date
Variabel Name: lblTanggal
private
private void
void spnTanggalStateChanged(javax.swing.event.ChangeEvent
spnTanggalStateChanged(javax.swing.event.ChangeEvent evt)
evt) {{
}}
lblTanggal.setText("Tanggal:
lblTanggal.setText("Tanggal: "" ++ spnTanggal.getValue());
spnTanggal.getValue());
jSlider
Augury El Rayeb, S.Kom., MMSI.
Bahasa Pemrograman (Pemrograman Visual) | IST103
▫ Properties jSlider yang biasa diisi:
Variable Name
Biasa dipakai untuk pemanggilan pada kode program
majorTickSpacing
Untuk menentukan besaran skala mayor (besar)
maximum
Untuk menentukan nilai maksimum
minimum
Untuk menentukan nilai minimum
minorTickSpacing
Untuk menentukan besaran skala minor (kecil)
orientation
Digunakan untuk menentukan apakah slider horisontal atau vertikal
paintLabels
Digunakan untuk menampilkan label (angka) skala
paintTicks
Digunakan untuk menampilkan bar skala
paintTrack
Digunakan untuk menampilkan strip garis slider
snapToTick
Digunakan untuk menentukan apakah pointer slider snap ke tick atau tidak
value
Digunakan untuk menentukan nilai posisi awal pointer slider.
Augury El Rayeb, S.Kom., MMSI.
Bahasa Pemrograman (Pemrograman Visual) | IST103
jSpinner
jSlider
▫ Method yang sering digunakan:
getValue()
Digunakan untuk mengambil nilai spinner
▫ Event yang sering digunakan:
stateChanged()
Digunakan untuk menentukan aksi jika user merubah nilai
spinner
Augury El Rayeb, S.Kom., MMSI.
Bahasa Pemrograman (Pemrograman Visual) | IST103
jCheckBox
Variabel
Name: lblSkala
Variabel Name: sldSkala
majorTickSpacing : 5
maximum: 10
minimum: 0
minorTickSpacing : 1
Orientation: HORIZONTAL
paintLabels: true
paintTicks: true
paintTrack: true
snapToTick: true
value: 5
private
private void
void sldSkalaStateChanged(javax.swing.event.ChangeEvent
sldSkalaStateChanged(javax.swing.event.ChangeEvent evt)
evt) {{
}}
lblSkala.setText("Nilai
lblSkala.setText("Nilai Slider:
Slider: "" ++ sldSkala.getValue());
sldSkala.getValue());
Tugas
Augury El Rayeb, S.Kom., MMSI.
Bahasa Pemrograman (Pemrograman Visual) | IST103
• Buat aplikasi visual dengan menggunakan komponenkomponen swing control dengan tampilan seperti berikut:
Dengan ketentuan operasinya:
1. Teks pada label output radio button berubah;
• Jika radio button yang dipilih Wanita, teksnya
berubah menjadi: Wanita Cantiq
• Jika radio button yang dipilih Pria, teksnya berubah
menjadi: Pria Ganteng.
2. Jika check box Browsing di checked, maka label … teksnya
berubah menjadi: Browsing dipilih.
Jika check box Browsing di checked, maka label … teksnya
berubah menjadi: Browsing dipilih. (Demikian juga untuk
Coding dan Reading)
3. Jika tombol periksa di-click, maka label hasil periksa akan
berisi teks radio button yang dipilih serta teks check box
yang dipilih.
4. Jika tombol baca spinner di-click, maka teks label nilai
akan berubah sesuai nilai dari spinner.
5. Jika spinner tanggal diubah nilainya oleh user, maka
secara langsung teks label tanggal berubah sesuai tanggal
pada spinner.
6. Jika posisi pointer slider diubah, maka label nilai slider
akan berubah sesuai nilai dari slider
Augury El Rayeb, S.Kom., MMSI.
Bahasa Pemrograman (Pemrograman Visual) | IST103
Terima Kasih
“The More You Share,
The More You Get”