java GUI

BAB I PENDAHULUAN

1.1

Latar Belakang

GUI atau kepajangan dari Graphical User Interface merupakan salah satu model interaksi antara manusia dan komputer. Selain GUI, ada juga model yang lain seperti Character User Interface (CUI) yang sering kita kenal dengan command line. Dari sisi kenyamanan (attitude), kedua model ini memiliki fungsinya masing-masing. Fungsi CUI biasanya adalah administrator sistem berbasis sistem operasi LINUX. Bagi mereka, CUI dirasakan lebih nyaman dibandingkan dengan GUI, bahkan setelah GUI pada LINUX berkembang dengan pesat, mereka tetap bertahan untuk menggunakan CUI. Pengguna GUI biasanya adalah mereka yang sudah terbiasa dengan sistem operasi Windows. Graphical Unit Interface, merupakan perangkat pertama untuk mengendalikan fungsifungsi suatu software, dan membuat pengguna mudah untuk memahami bagaimana menggunakan software tersebut. Kita dapat mengasumsikan bahwa GUI merupakan sebagai bagian dari suatu software yang pertama kali ditangkap mata (secara interface). Dimana suatu software akan kelihatan bagus, jika GUI tersebut tampak menarik. Java GUI sendiri secara umum sama dengan pemahaman GUI sendiri, namun disini GUI pada java adalah salah satu dari fasilitas Java dalam mengembangkan suatu aplikasi dengan memberikan suatu interface yang nantinya akan disesuaikan dengan kebutuhan suatu aplikasi, baik skala kecil dan besar. Intinya, GUI pada Java adalah komponen-komponen penyempurna dalam sebuah sistem, seperti komponen navigasi, graphic, interface desktop, komponen menu, sinkronisasi antar interface dan semuanya itu dirancang dengan penelitian yang baik, dimana nantinya aplikasi tersebut dapat dengan mudah dioperasikan user.

1.2

Rumusan Masalah 

Apa itu Java?



Apa itu GUI?



Apa itu Java GUI?



Apa itu AWT dan Swing?



Apa saja Komponen AWT?



Apa saja Komponen Swing?

1

The world's largest digital library

Try Scribd FREE for 30 days to access over 125 million titles without ads or interruptions! Start Free Trial Cancel Anytime.











BAB II ISI

2.1 Pengertian Java

Java merupakan suatu teknologi perangkat lunak yang di dalamnya mencakup bahasa pemrograman. Selain itu Java juga merupakan suatu platform yang memiliki virtual machine dan library yang diperlukan untuk menulis dan menjalankan suatu program. Java sendiri pada awalnya dikembangkan pada lingkungan komputer oleh Sun Microsystem Inc. dengan tujuan untuk menghasilkan suatu bahasa komputer sederhana tanpa

harus

terikat

pada

arsitektur

tertentu.

Maka

tak

heran

jika

dalam

perkembangannya Java dapat dijalankan pada berbagai platform sistem operasi seperti Linux, Windows maupun Unix. Karena keunikan dan kehandalannya, Java pun semakin banyak dikenal. Pada tahun 1995 Sun meluncurkan sebuah browser berbasis Java dengan julukan Hot Java, kemudian diikuti Netscape yang memutuskan untuk membuat browser dengan dilengkapi bahasa Java di dalamnya. Setelahnya ikut bergabung pula berbagai pengembang ternama diantaranya IBM dan Microsoft. Kemudian pada tahun berikutnya, Sun Microsystem Inc. merilis Java Software Development Kit (JDK) pertamanya, JDK 1.1. Dan terus berkembang dari pemrograman applet yang berjalan di browser

menjadi

pemrograman

kelas

dunia

yang

banyak

digunakan

untuk

pengembangan aneka ragam aplikasi. Tidak hanya pada komputer, Java juga dapat berjalan pada bermacam-macam perangkat, mulai telepon genggam sampai aplikasi berskala enterprise pada komputer server.

2.2

Pengertian GUI

Antar muka komputer yang berbasiskan grafis (GUI) adalah citra grafis yang ditampilkan di layar komputer yang memungkinkan untuk mengakses aplikasi software dengan memakai menu dropdown, dialog box, radio button, check box, panel, tabs, toolbar, icon shortcuts dan tool lain. Atau bisa juga dikatakan jenis antarmuka pengguna











