MODUL PRAKTIKUM PERANCANGAN SISTEM II

Ukuran: px

Mulai penontonan dengan halaman:

Download "MODUL PRAKTIKUM PERANCANGAN SISTEM II"

Indra Cahyadi
5 tahun lalu
Tontonan:

1 MODUL PRAKTIKUM PERANCANGAN SISTEM II GUI (GRAPHICAL USER INTERFACE) DISUSUN OLEH : Astrid Lestari Tungadi, S.Kom., M.TI. FAKULTAS TEKNOLOGI INFORMASI UNIVERSITAS ATMA JAYA MAKASSAR 2018

2 Beberapa objek antarmuka klasik dapat diakses dari pustaka java.awt.*, yaitu pustaka yang menyediakan berbagai objek yang termasuk kelompok abstract window toolkit (awt). Objek-objek pada awt ialah sebagai berikut : Container Container adalah wadah yang bisa diisi dengan komponen lain (bahkan dengan wadah lain). Ada dua macam wadah yang tersedia, yaitu panel yang merupakan jendela untuk menampilkan suatu applet dan window yang menampilkan suatu jendela dalam bentuk frame (bingkai) atau jendela dialog. Text Component Text Component adalah komponen yang dapat dipakai untuk menerima dan menampilkan teks. Ada dua macam text component yang tersedia, yaitu textfield dipakai untuk teks yang hanya sebaris dan textarea dipakai untuk teks yang terdiri dari beberapa baris. Button Button adalah komponen yang dipakai untuk membuat tombol yang diklik dengan mouse. Checkbox Checkbox adalah komponen yang mirip tombol, tetapi menyajikan beberapa pilihan yang salah satunya bisa dipilih dengan tanda cek. Choice Choice adalah komponen untuk menciptakan daftar pilihan dalam drop down. Label Label adalah komponen untuk menampilkan label teks, seperti judul daftar. List List adalah komponen untuk menciptakan pilihan dalam bentuk daftar. Scrollbar Scrollbar adalah komponen yang bisa ditempatkan dalam satu wadah agar isi wadah bisa digeser. Ada lima langkah utama untuk menciptakan elemen GUI dalam bahasa pemrograman Java, ialah sebagai berikut : 1. Sediakan wadah untuk elemen, yaitu container berupa panel atau frame. 2. Ciptakan komponen yang digunakan, yaitu dengan memanggil konstruktornya. Misalnya : Button Ok = new Button( OK ); 3. Tempelkan komponen tersebut pada wadahnya. Misalnya : this.add(ok); 4. Atur letak komponen (layout) tersebut pada wadahnya. 5. Tangani kejadian (event handling) yang ditimbulkan oleh komponen. Komponen atau objek GUI harus ditempatkan pada suatu wadah ketika akan ditampilkan. Ada dua macam wadah yang umum digunakan dalam bahasa pemrograman Java, yaitu frame dan panel. Frame dibentuk apabila GUI akan ditampilkan sebagai program aplikasi. Dalam hal ini frame berfungsi sebagai jendela tampilan. Panel diperlukan untuk menempatkan objek. Apabila GUI akan ditampilkan sebagai applet, maka hanya diperlukan panel karena bingkai atau jendela dibuat oleh applet melalui file HTML.

3 Frame win = new Frame( Contoh Jendela ); win.add(new Button( Start )); win.add(new Button( Stop )); contoh membuat frame public class nama_aplikasi extends Frame //deklarasi variabel global... //buat sebuah constructor frame public nama_aplikasi (String title) super(title); //ciptakan komponen GUI... public boolean eventhandler (Event evt) //instruksi yang menghandle event object... //fungsi main() dari aplikasi public static void main(string[] args) Frame win = new nama_aplikasi( Title ); win.pack(); win.resize(300, 300); win.show(); contoh pendefinisian kelas aplikasi Java yang memakai frame Panel adalah wadah (container) yang serupa dengan frame, namun panel banyak digunakan untuk menempatkan objek-objek GUI, baik di dalam program aplikasi maupun pada program applet. Panel mypanel = new Panel(); mypanel.add(new Button( Start )); mypanel.add(new Button( Stop )); contoh membuat panel Label adalah komponen paling sederhana, diciptakan dari deretan karakter (string) dan dipakai untuk memberi label pada komponen lain. Perintah untuk menciptakannya adalah sebagai berikut : a. Label() menciptakan label kosong. b. Label(String) menciptakan label berupa string yang diberikan dan letaknya rata kiri.

