Anda di halaman 1dari 8

9/9/2009

TEKNIK
ELEKTRONIKA
FTUNP VISUALJAVAPROGRAMMING
P

ADANG

JavaEducationNetworkIndonesia

BasicVisualJavaComponent |MuhammadAdri,S.Pd,MT
TEEKNIKEELEKTRONIKA
AFTUNPPADA
ANG
M
MODULP
PRAKTIK
KUMPEM
MROGRA
AMANJA
AVA
Jl.Prrof.Dr.HamkaK
KampusPusatU
UNPPadang,htttp://elektronikka.unp.ac.id,elearninghttp:///elearningelka..unp.ac.id

MOD
DUL2.BASICCOMP
PONEN
NTLANJJUTAN
N
Top
pik :BasicCommponentLanjutan Waktu :180 0Menit
Pem
mbina :Muhamm madAdri,S.P Pd,MT SKS :2SSKS(Praktikkum)

A. Tujuan:
T
S
Setelahme laksanakankegiatanPraktikumin nidiharapkaanmahasisw wadapat:
1 Memah
1. hamikonseppemrograamanvisualldalamJavaa
2 Menggunakanobjekkompon
2. nendasarlanjutandalaampemrogrramanvisuaalJava
3 MembaangunaplikkasisederhaanaberbasisspemrogramanvisualJava
3.

B. TeoriSingk
T at
P
PadaModu ul1telahdibahas3kom mponendasardalamp pemrogramanvisualJaavayaitu
J
Jframe,JlabbeldanJbuttton,sebagaaipengenallankonsepdasarpemrrogramanvisual.
P
Pada modu ul ini kita akan
a menccoba untuk membuat aplikasi peemrogramaan visual
d
dengan beeberpa tam mbahan ko omponen visual
v yang dapat d digunakan sebagai
k
komponen untuk menginputkan data, mem mproses daata ataupu un komponen yang
d
digunakanu untukmem mbangunopssi/pilihan.
D
Dalam kegiatan prakttikum ini, mahasiswaa akan meembangun aplikasi sederhana
d
denganobj ekobjekvissualjavasebagaiberikkut:
1 JTextFie
1. eld,digunakkanuntukm menampungginputdataaberupatekksyanglebiihdari
satubarris
2 JCheckB
2. Box, adalah h komponeen visual yang digunaakan untukk membanggun opsi
pilihan baik tunggal maupu un banyak pilihan, yang
y dapat digunakan n untuk
membangunpilihaanyangterd diridaribannyakpilihanntetapihan nyaadasatu upilihan
(oneoptionchooseen),ataupun nbanyakpilihanyangm memungkin nkanuntukmemilih
bihdarisatu
opsileb upilihan(mu ultioptioncchoosen).
3 JRadioB
3. Button, adaalah komponen visual yang digun nakan untukk membanggun opsi
pilihanyyangterdiriidaribanyaakpilihan,n namunhanyyaadasatu upilihanyan ngdapat
diambil(oneoption nchoosen)
4 JTextArrea,adalahkomponenyangdapattdigunakanuntukmen
4. nampungdaatateks
untukinnputmaupu unoutput.

C. KegiatanPr
K raktikum
1 JTextField
1.
Pada latihan
l ini,, saudara akan men ncoba untu uk membuat sebuah latihan
menggunakan JTeextField den ngan tambaahan komp ponen sebeelumnya yan ng telah
dipelajaari.
a. Bukka kembali aplikasi NeetBeans sau udara. Kemudian buattlah sebuah h Project
denngan nama Praktek2 dan d tambah hkan sebuaah JFrameFo orm dengaan nama
JFraamePraktekk2
b. Tammbahkan sebuahs JLaabel, JTextField dan JButton kke dalam Jframe,
kem
mudianaturrtataletakn nyasepertipadaGamb barberikutiini:

Creeatedby:M
MuhammadA
Adri,S.Pd,M
MT 1

TEEKNIKEELEKTRONIKA
AFTUNPPADA
ANG
M
MODULP
PRAKTIK
KUMPEM
MROGRA
AMANJA
AVA
Jl.Prrof.Dr.HamkaK
KampusPusatU
UNPPadang,htttp://elektronikka.unp.ac.id,elearninghttp:///elearningelka..unp.ac.id


