MODUL 2 INTEGRATED DEVELOPMENT ENVIRONMENT JAVA

Kegiatan Belajar 2

1. Judul : Integrated Development Environment JAVA

2. Indikator Keberhasilan
Setelah mempelajari materi pokok ini peserta dapat :

 Melakukan instalasi JDK dan NETBEAN

 Mengaplikasikan penggunaan user interface di JAVA

3. Tujuan Pembelajaran
Setelah mempelajari materi pokok ini peserta dapat :

 Melakukan instalasi software

 Menjelaskan pengertian user interface dengan benar
 Menjelaskan jenis user interface dengan benar
 Mengaplikasikan penggunaan user interface di JAVA

A. Pengertian dan Jenis User Interface

User Interface merupakan serangkai tampilan grafis yang dapat dimengerti oleh
pengguna komputer dan diprogram sedemikian rupa sehingga dapat terbaca oleh
sistem operasi komputer dan beroperasi sebagaimana mestinya. Pada dasarnya user
interface terbagi menjadi dua jenis yaitu Command Line Interface (CLI) dan Graphical
User Interface (GUI). Command Line Interface (CLI) merupakan proses pengguna
memasukkan perintah berbasis tulisan atau dengan mengetikkan perintah untuk
menjalankan tugas tertentu. Sedangkan Graphical User Interface (GUI) merupakan
proses pengguna memasukkan perintah dengan menggunakan menu grafis, secara
umum GUI dikembangkan untuk mempermudah penggunanya untuk berinteraksi
dengan sistem informasi. 

Dalam kegiatan pembelajaran ini akan digunakan Bahasa pemrograman JAVA dengan
IDE NETBEAN, sehingga perlu diketahui dulu tentang JAVA.

INTEGRATED DEVELOPMENT ENVIRONMENT JAVA 1

Kode program Java dikompilasi dengan Java Compiler (Javac) menjadi byte-code.
Menghasilkan file dengan ekstensi .class, dan  File .class ini dijalankan dengan JVM di
semua sistem operasi.

INTEGRATED DEVELOPMENT ENVIRONMENT JAVA 2

Graphic User Interface (GUI) di Java terdiri dari:

1. Container (tempat), obyek yang dapat menampung komponen grafis dan tempat
yang lebih kecil Contoh: frames, panels  
2.  Component, obyek grafis yang berfungsi untuk menampilkan data, menerima
masukan, atau menunjukkan suatu kondisi. Contoh: buttons, labels, text fields  
3.  Event, obyek yang merepresentasikan suatu kejadian. Contoh: gerakan mouse,
penekanan tombol  
4.  Listener, suatu obyek yang menunggu suatu kejadian khusus dan akan bereaksi
(melakukan sesuatu) jika kejadian tersebut terjadi 

B. Komponen-komponen GUI

INTEGRATED DEVELOPMENT ENVIRONMENT JAVA 3

Apabila ingin menambahkan komponen (misal Button, Label, TextField) ke dalam frame
(bagian area window, selain bagian judul window atau disebut dengan Content Pane),
maka kita tidak dapat melakukannya secara langsung, tetapi harus melalui
perantaraclass Container. Class Container ini diimport dari package java.awt.*;
Contoh :

import javax.swing.*;

