P 5 Bab 4 : GUI (Graphical User Interface) 4.1 Tujuan. 4.2 Materi. 4.3 Review OOP. : Suzuki, Ferari, Toyota, Honda, Jaguar

Transkripsi

1 P Bab : GUI (Graphical User Interface). Tujuan Mahasiswa mampu : Mengetahui pemrograman GUI dengan Java Mengetahui dan memahami berbagai GUI dalam pemrograman java. Mengetahui dan memahami pemrograman GUI dengan IDE NetBeans.. Materi Komponen GUI dalam pemrograman java :. Frame. Label. Text Field. Radio Button. Combo Box. Check Box. Button. Review OOP Class Object : Mobil : Suzuki, Ferari, Toyota, Honda, Jaguar SQ dnd_0june0@live.com -

2 . GUI Program Studi Teknik Informatika Merupakan aplikasi dalam pemrograman Java yang berbasis grafis. Dalam pemrograman Java terdapat dua kelas yang berperan dalam GUI, antara lain :. Abstract Windowing Toolkit (AWT) Di dalam paket : java.awt.. Swing Di dalam paket : javax.swing. Package swing merupakan perkembangan dari package awt di pemrograman Java sebelumnya. Java Architecture Sumber : AWT Komponen AWT dalam pemrograman Java antara lain seperti : Frame Font & Graphics Image Button Frame Class Frame merupakan class yang darinya dapat diturunkan sebuah frame (window). Di atas window ini dapat dilakukan berbagai pekerjaan grafis seperti membuat garis, kotak, lingkaran, elips, poligon, menulis teks atau menempatkan komponen antar muka grafis seperti button, check box, radio button dan lain-lain. SQ dnd_0june0@live.com -

3 Contoh : 0 Contoh Frame * ContohFrame.java */ import java.awt.*; public class ContohFrame extends Frame public static void main(string args[]) Frame f = new Frame(); f.resize(0,0); // x,y f.show(); Windows tersebut belum dapat ditutup dengan mengklik mouse pada tanda x dipojok layar. Agar windows tersebut dapat ditutup dengan Ctrl-Alt-Del diakhiri dengan EndTask. Agar suatu window dapat ditutup dengan normal (dengan mengklik x dipojok kanan atas), perlu didefinisikan suatu method handleevent() dari windows sebagai berikut : public boolean handleevent(event evt) if (evt.id == Event.WINDOW_DESTROY) System.exit(0); return false; SQ dnd_0june0@live.com -