indikator, sebagai lawan dari antarmuka berbasis teks. Contoh perangkat yang menggunakan GUI: perangkat genggam seperti MP3 Players, Players, Portable Media Player dan perangkat Permainan. GUI ini dimulai pertama kali dengan X Windows hasil penelitian di MIT, kemudian Macintosh, Sun View, lalu disusul oleh Microsoft Windows, dan sistem operasi lainnya.

2.3

Pengertian Java GUI

Java GUI adalah pemrograman dengan bahasa Java yang dibuat menggunakan aplikasi yang berbasiskan GUI. Tujuannya adalah menambahkan komponen-komponen yang tidak bisa dibuat dalam basis text. Komponen-konponen tersebut bisa berupa tombol, gambar, dll. Tujuannya adalah untuk memudahkan user menggunakan program yang dibuat tersebut.Dalam Java, terdapat dua paket yang dapat digunakan untuk mengembangkan program-program program-program GUI, yaitu AWT dan Swing. komponen-komponen AWT di-import dari library java.awt.* dan untuk swing di-import dari javax.swing.*. tetapi kita bisa menggabungkannya.

2.4

AWT (Abstract Window Toolkit) dan Swing

AWT adalah istilah bagi sekumpulan objek GUI yang dibawa oleh Java diawal kemunculannya ketika masih mengusung nama Java (Bukan Java 2). Meski demikian, ada beberapa objek AWT yang sampai saat ini (era Java 2) belum bisa digantikan oleh objek yang baru. Secara umum bisa dikatakan bentuk dari objek-objek AWT akan mengikuti bentuk default yang dibawa oleh sistem operasi, misalnya WINDOWS. Hampir semua komponen AWT adalah turunan dari Class Component. Swing adalah sebutan bagi objek visual yang dibawa Java 2. Objek-objek Swing merupakan pengembangan dari objek AWT. Objek Swing memiliki desain yang berbeda dibandingkan dengan desain default dari sistem operasi. Dengan kata lain objek Swing adalah objek visual yang mengusung teknologi Java murni. Hampir semua komponen Swing adalah turunan dari Class JComponent.











2.5

Komponen-komponen GUI pada AWT

a.

Window Classes Fundamental Dalam mengembangkan aplikasi GUI, komponen GUI seperti tombol atau

textfield diletakkan di dalam kontainer. Berikut ini adalah daftar dari beberapa kelas penting pada kontainer yang telah disediakan oleh AWT.

AWT Class

Deskripsi Abstract Class untuk objek yang dapat ditampilkan pada console

Komponen

dan berinteraksi dengang user. Bagian utama dari semua kelas AWT.

Kontainer

Abstract Subclass dari Component Class. Sebuah komponen yang dapat menampung komponen yang lainnya. Turunan dari Container Class. Sebuah frame atau window tanpa

Panel

titlebar, menubar tidak termasuk border. Superclass dari applet class. Turunan dari Container class. Top level window, dimana berarti

Window

tidak bias dimasukkan dalam objek yang lainnya.Tidak memiliki border dan menubar. Turunan dari window class. Window Wi ndow dengan judul, menubar, border dan pengatur ukuran di pojok. Memiliki empat

Frame

konstruktor , dua diantaranya memiliki penulisan seperti dibawah ini : Frame() Frame(String title)

Untuk mengatur ukuran window, menggunakan metode setSize. void setSize(int width, int height) mengubah ukuran komponen ini dengan width dan height sebagai parameter. void setSize(Dimension d) mengubah ukuran dengan d.width dan d.height berdasar pada spesifikasi Dimension d.











void setVisible(boolean b)

