Bahasa Pemrograman Pemrograman Visual 5 Pemrograman Visual dengan

Bahasa Pemrograman (Pemrograman Visual) #5 Pemrograman Visual dengan Java Swing #2 (j. Combo. Box, j. Radio. Button, j. Check. Box, j. Spinner, j. Slider)

Augury El Rayeb, S. Kom. , MMSI. Bahasa Pemrograman (Pemrograman Visual) | IST 103 Tujuan Pertemuan • Memahami pembuatan program java visual sederhana dengan swing: ▫ j. Combo ▫ j. Radio. Button

Augury El Rayeb, S. Kom. , MMSI. Bahasa Pemrograman (Pemrograman Visual) | IST 103 j. Combo. Box • ▫ Properties j. Combo. Box yang biasa diisi: �Variable Name Biasa dipakai untuk pemanggilan pada kode program �Model Untuk menentukan isi dari Combo Box �selected. Index Untuk menentukan index dari isi yang tepilih �tool. Tip. Text Untuk menampilkan teks dalam tooltip

Augury El Rayeb, S. Kom. , MMSI. Bahasa Pemrograman (Pemrograman Visual) | IST 103 j. Combo. Box • ▫ Method j. Combo. Box yang biasa digunakan: �get. Selected. Index() Digunakan untuk mendapatkan angka index dari item yang dipilih pengguna. �get. Selected. Item( ) Digunakan untuk mendapatkan teks dari item yang dipilih pengguna.

Augury El Rayeb, S. Kom. , MMSI. Bahasa Pemrograman (Pemrograman Visual) | IST 103 j. Combo. Box • ▫ Method j. Combo. Box yang biasa digunakan: �remove. All. Items() Digunakan untuk menghapus semua item pilihan pada Combo. Box. �add. Item(<string item>) Digunakan untuk menambahkan item pilihan pada Combo. Box. ▫ Event j. Combo. Box yang biasa digunakan: �Action. Performed() Digunakan untuk menentukan aksi jika user telah memilih dari combo box

Augury El Rayeb, S. Kom. , MMSI. Bahasa Pemrograman (Pemrograman Visual) | IST 103 j. Combo. Box – Contoh Penggunaan Variabel Name: txt. Item Variabel Name: j. CBarang Model: Gadget, Hybrid Laptop, PC Desktop, Server Computer selected index: 1 Variabel Name: txt. Nomor. Urut private void j. CBarang. Action. Performed(java. awt. event. Action. Event evt) { txt. Item. set. Text(j. CBarang. get. Selected. Item() + ""); txt. Nomor. Urut. set. Text(j. CBarang. get. Selected. Index()+""); }

Augury El Rayeb, S. Kom. , MMSI. Bahasa Pemrograman (Pemrograman Visual) | IST 103 j. Combo. Box – Contoh Penggunaan Variabel Name: j. CLaptop Model: Acer, Asus, Dell, HP, Lenovo, Sony, Toshiba selected index: 0 Variabel Name: j. CBarang Model: Gadget, Laptop, PC Desktop, Workstation Computer, Server Computer selected index: 1 private void btn. Ok. Action. Performed(java. awt. event. Action. Event evt) { … j. CMerek. remove. All. Items(); if(j. CBarang. get. Selected. Item(). equals("Gadget")) { j. CMerek. add. Item("ASUS"); j. CMerek. add. Item("Google Pixel"); j. CMerek. add. Item("Lenovo"); j. CMerek. add. Item("Nexus"); } if(j. CBarang. get. Selected. Item(). equals("Hybrid Laptop")) { j. CMerek. add. Item("ASUS"); j. CMerek. add. Item("Dell"); j. CMerek. add. Item("Lenovo"); j. CMerek. add. Item("Toshiba"); } … … dst. }

Augury El Rayeb, S. Kom. , MMSI. Bahasa Pemrograman (Pemrograman Visual) | IST 103 j. Combo. Box – Contoh Penggunaan Variabel Name: btn. Ok Text: OK Variabel Name: j. CLaptop Model: Acer, Asus, Dell, HP, Lenovo, Sony, Toshiba selected index: 0 Variabel Name: j. CBarang Model: Gadget, Laptop, PC Desktop, Workstation Computer, Server Computer selected index: 1 private void btn. Ok. Action. Performed(java. awt. event. Action. Event evt) { JOption. Pane. show. Message. Dialog(null, "Jenis Barang: " + j. CBarang. get. Selected. Item() + "n. Merek: " + j. CLaptop. get. Selected. Item()); }