class Latihan7d extends JFrame
{
private Container ctn = new
Container();

Latihan7d()
{
setDefaultCloseOperation(
JFrame.EXIT_ON_CLOSE);
setSize(300,150);
setLocation(200, 150);
setTitle("Window Utama");
ctn = getContentPane();
ctn.add(new JLabel("Ini Komponen
Label"));
setVisible(true);
}
public static void main(String args[])
{
JFrame.setDefaultLookAndFeelDecorated(
true);
new Latihan7d();
}
}

Container ctn = new Container();
//deklarasi  container

....

ctn = getContentPane();
ctn.add(...);
//menambah  komponen ke  container
....

Berikut ini beberapa komponen Swing yang perlu diketahui :

INTEGRATED DEVELOPMENT ENVIRONMENT JAVA 4

JLabel
Digunakan untuk menampilkan teks pada frame. Sintaks :

JLabel label1 = new JLabel("Disini

Tulisannya");

Beberapa method yang perlu diketahui yaitu :
getText(),setText(String),setForeground(Color),setFont(Font),
setHorizontalTextAlignment(int), setVerticalTextPosition(int).
JTextField
Digunakan untuk menerima inputan dari user. Sintaks :

JTextField edit1 = new JTextField();
JTextField edit1 =
JTextField(String);
JTextField edit1 = new
JTextField(int
kolom);

Beberapa method yang perlu diketahui yaitu :
getText(), setText(String), setForeground(Color), setFont(Font), setEnabled(boolean),
selectAll().
JButton
Digunakan untuk membuat tombol. Sintaks :

JButton tombol1 = new JButton(”Tombol

OK”);

Beberapa method yang perlu diketahui yaitu :
getText(),setText(String),setForeground(Color),setFont(Font),setEnabled(boolea
n), setVisible(boolean).
JTextArea
Digunakan untuk menerima inputan dari user dengan kapasitas text
yang jauh lebih besar dari JTextField. Sintaks 

INTEGRATED DEVELOPMENT ENVIRONMENT JAVA 5

 JTextArea area1 = new JTextArea();
JTextArea area1 = new JTextArea(String);
JTextArea area1 = new JTextArea(int
jmlBaris, int jmlKolom);
JTextArea area1 = new JTextArea(String,
int brs, int kol);

Beberapa method yang perlu diketahui yaitu :
getText(),setText(String),append(String),getColumns(),setColumns(int),getRows(),setRo
ws(int),setFont(Font), setEditable(boolean),selectAll(),setLineWrap(boolean),
insert(String, int).

C. Pengaturan Layout

Agar komponen-komponen yang ditempelkan di window utama tertata dengan rapi, maka
kita perlu mengatur layout window utama tersebut. Java menyediakan sejumlah class
untuk mengatur layout dimana setiap class tersebut memiliki aturan tersendiri dan format
layout yang berbeda.Berikut ini adalah beberapa layout yang sering digunakan :
BorderLayout
Ini adalah layout defaul apabila kita tidak menetapkan suatu layout
dalam program yang kita buat. Tampilannya sebagai berikut :

Gambar BorderLayoutDemo

Layout ini membagi area tampilan menjadi 5 bagian, yaitu atas, bawah, kiri, kanan,dan
tengah. Posisi ini ditentukan pada saat dilakukan penambahan komponen, yaitu saat
memanggil method add()

INTEGRATED DEVELOPMENT ENVIRONMENT JAVA 6

Contoh 

container.add(new JButton(”Tombol 1”)
,
BorderLayout.PAGE_START)
container.add(new JButton(”Tombol 2”)
,

 BoxLayout

Layout ini mengatur komponen-komponen GUI agar tersusun dalam satu baris
atau satu kolom. Tampilan dari BoxLayout :

Gambar BoxLayoutDemo

FlowLayout
Layout ini mengatur komponen-komponen GUI agar terletak dalam satu baris
saja, tetapi jika sudah mencapai batas lebar area tampilan, maka komponen
berikutnya akan diletakkan pada baris berikutnya.
Contoh tampilan dari FlowLayout :

INTEGRATED DEVELOPMENT ENVIRONMENT JAVA 7

 Container c;
...
c.setLayout(new FlowLayout());

c.add(new JButton("Button 1"));
c.add(new JButton("Button 2"));
c.add(new JButton("Button 3"));
c.add(new JButton("Long-Named
Button
4"));
c.add(new JButton("5"));

 Grid Layout
Layout ini mengatur komponen – komponen GUI agar berada pada posisi grid.
Tampilan dari GirdLayout :

Gambar GridLayoutDemo
Ukuran grid, yaitu jumlah baris dan kolomnya, ditentukan pada saat
dilakukan setLayout.

Container c;
...
c.setLayout(new GridLayout(2,3));//brs=2,
kol=3

Contoh :

Container c;
...
c.setLayout(new GridLayout(0,2));
INTEGRATED DEVELOPMENT ENVIRONMENT JAVA 8
//  brs=tidak ditentukan,  kol=2
c.add(new JButton("Button 1"));
c.add(new JButton("Button 2"));
c.add(new JButton("Button 3"));
c.add(new JButton("Long-Named Button
 Cara untuk menetapkan suatu layout dalam program :

Container c;
....
c.setLayout(tipeLayout);

DAFTAR PUSTAKA

INTEGRATED DEVELOPMENT ENVIRONMENT JAVA 9

 • Dimitrios Kalemis, The Fundamental of Object Oriented Programming, 2013,
Prentice Hall, USA

• Permanand Mohan, Fundamentals of Object-Oriented Programming in

Java Paperback , 2013, OOPBook, USA

• Gandharba Swain, Object-Oriented Analysis and Design Through Unified

Modeling Language, 2010, University Science Press, New Delhi

• Tim Bodreau, NetBeans: The Definitive Guide Paperback , 2002,O Reilly Inc,

Canada

• Ying Bai, Practical Database Programming with Java Paperback , 2011, Wiley

Inc, USA

INTEGRATED DEVELOPMENT ENVIRONMENT JAVA 10