Merancang user interface dengan library java pbo Xll


 E .Merancang User Interface dengan Library Java

ser interfoor pada lava menerapkan GUI (Graphical User U Interface), yaitu jenis soer interface yang menerapkan metode interaksi pada peranti elektronik secara grafs (bukan berupa teksi antara pengguna dan komputer Konsep dasar pada Java Gull adalah API (Application Programming Interface) lava Gul APi terdiri atas dus komponen, yaitu sebagai berikut

AWT (Abstract Windows Taalkun

2. Swing atau JFC Java Foundation Classi

Berikut adalah penjelasan mendetail tentang dua komponen GUI pada tava tersebut.

1. Komponen AWT (Abstract Windowing Toolkit)

Abstract Windowing Toolkit (AWT) adalah tampilan dasar dan setiap target plotform (Windows, Macintosh, dan Solarsi atau berdin sesuai dengan mekanisme sebuah platform, AWT terdiri atas banyak widget grafik yang dapat ditambahkan dan diatur dalam tampilan, seperti button checkbox, radio button, menu, list canvas, textheld scroll panel, dan panel

Semua komponen GUI nanmenu memiliki class yang diturunkan dari class at ComponentAdapun komponen menu diturunkan dan class av

en Kelebihan AWT adalah didukung oleh browser versi lama dan baru, karena pockage ini telah diimplementasikan sejak lama Sementara itu, kekurangan AWT adalah bersifat heavyweight dan opoque (tidak transparan)

Desain user interface dengan AWT terdiri atas dua bagian penting yaitu containers dan components Components adalah entitas GUI dasar, seperti button, label, dan textfield. Adapun containers adalah komponen yang dapat berisi komponen AWT lainnya, seperti frame dan panel Containers digunakan untuk menahan komponen dalam tata letak tertentu Contoh dari containers adalah FlowLayout atau GridLayout

A. Awt container

      Container dalam awt java adalah bagian terpenting dalam pembuatan user interface. Hal ini dikarenakan, di dalam container terdapat frame dan panel, serta beberapa bagian lainnya. Pada bagian ini, semua Component dari awt akan dipasangkan 

public class MyGUT Program extends Frame

// private variables

//Constructor to setup the GUI components

public MyGU/Program() |

// me methods

// The entry main() method

public static void main(String|| args)



b. Library Class AWT Components

Component atau komponen AWT adalah bagian-bagian yang dapat dipasang atau ditempelkan dalam sebuah lembar kerja (frame). Komponen-komponen AWT adalah sebagai berikut.

1) java.awt.Button

Komponen ini berupa tombol yang jika ditekan akan mengerjakan instruksi tertentu. Untuk membuatnya, perhatikan kode program berikut.

1 import java.awt...

2 public class ButtonExamplel (

3 public static void main(String[] args)

4 Frame f new Frame("LATIHAN MENGGUNAKAN BUTTON 1");

5 Button b = new Button("Tekan Di siını");

6 b.setBounds(50, 100, 80, 30);

7 f.add(b);

8 f.setSize(200, 200);

9 f setLayout inull),

10 f.setVisible(true);

11

121

allocating

// Invoke the constructor (to setup the GUI)

an instance

new MyGUIProgram():

Penjelasan kode program tersebut adalah sebagai berikut

a)

import java.awt.

Melakukan import library java.awt

bi

C)

Frame f new Frame("LATIHAN

MENGGUNAKAN BUTTON 1

Membuat frame dengan nama variabel dan memberikan judul teks pada frame "LATIHAN MENGGUNAKAN BUTTON".

Button b new Button("Tekan Di sini"i:

Membuat sebuah button atau tombol dengan judul tombol "Tekan Di sini".

d)

b.setBounds (50,100,80,30);

Menentukan posisi dari tombol beserta ukuran panjang dan lebarnya.

e)

f.add(b);

Menambahkan tombol yang sudah diatur lebar dan panjangnya, serta posisinya ke dalam frame.

f

f.setSize(200,200);

f.setLayout(null);

f.setVisible(true);

Menentukan layout dan ukuran frame.

Hasıl kompilasi kode program adalah sebagai berikut



Anda juga dapat membuat tombol sedemana an menguraikan ukuran tombol sera inyour tampilan hrome Untuk melakukannya, perhatikan kode program berikutt

import java.awt.Frame;

2 import java.awt.Button;

3 public class ButtonOk

4 public static void main(Stringil a) {

5 Frame f new Frame("My OK Button");

Button b new Button("OK");

f.add(b);

8 f.pack();

9 f.setVisible(true);

10)

11

Penjelasan kode program tersebut adalah sebagai berikut.

a)

import java.awt Frame,

import java.awt.Button;

Melakukan import frame dan button.

Frame f

new Button("OK"):

Button b

f.add(b);

f.pack():

new Frame ("My OK Button");

f.setVisible(true);

Melakukan pembuatan frame dan menambahkan tombol pada frame, tanpa menguraikan ukuran tombol dan layout frame.

Hasil kompilasi kode program adalah sebagai berikut.



2) java awt CheckBox

Komponen ini berupa tombol berbentuk kotak yang dapat diberi input berupa tanda check atau centang. Untuk membuatnya, perhatikan kode program berikut

1 import java.awt.*;

3 public class CheckboxExample