Augury El Rayeb, S. Kom. , MMSI. Bahasa Pemrograman (Pemrograman Visual) | IST 103 j. Combo. Box – Contoh Lain Variabel Name: j. CMerek Model: Acer, Asus, Lenovo, Samsung, Sony, Xiaomi selected index: 0 Variabel Name: btn. Selesai Text: Selesai Variabel Name: j. CJenis Model: Gadget, Laptop, PC Desktop, Workstation Computer, Server Computer selected index: 0 private void j. CJenis. Action. Performed(java. awt. event. Action. Event evt) { String[] str. Gadget = new String[] {"Acer", "Asus", "Lenovo", "Samsung", "Sony", "Xiaomi"}; String[] str. Laptop = new String[] {"Acer", "Asus", "Dell ", "Lenovo", "Sony", "Toshiba"}; String[] str. Desktop = new String[] {"Rakitan", "Xtron", "Acer", "Lenovo", "Asus", "Dell "}; String[] str. Workstation = new String[] {"Rakitan", "Xtron", "Lenovo", "Dell ", "HP"}; String[] str. Server = new String[] {"Rakitan", "Xtron", "Dell", "HP", "IBM "}; if(j. CJenis. get. Selected. Item(). equals(" Gadget")) { j. CMerek. remove. All. Items(); for(String merek. Gadget: str. Gadget) { j. CMerek. add. Item(merek. Gadget ); } } if(j. CJenis. get. Selected. Item(). equals(" Laptop")) { j. CMerek. remove. All. Items(); for(String merek. Laptop: str. Laptop) { j. CMerek. add. Item(merek. Laptop ); } } …. … … …. …dst }

Augury El Rayeb, S. Kom. , MMSI. Bahasa Pemrograman (Pemrograman Visual) | IST 103 j. Radio. Button & j. Radio. Button. Group ▫ Properties j. Radio. Button yang biasa diisi: �Variable Name Biasa dipakai untuk pemanggilan pada kode program �button. Group 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: �is. Selected() Digunakan untuk memeriksa apakah suatu radio button dipilih ▫ Event yang sering digunakan: �action. Performed() Digunakan untuk menentukan aksi jika user memilih radio button

Augury El Rayeb, S. Kom. , MMSI. Bahasa Pemrograman (Pemrograman Visual) | IST 103 j. Radio. Button & j. Radio. Button. Group ▫ Button Group Digunakan untuk mengelompokkan radio button. ▫ Properties j. Radio. Button. Group yang biasa diisi: �Variable Name Biasa dipakai untuk pemanggilan pada kode program

Augury El Rayeb, S. Kom. , MMSI. Bahasa Pemrograman (Pemrograman Visual) | IST 103 j. Radio. Button & j. Radio. Button. Group • Untuk membuat Radio Button kita harus juga menggunakan radio button group, yang berfungsi sebagai pengelompokkan dari radio button. j. Radio. Button. Group Variable Name: rbg. Jenis. Kelamin Variabel Name: rb. Pria button. Group: rbg. Jenis. Kelamin text: Pria selected: checked Variabel Name: rb. Wanita button. Group: rbg. Jenis. Kelamin text: Wanita selected: not checked

Augury El Rayeb, S. Kom. , MMSI. Bahasa Pemrograman (Pemrograman Visual) | IST 103 j. Radio. Button & j. Radio. Button. Group Variabel Name: rb. Wanita button. Group: rbg. Jenis. Kelamin text: Wanita selected: not checked Variabel Name: rb. Pria button. Group: rbg. Jenis. Kelamin text: Pria selected: checked Variabel Name: lbl. Hasil Variabel Name: btn. Periksa private void btn. Periksa. Action. Performed(java. awt. event. Action. Event evt) { String pilihan=""; if(rb. Pria. is. Selected()) { pilihan = rb. Pria. get. Text(); } if(rb. Wanita. is. Selected()) { pilihan = rb. Wanita. get. Text(); } JOption. Pane. show. Message. Dialog(this, "Mari periksa jenis kelamin " + pilihan); } private void rb. Pria. Action. Performed(java. awt. event. Action. Event evt) { lbl. Hasil. set. Text("Jenis Kelamin: " + rb. Pria. get. Text()); } private void rb. Wanita. Action. Performed(java. awt. event. Action. Event evt) { lbl. Hasil. set. Text("Jenis Kelamin: " + rb. Wanita. get. Text()); }