Dalam mendesain aplikasi GUI, Object Frame selalu digunakan. Dibawah ini adalah contoh bagaimana membuat sebuah aplikasi. import java.awt.*; public class SampleFrame extends Frame Frame { public static void main(String args[]) args[]) { SampleFrame sf = new SampleFrame(); sf.setSize(100, 100); //Coba hilangkan baris ini sf.setVisible(true); //Coba hilangkan baris ini } }

b.

Grafik Beberapa metode grafik ditemukan dalam Graphic class. Dibawah ini adalah

daftar dari beberapa metode.

drawLine()

drawPolyline()

setColor()

fillRect()

drawPolygon()

getFont()

drawRect()

fillPolygon()

setFont()

clearRect()

getColor()

drawString()

Hubungan dari kelas ini adalah Color class, dimana memiliki tiga konstruktor. Konstruktor format

Deskripsi

Color(int r, int g, int b)

Nilai integer 0 - 255.

Color(float r, float g, float b)

Nilai float 0.0 - 1.0. Panjang nilai : 0 ke 224-1 (hitam ke putih).

Color(int rgbValue)

Red: bits 16-23 Green: bits 8-15 Blue: bits 0-7











import java.awt.*; public class GraphicPanel extends Panel { GraphicPanel() { setBackground(Color.black); //constant in Color class } public void paint(Graphics g) { g.setColor(new Color(0,255,0)); //green g.setFont(new Font("Helvetica",Font.PLAIN,16)); g.drawString("Hello GUI World!", 30, 100); g.setColor(new Color(1.0f,0,0)); //red g.fillRect(30, 100, 150, 10); } public static void main(String args[]) args[]) { Frame f = new Frame("Testing Graphics Panel"); GraphicPanel gp = new GraphicPanel(); f.add(gp); f.setSize(600, 300); f.setVisible(true); } }

Agar panel dapat terlihat atau visible, dia harus diletakkan didalam window yang dapat terlihat seperti sebuah frame.

c.

Beberapa komponen AWT Berikut ini adalah daftar dari kontrol AWT. Kontrol adalah komponen seperti

tombol atau textfield yang mengijinkan user untuk berinteraksi dengan aplikasi GUI. Berikut ini semua subkelas dari Components class. Label

Button

Choice

TextField

Checkbox

List

TextArea

CheckboxGroup

Scrollbar













Berikut adalah aplikasi membuat sebuah frame dengan kontrol yang telah dimasukkan di dalamnya. import java.awt.*; class FrameWControls extends Frame { public static void main(String args[]) args[]) { FrameWControls fwc = new FrameWControls(); fwc.setLayout(new FlowLayout()); //more on this later later fwc.setSize(600, 600); fwc.add(new Button("Test Me!")); Me!")); fwc.add(new Label("Labe")); fwc.add(new TextField()); CheckboxGroup cbg = new CheckboxGroup(); fwc.add(new Checkbox("chk1", Checkbox("chk1", cbg, true)); fwc.add(new Checkbox("chk2", Checkbox("chk2", cbg, false)); fwc.add(new Checkbox("chk3", Checkbox("chk3", cbg, false)); List list = new List(3, false); list.add("MTV"); list.add("V"); fwc.add(list); Choice chooser = new Choice(); chooser.add("Avril"); chooser.add("Monica"); chooser.add("Britney"); fwc.add(chooser);











1. FlowLayout 2. BorderLayout 3. GridLayout 4. GridBagLayout 5. CardLayout

Layout manager dapat diatur menggunakan metode setLayout dari Container class. Metode ini dapat ditulis sebagai berikut. void setLayout(LayoutManager mgr)

Jika ingin memilih untuk tidak menggunakan layout manager, kita dapat mengisi null sebagai argumen untuk untuk metode ini. Tetapi selanjutnya, kita akan mengatur posisi elemen secara manual dengan menggunakan metode setBounds dari Components class. public void setBounds(int x, int y, int width, int height)

Metode ini mengatur posisi berdasarkan pada argumen x dan y, dan ukuran berdasarkan argumen width dan height. Hal ini akan cukup menyulitkan dan membosankan untuk aplikasi jika kita memiliki beberapa objek komponen didalam objek kontainer. kita akan memanggil metode ini untuk setiap komponen.

e.

FlowLayout Manager FlowLayout Manager adalah default manager untuk Panel class dan

subkelasnya, termasuk applet class. Cara meletakkan komponen dari FlowLayout Manager dimulai dari kiri ke kanan dan dari atas ke bawah, dimulai dari pojok kiri atas. Seperti pada saat kita mengetik menggunakan editor kata pada umumnya. Berikut











Membuat objek baru FlowLayout dengan posisi spesifik dan lima unit horizontal dan vertical gap dimasukkan pada komponen sebagai default. FlowLayout(int align, int hgap, int vgap) Membuat objek baru FlowLayout dengan argumen pertama sebagai posisi pada komponen dan hgap untuk horizontal dan vgap untuk vertikal pada komponen

Gap dapat dikatakan sebagai jarak antara komponen dan biasanya diukur dengan satuan pixel. Posisi argumen mengikuti penulisan sebagai berikut : 1. FlowLayout.LEFT 2. FlowLayout.CENTER 3. FlowLayout.RIGHT

Contoh : import java.awt.*; class FlowLayoutDemo extends Frame { public static void main(String args[]) args[]) { FlowLayoutDemo fld = new FlowLayoutDemo(); fld.setLayout(new FlowLayout(FlowLayout.RIGHT, 10, 10)); fld.add(new Button("ONE")); fld.add(new Button("TWO")); fld.add(new Button("THREE")); fld.setSize(100, 100); fld.setVisible(true); } }











f.

BorderLayout Manager BorderLayout membagi kontainer menjadi lima bagian diantaranya utara,

selatan, timur, barat, dan tengah. Setiap komponen dimasukkan ke dalam region yang spesifik. Region utara dan selatan membentuk jalur horizontal sedangkan region timur dan barat membentuk jalur vertikal. Dan region tengah berada pada perpotongan jalur horizontal dan vertikal. Tampilan ini adalah bersifat default untuk objek Window, termasuk objek dari subkelas Window yaitu tipe Frame dan Dialog.

Konstruktor BorderLayout

BorderLayout() Membuat objek BorderLayout baru tanpa spasi yang diaplikasikan diantara k omponen yang berbeda. BorderLayout(int hgap, int vgap) Membuat objek BorderLayout baru dengan spasi unit hgap ho rizontal dan unit vgap vertical yang diaplikasikan diantara komponen yang berbeda.

Seperti pada FlowLayout Manager, parameter hgap dan vgap disini juga menjelaskan jarak antara komponen dengan kontainer. Untuk menambahkan komponen kedalam region yang spesifik, gunakan metode menambahkan dan melewatkan dua argumen yaitu : komponen yang ingin dimasukkan ke dalam region dan region mana yang ingin dipakai untuk meletakkan komponen. Perlu diperhatikan bahwa hanya satu komponen yang dapat dimasukkan dalam satu region. Menambahkan lebih dari satu komponen pada kontainer yang bersangkutan, maka komponen yang terakhir ditambahkan yang akan ditampilkan. Berikut ini adalah daftar dari kelima region.











import java.awt.*; class BorderLayoutDemo extends Frame { public static void main(String args[]) args[]) { BorderLayoutDemo bld = new BorderLayoutDemo(); bld.setLayout(new BorderLayout(10, 10)); //may remove bld.add(new Button("NORTH"), BorderLayout.NORTH); bld.add(new Button("SOUTH"), BorderLayout.SOUTH); bld.add(new Button("EAST"), BorderLayout.EAST); bld.add(new Button("WEST"), BorderLayout.WEST); bld.add(new Button("CENTER"), BorderLayout.CENTER); bld.setSize(200, 200); bld.setVisible(true); } } Berikut ini adalah hasil dari contoh program tersebut. Gambar kedua menunjukkan efek dari mengubah bentuk dari frame.













Berikut ini adalah daftar dari konstruktor untuk GridLayout class. Konstruktor GridLayout

GridLayout() Membuat objek GridLayout baru dengan satu baris dan satu kolom sebagai default GridLayout(int rows, int cols) Membuat objek GridLayout baru dengan jumlah baris dan kolom sesuai dengan keinginan GridLayout(int rows, int cols, int hgap, int vgap) Membuat objek GridLayout baru dengan jumlah baris dan kolom yang ditentukan. Unit spasi hgap horizontal dan vgap vertikal diaplikasikan ke dalam komponen.

Contoh program ini. import java.awt.*; class GridLayoutDemo extends Frame { public static void main(String args[]) args[]) { GridLayoutDemo gld = new GridLayoutDemo(); gld.setLayout(new GridLayout(2, 3, 4, 4));











h.

Panel dan Tampilan kompleks Untuk membuat tampilan yang lebih komplek, Anda dapat menggabungkan

layout manager yang berbeda dengan menggunakan panel. Ingatlah bahwa panel adalah kontainer dan komponen pada saat yang sama. Anda dapat memasukkan komponen ke dalam panel dan kemudian menambahkan panel ke dalam region yang Anda inginkan di dalam kontainer. Perhatikan teknik yang digunakan pada contoh berikut. import java.awt.*; class ComplexLayout extends Frame { public static void main(String args[]) args[]) { ComplexLayout cl = new ComplexLayout(); Panel panelNorth = new Panel(); Panel panelCenter = new Panel(); Panel panelSouth = new Panel(); /* North Panel */ //Panels use FlowLayout by default panelNorth.add(new Button("ONE")); panelNorth.add(new Button("TWO")); panelNorth.add(new Button("THREE"));











/* Adding the Panels to the Frame container container */ //Frames use BorderLayout by default default cl.add(panelNorth, BorderLayout.NORTH); cl.add(panelCenter, BorderLayout.CENTER); cl.add(panelSouth, BorderLayout.SOUTH); cl.setSize(300,300); cl.setVisible(true); } }

Berikut ini adalah hasil dari program.











huruf J pada prefixnya. Sebagai contoh, satu komponen dalam AWT adalah button class. Sedangkan pada Swing, nama komponen tersebut menjadi Jbutton class. Berikut adalah daftar dari beberapa komponen Swing.

Komponen Swing

Penjelasan Kelas induk untuk semua komponen Swing,

JComponent

JButton

tidak termasuk top-level kontainer Tombol “push”. Korespondesi pada button

class dalam package AWT Item yang dapat dipilih atau tidak oleh

JCheckBox

pengguna. Korespondensi pada checkbox class dalam package AWT Mengijinkan

JFileChooser

sebuah

pengguna

file.

untuk

memilih

Korespondensi

pada

filechooser class dalam package AWT Mengijinkan untuk mengedit text satu JTextField

baris. Korespondensi pada textfield class dalam package AWT.











dengan menambahkan komponen pada kontainer Turunan Jcomponent. Disediakan untuk JOptionPane

mempermudah menampilkan popup kotak dialog. Turunan dan korespondensi pada dialog class

JDialog

dalam

digunakan

package untuk

AWT.

Biasanya

menginformasikan

sesuatu kepada pengguna atau prompt pengguna untuk input. JColorChooser

Turunan

Jcomponent.

Mengijinkan

pengguna untuk memilih warna

a.

Setting Up Top-Level Containers Seperti disebutkan diatas, top-level containers seperti Jframe dan Japplet dalam

Swing sangat tidak cocok dengan AWT. Ini adalah syarat menambahkan komponen ke dalam kontainer. Jika Anda ingin menambahkan langsung sebuah komponen kedalam kontainer sebagai container AWT, pertama-tama Anda telah m endapatkan content pane













frame = new JFrame("My First First Swing Application"); panel = new JPanel(); textField = new JTextField("Default text"); button = new JButton("Click me!"); contentPane = frame.getContentPane();

– uses FlowLayout by default */ /* add components to panel – panel.add(textField); panel.add(button); /* add components to contentPane– uses BorderLayout */ contentPane.add(panel, BorderLayout.CENTER); frame.pack(); //causes size of frame to be be based on the components











optionPane.PLAIN_MESSAGE); System.exit(0); } public static void main(String args[]) args[]) { new JOptionPaneDemo().launchFrame(); } }











4.

JCheckBox

import javax.swing.JFrame; import javax.swing.JCheckBox; public class contohJCheckBox extends extends JFrame{











5.

JTextField

import javax.swing.JFrame; import javax.swing.JTextField; public class contohJTextField extends JFrame{











BAB III PENUTUP

3.1

Kesimpulan

Java GUI adalah pemrograman dengan bahasa Java yang dibuat menggunakan aplikasi yang berbasiskan GUI. Tujuannya adalah menambahkan komponen-komponen yang tidak bisa dibuat dalam basis text. Komponen-konponen tersebut bisa berupa tombol, gambar, dll. Tujuannya adalah untuk memudahkan user menggunakan program yang dibuat tersebut.Dalam Java, terdapat dua paket yang dapat digunakan untuk mengembangkan program-program GUI, yaitu AWT dan Swing. AWT adalah istilah bagi













DAFTAR PUSTAKA



http://debagdebug.wordpress.com/2009/10/08/java-guigraphical-user-interface/



http://mirza-13.blogspot.com/2010/05/pengertian-gui.html



http://www.klikilmu.com/mengenal-java-graphical-user-interface-gui/

java GUI

Recommend Documents