Gambarr1.Penemp patanObjekkpadaFram me
c. Selaanjutnya ubah
u propeerti ketiga komponen n tersebut. JLable1 menjadi
Outtput, JButto
on1 menjad di Clear dan
n JTextField
d dikosongkkan, sepertii terlihat
padda Gambar 8.2. Prosess penggantiian dan pen ngosongan tersebut dilakukan
den bel1 dan JTextField1, ssedangkan Jbutton,
ngan mengkklik dua kali pada Jlab
digaantipropertiTextnya..


Gambar2.Penggan
ntianProperrtiKomponeen

d. Kemmudian berrikan eventt, pada saaat keyboard
d diketikkan n, maka te
eks yang
dim
masukkanpaadaJTextFieeldakanlan ngsungdituulisdiJLabeel1.Klikkan
nanpada
JtexxtFiled1,pilihmenuEvventsKeyykeyRele eased


Gambar3 3.Memberikkaneventp padaJTextField

e. Kem
mudianpad
dajendelakode(source
e),ketikkanperintahberikut:
jLabe
el1.setText(jjTextField.ggetText());

Creeatedby:M
MuhammadA
Adri,S.Pd,M
MT 2

TEEKNIKEELEKTRONIKA
AFTUNPPADA
ANG
M
MODULP
PRAKTIK
KUMPEM
MROGRA
AMANJA
AVA
Jl.Prrof.Dr.HamkaK
KampusPusatU
UNPPadang,htttp://elektronikka.unp.ac.id,elearninghttp:///elearningelka..unp.ac.id


Gambar4.MMemasukkan nkodeevenntpadaJTexxtField
f. Kemmudian pada button tambahkaan sebuah event berdasarkan aktifitas
mouseeventsmousemouseClicked
g. Kettikkanperintahberikutt:
JLabel1.setTText(Oupu
ut);jTextField1.setTexxt();


Gambar5.M
G MemasukkankodeeventpadaJBu utton1
mudian ekssekusi progrram tersebut, sehinggga diperoleh
h. Kem h tampilan sebagai
berrikut:


Gambaar6.Ouputhasileksekusiprogram
m
Tugas::
Ubahlaaheventyan ngadapadaaJLabel1daanJTextFielld,menjadi:Padasaattsebuah
teksdikketikkandiJTextField,makateksttersebuttid daklangsun ngtampildiJLabel1,
tetapibbaruakanttampilpadaasaattomb bolJButton1denganttextProsessdiklik,
maka teks
t yang ada
a di JTexttField akan tampil di JLabel1,
J tekks tombol berubah
menjad di Clear, dan
d pada saaat tombol dengan teeks Clear d di klik, makaa semua
teksdiJTextFiledd danJLabel11menjadikoosong

2 JCheckBox,JRadio
2. oButton,JTeextArea
Pada laatihan ini saaudara akan mulai me
enggunakan n komponenkompone en visual
yangdigunakanuntukmebuatopsipilih han.Padalatihaniniaakandibuattsebuah
aplikasi sederhan na form innput data sederhanaa dan dataa outputnyya akan
ditamp pilkandiJTextArea.
a. JChheckBox, diigunakan untuk
u mem mbuat opsi pilihan deengan denggan satu
pilih
hanataubaanyakopsip pilihan
b. JRaadioButton, digunakan n untuk meembuat opssi pilihan deengan denggan satu
pilih
hanyangbeernilaibenaar

Creeatedby:M
MuhammadA
Adri,S.Pd,M
MT 3

TEEKNIKEELEKTRONIKA
AFTUNPPADA
ANG
M
MODULP
PRAKTIK
KUMPEM
MROGRA
AMANJA
AVA
Jl.Prrof.Dr.HamkaK
KampusPusatU
UNPPadang,htttp://elektronikka.unp.ac.id,elearninghttp:///elearningelka..unp.ac.id

c. JTextArea,digunakanunttukmenampilkandatadalambentukparagraaf.

Padakegiatanpraaktikumini,saudaraakkanmembu uatsebuah aplikasisederhana


