Modul Praktikum Pemrograman Visual

PENGENALAN PEMROGRAMAN
JAVA VISUAL
A. TUJUAN
Setelah melaksanakan kegiatan Praktikum ini mahasiswa dapat :
1. Memahami konsep pemrograman Visual dalam Java
2. Memahami area kerja dan objek pemrograman Visual Java
3. Membangun aplikasi sederhana berbasis pemrograman Visual Java

B. TEORI SINGKAT
Pertanyaan mendasar mengenai penggunaan tampilan atau GUI
dalam program adalah seberapa penting hal itu dilakukan. Bukankah
program sudah berjalan sesuai dengan permintaan?
Pertanyaan itu biasanya menghantui setiap pengembang
program (programmer) pada saat membuat program. Tentu saja
kepentingan penggunaan tampilan akan berpulang pada penempatan
program itu sendiri. Untuk program yang hanya ditempatkan pada sisi
komputer server yang jarang berinteraksi dengan pengguna, maka
fungsi dasar program dirasa cukup memadai. Tetapi apabila program
tersebut diperkirakan akan banyak berinteraksi dengan pengguna,
maka ada baiknya jika program menggunakan tampilan.
Beberapa alasan bahwa program harus menggunakan tampilan,
yaitu
 Dengan tampilan, program akan nampak jauh lebih menarik
 Interaktif
 User Friendly atau mudah dalam penggunaannya
 Dapat berinteraksi dengan peralatan seperti mouse, joystick dan
peralatan lainnya.
Jika pengembang program peduli terhadap tampilan, biasanya
program yang dihasilkan akan lebih diterima oleh pengguna. Bahkan
sering karena tampilan yang menarik, program itu memiliki nilai yang
lebih tinggi dibandingkan dengan program lain dengan tampilan yang
sederhana.
NetBeans adalah suatu tool untuk membuat program dengan
menggunakan bahasa pemrograman Java berbasis grafis. Cara
membuat program dengan merancang tampilan menggunakan
komponent visual dan proses diletakan pada event driven. Netbeans
menyediakan sekumpulan perangkat lunak modular yang disebut
modul yang dipakai untuk membangun suatu aplikasi. Sebuah modul
adalah merupakan arsip Java (Java Archive) yang memuat kelas-kelas

Dosen Pengampu : Edy Budiman, MT 1-1

Modul Praktikum Pemrograman Visual

Java yang berinteraksi dengan NetBeans Open API . Kemudian

rancangan tampilan yang dibuat menggunakan NetBens programnya
secara otomatis akan digenerate menjadi kode.
Saat ini, terdapat beberapa model Frame GUI yang dapat
digunakan saat mengembangkan program Java yaitu java.awt.* dan
javax.swing.*.

 Jendela Design menampilkan visualisasi komponen GUI.

 Jendela Source menampilkan kode program dari class yang sedang
dibuka.
 Jendela Swing Pallete berisikan komponen komponen swing yang
bisa kita drag-and-drop ke dalam jendela design.
 Jendela Properties digunakan untuk mengedit properti dari
komponen yang sedang aktif dalam jendela design.
 Jendela Inspector menampilkan semua komponen swing dalam
class yang sedang aktif baik yang kelihatan secara visual di
jendela design atau tidak.

C. KEGIATAN PRAKTIKUM
1. Jalankan Java Netbeans
 File New Project
 Choose Project, pilih Java
 Project, pilih Java Application
 Klik Next

Dosen Pengampu : Edy Budiman, MT 1-2

Modul Praktikum Pemrograman Visual

2. Beri nama Project AppHelloWorld dan hilangkan pilihan Create Main

Class, karena kita langsung membuat main class pada form HelloWorld.

3. Klik kanan pada Project yang baru dibuat, pilih New | JFrame Form…
4. Beri nama Form yang baru dibuat dengan nama frmHelloWorld. Klik
finish.

Dosen Pengampu : Edy Budiman, MT 1-3

Modul Praktikum Pemrograman Visual

5. Kita akan diberi satu buah form yang bias didesain secara leluasa.

6. Jika di IDE Visual Basic kita mengenal Toolbox, di Netbeans kita

mendapatkan sesuatu yang mirip dengan nama Palette

7. Drag dan drop komponen Button dari Pallet ke form yang baru kita buat
sehingga muncul 1 buah tombol dengan text jButton1

Dosen Pengampu : Edy Budiman, MT 1-4

Modul Praktikum Pemrograman Visual

8. Klik kanan pada tombol tersebut dan pilih Change Variable Name.
Ubah nama tombol menjadi btnHello
9. Klik kanan lagi pada tombol dan pilih Edit Text. Ganti text menjadi Teknik
Informatika

10.Klik kanan lagi juga pada tombol dan pilih menu Events  Actions
actionPerformed.

11.Akan terbuka layar source(code). Ketikkan kode berikut :

private void btnHelloActionPerformed(java.awt.event.ActionEvent evt) {

// TODO add your handling code here:
JOptionPane.showMessageDialog(null, "UP. FTIKOM UNMUL 2015");
}

12.Perhatikan pada bagian kiri kode ada semacam bohlam lampu kecil. Ini
menandakan “ada sesuatu” dengan kode yang kita ketik. Karena kita
menggunakan JOptionPane, kita membutuhkan librarynya agar Java
mengenali komponen ini. Klik pada pada bohlam lampu tersebut dan pilih
Add Import for javax.swing.JOptionPane

Dosen Pengampu : Edy Budiman, MT 1-5

Modul Praktikum Pemrograman Visual

13.Setelah kita pilih, Netbeans secara otomatis akan menambahkan tulisan

import javax.swing.JOptionPane; pada bagian atas kode.
14.Klik kanan pada form yang baru dibuat dan klik Run atau tekan tombol
SHIFT + F6

D. LATIHAN

Buat program untuk menghasilkan tampilan seperti berikut :

1. Gunakan jFrame, jLabel, JTextField dan jButton

2. Buatlah Laporan Praktikum modul 1.

Dosen Pengampu : Edy Budiman, MT 1-6