12 6. Catat beberapa po
instalasi seperti pad berikut
Gambar 18 T 7. Tunggu proses insta
Gamba port penting yang ditampilkan pada preview
ada gambar berikut, kemudian Pilih install pada
8 Tampilan Port Penting dalam Database Oracl stalasi
bar 19 Proses Instalasi Aplikasi Oracle XE ew sebelum
da tampilan
racle
8. instalasi sudah
Gambar 9. Konfigurasi
Pembelajaran dah selesai, kemudian pilih Finish
bar 20 Proses Instalasi Aplikasi Oracle XE Tela database
akan dijelaskan
pada mo
an 5
13 elah Selesai
modul Kegiatan
14
15
16
Mem
A. Tujuan
Setelah mengikuti keg 1.
Mendesainap 2.
Membuat layo layout,borde
3. Membuattam
B. Indikator Pen
Membuat
a komponen-ko
C. Uraian Materi 1. Abstract W
The Java Java SDK, yan
mempermudah Interface. JFC te
Swing. Tiga bagi Drag and Drop.
mengimplementa AWT dan S
dalam membuat feel pada aplikasi
terlihat sama.
mengimplementa komponen AWT
embuat Komponen GUI berbasis Abstract Window Toolkit
kegiatan pembelajaran 1 ini diharapkan peserta naplikasiGUI menggunakanAWT.
layout GUI dengan flow derlayout,dangridlayoutdalamFrameGUI AWT.
ampilanyangkomplekdalam mendesainaplikasiG
Pencapaian Kompetensi
antarmuka-pengguna menggunakan fram
-komponen GUI
ateri Windowing Toolkit AWT
va Foundation Class JFC, merupakan bagia ang termasuk dalam koleksi dari API d
pengembangan aplikasi JAVA GUI G termasuk diantara 5 bagian utama dari API
gian yang lainnya dari API adalah Java2D, A p. Semua itu membantu pengembang dalam
ntasikan aplikasi visual yang lebih baik. n Swing menyediakan komponen GUI yang d
at aplikasi Java dan applet. AWT menjamin ta kasi yang dijalankan pada dua mesin yang b
. Swing
API dibangun
dari beberap
ntasikan beberapa jenis bagian dari AWT. T dapat digunakan dengan komponen Swing.
17
asis AWT lkit
rta diklat dapat:
T. siGUI.
rame,panel,
dan
gian penting dari dimana dapat
Graphical User PI yaitu AWT dan
, Accessibility, dan m mendesain dan
dapat digunakan tampilan look and
berbeda menjadi apa
API yang
Kesimpulannya, g.
18
2. Window Classes Funda
Dalam mengemban atau textfield diletakkan
beberapa kelas penting pa Ta
Kelas AWT
Komponen Abstract C
console darisemua
Kontainer Abstract S
yang dapa Panel
Turunan d tanpa
termasukb Window
Turunan d tidak
dalamobje Frame
Turunan d border
da konstrukto
memilikipe
Frame FrameStr
Untukmengatur ukuranwin
Syntax : void setSizeint width, int height
mengubahukurankompone
Syntax : void setSizeDimension d
mengubahukurandengand spesifikasiDimensiond.
Defaultdariwindow adal
visibilitymenjaditrue.Inilahsy
void setVisibleboolean b
Fundamental
angkan aplikasi GUI, komponen GUI sepe n di dalam kontainer. Berikut ini adalah d
pada kontainer yang telah disediakan oleh AW Tabel 1. 1 Kelas didalam AWT
Deskripsi
t Class untuk objek yang dapat ditampilk dan
berinteraksidenganguser.Bagian ua kelas AWT.
t Subclass dari Component Class. Sebuah ko pat menampungkomponenyanglainnya.
dari Container Class. Sebuah frame atau titlebar,
men kborder.Superclassdariappletclass.
dari Container class. Top level window, diman bisa
dim jekyanglainnya.Tidakmemilikiborder danmenub
dari window class. Window dengan judul, m dan
pengatur ukuran
di pojok.
Memilik tor
, dua
dia ipenulisansepertidibawahini:
tring title
window,menggunakanmethodsetSize.
Syntax : void setSizeint width, int height
onen inidenganwidthdanheightsebagaiparamet
Syntax : void setSizeDimension d
nd.widthdand.heightberdasar
alahnotvisibleatautak tampakhingga
Anda ahsyntax untukmethodsetVisible.
void setVisibleboolean b
perti tombol daftar dari
AWT:
ilkan pada n
utama komponen
au window enubartidak
ana berarti dimasukkan
nubar. l, menubar,
iliki empat
diantaranya
Syntax : void setSizeint width, int height
eter.
Syntax : void setSizeDimension d
pada
damengatur
void setVisibleboolean b
Contoh 1, Membua
Coba perhatikan so Frame
import java
. awt
.; publicclass
SampleFrame extends
Frame {
publicstaticvoid main
String []
args {
SampleFrame sf =
new SampleFrame
; sf
. setSize
400 ,
200 ;
mengatur ukuran Frame sf
. setVisible
true ;
Membuat window menjadi terlihat }
}
Jika kode tersebut d
Kode diatas akan m dan lebar 100 pixel.
Contoh 2, Membua
Coba perhatikan so Panel
import java
. awt
.; publicclass
BuatPanel extends
Panel {
public BuatPanel
{ setBackground
Color .
blue ;
} publicvoid
paint Graphics g
{ g
. setColor
new Color
, 255
, ;
tulisan hijau g
. setFont
new Font
Arial ,
Font .
PLAIN ,
16 ;
g .
drawString Percobaan Membuat Panel
, 30
, 100
; g
. setColor
new Color
1.0f ,
, ;
garis merah g
. fillRect
30 ,
100 ,
150 ,
10 ;
} publicstaticvoid
main String
[] args
{
uat Frame pada JAVA:
source code berikut, kode dibawah akan m
import java
. awt
.; publicclass
SampleFrame extends
Frame {
publicstaticvoid main
String []
args {
SampleFrame sf =
new SampleFrame
; sf
. setSize
400 ,
200 ;
mengatur ukuran Frame sf
. setVisible
true ;
Membuat window menjadi terlihat }
}
t dieksekusi, maka akan menampilkan output se
Gambar 1. 1 Tampilan output Frame menampilkan suatu frame dengan ukuran pa
el.
uat Tampilan pada Frame:
source code berikut, kode dibawah akan m
import java
. awt
.; publicclass
BuatPanel extends
Panel {
public BuatPanel
{ setBackground
Color .
blue ;
} publicvoid
paint Graphics g
{ g
. setColor
new Color
, 255
, ;
tulisan hijau g
. setFont
new Font
Arial ,
Font .
PLAIN ,
16 ;
g .
drawString Percobaan Membuat Panel
, 30
, 100
; g
. setColor
new Color
1.0f ,
, ;
garis merah g
. fillRect
30 ,
100 ,
150 ,
10 ;
} publicstaticvoid
main String
[] args
{
19 n membuat suatu
import java
. awt
.; publicclass
SampleFrame extends
Frame {
publicstaticvoid main
String []
args {
SampleFrame sf =
new SampleFrame
; sf
. setSize
400 ,
200 ;
mengatur ukuran Frame sf
. setVisible
true ;
Membuat window menjadi terlihat }
}
t seperti berikut
panjang 400 pixel
n membuat suatu
import java
. awt
.; publicclass
BuatPanel extends
Panel {
public BuatPanel
{ setBackground
Color .
blue ;
} publicvoid
paint Graphics g
{ g
. setColor
new Color
, 255
, ;
tulisan hijau g
. setFont
new Font
Arial ,
Font .
PLAIN ,
16 ;
g .
drawString Percobaan Membuat Panel
, 30
, 100
; g
. setColor
new Color
1.0f ,
, ;
garis merah g
. fillRect
30 ,
100 ,
150 ,
10 ;
} publicstaticvoid
main String
[] args
{
20
Frame f =
new Frame
Frame dengan Panel ;
BuatPanel gp =
new BuatPanel
; f
. add
gp ;
f .
setSize 600
, 300
; f
. setVisible
true ;
} }
Jika kode tersebut dieksek
Gambar 1. 2 Kode diatas akan membu
terdapat tulisan hijau “Pe 16. Selain itu, terdapat blo
3. Komponen didalam
Berikut ini adalah daft tombol atau textfield yang
GUI. Berikut ini semua sub Tabel 1. 2 Komponen AWT
Label Button
TextField Checkbox
TextArea CheckboxG
Frame f =
new Frame
Frame dengan Panel ;
BuatPanel gp =
new BuatPanel
; f
. add
gp ;
f .
setSize 600
, 300
; f
. setVisible
true ;
} }
ksekusi, maka akan menampilkan output seperti
. 2 Tampilan output Frame dengan Panel buat Panel dalam suatu Frame, dalam pane
Percobaan Membuat Panel” yang berjenis Ar blok merah yang berada dibawah tulisan yang
m AWT
aftar dari kontrol AWT. Kontrol adalah kompon ng mengijinkan user untuk berinteraksi denga
subkelas dari Components class. T
Choice ox
List oxGroup Scrollbar
Frame f =
new Frame
Frame dengan Panel ;
BuatPanel gp =
new BuatPanel
; f
. add
gp ;
f .
setSize 600
, 300
; f
. setVisible
true ;
} }
rti berikut
nel tersebut Arial ukuran
g dibuat.
onen seperti gan aplikasi
