PERTEMUAN 1 Membuat Project & Komponen Swing [PBO II JAVA] dosen : SOPINGI, S.Kom 1. Membuat Project Baru File New Project Browse : Cari folder tempat untuk menyimpan Project.
2. Membuat Form baru menggunakan JFrame. Terdapat 2 Cara : a. Klik Kanan Nama Project New JFrame From b. Tool Bar New File Swing GUI Forms JFrame Form Next Class Name Finish
3. Tampilan setelah membuat Form Baru Project melihat struktur projek Files file dan folder di project aktif Services layanan pendukung (koneksi database, dsb) Navigator list metod dalam class Inspector list component Source kode Design desain tampilan Palette sama seperti toolbox pada VB, Foxpro, Delphi Properties properties Component KOMPONEN SWING Secara arsitektur, Swing dibangun diatas arsitektur AWT (Abstract Windows Toolkit). AWT adalah GUI toolkit yang dikembangkan oleh Sun engineer sebelum swing muncul. Kelemahan utama AWT adalah fleksibilitas tampilan GUI Swing toolkit menyediakan banyak sekali komponen untuk membangun aplikasi GUI desktop. Swing toolkit juga menyediakan class-class untuk menangani interaksi antara aplikasi dan user menggunakan standard input seperti keyboard dan mouse. Komponen-komponen yang disediakan swing mencakup semua GUI toolkit yang lazim digunakan dalam apilasi desktop. 1. JLabel, JTextField dan JButton memberikan keterangan penjelas terhadap komponen Input data berbentuk text (string) yang pendek digunakan user untuk menjalankan satu instruksi tertentu a. Buatlah Tampilan seperti berikut ini : Variable Name Component Text judul JLabel PERTEMUAN PERTAMA bil1 JTextField 0 bil2 JTextField 0 jumlah JButton JUMLAH hasil JTextField 0 JLabel Bilangan 1 JLabel Bilangan 2 JLabel Hasil
Mengganti Variabel Name : Klik Kanan Pada Komponen Change Variable Name Mengganti Text : Klik Kanan Pada Komponen Edit Text b. Menambahkan variable untuk menampung nilai yang akan dijumlahkan Klik tombol Source dan ketik kode dibawah deklarasi class pertemuan1: private int a, b; c. Menambahkan event pada tombol TAMBAH Klik Kanan pada tombol Events Action actionperformed Maka akan masuk ke kode sebagai berikut: Tambahkan kode sehingga menjadi sebagai berikut: Catatan : Method Integer.parseInt digunakan untuk merubah String menjadi Integer Method Integer.toString digunakan untuk merubah Integer menjadi String Method jumlahactionperformed akan dipanggil setiap kali kita menekan tombol JUMLAH. d. Tekan tombol SHIFT + F6 atau klik kanan file pertemuan1.java Run File 2. JCheckBox dan JRadioButton (JCheckBox) dan (JRadioButton) hanya bisa mempunyai dua buah kemungkinan nilai, benar atau salah. Kedua komponen ini digunakan untuk merepresentasikan data yang berupa pilihan. JCheckBox digunakan jika pilihanya berupa multiple selection, sedangkan JRadioButton digunakan jika pilihanya berupa single selection a. Buatlah JFrame yang baru dengan nama pertemuan1b b. Buatlah tampilan JCheckBox dan JRadioButton sebagai berikut Variable Name Component Text sex1 JRadioButton Laki-Laki sex2 JRadioButton Perempuan sex ButtonGroup - hoby1 JCheckBox Membaca hoby2 JCheckBox Menulis hoby3 JCheckBox Mendengar hasilsex JTextField <kosongkan> hasilhoby JTextField <kosongkan>
Ket: saat menambahkan ButtonGroup ke design maka tidak ada tampilan yang muncul tetapi perhatikan di panel Inspector terdapat ButtonGroup yang telah ditambahkan, jadi jangan bingung jika tidak tampil di design karena tampilnya di bagian Inspector seperti pada gambar berikut ini: Digunakan untuk menjadikan component sex1 dan sex2 ke dalam satu group Untuk memberikan Variable Name: Klik Kanan disini Change Variable Name c. Menjadikan satu component sex1 dan sex2 Klik sex1(laki-laki) Pilih Code Pilih Post-Creation Code Ketik: sex.add(sex1); Klik sex2(perempuan) Pilih Code Pilih Post-Creation Code Ketik: sex.add(sex2); d. Menambahkan Event di JRadioButton Klik Kanan pada component sex1(laki-laki) Event Action actionperformed Sehingga muncul kode sebagai berikut: Ubahlah kode diatas menjadi berikut ini: Klik Kanan pada component sex2(perempuan) Event Action actionperformed Sehingga muncul kode sebagai berikut:
Ubahlah kode diatas menjadi berikut ini: e. Membuat method tampilhoby Ketik di bawah method sex2ctionperformed Method ini nanti akan dipanggil setiap ada JCheckBox yang diklik f. Menambahkan event pada JCheckBox Klik kanan pada komponen hoby1 (Membacar) Event Action actionperformed Sehingga muncul kode sebagai berikut: Ubah kode untuk memanggil method tampilhoby sehingga menjadi berikut ini: LAKUKAN LANGKAH TERSEBUT (LANGKAH f) UNTUK hoby2 dan hoby3 g. Tekan tombol SHIFT + F6 atau klik kanan file pertemuan1b.java Run File
3. JList dan JComboBox JComboBox dan JList sangat fleksibel, kita dapat menambah dan menghapus item di dalamnya dengan sangat mudah. Sehingga cocok digunakan untuk merepresentasikan pilihan yang item pilihannya bersifat dinamis a. Buatlah JFrame yang baru dengan nama pertemuan1c b. Buatlah tampilan JComboBox dan JList sebagai berikut: Variable Componen Propeties Name t progdi JComboBox Model : S1-Sistem Informasi S1-Teknik Informatika D3-Manejemen Informatika D3-Teknik Komputer matkul JList Model: <isikan daftar mata kuliah> hasilprogdi JTextField Text: <kosong> hasilmatkul JTextArea Text: <kogong> Untuk menambahkan daftar baik di JComboBox (progdi) atau JList (matkul) gunakan properties Model (Lihat gambar) Daftar diketik dengan dipisahkan koma (,). untuk matkul langkahnya sama dengan progdi c. Menambahkan Event pada JComboBox progdi Klik kanan pada progdi Events > Action > actionperformed Tambahkan kode ini : hasilprogdi.settext(progdi.getselecteditem(),tostring()); d. Menambahkan Event pada JList matkul Klik kanan pada matkul Events ListSelection valuechanged
Tambahan kode e. Tekan tombol SHIFT + F6 atau klik kanan file pertemuan1c.java Run File ~ SAMPAI JUMPA MINGGU DEPAN ~