5.1 PENDAHULUAN
Pada BAB 6 ini akan dikemukakan pengetahuan dasar mengenai komponen-komponen apa saja yang terdapat di dalam pembuatan GUI.melalui bab ini diharapkan kita akan memahami dengan benar komponen yang terdapat didalamnya , bagaimana cara membuatnya serta langkah-langkah dalam pembuatannya untuk mempercepat proses kita bekerja.
5.2 TUJUAN
1. Mahasiswa dapat menggunakan pallete
2. Mengetahui Step By step Cara Mengunakan Setiap Komponen
3. Mengulang Component yang Sudah di pelajari => Jlabel, JTextField, JButton, JRadioButton, ButtonGroup, JTextArea, JCheckBox, JComboBox, JMenuBar Dan JMenuItem
5.3 DASAR TEORI
Java Swing => Pada awalnya kata swing digunakan untuk menyebut proyek yang mendevelop komponen- komponen baru dalam bahasa pemograman java, oleh karena komponen pada java swing banyak di kembangkan dari komponen yang sebelumnya yaitu java awt (Abstract windowing toolkit).
AWT adalah GUI toolkit yang dikembangkan oleh Sun engineer sebelum swing muncul. Kelemahan utama AWT adalah fleksibilitas tampilan GUI, seperti painting method yang masih sangat primitif. Komponen AWT diletakkan dalam satu package yaitu java.awt, didalamnya terdapat komponen-komponen GUI dasar, salah satunya adalah Component. Class Component adalah moyang dari sebagian besar komponen AWT maupun Swing. CheckBox, Label, Button dan beberapa komponen AWT lainnya adalah turunan langsung dari class Component.
Namun dalam kenyataanya 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.
Swing Controls
JRadioButton => Komponen yang digunakan ketika user ingin memilih salah satu diantara beberapa pilihan
ButtonGroup => digunakan sebagai group / kelompok dari pilihan-pilihan yang ada pada RadioButton
JTextArea => Menampilkan text lebih dari satu baris.
JCheckBox => item yang dapat di pilih atau tidak oleh pengguna korespondensi pada checkbox class dalam package AWT
Jlabel => berasal dari package Swing, yang berguna untuk membuat label atau keterangan serta menjelaskan komponen GUI, atau dengan kata lain menambahkan komentar pada suatu frame di GUI.
JtextField => Mengijinkan untuk Mengedit text satu baris. Korespondensi pada textfield class dalam package AWT.
Jbutton => Tombol “Push”. Korespondesi pada button class dalam package AWT
JMenuBar => class yang digunakan untuk menampung JMenu. JMenu dapat menampung satu atau lebih JMenuItem.
JMenuItem => bagian terluar dari struktur menu yang tidak bias mempunyai child.
JComboBox => Menampilkan suatu item dalam bentuk menu kebawah atau drop down list.
5.4 LANGKAH KERJA
1) JCheckBox dan JRadioButton berfungsi untuk membuat pilihan pada pemrograman Java JTextArea mempunyai fungsi yang sama dengan JTextField tapi JTextArea bisa menampilkan text dalam bentuk paragraph.
Desain Form
2) Untuk membuat Menu dan Save gunakan jMenuBar yang bias didapat dari Swing Menu kemudian Drop dan Drag Menu Bar ketempat yang diinginkan.
Untuk membuat Menu Savenya caranya Klik kanan pada Menu Add Form Palette Menu Item
Kemudia Rename namanya Menjadi Save, selanjutnya untuk membuat codding Savenya klik kanan pada Save Event Action actionPerformed
Coddingnya:
Analisa: Deklarai variabel simpan sebagai FileWriter dengan nilai kosong (null).
Mendeklarasikan variabel simpan sebagai FileWriter yang membuat output file dengan nama Laporan 6.txt pada drive E:\Laporan 6.txt
jTextArea membuat file berdasarkan deklarasi dan variabel simpan.
3) Berikutnya buat combo box untuk Tanggal Lahir caranya Klik kanan Pada Comboboxnya Properties.
Berikut ComboBox untuk Tanggal
Sesudah membuat Listnya Berikutnya buat coddinggannya Dengan Cara Klik kanan Pada ComboBoxnya Event Action actionPerformed
Coddingnya:
Analisa: Pada jComboBox1ActionPerformed yang mana merupakan Comboboxnya Tanggal, Jika pada jComboBox1 di pilih item Tanggal 01 maka jTextArea1 akan menampilkan Tanggal 01.
Untuk Bulan
Sesudah membuat Listnya Berikutnya buat coddinggannya Dengan Cara Klik kanan Pada ComboBoxnya Event Action actionPerformed
Coddingnya:
Analisa: Pada jComboBox2ActionPerformed yang mana merupakan Comboboxnya Bulan, Jika pada jComboBox2 di pilih item January maka jTextArea1 akan menampilkan January.
Untuk Tahun
Sesudah membuat Listnya Berikutnya buat coddinggannya Dengan Cara Klik kanan Pada ComboBoxnya Event Action actionPerformed
Coddingnya:
Analisa: Pada jComboBox3ActionPerformed yang mana merupakan Comboboxnya Tahun, Jika pada jComboBox3 di pilih item 1995 maka jTextArea1 akan menampilkan 1995.
4) Berikutnya buat combo box untuk Hobi caranya Klik kanan Pada Comboboxnya Properties.
Kemudian Buat Listnya
Sesudah membuat Listnya Berikutnya buat coddinggannya Dengan Cara Klik kanan Pada ComboBoxnya Event Action actionPerformed
Coddingnya:
Analisa: Pada jComboBox4ActionPerformed yang mana merupakan Comboboxnya Hobi, Jika pada jComboBox4 di pilih item Futsal maka jTextArea1 akan menampilkan Futsal.
5) Berikutnya buat combo box untuk Makanan Kesukaan caranya Klik kanan Pada Comboboxnya Properties, kemudia isikan Listnya Pada Model.
Sesudah membuat Listnya Berikutnya buat coddinggannya Dengan Cara Klik kanan Pada ComboBoxnya Event Action actionPerformed
Codding:
Analisa: Pada jComboBox5ActionPerformed yang mana merupakan Comboboxnya Makanan Kesukaan, Jika pada jComboBox5 di pilih item Nasi Goreng maka jTextArea2 akan menampilkan Nasi Goreng.
6) Berikutnya buat combo box untuk Minuman Kesukaan caranya Klik kanan Pada Comboboxnya Properties, kemudia isikan Listnya Pada Model.
Sesudah membuat Listnya Berikutnya buat coddinggannya Dengan Cara Klik kanan Pada ComboBoxnya Event Action actionPerformed
Coddingnya:
Analisa: Pada jComboBox6ActionPerformed yang mana merupakan Comboboxnya Minuman Kesukaan, Jika pada jComboBox6 di pilih item Air Putih maka jTextArea2 akan menampilkan Air Putih.
7) Ubah properties jRadioButton1 dan jRadioButton2 pada baris buttonGroup menjadi buttonGroup1, seperti gambar berikut :
8) Berikutnya untuk membuat Font Tebal atau biasa Klik kanan pada jCheckBox1, pilih Events Change stateChanged
Kemudian Tuliskan Codding berikut:
Analisa: Coding ini memiliki event stateChange yang bermaksud apabila kotak CheckBox dicentang maka tampilan akan berubah.
Script diatas maksutnya adalah apabila jCheckBox1 di centang maka teksnya akan berubah menjadi Ya, apabila tidak dicentang teksnya tetap Tidak.
9) Berikutnya membuat List Font Caranya Klik kanan Pada Comboboxnya Properties, kemudian isikan List fontnya Pada Model.
Sesudah membuat Listnya Berikutnya buat coddinggannya Dengan Cara Klik kanan Pada ComboBoxnya Event Action actionPerformed
Setelah itu Isikan coddinggannya seperti berikut:
Analisa: Pada jComboBox7ActionPerformed, Jika pada jComboBox7 di pilih item font Time New Roman maka jTextArea1 dan jTextArea2 akan dirubah style font menjadi Time New Roman.
10) Berikutnya membuat list Ukuran font Caranya Klik kanan Pada Comboboxnya Properties, kemudian isikan List Ukuran fontnya Pada Model.
Sesudah membuat Listnya Berikutnya buat coddinggannya Dengan Cara Klik kanan Pada ComboBoxnya Event Action actionPerformed
Coddingnya:
Analisa: Pada jComboBox8ActionPerformed, jika pada jComboBox8 di pilih item 12 maka pada jTextArea1 dan jTextArea2 ukuran fontnya menjadi 12
11) Berikutnya membuat list Warna font Caranya Klik kanan Pada Comboboxnya Properties, kemudian isikan List Warna fontnya Pada Model.
Sesudah membuat Listnya Berikutnya buat coddinggannya Dengan Cara Klik kanan Pada ComboBoxnya Event Action actionPerformed
Coddingnya:
Analisa: Pada jComboBox9ActionPerfomed jika jComboBox9 di pilih item Hijau, maka pada jTextArea1dan jTextArea2 di set menjadi warne Hijau (Green)
12) Berikutnya Membuat Button Tampilkan caranya Klik kanan jButton1, Events > Mouse > mouseClicked.
Kemudian Tuliskan Coddingnya:
Font biasa= new Font("Comic Sans MS ".Font.PLAIN.J2);
Script diatas untuk mengatur jenis dan ukuran font. Jangan lupa di baris paling awal kode ditambahkan import java.awt.Font agar font dapat berkerja.
Coding berikutnya jika jRadioButton dan jCheckBox di centang maka jTextArea akan menerima input dari jTextField yang berupa nama, tempat lahir, tanggal lahir, dan hoby akan tambil di jTextArea1 sedangkan pada jTextArea2 akan tampil makanan kesukaan, minuman kesukaan, Jenis kelamin dan alamat dari jRadioButton yang dipilih dan jCheckBox yang berjenis huruf tebal atau biasa.
Hasil Program:
Tebal
Biasa
Hasil Savenya
5.5 KESIMPULAN
Kotak centang (check box) yang dikonstruksi dari kelas JCheckBox tersebut digunakan untuk mengatur tampilan teks di label. Kita dapat memberi centang atau menghilangkan centang di tempat tombol check box yang tersedia untuk membuat tampilan font menjadi tebal atau biasa.
JCheckBox dan JRadioButton berfungsi untuk membuat sebuah pilihan dalam program java. JTextArea mempunyai fungsi yang sama dengan JTexfield tapi JTextArea bisa menampilkan dalam bentuk Paragraf.
Dan ketika Save ditekan yang ada pada bagian menu maka semua hasil output pada jTextArea akan di simpan ke Drive yang sudah di set didalam program.
Pada BAB 6 ini akan dikemukakan pengetahuan dasar mengenai komponen-komponen apa saja yang terdapat di dalam pembuatan GUI.melalui bab ini diharapkan kita akan memahami dengan benar komponen yang terdapat didalamnya , bagaimana cara membuatnya serta langkah-langkah dalam pembuatannya untuk mempercepat proses kita bekerja.
5.2 TUJUAN
1. Mahasiswa dapat menggunakan pallete
2. Mengetahui Step By step Cara Mengunakan Setiap Komponen
3. Mengulang Component yang Sudah di pelajari => Jlabel, JTextField, JButton, JRadioButton, ButtonGroup, JTextArea, JCheckBox, JComboBox, JMenuBar Dan JMenuItem
5.3 DASAR TEORI
Java Swing => Pada awalnya kata swing digunakan untuk menyebut proyek yang mendevelop komponen- komponen baru dalam bahasa pemograman java, oleh karena komponen pada java swing banyak di kembangkan dari komponen yang sebelumnya yaitu java awt (Abstract windowing toolkit).
AWT adalah GUI toolkit yang dikembangkan oleh Sun engineer sebelum swing muncul. Kelemahan utama AWT adalah fleksibilitas tampilan GUI, seperti painting method yang masih sangat primitif. Komponen AWT diletakkan dalam satu package yaitu java.awt, didalamnya terdapat komponen-komponen GUI dasar, salah satunya adalah Component. Class Component adalah moyang dari sebagian besar komponen AWT maupun Swing. CheckBox, Label, Button dan beberapa komponen AWT lainnya adalah turunan langsung dari class Component.
Namun dalam kenyataanya 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.
Swing Controls
JRadioButton => Komponen yang digunakan ketika user ingin memilih salah satu diantara beberapa pilihan
ButtonGroup => digunakan sebagai group / kelompok dari pilihan-pilihan yang ada pada RadioButton
JTextArea => Menampilkan text lebih dari satu baris.
JCheckBox => item yang dapat di pilih atau tidak oleh pengguna korespondensi pada checkbox class dalam package AWT
Jlabel => berasal dari package Swing, yang berguna untuk membuat label atau keterangan serta menjelaskan komponen GUI, atau dengan kata lain menambahkan komentar pada suatu frame di GUI.
JtextField => Mengijinkan untuk Mengedit text satu baris. Korespondensi pada textfield class dalam package AWT.
Jbutton => Tombol “Push”. Korespondesi pada button class dalam package AWT
JMenuBar => class yang digunakan untuk menampung JMenu. JMenu dapat menampung satu atau lebih JMenuItem.
JMenuItem => bagian terluar dari struktur menu yang tidak bias mempunyai child.
JComboBox => Menampilkan suatu item dalam bentuk menu kebawah atau drop down list.
5.4 LANGKAH KERJA
1) JCheckBox dan JRadioButton berfungsi untuk membuat pilihan pada pemrograman Java JTextArea mempunyai fungsi yang sama dengan JTextField tapi JTextArea bisa menampilkan text dalam bentuk paragraph.
Desain Form
2) Untuk membuat Menu dan Save gunakan jMenuBar yang bias didapat dari Swing Menu kemudian Drop dan Drag Menu Bar ketempat yang diinginkan.
Untuk membuat Menu Savenya caranya Klik kanan pada Menu Add Form Palette Menu Item
Kemudia Rename namanya Menjadi Save, selanjutnya untuk membuat codding Savenya klik kanan pada Save Event Action actionPerformed
Coddingnya:
Analisa: Deklarai variabel simpan sebagai FileWriter dengan nilai kosong (null).
Mendeklarasikan variabel simpan sebagai FileWriter yang membuat output file dengan nama Laporan 6.txt pada drive E:\Laporan 6.txt
jTextArea membuat file berdasarkan deklarasi dan variabel simpan.
3) Berikutnya buat combo box untuk Tanggal Lahir caranya Klik kanan Pada Comboboxnya Properties.
Analisa: Pada jComboBox1ActionPerformed yang mana merupakan Comboboxnya Tanggal, Jika pada jComboBox1 di pilih item Tanggal 01 maka jTextArea1 akan menampilkan Tanggal 01.
Untuk Bulan
Sesudah membuat Listnya Berikutnya buat coddinggannya Dengan Cara Klik kanan Pada ComboBoxnya Event Action actionPerformed
Coddingnya:
Analisa: Pada jComboBox2ActionPerformed yang mana merupakan Comboboxnya Bulan, Jika pada jComboBox2 di pilih item January maka jTextArea1 akan menampilkan January.
Untuk Tahun
Sesudah membuat Listnya Berikutnya buat coddinggannya Dengan Cara Klik kanan Pada ComboBoxnya Event Action actionPerformed
Coddingnya:
Analisa: Pada jComboBox3ActionPerformed yang mana merupakan Comboboxnya Tahun, Jika pada jComboBox3 di pilih item 1995 maka jTextArea1 akan menampilkan 1995.
4) Berikutnya buat combo box untuk Hobi caranya Klik kanan Pada Comboboxnya Properties.
Kemudian Buat Listnya
Sesudah membuat Listnya Berikutnya buat coddinggannya Dengan Cara Klik kanan Pada ComboBoxnya Event Action actionPerformed
Coddingnya:
Analisa: Pada jComboBox4ActionPerformed yang mana merupakan Comboboxnya Hobi, Jika pada jComboBox4 di pilih item Futsal maka jTextArea1 akan menampilkan Futsal.
5) Berikutnya buat combo box untuk Makanan Kesukaan caranya Klik kanan Pada Comboboxnya Properties, kemudia isikan Listnya Pada Model.
Sesudah membuat Listnya Berikutnya buat coddinggannya Dengan Cara Klik kanan Pada ComboBoxnya Event Action actionPerformed
Codding:
Analisa: Pada jComboBox5ActionPerformed yang mana merupakan Comboboxnya Makanan Kesukaan, Jika pada jComboBox5 di pilih item Nasi Goreng maka jTextArea2 akan menampilkan Nasi Goreng.
6) Berikutnya buat combo box untuk Minuman Kesukaan caranya Klik kanan Pada Comboboxnya Properties, kemudia isikan Listnya Pada Model.
Sesudah membuat Listnya Berikutnya buat coddinggannya Dengan Cara Klik kanan Pada ComboBoxnya Event Action actionPerformed
Coddingnya:
Analisa: Pada jComboBox6ActionPerformed yang mana merupakan Comboboxnya Minuman Kesukaan, Jika pada jComboBox6 di pilih item Air Putih maka jTextArea2 akan menampilkan Air Putih.
7) Ubah properties jRadioButton1 dan jRadioButton2 pada baris buttonGroup menjadi buttonGroup1, seperti gambar berikut :
8) Berikutnya untuk membuat Font Tebal atau biasa Klik kanan pada jCheckBox1, pilih Events Change stateChanged
Kemudian Tuliskan Codding berikut:
Analisa: Coding ini memiliki event stateChange yang bermaksud apabila kotak CheckBox dicentang maka tampilan akan berubah.
Script diatas maksutnya adalah apabila jCheckBox1 di centang maka teksnya akan berubah menjadi Ya, apabila tidak dicentang teksnya tetap Tidak.
9) Berikutnya membuat List Font Caranya Klik kanan Pada Comboboxnya Properties, kemudian isikan List fontnya Pada Model.
Sesudah membuat Listnya Berikutnya buat coddinggannya Dengan Cara Klik kanan Pada ComboBoxnya Event Action actionPerformed
Analisa: Pada jComboBox7ActionPerformed, Jika pada jComboBox7 di pilih item font Time New Roman maka jTextArea1 dan jTextArea2 akan dirubah style font menjadi Time New Roman.
10) Berikutnya membuat list Ukuran font Caranya Klik kanan Pada Comboboxnya Properties, kemudian isikan List Ukuran fontnya Pada Model.
Sesudah membuat Listnya Berikutnya buat coddinggannya Dengan Cara Klik kanan Pada ComboBoxnya Event Action actionPerformed
Coddingnya:
Analisa: Pada jComboBox8ActionPerformed, jika pada jComboBox8 di pilih item 12 maka pada jTextArea1 dan jTextArea2 ukuran fontnya menjadi 12
11) Berikutnya membuat list Warna font Caranya Klik kanan Pada Comboboxnya Properties, kemudian isikan List Warna fontnya Pada Model.
Sesudah membuat Listnya Berikutnya buat coddinggannya Dengan Cara Klik kanan Pada ComboBoxnya Event Action actionPerformed
Coddingnya:
Analisa: Pada jComboBox9ActionPerfomed jika jComboBox9 di pilih item Hijau, maka pada jTextArea1dan jTextArea2 di set menjadi warne Hijau (Green)
12) Berikutnya Membuat Button Tampilkan caranya Klik kanan jButton1, Events > Mouse > mouseClicked.
Kemudian Tuliskan Coddingnya:
Analisa: Koding ini memiliki Event mouseClicked, apabila jButton di klik maka akan melaksanakan kode program selanjutnya.
Font tebal= new Font("Comic Sans MS".Font.BOLD.J2);Font biasa= new Font("Comic Sans MS ".Font.PLAIN.J2);
Script diatas untuk mengatur jenis dan ukuran font. Jangan lupa di baris paling awal kode ditambahkan import java.awt.Font agar font dapat berkerja.
Coding berikutnya jika jRadioButton dan jCheckBox di centang maka jTextArea akan menerima input dari jTextField yang berupa nama, tempat lahir, tanggal lahir, dan hoby akan tambil di jTextArea1 sedangkan pada jTextArea2 akan tampil makanan kesukaan, minuman kesukaan, Jenis kelamin dan alamat dari jRadioButton yang dipilih dan jCheckBox yang berjenis huruf tebal atau biasa.
Hasil Program:
Tebal
Biasa
Hasil Savenya
5.5 KESIMPULAN
Kotak centang (check box) yang dikonstruksi dari kelas JCheckBox tersebut digunakan untuk mengatur tampilan teks di label. Kita dapat memberi centang atau menghilangkan centang di tempat tombol check box yang tersedia untuk membuat tampilan font menjadi tebal atau biasa.
JCheckBox dan JRadioButton berfungsi untuk membuat sebuah pilihan dalam program java. JTextArea mempunyai fungsi yang sama dengan JTexfield tapi JTextArea bisa menampilkan dalam bentuk Paragraf.
Dan ketika Save ditekan yang ada pada bagian menu maka semua hasil output pada jTextArea akan di simpan ke Drive yang sudah di set didalam program.