4 Font & Graphics Kelas Font memungkinkan kita mengatur jenis huruf, ukuran huruf, model huruf (tebal,italic dan lain-lain). Contoh : setfont(new Font("Calibri", Font.BOLD, ) Keterangan : Font : Calibri Size : point - Bold (huruf normal point) Kelas Graphics merupakan class yang memungkinkan kita untuk menulis teks, menggambar garis, kotak lingkaran dan lain-lain. Beberapa method dalam class Graphics antara lain : drawstring(string s, x,y) //membuat string dikoordinat x,y drawline(x,y,x,y) //membuat garis drawrect(x,y,x,y) //membuat kotak fillrect(x,y,x,y) //mengisi kotak drawoval(x,y,width,height) //membuat lingkaran atau oval drawroundrect(x,y,x,y) //membuat kotak pojoknya bulat fillroundrect(x,y,x,y) //mengisi kotak drawpolygon(x,y,x,y) //mencetak poligon drawarc(x,y,widht,height,startangle,stopangle) Untuk menuliskan suatu string di windows pada posisi kolom x dan baris y. Koordinat layar windows adalah : 0,0 berada pada pojok kiri atas; x=jumlah point kearah kanan dan y=jumlah point kearah bawah (vertikal), seperti pada gambar berikut. Untuk drawoval apabila widht dan height sama akan menghasilkan lingkaran dan apabila tidak sama akan menghasilkan bentuk oval. Contoh : SQ dnd_0june0@live.com -

5 0 0 0 Contoh Font * ContohFont.java */ import java.awt.*; public class ContohFont extends Frame public ContohFont() settitle("contoh Font");//judul windows public void paint(graphics g) g.drawrect(0,0,00,0); g.drawstring("welcome To",0,0); g.setfont(new Font("Calibri", Font.BOLD, )); g.drawstring("univ.mercu Buana Yogyakarta ",0,0); public boolean handleevent(event evt) if (evt.id == Event.WINDOW_DESTROY) System.exit(0); return false; public static void main(string args[]) Frame f = new ContohFont(); f.resize(00,0); f.show(); Image Class abstract Image yang memungkinkan kita untuk menampilkan dan memanipulasi SQ dnd_0june0@live.com -

6 data Image dalam berbagai format, seperti GIF, PNG, BMP dan lain-lain. Beberapa method yang penting yang berhubungan dengan class Image antara lain : Toolkit.getDefaultToolkit().getImage(nmFILE) Keterangan : nmfile Yaitu untuk mengambil gambar yang tersimpan dalam file nmfile. Dalam nmfile termuat lengkap dengan nama directori dan subdirectory, kecuali file gambar kita ada pada directory yang sama dengan file program. drawimage(objekgambar,x,y,skalax,skalay,pengamatgambar); Keterangan : Parameter pertama objekgambar adalah nama objek gambar yang telah diambil dari file ke memory dengan method getimage(). Parameter kedua dan ketiga :x,y adalah koordinat pojok kiri atas dari peletakan gambar pada windows. Paramater kempat dan kelima adalah sekala horisontal dan vertikal dalam satuan point dari gambar. Contoh : 0 0 Contoh Image * ContohImage.java */ import java.awt.*; import java.awt.image.*; public class ContohImage extends Frame String nmfile="umby.png"; Image gb=toolkit.getdefaulttoolkit().getimage(nmfile); public void paint(graphics g) settitle("contoh Image"); g.setcolor(color.magenta); g.drawstring("welcome!",,0); g.drawimage(gb,0,0,this); public boolean handleevent(event evt) if (evt.id == Event.WINDOW_DESTROY) System.exit(0); return false; SQ dnd_0june0@live.com -

7 0 public static void main(string args[]) Frame f = new ContohImage(); f.resize(0,00); f.show(); Button Contoh : 0 0 Contoh Button * ContohImage.java */ import java.awt.*; public class ContohButton extends Frame public ContohButton() settitle("contoh Button"); setlayout(new FlowLayout()); add(new Button("Yellow")); add(new Button("Blue")); add(new Button("Orange")); add(new Button("Cyan")); add(new Button("Pink")); add(new Button("Red")); add(new Button("White")); SQ dnd_0june0@live.com -

8 0 0 0 public boolean handleevent(event evt) if (evt.id == Event.WINDOW_DESTROY) System.exit(0); return super.handleevent(evt); public boolean action(event evt, Object arg) if (arg.equals("yellow")) setbackground(color.yellow); else if (arg.equals("blue")) setbackground(color.blue); else if (arg.equals("orange")) setbackground(color.orange); else if (arg.equals("cyan")) setbackground(color.cyan); else if (arg.equals("pink")) setbackground(color.pink); else if (arg.equals("red")) setbackground(color.red); else if (arg.equals("white")) setbackground(color.white); else return false; repaint(); return true; public static void main(string[] args) Frame f = new ContohButton(); f.resize(0, 0); f.show(); SQ dnd_0june0@live.com -

9 . SWING Program Studi Teknik Informatika Komponen SWING dalam pemrograman Java antara lain seperti :. Frame. Label. Text Field. Radio Button. Combo Box. Check Box. Button Frame Frame merupakan tempat/bingkai untuk komponen lain ditempatkan. Komponen di dalam Java yang digunakan untuk membuat Frame adalah JFrame. Contoh Program : 0 0 Contoh Frame * ContohFrame.java */ import javax.swing.*; class ContohFrame extends JFrame // pewarisan ContohFrame() settitle("frame"); //judul di frame setlocation(00,00); //x,y setsize(0,00); //panjang,lebar //mengaktifkan button close di frame setdefaultcloseoperation(jframe.exit_on_close); setvisible(true); //menampilkan frame public static void main(string[]args) ContohFrame sq=new ContohFrame(); //object baru SQ dnd_0june0@live.com -

10 Label Label merupakan komponen yang digunakan untuk membuat tulisan di frame. Komponen di dalam Java yang digunakan untuk membuat Label adalah JLabel. Contoh Program : Contoh Label * ContohLabel.java */ import javax.swing.*; class ContohLabel extends JFrame // pewarisan //membuat object labelcontoh JLabel labelcontoh=new JLabel("Label"); ContohLabel() settitle("label"); //judul di frame setlocation(00,00); //x,y setsize(0,00); //panjang,lebar //mengaktifkan button close di frame setdefaultcloseoperation(jframe.exit_on_close); void GUI() //mengatur letak komponen, null=koordinat manual getcontentpane().setlayout(null); // meletakkan object labelcontoh di Frame getcontentpane().add(labelcontoh); // x,y,lebar,tinggi labelcontoh.setbounds(0,0,0,0); setvisible(true); //menampilkan frame public static void main(string[]args) ContohLabel sq=new ContohLabel(); //object baru sq.gui(); // memanggil method GUI SQ dnd_0june0@live.com - 0

11 Text Field Text Field merupakan komponen yang digunakan untuk memberikan input terhadap program dalam bentuk teks (String). Komponen di dalam Java yang digunakan untuk membuat Text Field adalah JTextField. Contoh program : Contoh TextField * ContohTextField.java */ import javax.swing.*; class ContohTextField extends JFrame // pewarisan //membuat object textcontoh, =lebar JTextField textcontoh=new JTextField(); ContohTextField() settitle("text Field"); //judul di frame setlocation(00,00); //x,y setsize(0,0); //panjang,lebar //mengaktifkan button close di frame setdefaultcloseoperation(jframe.exit_on_close); void GUI() //mengatur letak komponen, null=koordinat manual getcontentpane().setlayout(null); // meletakkan object textcontoh di Frame getcontentpane().add(textcontoh); // x,y,lebar,tinggi textcontoh.setbounds(0,0,0,0); setvisible(true); //menampilkan frame public static void main(string[]args) //object baru ContohTextField sq=new ContohTextField(); sq.gui(); // memanggil method GUI SQ dnd_0june0@live.com -

12 Radio Button Radio Button merupakan komponen yang digunakan untuk memberikan input terhadap program dalam bentuk pilihan. Komponen di dalam Java yang digunakan untuk membuat Radio Button adalah JRadioButton. Contoh program : Contoh Radio Button * ContohRadioButton.java */ import javax.swing.*; class ContohRadioButton extends JFrame // pewarisan //membuat object radiocontoh JRadioButton radiocontoh=new JRadioButton("Radio "); JRadioButton radiocontoh=new JRadioButton("Radio "); //menyatukan object ButtonGroup groupcontoh=new ButtonGroup(); ContohRadioButton() settitle("radio Button"); //judul di frame setlocation(00,00); //x,y setsize(0,0); //panjang,lebar //mengaktifkan button close di frame setdefaultcloseoperation(jframe.exit_on_close); void GUI() //mengatur letak komponen, null = koordinat manual getcontentpane().setlayout(null); // meletakkan object radiocontoh di Frame getcontentpane().add(radiocontoh); //x,y,lebar,tinggi radiocontoh.setbounds(0,0,0,0); getcontentpane().add(radiocontoh); radiocontoh.setbounds(0,0,0,0); groupcontoh.add(radiocontoh); //menyatukan object groupcontoh.add(radiocontoh); setvisible(true); //menampilkan frame public static void main(string[]args) //object baru ContohRadioButton sq=new ContohRadioButton(); sq.gui(); // memanggil method GUI SQ dnd_0june0@live.com -

13 Combo Box Combo Box merupakan komponen yang digunakan untuk memberikan input terhadap program dalam bentuk pilihan. Komponen di dalam Java yang digunakan untuk membuat Combo Box adalah JComboBox. Contoh program : Contoh Combo Box * ContohComboBox.java */ import javax.swing.*; class ContohComboBox extends JFrame // pewarisan //membuat object combocontoh String[] Contoh="ComboBox","ComboBox","ComboBox"; JComboBox combocontoh=new JComboBox(Contoh); ContohComboBox() settitle("combo Box"); //judul di frame setlocation(00,00); //x,y setsize(0,0); //panjang,lebar //mengaktifkan button close di frame setdefaultcloseoperation(jframe.exit_on_close); setvisible(true); //menampilkan frame void GUI() //mengatur letak komponen, null = koordinat manual getcontentpane().setlayout(null); // meletakkan object combocontoh di Frame getcontentpane().add(combocontoh); //x,y,lebar,tinggi combocontoh.setbounds(0,0,0,0); SQ dnd_0june0@live.com -

14 0 setvisible(true); //menampilkan frame public static void main(string[]args) //object baru ContohComboBox sq=new ContohComboBox(); sq.gui(); // memanggil method GUI Check Box Check Box merupakan komponen yang digunakan untuk memberikan input terhadap program dalam bentuk pilihan check. Komponen di dalam Java yang digunakan untuk membuat Check Box adalah JCheckBox. Contoh program : 0 Contoh Check Box * ContohCheckBox.java */ import javax.swing.*; class ContohCheckBox extends JFrame // pewarisan //membuat object checkcontoh JCheckBox checkcontoh=new JCheckBox("CheckBox "); JCheckBox checkcontoh=new JCheckBox("CheckBox "); //menyatukan object ButtonGroup groupcontoh=new ButtonGroup(); JPanel panel= new JPanel(); ContohCheckBox() settitle("check Box"); //judul di frame setlocation(00,00); //x,y SQ dnd_0june0@live.com -

15 0 0 0 setsize(0,0); //panjang,lebar //mengaktifkan button close di frame setdefaultcloseoperation(jframe.exit_on_close); void GUI() //mengatur letak komponen, null = koordinat manual getcontentpane().setlayout(null); // meletakkan object checkcontoh di Frame getcontentpane().add(checkcontoh); //x,y,lebar,tinggi checkcontoh.setbounds(0,0,0,0); getcontentpane().add(checkcontoh); checkcontoh.setbounds(0,0,0,0); groupcontoh.add(checkcontoh); //menyatukan object groupcontoh.add(checkcontoh); setvisible(true); //menampilkan frame public static void main(string[]args) //object baru ContohCheckBox sq=new ContohCheckBox(); sq.gui(); // memanggil method GUI Button Button merupakan komponen berbentuk tombol yang digunakan untuk melakukan eksekusi terhadap program. Komponen di dalam Java yang digunakan untuk membuat Button adalah JButton. Contoh Program : Contoh Button * ContohButton.java SQ dnd_0june0@live.com -

16 */ import javax.swing.*; class ContohButton extends JFrame // pewarisan //membuat object buttonsave JButton buttoncontoh=new JButton("Button"); ContohButton() settitle("button"); //judul di frame setlocation(00,00); //x,y setsize(0,0); //panjang,lebar //mengaktifkan button close di frame setdefaultcloseoperation(jframe.exit_on_close); void GUI() //mengatur letak komponen, null = koordinat manual getcontentpane().setlayout(null); // meletakkan object buttoncontoh di Frame getcontentpane().add(buttoncontoh); //x,y,lebar,tinggi buttoncontoh.setbounds(0,0,00,0); setvisible(true); //menampilkan frame public static void main(string[]args) ContohButton sq=new ContohButton(); //object baru sq.gui(); // memanggil method GUI SQ dnd_0june0@live.com -

17 . Tugas Program Studi Teknik Informatika Soal : Buat code program berbasis GUI dengan mengimplementasikan AWT &. SWING dengan menggunakan editor text (Geany, Gedit, dll). Sketsa Ketentuan tugas :. Tugas dikerjakan secara individu. Tidak boleh menggunakan identifier (object, class, method) seperti yang tercantum dalam contoh program pada pembahasan di atas.. Jika ketentuan pada poin tidak diikuti, secara otomatis dianggap tidak mengerjakan tugas (tugas tidak di terima). SQ dnd_0june0@live.com -

18 Pengumpulan : Tugas di kumpulkan paling lambat : Date : October 0 Time : : WIB Tugas dikumpulkan melalui dengan ketentuan sebagai berikut : File Name & Mail Subject : Kelas : P_Java_-NIM Ex File Name : P_Java_-0.odt Ex Mail Subject : P_Java_-0 Kelas : P_Java_-NIM Ex File Name : P_Java_-0.odt Ex Mail Subject : P_Java_-0 Kelas : dnd_0june0@live.com Kelas : dnd_0june0@yahoo.com Jika Fie Name & Mail Subject tidak sesuai ketentuan secara otomatis dianggap tidak mengerjakan tugas (tugas tidak di terima) SQ dnd_0june0@live.com -