4 c. Label(String, int) menciptakan label dari string yang diberikan dengan modus perataan antara lain label.left, label.right, dan label.center. Button adalah tombol yang diklik dengan mouse. Perintah untuk menciptakannya adalah sebagai berikut : a. Button() menciptakan tombol tanpa nama. b. Button(String) menciptakan tombol dengan nama sesuai dengan string yang diberikan. TextField adalah komponen yang bisa dipakai sebagai wadah untuk menerima masukan dari pengguna melalui keyboard, misalnya untuk menerima nama, alamat, dan sebagainya. TextField Nama = new TextField(20); this.add(nama); contoh membuat textfield TextArea adalah komponen yang bisa dipakai sebagai wadah untuk menerima masukan dari pengguna melalui keyboard yang terdiri atas beberapa baris, sehingga biasanya didefinisikan dengan lebar dan tinggi arealnya. Perintah untuk menciptakannya adalah sebagai berikut : a. TextArea() menciptakan textarea kosong. b. TextArea(baris, kolom) menciptakan textarea dengan sejumlah baris dan kolom yang diberikan. c. TextArea(string) menciptakan textarea dan menampilkan string yang diberikan. d. TextArea(string, baris, kolom) menciptakan textarea dengan sejumlah baris dan kolom kemudian menampilkan string yang diberikan. Checkbox adalah cara lain untuk memberi pilihan kepada pemakai program, yang mana pemakai bisa mengklik pilihan on (checked) atau off (unchecked). Perintah untuk menciptakannya adalah sebagai berikut : a. Checkbox() menciptakan checkbox kosong. b. Checkbox(string) menciptakan checkbox yang memiliki label string. c. Checkbox(string, null/group, boolean) menciptakan checkbox yang memiliki label string, tanpa grup (null) atau dengan grup (nama grup dipasang), dan label tersebut tampil dipilih (boolean true) atau tidak terpilih (boolean false). Scrollbar adalah komponen untuk melakukan pergeseran pada suatu tampilan agar bisa bergeser ke atas, ke bawah, ke kiri, atau ke kanan. Ada dua macam orientasi scrollbar, yaitu tegak (vertikal) dan datar (horizontal), kemudian kedua ujungnya bisa diasosiasikan

5 dengan suatu nilai minimum, yang lain dengan nilai maksimum. Perintah untuk menciptakannya adalah sebagai berikut : a. Scrollbar() menciptakan scrollbar default. b. Scrollbar(orientasi) menciptakan scrollbar, bisa dipilih tegak (VERTICAL) atau datar (HORIZONTAL). c. Scrollbar(orientasi, posisi, perubahan, minimum, maximum) menciptakan scrollbar dengan pengaturan lengkap, dengan jenis orientasi, posisi awal, perubahan setiap diklik, nilai minimum, dan nilai maksimum. CONTOH /* * To change this template, choose Tools Templates * and open the template in the editor. */ import java.awt.*; /** * alt */ public class KomponenGUI extends Frame //definisi komponen Button ok, cancel; List list; Choice choice; CheckboxGroup checkbox_group; Checkbox[] checkboxes; TextField textfield; TextArea textarea; Scrollbar scroll1; Scrollbar scroll2; Label label; Panel panel1, panel2; Panel buttonpanel; //constructor public KomponenGUI(String title) super(title); //menciptakan elemen //1. Button ok = new Button("OK"); cancel = new Button("Cancel"); //2. Choice choice = new Choice(); choice.additem("merah"); choice.additem("pink"); choice.additem("purple"); //3. Checkbox

6 checkbox_group = new CheckboxGroup(); checkboxes = new Checkbox[3]; checkboxes[0] = new Checkbox("vanilla", checkbox_group, false); checkboxes[1] = new Checkbox("chocolate", checkbox_group, true); checkboxes[2] = new Checkbox("strawberry", checkbox_group, false); //4. List list = new List(3, true); list.additem("java"); list.additem("c++"); list.additem("pascal"); list.additem("visual Basic"); //5. Textfield textfield = new TextField(15); //6. Textarea textarea = new TextArea(6, 30); textarea.settext("teks yang ditampilkan dalam textarea ini \n tidak bisa diedit"); textarea.seteditable(false); //7. Scrollbar scroll1 = new Scrollbar(Scrollbar.HORIZONTAL, 0, 5, 0, 100); scroll2 = new Scrollbar(Scrollbar.VERTICAL, 0, 5, 0, 100); //8. Label label = new Label("Contoh berbagai komponen GUI"); //9. Panel //Membuat Panel panel1 = new Panel(); panel2 = new Panel(); buttonpanel = new Panel(); setlayout(null); label.setbounds(50, 45, 250, 25); panel1.setbounds(10, 75, 200, 150); panel2.setbounds(300, 50, 250, 250); buttonpanel.setbounds(10, 250, 100, 100); //menempatkan komponen dalam panel panel1.add(textfield); panel1.add(choice); panel1.add(checkboxes[0]); panel1.add(checkboxes[1]); panel1.add(checkboxes[2]); panel1.add(list); panel2.add(textarea); panel2.add(scroll1); panel2.add(scroll2); buttonpanel.add(ok); buttonpanel.add(cancel); this.add(label); this.add(panel1);

7 this.add(panel2); this.add(buttonpanel); public static void main(string[] args) Frame f = new KomponenGUI("Demo Komponen GUI"); f.pack(); f.resize(600, 300); f.show();

dokumen-dokumen yang mirip

GUI (Grapichal User Interface)

1 GUI (Grapichal User Interface) Pengantar GUI GUI (Graphical User Interface), memungkinkan user untuk berinteraksi dengan komputer secara lebih baik. Pengguna berinteraksi dengan berbagai elemen grafis,diantaranya: