JURUSAN TEKNIK ELEKTRONIKA

FAKULTAS TEKNIK - UNP

JOBSHEET PRAKTIKUM PEMOGRAMAN VISUAL 1
MODUL 1 : GUI dengan JAVA NetBeans 6.5
Topik : Java 2 & IDE NetBeans Waktu : 4 x 50 menit
Dosen Pembina : Vera Irma Delianti, S.Pd., M.Pd.T SKS : 2 SKS (Praktikum)

A. TUJUAN
➢ Mahasiswa mampu mengenal dan menggunakan komponen – komponen dasar
dalam Visual Java
➢ Mahasiswa mampu membuat Project, Package dan Form baru.
➢ Mahasiswa mampu membuat program sederhana dengan IDE NetBeans 6.5

B. TEORI SINGKAT
Bahasa pemrograman java dimulai dari sebuah tim pengembang software dari
Sun Microsystem yan dipimpin oleh James Gosling dan Patrick Naughton pada tahun
1991. Java menurut definisi dari Sun adalah nama untuk sekumpulan teknologi untuk
membuat dan menjalankan perangkat lunak pada computer standalone ataupun pada
lingkungan jaringan. Java 2 adalah generasi kedua dari Java platform. Java berdiri
diatas sebuah mesin interpreter yang diberi nama Java Virtual Mechine (JVM). JVM
inilah yang akan membaca bytecode dalam file .class dari suatu program sebagai
representasi langsung program yang berisi bahasa mesin. Oleh karena itu, bahasa java
disebut juga pemrograman yang portable karena dapat dijalankan pada berbagai
sistem operasi, asalkan pada sistem operasi tersebut terdapat JVM. Java merupakan
pemrograman objek murni karena semua kode programnya dibungkus dalam kelas.
Referensi lengkap tentang java dapat di temui di website resmi Java, yaitu
http://java.sun.com. JDK Versi 2 atau Java 2, dibagi menjadi 3 edisi, yaitu J2SE (Java
2 Standard Edition), J2EE (Java 2 Enterprise Edition) dan J2ME (Java 2 Micro
Edition).
J2SE merupakan edisi atau teknologi untuk pemrograman desktop atau
aplikasi layar (console). J2SE juga merupakan perangkat lunak yang harus diinstal
sebelum memakai J2EE dan J2ME.
J2EE merupakan edisi atau teknologi untuk pemrograman enterprise seperti
pemrograman database, JSP, Beans dan lain –lain.
J2ME merupakan edisi atau teknologi untuk pemrograman mobile / handphone
dan peralatan kecil (small Device).
Java tidak menyediakan IDE khusus seperti halnya bahasa pemrograman yang
lain. Pemrogram bisa menggunakan IDE yang support ke Java, misalnya Netbeans,
Eclips, JCreator, TexPad, dan lain –lain.
Gambar di bawah ini menjelaskan proses compiling and executing pada program Java

1
 JURUSAN TEKNIK ELEKTRONIKA
FAKULTAS TEKNIK - UNP
JOBSHEET PRAKTIKUM PEMOGRAMAN VISUAL 1

Gambar 1. Fase Pemrograman Java

C. KEGIATAN PRATIKUM
Software yang digunakan :
➢ Java 2 SDK → jdk-1_5_0_07-windows-i586-p.exe)
➢ Editor : NetBeans 6.5 keatas

Latihan 1 : Membuat Frame dan Menambahkan Komponen jLabel

(catt : Pastikan sotware Java 2 SDK dan IDE NetBeansnya sudah terinstal di
komputer anda)

Langkah – langkahnya sebagai berikut :

1 . Buka Editor NetBeans 6.5 klik Start – All Program – NetBeans 6.5
2 . Buat sebuah Project baru dengan nama PEMVIS
caranya klik File – New Project

2
 JURUSAN TEKNIK ELEKTRONIKA
FAKULTAS TEKNIK - UNP
JOBSHEET PRAKTIKUM PEMOGRAMAN VISUAL 1

Gambar 2. Membuat Project Java Application Baru

Setelah itu, akan muncul jendela Wizard New Project pada step 2.
Kemudian pilihan Categories : pilih Java dan projectsnya Java Aplication seperti
gambar :

Gambar 3. Pilihan Categories dan Project

3
 JURUSAN TEKNIK ELEKTRONIKA
FAKULTAS TEKNIK - UNP
JOBSHEET PRAKTIKUM PEMOGRAMAN VISUAL 1
Ganti Project Name dengan nama : PEMVIS, kemudian pada Project Location
klick Browser kemudian pilih folder sebagai tempat kita menyimpan semua project
latihan kita (ex.JAVACODE) yang berarti semua file netBeans kita nantinya akan
tersimpan dalam folder JAVACODE, kemudian klik tombol Finish.

Gambar 4. Pengesetan nama Project dan Lokasi penempatan

Selanjutnya, NetBeans akan menampilkan project anda ke dalam jendela Project

pada jendela project explorer di sebelah kiri layar, seperti terlihat pada gambar di
bawah :

Gambar 5. Jendela Project

4
 JURUSAN TEKNIK ELEKTRONIKA
FAKULTAS TEKNIK - UNP
JOBSHEET PRAKTIKUM PEMOGRAMAN VISUAL 1
3. Membuat Class Latihan1
caranya, pada project PEMVIS yang telah kita buat klik kanan pada Source Packages
– pilih New – jFrameForm

Gambar 6. Membuat Form Baru

Selanjutnya , buat Class baru dengan nama Latihan1 dan ketikan Package pemvis
kemudian klik finish

Gambar 7. Pengesetan Class Name dan Package

5
 JURUSAN TEKNIK ELEKTRONIKA
FAKULTAS TEKNIK - UNP
JOBSHEET PRAKTIKUM PEMOGRAMAN VISUAL 1
Setelah Form baru berhasil ditambahkan maka hasilnya akan terlihat seperti dibawah

Gambar 8. Tampilan Form Baru

Menambahkan Komponen jLabel

Pada jendela Palette yang berisi daftar komponen-komponen lengkap untuk
diletakkan ke dalam sebuah form.

Gambar 9. Jendela Palette

6
 JURUSAN TEKNIK ELEKTRONIKA
FAKULTAS TEKNIK - UNP
JOBSHEET PRAKTIKUM PEMOGRAMAN VISUAL 1
Drag komponen jLabel dan letakkan pada Frame Latihan1 yang telah kita buat.

Gambar 10. Menambahkan Komponen jLabel ke dalam jFrame

Selanjutnya, Mengatur Properties Komponen jLabel

Gambar 11. Mengatur Properties Komponen jLabel

Pada Jendela Properties, gantilah teks jLabel1 dengan tulisan WELCOME...To My

Class, dengan background merah dan font Baskerville Old Face 24 Bold.

Gambar 12. Mengatur Properties Komponen jLabel

7
 JURUSAN TEKNIK ELEKTRONIKA
FAKULTAS TEKNIK - UNP
JOBSHEET PRAKTIKUM PEMOGRAMAN VISUAL 1
Catt: jangan lupa beri tanda pada a Properties – Opague berubah warnanya maka
pad

Gambar 13. Mengatur Properties Komponen jLabel

Menambahkan Image/Icon pada jLabel

Setelah anda berhasil menambahkan jLabel1, tentunya anda sudah bisa menambahkan
komponen jLabel2,3 dst.
Masih pada Form Latihan1, tambahkan jLabel2 seperti gambar dibawah

Gambar 14. Menambahkan Icon/Image pada jLabel

Kemudian, pada Jendela Properties – Icon dan klik tanda

dan cari letak image/icon yang akan anda tambahkan :

8
 JURUSAN TEKNIK ELEKTRONIKA
FAKULTAS TEKNIK - UNP
JOBSHEET PRAKTIKUM PEMOGRAMAN VISUAL 1
Gambar 15. Lokasi Penyimpanan Icon/Image

Gambar 16. Pemilihan Icon/Image

Pilih Image Secangkir Kopi.

Catt: Pada Files Of type : Support untuk JPEG & GIF & PNG Image

Gambar 17. Tampilan Form Setelah Ditambahkan Icon/Image

Latihan 1 : Selanjutnya tambahkan 4 buah jLabel dan insertkan Icon Logo java pada
jLabel3 dan pada jLabel4, jLabel5, jLabel6, atur propertiesnya hingga tampilan Form
Latihan menjadi seperti berikut :

9
 JURUSAN TEKNIK ELEKTRONIKA
FAKULTAS TEKNIK - UNP
JOBSHEET PRAKTIKUM PEMOGRAMAN VISUAL 1

Gambar 18. Tampilan Form Tugas

Catt: Prodi, Semester dan Tahun Ajaran disesuaikan.

Menambahkan BackGround pada Frame / Form

Untuk menambahkan BackGround pada frame sama seperti menambahkan
Icon/image pada jLabel sebelumnya, hanya saja image yang dijadikan BackGround
ukurannya harus lebih besar atau sesuai ukuran frame. Selanjutnya, pada frame
Latihan1 tambahkan jLabel7 dan masukan gambar yang akan dijadikan
background. Tapi, sebelumnya set Layout menjadi Absolute Layout dengan cara klik
kanan pada Frame dan pilih Set Layout – pilih Absolute Layout.

Gambar 19. Set Layout Frame

10
 JURUSAN TEKNIK ELEKTRONIKA
FAKULTAS TEKNIK - UNP
JOBSHEET PRAKTIKUM PEMOGRAMAN VISUAL 1
Selanjutnya, atur letak backgroundnya sesuaikan dengan Frame hingga menjadi
seperti berikut:

Gambar 20. Tampilan Form Setelah Ditambahkan Background

Tekan shift + F6 untuk melihat hasil .

Latihan 2 : Memunculkan dan Menghilangkan Gambar dengan Method

SetVisible(Boolean).

Langkah-langkah sebagai berikut :

1. Pada Project PEMVIS Tambahkan Frame baru beri nama Latihan2

2. Kemudian pada Form Latihan2 tambahkan 2 jLabel dan 3 Button
Komponen Visual Text / Icon

jLabel1 Latihan 2 memunculkan dan menghilangkan gambar

jLabel2 Icon : artangel2.gif

jButton1 Muncul

jButton2 Hilang

jButton3 Icon close.png

11
 JURUSAN TEKNIK ELEKTRONIKA
FAKULTAS TEKNIK - UNP
JOBSHEET PRAKTIKUM PEMOGRAMAN VISUAL 1
Desain komponen-komponen tersebut menjadi seperti gambar berikut :

3. Memberi Event pada Tombol Muncul dan Hilang

• Klik kanan pada Tombol Muncul (jButton1) kemudian pilih Events –
Mouse – MouseClicked
Pada Jendela Source ketikan code seperti berikut :

• Lakukan Hal yang sama dengan tombol hilang, kemudian ketikan code
seperti berikut :

• Untuk tombol close, klik kanan dan pilih events – Mouse –

mouseClicked dan ketikan code this.dispose();

12
 JURUSAN TEKNIK ELEKTRONIKA
FAKULTAS TEKNIK - UNP
JOBSHEET PRAKTIKUM PEMOGRAMAN VISUAL 1
4. Untuk melihat hasilnya program, klik kanan pada Frame jLatihan2 dan pilih Run
File atau tekan shift + F6

Latihan 3 : Mengaktifkan dan Menonaktifkan Tombol dengan Method

SetEnable(Boolean).

Langkah-langkah sebagai berikut :

1. Pada Project PEMVIS Tambahkan Frame baru beri nama Latihan3

2. Kemudian pada Form Latihan3 tambahkan 2 jLabel dan 3 Button
Komponen Visual Text / Icon

jLabel1 Latihan 3 Mengaktifkan dan Menonaktifkan Tombol

jLabel2 Icon : jempol.png

jLabel3 Malu.png

jButton1 Jempol

jButton2 Malu

jButton3 Icon Close.png

Desain komponen-komponen tersebut menjadi seperti gambar berikut :

3. Memberi Event pada Tombol Muncul dan Hilang

• Klik kanan pada Tombol Jempol (jButton3) kemudian pilih Events –
Mouse – MouseClicked

13
 JURUSAN TEKNIK ELEKTRONIKA
FAKULTAS TEKNIK - UNP
JOBSHEET PRAKTIKUM PEMOGRAMAN VISUAL 1
Pada Jendela Source ketikan code seperti berikut :

• Lakukan Hal yang sama dengan tombol Malu, kemudian ketikan code
seperti berikut :

• Untuk tombol close, klik kanan dan pilih events – Mouse –

mouseClicked dan ketikan code this.dispose();

4. Untuk melihat hasilnya program, klik kanan pada Frame jLatihan2 dan pilih Run
File atau tekan shift + F6

D. TUGAS
Pada Project PEMVIS tambahkan Package Tugas kemudian buat Frame baru beri
nama secara berurut Tugas1, Tugas2 dst.
1. Desainlah sebuah Form yang menampilkan Tampilkan Biodata Anda : NIM,
Nama, Prodi, Jurusan, dan Alamat,Hobi dll sertakan foto anda dan beri latar
UNP. (saya akan belajar sungguh-sungguh untuk mendapatkan nilai Maksimal
“A”).
2. Desain Form seperti berikut :

14
 JURUSAN TEKNIK ELEKTRONIKA
FAKULTAS TEKNIK - UNP
JOBSHEET PRAKTIKUM PEMOGRAMAN VISUAL 1
Beri Event pada Tombol Genap dan Ganjil, sehingga jika Tombol Genap di tekan
maka angka genap akan aktif, begitu juga sebaliknya jika Tombol Ganjil di tekan
maka angka ganjil akan aktif.
3. Desain Form seperti no 2, Beri Event pada Tombol Genap dan Ganjil, sehingga
pada saat program dijalankan (Run File), jika Tombol Genap di tekan maka
hanya angka genap yang akan muncul, begitu juga sebaliknya jika Tombol Ganjil
di tekan maka hanya angka ganjil akan muncul pada Form.
4. Desainlah Form seperti berikut dan buat program untuk menampilkan hasil dan
merubah warna dan jenis Fontnya.

E. DAFTAR PUSTAKA
1. Wahana Komputer, 2010. Membangun GUI dengan Java Netbeans 6.5. Andi .
Yogyakarta.
2. Wahana Komputer, 2010. Pengembangan aplikasi database berbasis JavaDB
dengan Netbeans. Andi .Yogyakarta.

15