4 public static void main(String argsil) ( 5 Frame f new Frame ("Checkbox Example"):

6 Checkbox checkbox1 new Checkbox("C++");

Penjelasan kode program tersebut adalah sebagai berikut

a) Frame new Frame("Checkbox Example

Melakukan frame

b) Checkbox checkboxi new Checkbox("C++ checkbox sat Bounds (100, 100,50,501)

Membuat checkbox dan menentukan posisi serta panjang dan lebar checkbox dengan label checkbox

C Checkbox checkbox2 new Checkboxi" Java",

truel

checkbox set Bounds (300,150,50,501,

Membuat checkbox dan menentukan posisi serta panjang dan lebar checkbox dengan label checkbox "Java

d) fadd(checkboxli faddicheckbox2);

Menambahkan checkbox ke dalam frame

e) fsetSize1400,4001: fsetLayout(nulli f.setVisible(truer

Menentukan ukuran serta layout frame yang akan ditampilkan 

checkboxl.setBounds(100, 100, 50, 5017

8 Checkbox checkbox2 new Checkbox":Java", true);

9 checkbox2.setBounds(100, 150, 50, 5017

10 f.add(checkboxl);

11 f.add(checkbox2);

12 f.setSize(400, 400);

13 f.setLayout(null):

14 f.setVisible(true);



3Java.awt.Choice

Komponente ini akan menampilkan menu yang terdiri atas beberapa pilihan. Untuk membuatnya, perhatikan kode program berikut.

import java.awt.*;

3 public class ChoiceExample (

4 public static void main(String args[]) {

5 Frame f new Frame();

6 Choicec new Choice();

7 c.setBounds (30, 50, 70, 50);

8 c.add("SOTO");

9 c.add("BAKSO");

10 c.add("GUDEG");

11 c.add("SATE");

12 c.add("LOTEK");

13 f.add(c);

14 f.setSize(100, 100);

15 f.setLayout(null);

16 f.setVisible(true);

Penjelasan kode program tersebut adalah sebagai berikut.

a) Frame f = new Frame();

Choice c new Choice(); =

Proses pembuatan frame dan komponen choice atau pilihan.

c.setBounds (30,50,70,50);

c.add("SOTO");

c.add("BAKSO");

c.add("GUDEG");

c.add("SATE");

c.add("LOTEK");

Menentukan posisi serta lebar dan panjang komponen choice, serta menambahkan isi pilihan yang akan digunakan, yaitu "SOTO", "BAKSO", "GUDEG", "SATE", dan "LOTEK"

f.add(c);

f.setSize(100,100);

f.setLayout(null);

f.setVisible(true);

Menambahkan komponen choice pada frame dan menentukan layout frame.

Hasil kompilasi kode program adalah sebagai berikut

4) java.awt. Label

Komponen ini akan meletakkan teks statis yang tidak dapat diedit. Untuk membuatnya, perhatikan kode program berikut.

1 import java.awt.*;

3 class LabelExample

4 public static void main(String args[]) (

5 Frame f= new Frame ("Label Example");

6 Label 11, 12;

7 new Label("First Label.");

8 11.setBounds (50, 100, 100, 30);

9 12 new Label ("Second Label.");

10 12.setBounds(50, 

1 f.add(11);

12 f.add(12);

13 f.setSize(200, 200):

14 f.setLayout(null):

15 f.setVisible(true);

Penjelasan kode program tersebut adalah sebagai berikut.

Frame f new Frame("Label Example");

Membuat frame dengan judul frame "Label Example"

b) Label 11,12:

11 new Label("First Label. ");

11.setBounds (50,100, 100,30);

12 new Label("Second Label.");

12.setBounds(50,150, 100,30);

Membuat dua buah label dengan nama variabel label 11 dan 12 serta menentukan posisi dan layout label.

f.add(11);

f.add(12);

Menambahkan label ke dalam frame.

d) f.setSize(200,200);

f.setLayout(null);

f.setVisible(true);

Menentukan layout frame

Hasil kompilasi kode program sebagai berikut.

 


java awt List

Komponen ini akan menyajikan beberapa pilihan teks dalam satu daftar yang dapat di-scroll (gulung). Untuk membuatnya, perhatikan kode program berikut.

import java.awt.*;

3 public class LisatExam

4 public static void main(String args[])

S Frame f new Frame();

6 List L new List();

L.setBounds(30, 50, 70, 501:

8 Ladd("SOTO");

9 L.add("BAKSO");

10 L.add("GUDEG");

11 L.add("SATE");

12 L.add("LOTEK"):

13 f.add(L);

14 f.setSize(100, 2001;

15 f.setLayout (null);

16 f.setVisible(true);

Penjelasan kode program tersebut adalah sebagai berikut.

a) Frame f new Frame():

List = new List):

Membuat frame dan membuat komponen list

b) Liset Bounds(30, 50, 10,501:

Mengatur posisi dan ukuran list 

L.setBounds(30,50,70,50);

Mengatur posisi dan ukuran list

L.add("SOTO");

L.add("BAKSO");

L.add("GUDEG");

L.add("SATE");

L.add("LOTEK");

Menambahkan pilihan pada komponen list, yaitu "SOTO", "BAKSO", "GUDEG", "SATE" dan "LOTEK"

d)

e)

f.add(L);

Menambahkan komponen list pada frame.

f.setSize(100,200);

f.setLayout(null);

f.setVisible(true);

Mengatur posisi dan lebar frame.

5.java.awt.list 

6.java awt scrolibar


Komentar

Postingan populer dari blog ini

Membuat jam digital dengan arduino R3

Manajemen dan pengembangan usaha

Bab 3 pelajaran Pemrograman Berorientasi Objek Kls XII RPL