dengan nmenggunaakanketigakomponen ntersebutd
diatasdengganlangkahsebegai
berikutt:
a. Buaat sebuah project baaru dengan n nama Praaktek8b daan sebuah JFrame
denngannamaJJFramePrakktek8b.
b. Masukkan 4 komponen JLabel, se ebuah JTexttField, 2 b
buah JRadio oButton,
sebbuahJCheckkBox,sebuahJButtond dansebuahJTextArea.
c. Aurrpropertim masingmasingkompon nentersebuutdiatas,ssesuaidenggantabel
berrikutini:
Tabbel1.PengaaturanKonfigurasiPropperties
Objeek Properties Niilai
JFFrameForm Titlle P
Program Biodatta
S
Sederhana
JLLabel1 Texxt B
BIODATA
Fonnt T
Tahoma12 Bold
JLLabel2 Texxt N
NAMA
JLLabel3 Texxt J
JENISKELAM MIN
JLLabel4 Texxt C
CETAKTEBA AL
JTTextField Texxt K
Kosongkan
JRRadioButton n1 Texxt L
LAKILAKI
JRRadioButton n2 Texxt P
PEREMPUA N
JCCheckBox1 Texxt T
TIDAK
JBButton1 Texxt T
Tampil
JTTextArea1 Texxt K
Kosongkan
d. Sussunmasingmasingkom mponenden ngantampilansebagaiberikut:


Gam mbar7.ForrmBiodatad
dankomponenpendukungnya
e. KarrenaantarajRadioButton1danjRaadioButton2 2merupakaanopsipilih
hanyang
salingterkait,m
makakeduaakomponeninidijadikkansebagaisebuahgro oup.
f. Pilih
hdandragButtonGrou updarikom
mponenpalletekeJfram
me

Creeatedby:M
MuhammadA
Adri,S.Pd,M
MT 4

TEEKNIKEELEKTRONIKA
AFTUNPPADA
ANG
M
MODULP
PRAKTIK
KUMPEM
MROGRA
AMANJA
AVA
Jl.Prrof.Dr.HamkaK
KampusPusatU
UNPPadang,htttp://elektronikka.unp.ac.id,elearninghttp:///elearningelka..unp.ac.id


Gambar8.Menam mbahkanButtonGroup p
g. Selaanjutnyasillahkanubah esJRadioButtton1pada barisbutto
hpropertie onGroup
menjadibuttonGroup1.


Gamb bar9.MenggubahpropertibuttonGroupjRadioButton1
h. Lakkukanlangkaahyangsam materhadapjRadioButtton2
i. Selaanjutnya pada
p jCheckkBox1, kem
mudian kem change
mudian piliih events
sstateChange e.Kemudiansisipkanp perintahberrikutini
If(jCheckBoxx1.isSelecteed()){
jCheckBoxx1.setText(YA);
}
else{
jCheckBox1 1.setText(TIDAK);
}


Gambar10
0.Memberikkaneventp
padajCheckBox1

j. KlikkkananpaddaJButton1
1,kemudiannpilihEvenntsMoussemouse eClicked.
Kem mudiansisip
pkanperintahberikutiinidalambllokkodepeerintah:

