MODUL PRAKTIKUM PEMROGRAMAN VISUAL 1
D3 Manajemen Informatika Fakultas Teknik Universitas Trunojoyo 1
Kata Pengantar Bismillaahirrohmaanirrohiim, Alhamdulillah, modul Pemrograman Visual I telah kami susun. Modul yang masih sangat sederhana kami harapkan mampu menjadi pedoman bagi mahasiswa kami. Pemrograman Visual I sebenarnya bukan ilmu baru, karena di berbagai bahasa pemrograman sudah dibahas, meskipun dalam porsi yang kecil. Ilmu ini muncul seiring dengan berkembangnya teknologi komunikasi bergerak atau mobile. Berkembangnya perangkat komunikasi yang kecil membuat berbagai vendor mengembangkan aplikasi-aplikasi untuk ditanamkan di perangkat tersebut, sehingga perangkat tersbut menjadi multi-fungsi, seperti bisa menelpon, sms, chatting, main games dan sebagainya. Sekarang tidak aneh jika kita melihat perangkat komunikasi yang kemampuannya bisa seperti komputer. Munculnya
bahasa
pemrograman
Java,
semakin
mempercepat
pengembangan aplikasi-aplikasi di perangkat bergerak. Teknologi Java yang memungkin sebuah perangkat mobile di tanami mesin virtual sehingga bisa menjalankan aplikasi-aplikasi berbasis Java. Modul Pemrograman Visual
ini
menggunakan bahasa Java di dalam aplikasinya, dan menggunakan software NetBean 6.0. Terima kasih kami sampaikan kepada semua pihak yang telah membantu mewujudkan selesainya buku ini, dan kami berharap buku ini memberikan manfaat bagi yang ingin belajar tentang Pemrograman Visual I. Saran dan kritik kami harapkan dari semua pihak demi kesempuranaan buku ini kedepannya. Bangkalan, 15 Januari 2010 Penulis
2
Tujuan Umum
Setelah menempuh mata kuliah Pemrograman Visual I, Mahasiswa mampu membuat pemrogram dengan menggunakan java kemudian mengembangkan kedalam pemrograman visual II.
3
Tujuan Khusus
1. Mengenal IDE NetBean. 2. Jlabel, JtextField, Jbutton, JOptionPane 3. JPasswordField dan JformattedField 4. Combo Box, Radio Button dan Button Group 5. Check Box dan Text Area 6. JList dan JscrollPane 7. Proses Menambah, mengubah dan menghapus data pada ListBox, Text Area dan Combo Box 8. Tabbed Pane dan Panel 9. Scoll Bar dan Jspinner 10. JmenuBar, Jmenu, JmenuItem dan Jseperator 11. JpopupMenu dan JtoolBar 12. Jslider dan JFileChooser
4
Daftar Isi
1. 2. 3. 4.
Kata Pengantar........................................................................ 3 Tujuan Umum.......................................................................... 4 Tujuan Khusus......................................................................... 5 Daftar Isi.................................................................................. 6 5. Mengenal IDE NetBean........................................................... 7 6. Jlabel, JtextField, Jbutton, JoptionPane................................... 17 7. JPasswordField dan JformattedField....................................... 22 8. Combo Box, Radio Button dan Button Group........................ 25 9. Check Box dan Text Area....................................................... 30 10. JList dan JscrollPane............................................................... 34 11. Proses Menambah, mengubah dan menghapus data pada ListBox, Text Area dan Combo Box....................................... 39 12. Tabbed Pane dan Panel............................................................ 45 13. Scoll Bar dan Jspinner.............................................................. 48 14. JmenuBar, Jmenu, JmenuItem dan Jseperator......................... 54 15. JpopupMenu dan JtoolBar....................................................... 59 16. Jslider dan JFileChooser.......................................................... 63 17. Daftar Pustaka......................................................................... 68 18. Biografi Penulis....................................................................... 69
5
MODUL I MENGENAL IDE NETBEANS Tujuan : Mahasiswa Dapat membuat project java dengan NetBean Mahasiswa mampu menggunakan membuka, menyimpan dan menulisakan coding java dalam NetBean
Tugas Pendahuluan Jelaskan apa itu IDE NetBeans..! Jelaskan Swing..! Jelaskan keuntungan menggunakan IDE NetBeans.! Dasar Teori NetBeans 6 adalah versi stabil terbaru dari IDE Netbeans, yang dirilis oleh Sun Microsystem pada akhir 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.
Praktikum
Klik Start Program NetBeans NetBean IDE 6.5.
6
Gambar 1. 1 Memulai NetBeans
Tunggu sebentar..
Gambar 1. 2 NetBeans 6.5.1
Lalu akan muncul tampilan awal halaman welcome. Seperti dibawah
7
Gambar 1. 3 Halaman Awal NetBeans Jadi pertama-tama dalam membuat program java kita terlebih dahulu harus membuat proyek. Jalankan menu File| New Project (atau Ctrl+Shift+N). Untuk membuka dialog New Project
Gambar 1. 4 New Project NetBeans
Dalam dialog pilih kategori Categories=Java, Projects=Java Application. Lalu klik Next.
8
Gambar 1. 5 New Java Appication
Pada langkah diatas, pilih terlebih dahulu lokasi proyek. Klik pada tombol Browse di sebelah kanan isian Project 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 Finish. Di dalam netbeans akan dibuka secara otomatis file utama Java bernama Main.java.
9
Gambar 1. 6 Main.java dalam NetBeans Membuat Form Baru pada NetBeans Untuk membuat form baru pada NetBeans tidaklah sulit, cobalah cara sbb: Klik kanan pada salah satu folder (misal Belajar Java) Klik New Klik JFrame Form
Gambar 1. 7 Membuat Form Baru dalam NetBeans Pilih nama class untuk form anda (misal: Percobaan) Klik Finish
10
Gambar 1. 8 Menyimpan Form Baru
Pada form editor terlihat sbb;
Gambar 1. 9 Tampilan Form Kosong pada NetBeans
Untuk menampilkan Source Code Windows: Klik tab percobaan (disebelah form percobaan).
Gambar 1. 10 Source Code pada NetBeans
Pada Palette Swing Controls Pilih JButton Letakkan JButton tersebut pada Form
11
Gambar 1. 11 Meletakkan JButton
Pada properties Text ubah menjadi Pesan Klik kanan pada JButton pada explorer (dibawah [JFrame]) Klik Change Value Name Gambar 1. 12 Langkah Mengubah Nama Button
Ubah menjadi bSimpan Klik OK 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: private void bSimpanActionPerformed(java.awt.event.ActionEvent evt) { JOptionPane.showMessageDialog(null, "Hello","Pesan", JOptionPane.INFORMATION_MESSAGE);
Running Program :
12
13
Gambar 1. 14 Running Program Modul 1 Tugas Praktikum Buatlah program seperti di atas yang menampilkan tulisan “Saya Belajar NetBeans”.
MODUL II LABEL, TEXTFILELD dan BUTTON
Tujuan : Mahasiswa menggunakan Label, TextField dan Button dalam NetBean
14
Tugas Pendahuluan Jelaskan Tentang Label, Button dan TextField..! Kerjakan Praktikum modul 2.
Dasar Teori
Label
Button
Text Field
Gambar 2. 1 Komponen Label, Button dan TextField
Praktikum
Buat Form Input Mahasiswa
15
Gambar 2. 2 Form Input Mahasiswa Komponen JLabel JLabel JTextField JTextField JButton JButton
Properties Text Text Name Text Name Text Name Text Name Text
Isi NIM NAMA eNIM Kosongkan eNama Kosongkan eClear CLEAR eExit EXIT
Catatan: ‘Name’ pada JTextField dan Jbutton diperoleh dari Klik kanan pada komponen tersebutChange variable name.. isi dengan nama baru.
16
Gambar 2. 3 Mengubah nama pada komponen Setelah di klik OK maka Name yang bersangkutan akan berubah Agar saat tombol CLEAR di klik dapat membersihkan isian pada TextField NIM dan Nama, maka klik 2X pada tombol CLEAR, ubah kode sehingga menjadi: private void bClearActionPerformed(java.awt.event.ActionEvent evt) { eNIM.setText(""); eNama.setText(""); }
Agar saat tombol EXIT di 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:
17
Gambar 2. 4 Running Program 1 Untuk menampilkan 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 HorizontalAlignment Text Border Text Border Text Border Background
Ket: setelah anda klik tanda diinginkan pada tab RGB.
...
Isi File C:\gambar\sahru.jpg Bowel Border Right Jlabel Bowel Border JButton LineBorder JButton Empty Border [153:153:225]
pada background, pilih spektrum warna yang
Running Program :
Gambar 2. 5 Running Program 2 Tugas Praktikum 1. Buat program untuk menampilkan NIM dan NAMA kedalam JoptionPane. 2. Buat program untuk menampilkan NIM dan NAMA dan ALMAT kedalam JLabel. 3. Buat program untuk menampilkan NIM, NAMA, ALMAT dan NOTLP ke dalam JTextField.
4. Buat program untuk menampilkan message ketika tombol exit di klik dengan warning 18
“Selamat Tinggal” ketika di pilih ok maka program akan keluar. Ery Setiyawan J.A 07.04.1.1.1.00051
MODUL III PASSWORD dan FORMATTED FILE Tujuan : Mahasiswa dapat menggunakan pallete JPasswordFile dan JFormattedFile dalam NetBean
Tugas Pendahuluan Kerjakan Praktikum pada modul 3 Jelaskan 5 tipe dari JOptionPane..!
19
Dasar Teori
JPasswordField
JFormattedField
Gambar 3. 1 Komponen JPasswordField dan JFormattedField JPasswordField digunakan untuk menuliskan sesuatu pada editBox/textField dengan diPassword (*). JPasswordField digunakan untuk menuliskan sesuatu pada editBox/textField dengan format tertentu misal ditambah penulisan dollar, desimal, persen dsb. 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 Contoh : Applikasi terdiri dari 2 label, 1 TextField, 1 PasswordField dan 2 Button. Apabila tombol login ditekan maka akan menampilkan message “ Password Berhasil”, apabila ditekan tombol Batal maka user dan passwod akan dibersihkan.
20
Gambar 3. 2 Contoh Aplikasi Password Buat seperti form diatas Klik 2 x button Login String Username, 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_OPTION); }else{ JOptionPane.showConfirmDialog(null, "Login anda salah", "Login", JOptionPane.DEFAULT_OPTION); } Klik 2 x Button Batal eUser.setText(""); ePassword.setText(""); Tugas 1. Buat program seperti di atas, tapi pada saat button login di klik akan muncul username dan password dalam salah satu tipe JoptionPane. 2. Tambahkan pada program anda jika login berhasil maka akan membuka form lain.
21
MODUL IV COMBOBOX, RADIO BUTTON dan BUTTON GROUP Tujuan : Mahasiswa dapat menggunakan pallete Combo Box, Radio Button dan Button Group dalam NetBean.
Tugas Pendahuluan Jelaskan apa itu IDE NetBeans..! Jelaskan Swing..! Jelaskan keuntungan menggunakan IDE NetBeans.! Dasar Teori
Radio Button
Combo Box
Button Group
22
Gambar 4. 1 Komponen RadioButton, ComboBox dan ButtonGroup - Combo Box digunakan untuk menampilkan daftar pilihan. - Radio Button digunakan untuk menyediakan sejumlah pilihan, dimana hanya satu pilihan saja yang dapat dipilih pada kelompok piihan tersebut. Contoh pilhan jenis kelamin, hanya satu jenis kelamin saja yang dapat dipilih. - Button Group digunakan sebagai group / kelompok dari pilihan-pilihan yang ada. Contoh : group pilihan kelamin, group pilihan hoby, group pilihan range usia dsb. Praktikum
23
24
Gambar 4. 2 Contoh Program ComboBox Buat seperti form diatas Tambahkan koponen Combo Box, ganti namanya dengan cbAgama. Klik model pada tab Properties
Klik disini
Gambar 4. 3 Properties Model pada ComboBox Ganti Item 1, Item 2 dengan ISLAM, KRISTEN, PROTESTAN, HINDU dan BUDHA
Gambar 4. 4 Item-item Model pada ComboBox 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.getSelectedIndex(); //untuk mengetahui string atau text dari combo yang 25 dipilih dari daftar Pilihan = (String)cbAgama.getSelectedItem(); Text_Hasil.setText(Pilihan);
Jalankan program, kemudian tekan Tombol proses maka hasilnya:
Gambar 4. 5 Running Program ComboBox Tambahkan pada form sebuah Button Group dan 2 Radio Button Ubah nama group 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.
Gambar 4. 6 Contoh Program ComboBox dan Radio Button Klik 2 x Button Proses
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 KelaminProgram = 'W';: Running Text_Hasil.setText(String.valueOf(Kelamin));
26
Gambar 4. 7 Running Program ComboBox dan Radio Button Tugas Buat program yang terdiri dari 3 ComboBox (Combo Makanan, Combo Minuman dan Combo Sayuran), 1 Button dan 1 TextFields. Ketika button di klik maka dari ketiga combo tersebut di tampilkan dalam 1 textFields.
MODUL V CHECK BOX dan TEXT AREA Tujuan : Mahasiswa dapat menggunakan pallete Check Box dan Text Area dalam NetBean..
Tugas Pendahuluan Kerjakan Praktikum pada modul 5..! Jelaskan Check Box dan Text Area..!
Dasar Teori
Check Box
Text Area
27
Gambar 5. 1 Komponen CheckBox dan TextArea
Praktikum Tambahkan pada form komponen berikut: Komponen Properties Button Group Name Check Box Name Text Check Box Name Text Check Box Name Text Check Box Name Text Check Box Name Text Check Box Name Text Label Text Text area Name
Isi bgHoby cbMenyanyi Menyanyi cbMenari Menari cbRenang Renang cbMemasak Memasak cbBadminton Badminton cbPuisi Puisi Resume areaResume
28
Text
(Kosongkan)
Gambar 5. 2 Contoh Penggunaan CheckBox dan TextArea private void Btn_ProsesActionPerformed(java.awt.event.ActionEvent evt) { IndexCombo; Klik int 2X Button Proses kemudian ketikkan 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.isSelected()) daftarHoby +=cbBadminton.getText()+""; if (cbMemasak.isSelected()) daftarHoby +=cbMemasak.getText()+""; if (cbPuisi.isSelected()) daftarHoby +=cbPuisi.getText()+""; areaResume.setText( "NIM :\t"+eNIM.getText() + "\n"+ "NAMA :\t"+eNAMA.getText() + "\n"+ "AGAMA :\t"+ Pilihan + "\n"+ "KELAMIN:\t"+ Kelamin + "\n"+ "HOBY :\t"+ daftarHoby + "\n" 29 ); }
Running Program :
Gambar 5. 3 Running Program CheckBox dan TextArea Untuk menghapus isi Text Area cukup dengan mengubah methode setTex menjadi “ “ atau null Contoh: areaResume.setTex(““) atau areaResume.setTex(null)
Tugas Buatlah program pesanan di sebuah cafe yang menginputkan Nama (TextFields), Alamat (TextFields), Makanan (CheckBox) dan Minuman (CheckBox) serta terdapat button pesan, ketika Button pesan di klik maka daftar pesanan tersebut ditampilkan dalam TextArea.sebelum masuk ke program ini user harus login dulu
MODUL VI 30
LIST dan SCROLLPANE Tujuan : Mahasiswa dapat menggunakan pallete JList dan JscrollPane dalam NetBeans.
Tugas Pendahuluan Jelaskan List dan ScrollPane.! Jelaskan 3 Selection Mode (Single, Single Interval dan Multiple Inteval).! Kerjakan Praktikum pada Modul 6..! Dasar Teori
Scroll Pane
List Box
Gambar 6.1 Komponen List dan SCrollPane Kedua komponen ini selalu bearkaitan, sehingga apabila terdapat JList dapat dipastikan ia berada dalam JscrollPane.
31
Praktikum
Buatlah Form baru (Jframe dengan Nama Class : CobaListBox) Ubah layout menjadi Null Tambakan JscrollPane di dalam form tersebut Tambahkan Jlist di dalam JscrollPane
Gambar 6.2 Awal List dan ScrollPane
32
33
Gambar 6.3 List berada dalam SCrollPane Perhatikan terdapat perubahan warna, semula kotak ScrollPane 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.4 Isian Data pada Model List
Ubah Item 1, Item 2,..... dengan Gersik, Lamongan,..... sehingga menjadi seperti diatas. Klik OK
Pada Tab Properties, di Properties Selection Mode pilih Single Terdapat 3 pilihan Selection Mode: Single
Single Interval
Multiple Inteval
Gambar 6.5 Tiga Selection Mode
34
Berikut ini adalah contoh yang lebih kompleks. Form terdiri dari 3 buah JscrollPane dan 3 Jlist yang berisi daftar makanan (single). Minuman (Single Interval) dan Olahraga (Multiple Interval). Apabila tombol Proses ditekan , daftar makanan, Minuman yang dipilih akan dicetak pada JtextArea “Resume”
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.getSelectedIndex(); int IndexMinMinuman = ListMinuman.getMinSelectionIndex(); int IndexMaxMinuman = ListMinuman.getMaxSelectionIndex(); String Kalimat; Kalimat = "Daftar Makanan yang dipilih : \n"; Kalimat = Kalimat + ListMakan.getModel().getElementAt(IndexMakanan).toString() +"\n"; Kalimat = Kalimat + "Daftar Minuman yang dipilih : \n"; for (int i=IndexMinMinuman; i<=IndexMaxMinuman;i++){ Kalimat = Kalimat + ListMinuman.getModel().getElementAt(i).toString()+"\n"; Tugas Tambahkan pada program di atas coding untuk menampilkan daftar Olahraga yang telah dipilih.
35
MODUL VII Proses Menambah, mengubah dan menghapus data pada LISTBOX, TEXTAREA dan COMBOBOX Tujuan : Mahasiswa dapat Menambah, mengubah dan menghapus data pada ListBox, Text Area dan Combo Box dalam NetBean. Tugas Pendahuluan Jelaskan Method yang ada pada Text Area dan ComboBox..! Kerjakan Praktikum pada Modul 7..!
36
Dasar Teori Proses menambah, mengubah dan menghapus data pada ListBox, TextArea dan ComboBox, diperlukan terutama untuk pemrograman database. Berikut daftar method yang diperlukan : ListBox : ListBox tidak mempunyai method yang dapat langsung menambah, mengubah dan menghapus data, kemampuan itu berada pada model ListBox. Model ListBox adalah model dari ListBox yang akan digunakan, setiap model berbeda fungsi dan kegunaannya, contoh : model untuk data tanggal pasti berbeda untuk data string / Numerik dsb. Method pada model ListBox: add(int, objek) : menambah data pada model ListBox pada index ke-n insertElementAt(int, Objek) : menambah data pada model ListBox pada index ke-n remove(int) : menghapus data pada model ListBox pada index ke-n removeAll() : menambah semua data pada model ListBox. getSize() : mengetahui jumlah data pada Model ListBox catatan: objek dapat berupa string. Method Pada ListBox yang penting: setModel(ListModel) : menambahkanModel ListBox ke dirinya. getModel() : mendapatkan ListModel yang telah ada padanya. Adapun ListModel yang sering digunakan pada ListBox adalah DefaultListModel Praktikum Terdapat Form dengan 1 Scrollpane yang di isi oleh TextArea (area kota), 1 ScrollPane yang di isi oleh List (ListMinuman), 1 ComboBox (cbMakanan), 4 Button (btTambah, btHapus, BtUbah dan btSisip) serta 1 TextField (eUbah).
37
Pada saat form dijalankan, areaKota, cbMakanan, ListMinuman masih kosong. Apabila Button Tambah di tekan, areakota akan berisi daftar kota, combo Makanan akan akan berisi daftar makanan dan list minuman berisi daftar minuman. Apabila Button Sisip di tekan, areakota akan disisipi daftar kota, combo Makanan akan disisipi daftar makanan dan list minuman disisipi daftar minuman. Apabila Button Hapus di tekan, kota pertama pada areakota akan di hapus, Makanan pertama pada Combo makanan akan di hapus dan minuman pertama pada list minuman akan di hapus.
Gambar 7.1 Contoh Program List Box, Combo Box dan Text Area
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.setModel(ListModel); }
38
Catatan agar bisa menggunakan ListModel maka perlu ditambahkan : public class Modul7 extends javax.swing.JFrame { /** Creates new form Modul7 */ public Modul7() { initComponents(); ListModel = new DefaultListModel(); // Yang perlu ditambahkan }
// Variables declaration - do not modify private javax.swing.JTextArea 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.JTextField eUbah; private private void javax.swing.JScrollPane jScrollPane1; btHapusActionPerformed(java.awt.event.ActionEvent evt) { private javax.swing.JScrollPane jScrollPane2; if (AreaKota.getLineCount()>0) { // End of variables declaration //AreaKota.setSelectionStart(0); mendelarasikan model List Box AreaKota.setSelectionEnd(12); DefaultListModel ListModel; // Yang perlu ditambahkan } int posisi = AreaKota.getSelectedText().indexOf("\n"); AreaKota.replaceRange("", 0,posisi+1);
}
if (posisi == -1) Klik 2 X Button Hapus dan Ketikkan AreaKota.replaceRange("",0,8); } if (CbMakanan.getItemCount()>0) CbMakanan.removeItemAt(0); if (ListModel.getSize()>0) ListModel.remove(0);
39
Klik 2 X Button Ubah dan Ketikkan private void btUbahActionPerformed(java.awt.event.ActionEvent evt) { if (AreaKota.getLineCount()>0) { AreaKota.setSelectionStart(0); AreaKota.setSelectionEnd(12); int posisi = AreaKota.getSelectedText().indexOf("\n"); AreaKota.replaceRange(eUbah.getText()+"\n", 0,posisi+1); if (posisi == -1) AreaKota.replaceRange(eUbah.getText()+"\n",0,8); } if (CbMakanan.getItemCount()>0) CbMakanan.removeItemAt(1); CbMakanan.insertItemAt(eUbah.getText(),1); if (ListModel.getSize()>0) ListModel.remove(1); ListModel.insertElementAt(eUbah.getText(),1); }
40
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.insertElementAt("Jus Apokat", 4); ListModel.insertElementAt("Jus Tomat", 5); } Tugas Tambahkan pada program di atas TextFileds (kota, makanan dan minuman) sebagai inputan, pada saat Button sisip di klik maka inputan pada TextFields tersebut dimasukkan ke dalam TextArea Kota, Combo Makanan dan List Minuman.
MODUL VIII TABBED PANE dan PANEL Tujuan : Mahasiswa dapat menggunakan pallete Tabbed Pane dan Panel dalam NetBean..
Tugas Pendahuluan Jelaskan Panel dan Tabbed Pane..!! Kerjakan Praktikum pada Modul 8..!
Dasar Teori
41 Panel
Tabbed Pane
Gambar 8.1 Komponen Panel dan Tabbed Pane Praktikum Buatlah Form baru Masukkan TabbedPane ke dalam form Kemudian tambahkan Jpanel kedalam TabbedPane yang di buat sebanyak 3X. Hasinya sebagai berikut:
42
43
Gambar 8.2 Tabbed Pane Klik panel 1, klik pada layout dan ubah Tab Title menjadi Pertama
Gambar 8.3 Properties pada Tabbed Pane Demikian seterusnya hingga menjadi tab Pertama, tab Ke Dua dan tab Ke Tiga.
Gambar 8.4 Tabbed Pane yang telah di Rename Masukkan label, TextField dan Button sehinga menjadi seperti dibawah ini.
44
45
Gambar 8.5 Tabbed Pane dengan inputan Text File Klik 2 X Button Bersih kemudian ketikkan private void btBersihActionPerformed(java.awt.event.ActionEvent evt) { eNim.setText(""); eNama.setText(""); } Tugas Buatlah program TabbedPane menyatukan Modul 1 sampai 5.
MODUL IX SCROLL BAR dan SPINNER Tujuan : Mahasiswa dapat menggunakan pallete Scoll Bar dan Spinner dalam NetBean.
Tugas Pendahuluan Jelaskan Scroll Bar dan Spinner..! Kerjakan Praktikum pada Modul 9..!
Dasar Teori
46 Scroll Bar
Spinner
Gambar 9.1 Komponen Scroll Bar dan Spiner
Praktikum
Buat Form baru kemudian Tambahkan komponen berikut:
Komponen Label Label Label Scrollbar
Scrollbar
Scrollbar
Label Text area
Properties Text Text Text Name Orientation Value Name Orientation Value Name Orientation Value Text Text Name Text
Isi Volume Bass Treble sbVolume Vertical 30 sbBass Vertical 30 sbTreble Vertical 30 Puisi Resume areaResume (Kosongkan)
47
Gambar 9.2 Contoh Program Scroll Bar
Klik pada scroll bar volume, kemudian klik pada tab Events, klik 2 X adjustmentValueChanged.
Gambar 9.3 Properties pada Scroll Bar
Ketikkan coding berikut: private void sbVolumeAdjustmentValueChanged(java.awt.event.Adjustmen tEvent evt) { areaResume.setText("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.AdjustmentEve nt evt) { areaResume.setText("Volume : \t" + sbVolume.getValue() + "\n" + 48 "Bas : \t" + sbBas.getValue() + "\n" + "Treble : \t" + sbTreble.getValue());
Klik pada scroll bar Treble, kemudian klik pada tab Events, klik 2 X adjustmentValueChanged. Dan ketikkan Coding berikut:
private void sbTrebleAdjustmentValueChanged(java.awt.event.Adjustment Event evt) { areaResume.setText("Volume : \t" + sbVolume.getValue() + "\n" + "Bas : \t" + sbBas.getValue() + "\n" + Running Program: "Treble : \t" + sbTreble.getValue());
49
50
Gambar 9.4 Running Program Scroll Bar
Buat Applikasi Spinner Terdapat 3 Label, dan 3 Spinner (spinNormal, spinAngka dan spinHari). Apabila spinNormal di klik tombol spinnernya (tombol keatas dan kebawah) maka tulisan pada eAngka akan berubah. Demikian halnya dengan spinNormal.
51
52
Gambar 9.5 Contoh Program Spinner
Spin Normal menggunakan defaultnya NetBeans Untuk membuat Spin Angka, klik spinAngka kemudian pilih Model pada properties
Gambar 9.6 Properties Model pada Spinner
Pilih Model Type Number dan lakukan perubahan nilai seperti gambar diatas. Klik kanan pada spin Angka, pilih Evens Change StateChange.
Gambar 9.7 Events State Change pada Spinner
Kemudian Ketikkan coding berikut:
private void spinAngkaStateChanged(javax.swing.event.ChangeEvent evt) { eAngka.setText(spinAngka.getValue().toString()); Running Program:
53
54
Gambar 9.8 Running Program Spinner Tugas Lengkapi program diatas sehingga seperti yang tampak pada Running program serta tambahkan spin untuk Tanggal.
MODUL X MENU BAR, MENU, MENU ITEM dan SEPERATOR Tujuan : Mahasiswa dapat menggunakan pallete JmenuBar, Jmenu, JmenuItem dan Jseperator dalam NetBean.
Tugas Pendahuluan Jelaskan Menu Bar, Menu, Menu Item dan Seperator..! Kerjakan Praktikum pada Modul 10..!
55
Dasar Teori
Menu Bar
Menu
Menu Item Separator Gambar 10.1 Komponen Menu, Menu Bar, Menu Item dan Seperator
Praktikum
Buatlah desain Form seperti pada gambar berikut: Menu Bar Menu Separator Menu Item
56
Gambar 10.2 Contoh Form Menu, Menu Bar, Menu Item dan Separator Berikut ini daftar komponen beserta propertiesnya: Komponen JmenuBar Jmenu Jmenu JmenuItem Jmenu JmenuItem JmenuItem JmenuItem JmenuItem Jmenu TextField TextField TextField
Properties Name Name Text Name Text Name Text Name Text Name Text Name Text Name Text Name Text Name Text Name Text Name Text Name Text
Isi JmenuBar1 menFile File menProses Proses meItBersih Bersih menHitung Hitung meItKali Kali meItBagi Bagi meItTambah Tambah meItKurang Kurang menBantuan Bantuan eData1 (Kosongkan) eData2 (Kosongkan) eHasil (Kosongkan)
Untuk menambah atau membuat menu pada Menu Bar sbb: Klik kanan pada Menu Bar pilih Add Menu
57
Gambar 10.3 Add Menu pada Menu Bar Kemudian ubah Name dan Text pada properties sesuai dengan tabel diatas.
Untuk menambah atau membuat Menu Item pada Menu sbb: Klik kanan pada Menu pilih Add Form Pallete Menu Item
58
59
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.
Klik 2 X
Gambar 10.4 membuat Event On Clik pada Menu Item
Kemudian ketikkan Coding berikut: private void meItKaliActionPerformed(java.awt.event.ActionEvent evt) { int Data1 = Integer.parseInt(eData1.getText()); int Data2 = Integer.parseInt(eData2.getText()); int Hasil; Hasil = Data1*Data2; eHasil.setText(String.valueOf(Hasil)); }
Lakukan hal yang sama pada Menu Item Bagi, Tambah dan Kurang. Running Program sbb:
Gambar 10.6 Running Perogram Menu
60
Tugas Buat program untuk menghitung Luas dan Keliling dari Persegi Panjang, Segitiga dan Lingkaran.selain itu ada event close pada saat program dipilih untuk close
MODUL XI POPUP MENU dan TOOL BAR Tujuan : Mahasiswa dapat menggunakan pallete JpopupMenu dan JtoolBar dalam NetBean.
Tugas Pendahuluan Jelaskan PopUp Menu dan Tool Bar..! Kerjakan Praktikum pad Modul 11..!
61
Dasar Teori
Popup Menu Tool Bar Gambar 11.1 Komponen Tool Bar dan Popup Menu 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 di bawah ini. Lakukan 2 x.
62
63
Gambar 11.3 Add Menu Item pada Popup Menu
Ganti Name menjadi popBersih dan Text menjadi Bersih pada Menu Item1 Ganti Name menjadi popTutup dan Text menjadi Tutup pada Menu Item2 Untuk mengisikan coding klik 2 x pada PopBersih Menu Item.
Klik 2 X
Gambar 11.4 Membuat Even On Click pada Menu Item
Kemudian ketikkan coding berikut: private void popBersihActionPerformed(java.awt.event.ActionEvent evt) { eNIM.setText(""); eNAMA.setText(""); areaKeterangan.setText(""); }
Agar pada saat running program PopUp Menu tampil maka klik Form kemudian pilih tab Evens mousePressed
Gambar 11.5 Properties Mouse Pressed pada Form
Klik kemudian ketikkan coding berikut:
private void formMousePressed(java.awt.event.MouseEvent evt) { jPopupMenu1.show(this,evt.getX(), evt.getY()); }
64
Running Program:
65
66
Gambar 11.6 Running Program Popup Menu Tugas Buatlah program seperti di atas dan gunakan ToolBar untuk menampung Button tersebut.
MODUL XII SLIDER dan FILE CHOOSER Tujuan : Mahasiswa dapat menggunakan pallete Jslider dan JFileChooser dalam NetBean.
Tugas Pendahuluan Jelaskan Slider dan File Chooser..! Kerjakan Praktikum pada Modul 12..!
Dasar Teori
67
Slider Gambar 12.1 Komponen Slider Slider berfungsi seperti scrollbar, namun terdapat beberapa properti tambahan, sbb: Minimum : mengatur nilai minimum slider Maximum : mengatur nilai minimum slider MinorTickSpacing : mengatur nilai minimum garis slider MayorTickSpacing : mengatur nilai maximum garis slider PaintLabels : menampilkan/tidak nilai/ukuran pada slider PaintTick : menampilkan/tidak garis nilai/ukuran pada slider PaintTrack : menampilkan/tidak tracking nilai/ukuran pada slider Orientation : Orientasi slider (Harisontal / Vertical) SnapToTick : mengatur snap/kecendrungan pilihan pada slider Value : mengatur nilai sekarang pada slider Praktikum
Buatlah form seperti dibawah ini, yang terdiri dari 3 Button, 1 Label, 1 TextField dan 2 Slider.
Gambar 12.2 Contoh Program Slider
68
Ubah propertiesnya menjadi seperti berikut: Komponen Properties Label Name Text JTextField Name Text JButton Name Text JButton Name Text JButton Name Text JSlider Name Minimum Maximum MinorTickSpacing MayorTickSpacing PaintLabels PaintTick PaintTrack Orientation SnapToTick Value JSlider Name Minimum Maximum MinorTickSpacing MayorTickSpacing PaintLabels PaintTick PaintTrack Orientation SnapToTick Value
Isi Jlabel Hasil eHasil (Kosongkan) btSetNilai Set Nilai btUbah Ubah Min Max btHapus Hapus Label Nilai 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.
69
70
Gambar 12.3 Events State Change pada Slider
Kemudian ketikkan Coding berikut: private void jSlider1StateChanged(javax.swing.event.ChangeEvent evt) { int hasil = jSlider1.getValue(); eHasil.setText(String.valueOf(hasil)); }
Lakukan hal yang sama pada Jslider2, seperti pada Jslider1. Klik 2 X Button Set Nilai dan ketikkan private void btSetNilaiActionPerformed(java.awt.event.ActionEvent evt) { jSlider1.setValue(80); }
Klik 2 X Button Ubah Min Max dan ketikkan private void btUbahActionPerformed(java.awt.event.ActionEvent evt) { jSlider1.setMaximum(70); jSlider1.setMinimum(20); }
Klik 2 X Button Hapus Label Nilai dan ketikkan private void btHapusActionPerformed(java.awt.event.ActionEvent evt) { jSlider1.setPaintLabels(false); jSlider1.setPaintTicks(false); }
Running Program:
71
Gambar 12.4 Running Program slider
Tugas Buat contoh program yang menggunakan JFileChooser. Buat media player yang dapat memainkan music(data static)
Daftar Pustaka
•
Tremblett P., “Instant Wireless Java with J2ME”, McGraw-Hill/Osborne, 2002
•
Rischpater, Ray, “Beginning Java ME Platform”, APRESS, 2008
72
Biografi Penulis Nama
: Ahmad Sahru Romadhon, S.Kom
TTL
: Bangkalan, 7 Juni 1984
Alamat
: Jln. Pertahanan no.160 Bangkalan
Telpon
: 031-3095012
Hp
: 0856 4912 0354
73
e-Mail
:
[email protected] Penulis lahir dan menyelesaikan sekolah hingga SLTA di kota Bangkalan.
Melanjutkan pendidikan di Teknik Informatika UNIJOYO Bangkalan dengan bidang minat Ilmu Komputer. Sekarang penulis bekerja sebagai Dosen Manajemen Informatika Universitas Trunojoyo Madura.
74