Augury El Rayeb, S. Kom. , MMSI. Bahasa Pemrograman (Pemrograman Visual) | IST 103 j. Check. Box ▫ Properties j. Check. Box 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: �is. Selected() Digunakan untuk memeriksa apakah suatu check box dipilih ▫ Event yang sering digunakan: �action. Performed() Digunakan untuk menentukan aksi jika user click check box

Augury El Rayeb, S. Kom. , MMSI. Bahasa Pemrograman (Pemrograman Visual) | IST 103 j. Check. Box Variabel Name: chk. Coding text: Browsing selected: not checked Variabel Name: chk. Browsing text: Browsing selected: not checked Variabel Name: lbl. Browsing , lbl. Coding , lbl. Reading Variabel Name: chk. Reading text: Browsing selected: not checked private void chk. Reading. Action. Performed(java. awt. event. Action. Event evt) { lbl. Reading. set. Text("Reading " + (chk. Reading. is. Selected()? "dipilih" : "tidak dipilih")); } private void chk. Browsing. Action. Performed(java. awt. event. Action. Event evt) { lbl. Browsing. set. Text("Browsing " + (chk. Browsing. is. Selected()? "dipilih" : "tidak dipilih")); } private void chk. Coding. Action. Performed(java. awt. event. Action. Event evt) { lbl. Coding. set. Text("Coding " + (chk. Coding. is. Selected()? "dipilih" : "tidak dipilih")); }

Augury El Rayeb, S. Kom. , MMSI. Bahasa Pemrograman (Pemrograman Visual) | IST 103 j. Spinner ▫ Properties j. Spinner 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) | IST 103 j. Spinner ▫ Method yang sering digunakan: �get. Value() Digunakan untuk mengambil nilai spinner ▫ Event yang sering digunakan: �state. Changed() Digunakan untuk menentukan aksi jika user merubah nilai spinner

Augury El Rayeb, S. Kom. , MMSI. Bahasa Pemrograman (Pemrograman Visual) | IST 103 j. Check. Box Variabel Name: btn. Angka text: Baca. Spinner Variabel Name: lbl. Angka Variabel Name: spn. Angka model: Number private void btn. Baca. Angka. Action. Performed(java. awt. event. Action. Event evt) { lbl. Angka. set. Text("Nilai: " + spn. Angka. get. Value()); } Variabel Name: spn. Tanggal model: Date Variabel Name: lbl. Tanggal private void spn. Tanggal. State. Changed(javax. swing. event. Change. Event evt) { lbl. Tanggal. set. Text("Tanggal: " + spn. Tanggal. get. Value()); }

j. Slider Augury El Rayeb, S. Kom. , MMSI. Bahasa Pemrograman (Pemrograman Visual) | IST 103 ▫ Properties j. Slider yang biasa diisi: � Variable Name Biasa dipakai untuk pemanggilan pada kode program � major. Tick. Spacing Untuk menentukan besaran skala mayor (besar) � maximum Untuk menentukan nilai maksimum � minimum Untuk menentukan nilai minimum � minor. Tick. Spacing Untuk menentukan besaran skala minor (kecil) � orientation Digunakan untuk menentukan apakah slider horisontal atau vertikal � paint. Labels Digunakan untuk menampilkan label (angka) skala � paint. Ticks Digunakan untuk menampilkan bar skala � paint. Track Digunakan untuk menampilkan strip garis slider � snap. To. Tick 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) | IST 103 j. Spinner j. Slider ▫ Method yang sering digunakan: �get. Value() Digunakan untuk mengambil nilai spinner ▫ Event yang sering digunakan: �state. Changed() Digunakan untuk menentukan aksi jika user merubah nilai spinner

Augury El Rayeb, S. Kom. , MMSI. Bahasa Pemrograman (Pemrograman Visual) | IST 103 j. Check. Box Variabel Name: lbl. Skala Variabel Name: sld. Skala major. Tick. Spacing : 5 maximum: 10 minimum: 0 minor. Tick. Spacing : 1 Orientation: HORIZONTAL paint. Labels: true paint. Ticks: true paint. Track: true snap. To. Tick: true value: 5 private void sld. Skala. State. Changed(javax. swing. event. Change. Event evt) { lbl. Skala. set. Text("Nilai Slider: " + sld. Skala. get. Value()); }

Tugas Augury El Rayeb, S. Kom. , MMSI. Bahasa Pemrograman (Pemrograman Visual) | IST 103 • Buat aplikasi visual dengan menggunakan komponen-komponen 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. (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) | IST 103 Terima Kasih “The More You Share, The More You Get”