Fon
nt tebal = new Fo
ont ("Mon
nospaced", Font.BO
OLD,12);
Fon
nt biasa = new Fo
ont ("Mon
nospaced", Font.PL
LAIN,12);
;
if (jRadioB
Button1.i
isSelecte
ed()){
if (jCheckB elected()){
Box1.isSe

Creeatedby:M
MuhammadA
Adri,S.Pd,M
MT 5

TEEKNIKEELEKTRONIKA
AFTUNPPADA
ANG
M
MODULP
PRAKTIK
KUMPEM
MROGRA
AMANJA
AVA
Jl.Prrof.Dr.HamkaK
KampusPusatU
UNPPadang,htttp://elektronikka.unp.ac.id,elearninghttp:///elearningelka..unp.ac.id

jTe
extArea1.
.setText(
("Nama : "jTextFi
ield1.get
tText()+",Jenis
Kel
lamin :" +jRadioB
Button1.g
getText());
jTe
extArea1.
.setFont(
(tebal);
}
els
se{
jTe
extArea1. ("Nama:"jTextField1.getTex
.setText( xt()+",Je
enis
Kel
lamin :" +jRadioB
Button1.g
getText());
jTe
extArea1.
.setFont(
(biasa);
}
}
els
se if (jR
RadioButt
ton2.isSe
elected()){
if (jCheckB elected()){
Box1.isSe
jTe
extArea1. ("Nama: "jTextFi
.setText( ield1.get
tText()+",Jenis
Kel
lamin :" +jRadioB
Button1.g
getText());
jTe
extArea1.
.setFont(
(tebal);
}
els
se{
jTe
extArea1.
.setText(
("Nama : "jTextFi
ield1.get
tText()+,"Jenis
Kel
lamin :" +jRadioB
Button1.g
getText());
jTe
extArea1.
.setFont(
(biasa);
}
}

k. JalaankanProgrramanda,d danlihathassilyangdiperoleh.


D. TugasdanL
T Latihan
S
Sebuah aplikasi dibangun untuk proses pen nginputan datad dan keemudian daata yang
t
telah diinp
putkan diveerifikasi pada sebuah halaman verifikasi, dengan ke etentuan
s
sebagaiber rikut:
a Buatlahsebuahaplikasiyangtterdiridari3form(JForm1,JForm
a. m2danJFormm3)
b JForm1 (Welcome)) digunakan
b. n untuk meembuat seb buah halaman welcomee screen
yang digunakan sebagai
s halaman load ding aplikaasi secara default vissiblenya
disetingg true, sebbuah Jbutto on mutlak ditambahkan pada Form ini, sebagai
eksekussikeJForm2 2.
c JForm2 (Input Datta) adalah form yangg akan digu
c. unakan sebagai tempaat untuk
menampungdata yangterdirridarisemu uakomponenvisualyaangtelahd dipelajari
di atas dan secaraa default visible Form ini disetingg false. Kemmudian tam
mbahkan
sebuah JButton yaang akan mengekseku
m usi halaman n form ini, untuk men
ngimport
semuad datayangteelahdimasu ukkankedaalamJForm3 3.
d JForm3(Verifikasi))merupakanformyangdigunakanuntukmeenampilkankembali
d.
data yaang telah dimasukkan
d pada JForrm2, dengan tujuan u untuk menvverifikasi
dataterrsebut,dan nsecaraDefaultvisible eforminid disetingfalsse.Tambahhkandua
JButton (JButon1 dan JButto on2) pada form
f ini, yaang digunakkan untuk Data
D OK
danTidakOK.Pad dasaattombolDataO OKdiklik,maakaJForm3hilangdan nJForm1
muncul kembali,d danpadasaaattombolTTidakOKd diklik,makaJForm3hilangdan
JForm2munculkem mbaliuntukkmenginputkandatakkembali.

Creeatedby:M
MuhammadA
Adri,S.Pd,M
MT 6

TEEKNIKEELEKTRONIKA
AFTUNPPADA
ANG
M
MODULP
PRAKTIK
KUMPEM
MROGRA
AMANJA
AVA
Jl.Prrof.Dr.HamkaK
KampusPusatU
UNPPadang,htttp://elektronikka.unp.ac.id,elearninghttp:///elearningelka..unp.ac.id

Biog
grafi Sing
gkat Penu
ulis
Muhammad Adri. Men nyelesaikan S1
S di Jurusaan Teknik Ele
ektronika
FPTK IKIP Padang
P tahu
un 1999, daan S2 di Jurrusan Teknikk Elektro
Universitas Gadjah Maada Yogyakaarta, dengan n konsentrassi Sistem
Komputer dan
d Informaatika (SKI) taahun 2004. Staf pengajaar Teknik
Elektronika Fakultas Teeknik Universsitas Negeri Padang. Kommpetensi
inti pada bidang
b Com
mputer Netw working and Security, Computer
C
Architecturee and Org ganization, WebBased Application n, Online
Learning, MultimediaB
M Based Instruuctional Dessign, dan Knnowledge
Communityy. Penulis aktif,
a sebaggai pemakalah dalam berbagai
Seminar Naasional, insttruktur padaa model peembelajaran berbasis
Multimediaa dan Komp puter., ITBa
ased Educatiion. Penulis Aktif di
Situs IlmuKompu uter.com, deengan topik ICT dalam Pendidikan.
P Memegang Sertifikasi Microsoft,
M
JENI (Java Educcation Netw work Indoneesia) 1,2,daan 4. Keterrtarikan penulis dalam m bidang
impleementasi IT dalam dunia pendidikan, menghan ntarkan penu ulis sebagai mahasiswa doktoral
IlmuPendidikanPPascasarjanaaUniversitassNegeriPadaang,terhitun ngmulaiSepttember2006 6.

Creeatedby:M
MuhammadA
Adri,S.Pd,M
MT 7