MODUL PRAKTIKUM PEMROGRAMAN VISUAL 1
D3 Manajemen Informatika Fakultas Teknik Universitas Trunojoyo
Biografi Penulis Nama
: Ah mad Sahru Ro madhon, S.Ko m
TTL
: Bangkalan, 7 Juni 1984
Alamat
: Jln. Pertahanan no.160 Bangkalan
Telpon
: 031-3095012
Hp
: 0856 4912 0354
e-Mail
:
[email protected] Penulis lahir dan menyelesaikan sekolah hingga SLTA di kota Bangkalan.
Melanjutkan pendidikan di Tekn ik Informat ika UNIJOYO Bangkalan dengan bidang minat Ilmu Ko mputer. Sekarang penulis bekerja sebagai Dosen Manajemen Informatika Universitas Trunojoyo Madura.
2
67
Daftar Pustaka
66
Tujuan Umum
Setelah menempuh mata kuliah Pemrograman Visual I, Mahasiswa mampu membuat pemrogram dengan menggunakan java kemudian mengembangkan kedalam pemrograman v isual II.
Gambar 12.4 Running Program slider
Tug as Buat contoh program yang menggunakan JFileChooser.
4
65
Ø
Kemudian ketikkan Coding berikut:
private void jSlider1StateChanged(javax.swing.event.ChangeEvent evt) { int hasil = jSlider1.get Value(); eHasil.setText(String.valueOf(hasil)); }
Ø Ø
Lakukan hal yang sama pada Jslider2, seperti pada Jslider1. Klik 2 X Button Set Nilai dan ket ikkan private void btSetNilaiActionPerfo rmed(java.awt.event.ActionEvent evt) { jSlider1.setValue(80); }
Ø
Tujuan Khusus
1. 2. 3. 4. 5. 6. 7.
Mengenal IDE NetBean. Jlabel, JtextField, Jbutton, JOptionPane JPasswordField dan JformattedField Co mbo Bo x, Rad io Button dan Button Group Check Bo x dan Text Area JList dan JscrollPane Proses Menambah, mengubah dan menghapus data pada ListBo x, Text Area dan Co mbo Bo x 8. Tabbed Pane dan Panel 9. Scoll Bar dan Jspinner 10. JmenuBar, Jmenu, JmenuItem dan Jseperator 11. JpopupMenu dan JtoolBar 12. Jslider dan JFileChooser
Klik 2 X Button Ubah Min Max dan ketikkan private void btUbahActionPerformed(java.awt.event.ActionEvent evt) { jSlider1.setMaximu m(70); jSlider1.setMinimu m(20); }
Ø
Klik 2 X Button Hapus Label Nilai dan ketikkan private void btHapusActionPerformed(java.awt.event.ActionEvent evt) { jSlider1.setPaintLabels(false); jSlider1.setPaintTicks(false); }
Ø
64
Running Program:
5
Daftar Isi
1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. 16. 17. 18.
Kata Pengantar.............................................................................................. 3 Tujuan Umu m............................................................................................... 4 Tujuan Khusus.............................................................................................. 5 Daftar Isi....................................................................................................... 6 Mengenal IDE NetBean................................................................................ 7 Jlabel, JtextField, Jbutton, JoptionPane........................................................ 16 JPasswordField dan JformattedField............................................................ 21 Co mbo Bo x, Rad io Button dan Button Group.............................................. 24 Check Bo x dan Text Area............................................................................. 29 JList dan JscrollPane..................................................................................... 33 Proses Menambah, mengubah dan menghapus data pada ListBo x, Text Area dan Co mbo Bo x............................................................................................ 38 Tabbed Pane dan Panel................................................................................. 43 Scoll Bar dan Jspinner.................................................................................. 46 JmenuBar, Jmenu, JmenuItem dan Jseperator.............................................. 52 JpopupMenu dan JtoolBar............................................................................ 57 Jslider dan JFileChooser............................................................................... 61 Daftar Pustaka............................................................................................... 66 Biografi Penulis............................................................................................ 67
JSlider
JSlider
Ø
Name Minimu m Maximu m MinorTickSpacing MayorTickSpacing Paint Labels PaintTick PaintTrack Orientation SnapToTick Value Name Minimu m Maximu m MinorTickSpacing MayorTickSpacing Paint Labels PaintTick PaintTrack Orientation SnapToTick Value
Jslider 0 100 10 10 True True True Horizontal False 10 Jslider 0 100 10 10 True True True Vertical False 10
Agar saat slider di geser nilai tampil pada text field Hasil, maka klik kanan pada slider pilih Events à Change à StateChanged.
Gambar 12.3 Events State Change pada Slider
6
63
MayorTickSpacing Paint Labels PaintTick PaintTrack Orientation SnapToTick Value
MODUL I
: mengatur nilai maximu m garis slider : menamp ilkan/tidak n ilai/ukuran pada slider : menamp ilkan/tidak garis nilai/ukuran pada slider : menamp ilkan/tidak t racking nilai/ukuran pada slider : Orientasi slider (Harisontal / Vertical) : mengatur snap/kecendrungan pilihan pada slider : mengatur nilai sekarang pada slider
MENGENAL IDE NETBEANS Tujuan : v Mahasiswa Dapat membuat project java dengan NetBean v Mahasiswa mampu menggunakan membuka, menyimpan menulisakan coding java dalam NetBean
Praktikum Ø
Buatlah form seperti dibawah ini, yang terdiri dari 3 Button, 1 Label, 1 TextField dan 2 Slider.
dan
Tug as Pendahuluan 1. Jelaskan apa itu IDE Net Beans..! 2. Jelaskan Swing..! 3. Jelaskan keuntungan menggunakan IDE Net Beans.!
Dasar Teori NetBeans 6 adalah versi stabil terbaru dari IDE Netbeans, yang dirilis oleh Sun Microsystem pada akh ir November 2008. Ada tambahan yang signifikan dalam Netbeans 6.0.1 ini. Khususnya penyempurnaannya pada modul Matisse GUI Builder (Project Matisse) untuk melakukan perancangan GUI yang memakai konsep layout baru secara mudah. Konsep layout yang boleh dikatakan mengubur berbagai macam layout-manager yang tersedia, baik dari paket AWT maupun JFC/Swing. Gambar 12.2 Contoh Program Slider Ø Ubah propertiesnya menjadi seperti berikut: Komponen Properties Label Name Text JTextField Name Text JButton Name Text JButton Name Text JButton Name Text
62
Praktikum Isi Jlabel Hasil eHasil (Kosongkan) btSetNilai Set Nilai btUbah Ubah Min Max btHapus Hapus Label Nilai
Ø
Klik Start à Program à Net Beans à NetBean IDE 6.5.
7
MODUL XII SLIDER dan FILE CHOOSER Tujuan : v Mahasiswa dapat menggunakan pallete Jslider dan JFileChooser dalam NetBean.
Tug as Pendahuluan 1. Jelaskan Slider dan File Chooser..! 2. Kerjakan Praktiku m pada Modul 12..!
Gambar 1. 1 Memulai NetBeans Ø
Dasar Teori
Tunggu sebentar..
Slider Gambar 1. 2 Net Beans 6.5.1 Ø
Lalu akan muncul tampilan awal halaman welco me. Seperti dibawah
Gambar 12.1 Ko mponen Slider Slider berfungsi seperti scrollbar, namun terdapat beberapa properti tambahan, sbb: Minimu m Maximu m MinorTickSpacing
8
: mengatur nilai minimu m slider : mengatur nilai minimu m slider : mengatur nilai minimu m garis slider
61
private void formMousePressed(java.awt.event.MouseEvent evt) { jPopupMenu1.show(this,evt.getX(), evt.getY()); }
Ø
Running Program:
Gambar 1. 3 Halaman Awal Net Beans Gambar 11.6 Running Program Popup Menu Tug as Buatlah program seperti di atas dan gunakan ToolBar untuk menampung Button tersebut.
Jadi pertama-tama dalam membuat program java kita terlebih dahulu harus membuat proyek. Ø Jalankan menu File| New Project (atau Ct rl+Sh ift+N). Untuk membuka dialog New Pro ject
Gambar 1. 4 New Project Net Beans
60
9
Ø
Dalam dialog pilih kategori Categories=Java, Pro jects=Java Application. Lalu klik Next.
Klik 2 X
Gambar 11.4 Membuat Even On Click pada Menu Item Ø
private void popBersihActionPerformed(java.awt.event.ActionEvent evt) { eNIM .setText(""); eNAMA.setText(""); areaKeterangan.setText(""); }
Gambar 1. 5 New Java Appication Ø
Ø Ø Ø
Pada langkah diatas, pilih terleb ih dahulu lokasi proyek. Klik pada tombol Bro wse di sebelah kanan isian Pro ject Location. Maka akan ditampilkan dialog Select Project Location Lalu isi nama proyek anda. Perhatikan bahwa Proyek Folder secara otomatis akan diset sesuai dengan nama proyek. Centang pada pilihan Set As Main Project dan centang juga pada pilihan Create Main Class. Isikan nama main-class terserah anda. Terakhir, klik pada tombol Fin ish.
Kemudian ketikkan coding berikut:
Ø
Agar pada saat running program PopUp Menu tampil maka klik Form kemudian pilih tab Evens à mousePressed
Di dalam netbeans akan dibuka secara otomatis file utama Java bernama Main.java.
Gambar 11.5 Properties Mouse Pressed pada Form Ø
10
Klik kemudian ketikkan coding berikut:
59
Praktikum
Gambar 11.2 Contoh Program Tool Bar dan Popup Menu Ø Ø
Buat Form Baru seperi da atas dan tambahkan PopUp Menu ke dalam form tersebut Klik kanan pada JpopUpMenu dan pilih Add Form Palette à Menu Item seperti gambar d i bawah ini. Lakukan 2 x.
Gambar 1. 6 Main.java dalam NetBeans Membuat Form B aru pada NetBeans Untuk membuat form baru pada Net Beans tidaklah sulit, cobalah cara sbb: Ø Klik kanan pada salah satu folder (misal Belajar Java) Ø Klik New Ø Klik JFrame Form
Gambar 11.3 Add Menu Item pada Popup Menu Ø Ø Ø
Ganti Name men jadi popBersih dan Text men jadi Bersih pada Menu Item1 Ganti Name men jadi popTutup dan Text men jadi Tutup pada Menu Item2 Untuk mengisikan coding klik 2 x pada PopBersih Menu Item.
Gambar 1. 7 Membuat Form Baru dalam NetBeans
58
11
Ø Ø
MODUL XI
Pilih nama class untuk form anda (misal: Percobaan) Klik Fin ish
POPUP MENU dan TOOL BAR Tujuan : v Mahasiswa dapat menggunakan pallete JpopupMenu dan JtoolBar dalam NetBean.
Tug as Pendahuluan 1. Jelaskan PopUp Menu dan Tool Bar..! 2. Kerjakan Praktiku m pad Modul 11..!
Gambar 1. 8 Menyimpan Form Baru
Ø
Dasar Teori
Pada form editor terlihat sbb;
Popup Menu Tool Bar Gambar 1. 9 Tampilan Form Kosong pada NetBeans
12
Gambar 11.1 Ko mponen Tool Bar dan Popup Menu
57
Ø
Untuk menamp ilkan Source Code Windows: Klik tab percobaan (disebelah form percobaan).
Gambar 10.6 Running Perogram Menu Tug as Buat program untuk menghitung Luas dan Keliling dari Persegi Panjang, Segitiga dan Lingkaran. Gambar 1. 10 Source Code pada NetBeans Ø Ø
Pada Palette Swing Controls Pilih JButton Letakkan JButton tersebut pada Form
Gambar 1. 11 Meletakkan JButton Ø Ø
56
Pada properties Text ubah men jadi Pesan Klik kanan pada JButton pada explorer (d ibawah [JFrame])
13
Ø
Klik Change Value Name
Klik 2 X
Gambar 1. 12 Langkah Mengubah Nama Button Ø Ø
Ubah menjadi bSimpan Klik OK Gambar 10.4 membuat Event On Clik pada Menu Item Ø
private void meItKaliActionPerformed(java.awt.event.ActionEvent evt) { int Data1 = Integer.parseInt(eData1.get Text()); int Data2 = Integer.parseInt(eData2.get Text()); int Hasil; Hasil = Data1*Data2; eHasil.setText(String.valueOf(Hasil)); }
Gambar 1. 13. Rename Nama Button Ø
Klik 2 kali pada Button Simpan, ubah program pada bagian: private void bSimpanActionPerformed(java.awt.event.ActionEvent evt) { // TODO add your handling code here: } Sehingga menjadi:
Kemudian ketikkan Coding berikut:
Ø Ø
Lakukan hal yang sama pada Menu Item Bag i, Tambah dan Kurang. Running Program sbb:
private void bSimpanActionPerformed(java.awt.event.ActionEvent evt) { JOptionPane.showMessageDialog(null, "Hello","Pesan", JOptionPane.INFORMATION_MESSAGE); }
14
55
TextField TextField
Ø
Text Name Text Name Text
(Kosongkan) eData2 (Kosongkan) eHasil (Kosongkan)
Running Program :
Untuk menambah atau membuat menu pada Menu Bar sbb: Klik kanan pada Menu Bar pilih Add Menu
Gambar 1. 14 Running Program Modul 1 Tug as Praktikum Buatlah program seperti di atas yang menampilkan tulisan “Saya Belajar NetBeans”.
Gambar 10.3 Add Menu pada Menu Bar Kemudian ubah Name dan Text pada properties sesuai dengan tabel diatas. Ø
Ø
54
Untuk menambah atau membuat Menu Item pada Menu sbb: Klik kanan pada Menu pilih Add Form Pallete à Menu Item
Gambar 10.4 Add Menu Item pad Menu Kemudian ubah Name dan Text pada properties sesuai dengan tabel diatas. Pada saat Menu Item Kali di klik maka Text Field hasil akan diisi perkalian antara Data1 dan Data2, maka klik 2 kali pada meItKali.
15
Ø
MODUL II
Buatlah desain Form seperti pada gambar berikut:
LABEL, TEXTFILELD dan BUTTON Menu Bar Menu
Tujuan : v Mahasiswa menggunakan Label, TextField dan Button dalam NetBean
Separator Menu Item
Tug as Pendahuluan 1. Jelaskan Tentang Label, Button dan TextField..! 2. Kerjakan Praktiku m modul 2. Gambar 10.2 Contoh Form Menu, Menu Bar, Menu Item dan Separator Dasar Teori
Berikut ini daftar ko mponen beserta propertiesnya: Komponen JmenuBar Jmenu Jmenu JmenuItem Jmenu JmenuItem JmenuItem Label
Button
Te xt Field
Gambar 2. 1 Ko mponen Label, Button dan TextField
JmenuItem JmenuItem Jmenu TextField
16
Properties Name Name Text Name Text Name Text Name Text Name Text Name Text Name Text Name Text Name Text Name
Isi JmenuBar1 menFile File menProses Proses meItBersih Bersih men Hitung Hitung meItKali Kali meItBag i Bagi meItTambah Tambah meItKurang Kurang men Bantuan Bantuan eData1
53
MENU BAR, MENU, MENU ITEM dan SEPERATOR Tujuan : v Mahasiswa dapat menggunakan pallete JmenuBar, Jmenu, JmenuItem dan Jseperator dalam NetBean.
Praktikum Ø
Buat Form Input Mahasiswa
Tug as Pendahuluan 1. Jelaskan Menu Bar, Menu, Menu Item dan Seperator..! 2. Kerjakan Praktiku m pada Modul 10..!
Dasar Teori Gambar 2. 2 Form Input Mahasiswa
Komponen JLabel JLabel JTextField JTextField JButton Menu Bar
Menu
Menu Item Separator Gambar 10.1 Ko mponen Menu, Menu Bar, Menu Item dan Seperator
JButton
Properties Text Text Name Text Name Text Name Text Name Text
Isi NIM NAMA eNIM Kosongkan eNama Kosongkan eClear CLEA R eExit EXIT
Catatan: ‘Name’ pada JTextField dan Jbutton diperoleh dari Klik kanan pada komponen tersebutàChange variable name.. àisi dengan nama baru.
Praktikum
52
17
Gambar 9.8 Running Program Sp inner
Gambar 2. 3 Mengubah nama pada komponen Setelah di klik OK maka Name yang bersangkutan akan berubah Ø Agar saat tombol CLEA R di klik dapat membersih kan isian pada TextField NIM dan Nama, maka klik 2X pada tombol CLEA R, ubah kode sehingga men jadi:
Tug as Lengkapi program diatas sehingga seperti yang tampak pada Running program serta tambahkan spin untuk Tanggal.
private void bClearActionPerformed(java.awt.event.ActionEvent evt) { eNIM.setText(""); eNama.setText(""); } Ø
Agar saat tombol EXIT d i klik dapat menghentikan program, maka klik 2X pada tombol EXIT, ubah kode sehingga menjadi:
private void bExitActionPerformed(java.awt.event.ActionEvent evt) { System.exit(0); } Running Program:
MODUL X 18
51
properties
Gambar 2. 4 Running Program 1
Gambar 9.6 Properties Model pada Spinner Ø Ø
Pilih Model Type Nu mber dan lakukan perubahan nilai seperti gambar d iatas. Klik kanan pada spin Angka, pilih Evens à Change à StateChange.
Untuk menamp ilkan gambar, gunakan Label dengan mengganti properties icon yang menunjuk ke suatu file tertentu. Perataan dan pewarnaan Label dan Button juga dapat diatur, contoh: Komponen JLabel JLabel
JButton JButton JButton
Properties Icon Border HorizontalAlign ment Text Border Text Border Text Border Backg round
Ket: setelah anda klik tanda diinginkan pada tab RGB. Gambar 9.7 Events State Change pada Spinner Ø
...
Isi File C:\gambar\sahru.jpg Bowel Border Right Jlabel Bowel Border JButton LineBorder JButton Empty Border [153:153:225]
pada background, pilih spektru m warna yang
Running Program :
Kemudian Ketikkan coding berikut:
private void spinAngkaStateChanged(javax.swing.event.ChangeEvent evt) { eAngka.setText(spinAngka.getValue().toString()); } Ø
50
Running Program:
19
private void sbTrebleAdjustmentValueChanged(java.awt.event.AdjustmentEv ent evt) { areaResume.set Text("Volume : \t" + sbVolume.getValue() + "\n" + "BasProgram: : \t" + sbBas.getValue() + "\n" + Ø Running "Treble : \t" + sbTreble.getValue()); }
Gambar 2. 5 Running Program 2
Tug as Praktikum 1. 2. 3.
Buat program untuk menampilkan NIM dan NAMA kedalam JoptionPane. Buat program untuk menamp ilkan NIM dan NAMA dan ALMAT kedalam JLabel. Buat program untuk menampilkan NIM, NAMA, ALMAT dan NOTLP ke dalam JTextField.
Gambar 9.4 Running Program Scroll Bar Ø Ø Ø
Buat Applikasi Sp inner Terdapat 3 Label, dan 3 Spinner (spinNormal, spinAngka dan spinHari). Apabila spinNormal d i klik to mbol spinnernya (tombol keatas dan kebawah) maka tulisan pada eAngka akan berubah. Demikian halnya dengan spinNormal.
Gambar 9.5 Contoh Program Spinner Ø Ø
20
Spin No rmal menggunakan defaultnya NetBeans Untuk membuat Sp in Angka, klik spinAngka kemudian p ilih Model pada
49
Ø
MODUL III
Klik pada scroll bar volu me, kemudian klik pada tab Events, klik 2 X adjustmentValueChanged.
PASSWORD dan FORMATTED FILE Tujuan : v Mahasiswa dapat menggunakan JFormattedFile dalam NetBean
pallete
JPasswordFile
dan
Tug as Pendahuluan 1. Kerjakan Praktiku m pada modul 3 2. Jelaskan 5 tipe dari JOptionPane..! Gambar 9.3 Properties pada Scroll Bar Ø
Ketikkan coding berikut:
Dasar Teori
private void sbVolumeAdjustmentValueChanged(java.awt.event.Adjustment Event evt) { areaResume.set Text("Volume : \t" + sbVolume.getValue() + "\n" + "Bas : \t" + sbBas.getValue() + "\n" + "Treble : \t" + sbTreble.getValue()); } Ø
Klik pada scroll bar Bas, kemudian klik pada tab Events, klik 2 X adjustmentValueChanged. Dan ketikkan Coding berikut: private void sbBasAdjustmentValueChanged(java.awt.event.AdjustmentEven t evt) { areaResume.set Text("Volume : \t" + sbVolume.getValue() + "\n" + "Bas : \t" + sbBas.getValue() + "\n" + "Treble : \t" + sbTreble.getValue()); }
Ø
48
Klik pada scroll bar Treble, kemud ian klik pada tab Events, klik 2 X adjustmentValueChanged. Dan ketikkan Coding berikut:
JPasswordField
JFormattedField
Gambar 3. 1 Ko mponen JPasswordField dan JFormattedField JPasswordField digunakan untuk menuliskan sesuatu pada editBo x/textField dengan diPassword (*). JPasswordField digunakan untuk menuliskan sesuatu pada editBo x/textField dengan format tertentu misal ditambah penulisan dollar, desimal, persen dsb.
21
JPassword Properties JPasswordField Utama adalah : EchoChar (pada tab Other properties), apabila diisi dengan *, maka tulisan pada password akan diganti dengan *, apabila “ ?” maka akan diganti dengan “?” dst. Untuk mendapatkan getPassword().
password
yang
dimasukkan
dapat
menggunakan
Praktikum Ø
Buat Form baru kemud ian Tambahkan ko mponen berikut:
Ko mponen Label Label Label Scrollbar
Praktikum Contoh : Applikasi terd iri dari 2 label, 1 Text Field, 1 PasswordField dan 2 Button. Apabila tombol login ditekan maka akan menamp ilkan message “ Password Berhasil”, apabila ditekan tombol Batal maka user dan passwod akan dibersihkan.
Scrollbar
Scrollbar
Label Text area
Properties Text Text Text Name Orientation Value Name Orientation Value Name Orientation Value Text Text Name Text
Isi Vo lu me Bass Treble sbVolu me Vertical 30 sbBass Vertical 30 sbTreble Vertical 30 Puisi Resume areaResume (Kosongkan)
Gambar 3. 2 Contoh Aplikasi Password Ø Buat seperti form diatas Ø Klik 2 x button Login String Usernam e, UPassword = new String(""); Username = eUser.getText(); UPassword = new String(ePassword.getPassword()); boolean Pernyataan = Username. equals("sahru") && UPassword.equals("123"); if(Pernyataan == true){ JOptionPane.showConfirmDialog(null, "Yap, anda benar", "Login", JOptionPane.DEFAULT_OP TION );
22
Gambar 9.2 Contoh Program Scroll Bar
47
MODUL IX
}else{ JOptionPane.showConfirmDialog(null, "Login anda salah", "Login", JOptionPane.DEFAULT_OP TION); }
SCROLL BAR dan SPINNER Tujuan : v Mahasiswa dapat menggunakan pallete Scoll Bar dan Spinner dalam NetBean.
Ø Klik 2 x Button Batal eUser.setText(""); ePassword.setText("");
Tug as Pendahuluan 1. Jelaskan Scro ll Bar dan Sp inner..! 2. Kerjakan Praktiku m pada Modul 9..!
Tug as 1. 2.
Dasar Teori
Scroll Bar
Buat program seperti di atas, tapi pada saat button login di klik akan muncul username dan password dalam salah satu tipe JoptionPane. Tambahkan pada program anda jika login berhasil maka akan membuka form lain.
Spinner
Gambar 9.1 Ko mponen Scroll Bar dan Spiner
46
23
MODUL IV COMBOBOX, RADIO BUTTON dan BUTTON GROUP Tujuan : v Mahasiswa dapat menggunakan pallete Co mbo Bo x, Radio Button dan Button Group dalam NetBean.
Tug as Pendahuluan 1. Jelaskan apa itu IDE Net Beans..! 2. Jelaskan Swing..! 3. Jelaskan keuntungan menggunakan IDE Net Beans.!
Gambar 8.4 Tabbed Pane yang telah di Rename Ø
Masukkan label, TextField dan Button sehinga menjadi seperti d ibawah in i.
Dasar Teori
Gambar 8.5 Tabbed Pane dengan inputan Text File Ø
Radio Button
Co mbo Bo x
Button Group
Gambar 4. 1 Ko mponen Radio Button, Co mboBo x dan Button Group -
-
24
Co mbo Bo x d igunakan untuk menampilkan daftar p ilihan. Radio Button digunakan untuk menyediakan seju mlah pilihan, d imana hanya satu pilihan saja yang dapat dipilih pada kelo mpok piihan tersebut. Contoh pilhan jen is kelamin, hanya satu jenis kelamin saja yang dapat dipilih. Button Group digunakan sebagai group / kelo mpok dari pilihan-pilihan yang
Klik 2 X Button Bersih kemudian ket ikkan private void btBersihActionPerformed(java.awt.event.ActionEvent evt) { eNim.setText(""); eNama.setText(""); }
Tug as Buatlah program TabbedPane menyatukan Modul 1 sampai 5.
45
Praktikum Ø Ø Ø
ada. Contoh : group pilihan kelamin, group pilihan hoby, group pilihan range usia dsb.
Buatlah Form baru Masukkan TabbedPane ke dalam fo rm Kemudian tambahkan Jpanel kedalam TabbedPane yang di buat sebanyak 3X. Hasinya sebagai berikut:
Praktikum
Gambar 4. 2 Contoh Program Co mboBo x
Gambar 8.2 Tabbed Pane Ø
Klik panel 1, klik pada layout dan ubah Tab Title menjadi Pertama
Ø Ø
Buat seperti form diatas Tambahkan koponen Combo Bo x, ganti namanya dengan cbAgama. Klik model pada tab Properties
Klik disin i
Gambar 8.3 Properties pada Tabbed Pane Ø
Demikian seterusnya hingga menjadi tab Pertama, tab Ke Dua dan tab Ke Tiga.
Gambar 4. 3 Properties Model pada Co mboBo x Ganti Item 1, Item 2 dengan ISLAM, KRISTEN, PROTESTAN, HINDU dan BUDHA
44
25
MODUL VIII TABBED PANE dan PANEL Tujuan : v Mahasiswa dapat menggunakan pallete Tabbed Pane dan Panel dalam NetBean..
Tug as Pendahuluan 1. Jelaskan Panel dan Tabbed Pane..!! 2. Kerjakan Praktiku m pada Modul 8..!
Gambar 4. 4 Item-item Model pada Co mbo Bo x Ø
Dasar Teori
Klik 2x Button Proses
private void Btn_ProsesActionPerformed(java.awt.event.ActionEvent evt) { int IndexCombo; String Pilihan; //untuk mengetahui index atau urutan keberapa dari daftar combo IndexCombo = cbAgama.getSel ectedIndex(); //untuk mengetahui string atau text dari combo yang dipilih dari daftar (String)cbAgama.getSelectedItem(); Ø Pilihan Jalankan=program, kemudian tekan To mbol proses maka hasilnya: Text_Hasil.setText(Pilihan); } Panel
Tabbed Pane
Gambar 8.1 Ko mponen Panel dan Tabbed Pane
26
43
Ø
Klik 2 X Button Ubah dan Ketikkan
private void btUbahActionPerformed(java.awt.event.ActionEvent evt) { if (AreaKota.getLineCount()>0) { AreaKota.setSel ectionStart(0); AreaKota.setSel ectionEnd(12); int posisi = AreaKota.getSel ectedText().indexOf("\n"); AreaKota.replaceRange(eUbah.getText()+"\n", 0,posisi+1); if (posisi == -1) AreaKota.replaceRange(eUbah.get Text()+"\n",0,8); } if (CbMakanan.getItemCount()>0) CbMakanan.removeItemAt(1); CbMakanan.insertItem At(eUbah.getText(),1); if (ListModel.getSize()>0) ListModel.remove(1); ListModel.insertElement At(eUbah.getText(),1); } Ø
Gambar 4. 5 Running Program Co mbo Bo x Ø Ø Ø Ø
Tambahkan pada form sebuah Button Group dan 2 Rad io Button Ubah nama g roup button menjadi Gbt_Kelamin Ubah nama radio button1 menjadi Rb_Pria, pada tab properties ubah Selected = True dan isi buttonGroup dengan Btn_Kelamin. Ubah nama radio button2 menjadi Rb_Wanita, pada tab properties isi buttonGroup dengan Btn_Kelamin.
Klik 2 X Button Sisip dan Ketikkan
private void btSisipActionPerformed(java.awt.event.ActionEvent evt) { AreaKota.append("Lamongan"); //tambah paling bawah AreaKota.insert("Kab.",0); // tambah text area CbMakanan.insertItemAt("Soto",3); CbMakanan.insertItemAt("Pecel",0); ListModel.insertElement At("Jus Apokat", 4); ListModel.insertElement At("Jus Tomat", 5); } Tug as Tambahkan pada program di atas TextFileds (kota, makanan dan minu man) sebagai inputan, pada saat Button sisip di klik maka inputan pada TextFields tersebut dimasukkan ke dalam TextArea Kota, Co mbo Makanan dan List Minuman.
42
Gambar 4. 6 Contoh Program Co mboBo x dan Rad io Button
Ø
Klik 2 x Button Proses
27
// Variables declaration - do not modify private javax.swing.JText Area AreaKota; private javax.swing.JComboBox CbMakanan; private javax.swing.JList ListMinuman; private javax.swing.JButton btHapus; private javax.swing.JButton btSisip; private javax.swing.JButton btTambah; private javax.swing.JButton btUbah; private javax.swing.JTextFi eld eUbah; private javax.swing.JScrollPane jScrollPane1; private javax.swing.JScrollPane jScrollPane2; // End of variables declaration // mendelarasikan model List Box DefaultListModel ListModel; // Yang perlu ditambahkan
private void Btn_ProsesActionPerformed(java.awt.event.ActionEvent evt) { char Kelamin; //jika Radio button dipilih pria maka kelamin = 'P' jika tidak Kelamin = 'W' if (Rb_Pria.isSelected()) Kelamin = 'P'; else Ø Running Program : Kelamin = 'W'; Text_Hasil.setText(String.valueOf(K elamin)); }
} Ø
Klik 2 X Button Hapus dan Ketikkan
private void btHapusActionPerformed(java.awt.event.ActionEvent evt) { if (AreaKota.getLineCount()>0) { AreaKota.setSel ectionStart(0); AreaKota.setSel ectionEnd(12); int posisi = AreaKota.getSel ectedText().indexOf("\n"); AreaKota.replaceRange("", 0,posisi+1); if (posisi == -1) AreaKota.replaceRange("",0,8); } if (CbMakanan.getItemCount()>0) CbMakanan.removeItemAt(0); if (ListModel.getSize()>0) ListModel.remove(0);
Gambar 4. 7 Running Program Co mbo Bo x dan Radio Button Tug as Buat program yang terdiri dari 3 Co mbo Bo x (Co mbo Makanan, Co mbo Minuman dan Co mbo Sayuran), 1 Button dan 1 TextFields. Ket ika button di klik maka dari ketiga co mbo tersebut di tamp ilkan dalam 1 textFields.
28
}
41
Ø
MODUL V
Klik 2 x Button Tambah dan ketikkan
private void btTambahActionPerformed(java.awt.event.ActionEvent evt) { AreaKota.append("Gersik"); AreaKota.append("\n"); AreaKota.append("Malang "+"\n"); AreaKota.append("Surabaya"); AreaKota.append("\n"); CbMakanan.insertItemAt("Rujak", 0); CbMakanan.insertItemAt("Rawon", 1); CbMakanan.insertItemAt("Sate", 2); ListModel.add(0, "Sprite"); ListModel.add(1, "Fanta"); ListModel.add(2, "Es Batu"); ListModel.add(3, "Kopi"); ListMinuman.set Model(ListModel ); }
CHECK BOX dan TEXT AREA Tujuan : v Mahasiswa dapat menggunakan pallete Check Bo x dan Text Area dalam NetBean..
Tug as Pendahuluan 1. Kerjakan Praktiku m pada modul 5..! 2. Jelaskan Check Bo x dan Text Area..!
Dasar Teori Check Bo x
Catatan agar bisa menggunakan ListModel maka perlu d itambahkan : Text Area public class Modul7 extends javax.swing.JFrame { /** Creates new form Modul7 */ public Modul7() { initComponents(); ListModel = new DefaultListModel(); // Yang perlu ditambahkan } Gambar 5. 1 Ko mponen CheckBo x dan TextArea
40
29
Praktikum Tambahkan pada form ko mponen berikut: Komponen Properties Button Group Name Check Bo x Name Text Check Bo x Name Text Check Bo x Name Text Check Bo x Name Text Check Bo x Name Text Check Bo x Name Text Label Text Text area Name Text
Isi bgHoby cbMenyanyi Menyanyi cbMenari Menari cbRenang Renang cbMemasak Memasak cbBadminton Bad minton cbPuisi Puisi Resume areaResume (Kosongkan)
Gambar 5. 2 Contoh Penggunaan CheckBo x dan TextA rea
30
Method Pada ListBo x yang penting: setModel(ListModel) : menambahkanModel ListBo x ke d irinya. getModel() : mendapatkan ListModel yang telah ada padanya. Adapun ListModel yang sering digunakan pada ListBo x adalah Default ListModel
Praktikum Terdapat Form dengan 1 Scrollpane yang di isi oleh TextArea (area kota), 1 ScrollPane yang di isi o leh List (ListMinuman), 1 Co mboBo x (cbMakanan), 4 Button (btTambah, btHapus, BtUbah dan btSisip) serta 1 Text Field (eUbah). Pada saat form dijalan kan, areaKota, cbMakanan, ListMinu man masih kosong. Apabila Button Tambah di tekan, areakota akan berisi daftar kota, combo Makanan akan akan berisi daftar makanan dan list minu man berisi daftar minu man. Apabila Button Sisip d i tekan, areakota akan disisipi daftar kota, co mbo Makanan akan disisipi daftar makanan dan list minuman d isisipi daftar minuman. Apabila Button Hapus di tekan, kota pertama pada areakota akan di hapus, Makanan pertama pada Co mbo makanan akan d i hapus dan minuman pertama pada list minuman akan di hapus.
Gambar 7.1 Contoh Program List Bo x, Co mbo Bo x dan Text Area
39
MODUL VII Proses Menambah, mengubah dan menghapus data pada LISTBOX, TEXTAREA dan COMBOBOX Tujuan : v Mahasiswa dapat Menambah, mengubah dan menghapus data pada ListBo x, Text A rea dan Co mbo Bo x dalam Net Bean.
Tug as Pendahuluan 1. Jelaskan Method yang ada pada Text Area dan Co mboBo x..! 2. Kerjakan Praktiku m pada Modul 7..!
Dasar Teori Proses menambah, mengubah dan menghapus data pada ListBo x, TextArea dan Co mboBo x, diperlukan terutama untuk pemrograman database. Berikut daftar method yang diperlukan : ListBo x : ListBo x tidak mempunyai method yang dapat langsung menambah, mengubah dan menghapus data, kemampuan itu berada pada model ListBo x. Model ListBo x adalah model dari ListBo x yang akan digunakan, setiap model berbeda fungsi dan kegunaannya, contoh : model untuk data tanggal pasti berbeda untuk data string / Nu merik dsb. Method pada model ListBo x: add(int, objek) : menambah data pada model ListBo x pada index ke-n insertElementAt(int, Ob jek) : menambah data pada model ListBo x pada index ke-n remove(int) : menghapus data pada model ListBo x pada index ke-n removeAll() : menambah semua data pada model ListBo x. getSize() : mengetahui ju mlah data pada Model ListBo x catatan: objek dapat berupa string.
38
Klik 2X Button Proses kemud ian ketikkan private void Btn_ProsesActionPerformed(java.awt.event.ActionEvent evt) { int IndexCombo; String Pilihan; char Kelamin; String daftarHoby=""; IndexCombo = cbAgama.getSelectedIndex(); Pilihan = (String)cbAgama.getSelectedItem(); if (Rb_Pria.isSelected()) Kelamin = 'P'; else Kelamin = 'W'; if (cbMenyanyi.isSelected()) daftarHoby +=cbMenyanyi.getText()+""; if (cbMenari.isSelected()) daftarHoby +=cbMenari.getText()+""; if (cbRenang.isSelected()) daftarHoby +=cbRenang.getText()+""; if (cbBadminton.isSelect ed()) daftarHoby +=cbBadminton.getText()+""; if (cbMemasak.isSel ect ed()) daftarHoby +=cbMemasak.getText()+""; if (cbPuisi.isSelect ed()) daftarHoby +=cbPuisi.getText()+""; areaResume.set Text( "NIM :\t"+eNIM.getText() + "\n"+ "NAMA :\t"+eNAMA.getText() + "\n"+ Running "AGAMA Program : :\t"+ Pilihan + "\n"+ "KELAMIN:\t"+ Kelamin + "\n"+ "HOBY :\t"+ daftarHoby + "\n" ); }
31
Tugas Tambahkan pada program d i atas coding untuk menampilkan daftar Olahraga yang telah dipilih.
Gambar 5. 3 Running Program CheckBo x dan TextArea
Untuk menghapus isi Text A rea cukup dengan mengubah methode setTex menjad i “ “ atau null Contoh: areaResume.setTex(““) atau areaResum e.setTex(null)
Tug as Buatlah program pesanan di sebuah cafe yang menginputkan Nama (TextFields), Alamat (Text Fields), Makanan (CheckBo x) dan Minu man (CheckBo x) serta terdapat button pesan, ketika Button pesan di klik maka daftar pesanan tersebut ditampilkan dalam TextArea.
32
37
Berikut ini adalah contoh yang lebih ko mp leks. Form terdiri dari 3 buah JscrollPane dan 3 Jlist yang berisi daftar makanan (single). Minuman (Single Interval) dan Olahraga (Multip le Interval). Apabila tombol Proses ditekan , daftar makanan, Minu man yang dipilih akan dicetak pada JtextArea “Resume”
MODUL VI LIST dan SCROLLPANE Tujuan : v Mahasiswa dapat menggunakan pallete JList dan JscrollPane dalam NetBeans.
Tug as Pendahuluan 1. Jelaskan List dan ScrollPane.! 2. Jelaskan 3 Selection Mode (Single, Single Interval dan Multiple Inteval).! 3. Kerjakan Praktiku m pada Modul 6..! Dasar Teori Gambar 6.6 Contoh Program List dan ScrollPane Klik 2 X Button Proses dan ketikkan coding berikut. private void BtProsesActionPerformed(java.awt.event.ActionEvent evt) { int IndexMakanan = ListMakan.get Sel ectedIndex(); int IndexMinMinuman = ListMinuman.get MinSel ectionIndex(); int IndexMaxMinuman = ListMinuman.get MaxSelectionIndex(); String Kalimat; Kalimat = "Daftar Makanan yang dipilih : \n"; Kalimat = Kalimat + ListMakan.get Model().getElem entAt(IndexMakanan).toString()+"\ n"; Kalimat = Kalimat + "Daftar Minuman yang dipilih : \n"; for (int i=IndexMinMinuman; i<=IndexMaxMinuman;i++){ Kalimat = Kalimat + ListMinuman.get Model().getElement At(i).toString()+"\n"; } MemoResume.setText(Kalimat); }
36
Scroll Pane
List Bo x
Gambar 6.1 Ko mponen List dan SCro llPane
Kedua komponen ini selalu bearkaitan, sehingga apabila terdapat JList dapat dipastikan ia berada dalam JscrollPane.
33
Praktikum Ø Ø Ø Ø
Buatlah Form baru (Jframe dengan Nama Class : CobaListBo x) Ubah layout men jadi Null Tambakan JscrollPane di dalam form tersebut Tambahkan Jlist di dalam JscrollPane
Gambar 6.4 Isian Data pada Model List Gambar 6.2 A wal List dan ScrollPane Ø Ø
Ubah Item 1, Item 2,..... dengan Gersik, Lamongan,..... sehingga menjadi seperti diatas. Klik OK
Pada Tab Properties, di Properties Select ion Mode pilih Single Terdapat 3 pilihan Selection Mode: Single
Single Interval
Mu ltiple Inteval
Gambar 6.3 List berada dalam SCro llPane Perhatikan terdapat perubahan warna, semula kotak Scro llPane berwarna abu-abu, setelah diisi oleh Jlist berubah menjadi putih dan terdapat tulisan Item 1, Item 2,......, yang menandakan data kini telah siap diisi. Untuk mengisi data, pada tab properties: Ø Pilih model Ø Akan muncul isian data :
Gambar 6.5 Tiga Selection Mode
34
35
