MODUL MATA KULIAH

PEMROGRAMAN VISUAL
(JAVA)

Disusun Oleh:
GORTAP LUMBANTORUAN, S.KOM., M.KOM

PROGRAM STUDI DIII

MANAJEMEN INFORMATIKA
KOMPUTERISASI AKUNTANSI
UNIVERSITAS METHODIST INDONESIA
MEDAN
 BAB I
PENDAHULUAN

I. URAIAN MATERI

Java
Java merupakan bahasa pemrograman yang sejatinya berbasis object oriented
programing (OOP) atau dalam terjemahan bahasa indonesia-nya lebih dikenal
dengan pemrograman berorientasi objek (PBO). Bahasa ini awalnya dibuat oleh
James Gosling saat masih bergabung di Sun Microsystems, dan pada tahun 2010
java resmi diambil alih oleh oracle. Dalam pembuatan kode (sintak)-nya, aplikasi-
aplikasi berbasis java umumnya akan dikompilasi ke dalam p-code (bytecode) agar
dapat dijalankan pada berbagai sistem operasi melalui java virtual machine (JVM).

Kelebihan Java
a. Multiplatform.
Kelebihan utama dari Java ialah dapat dijalankan di beberapa platform /
sistem operasi komputer, sesuai dengan prinsip tulis sekali, jalankan di mana
saja. Dengan kelebihan ini pemrogram cukup menulis sebuah program Java
dan dikompilasi (diubah, dari bahasa yang dimengerti manusia menjadi
bahasa mesin / bytecode) sekali lalu hasilnya dapat dijalankan di atas
beberapa platform tanpa perubahan. Kelebihan ini memungkinkan sebuah
program berbasis java dikerjakan di atas operating system Linux tetapi
dijalankan dengan baik di atas Microsoft Windows. Platform yang didukung
sampai saat ini adalah Microsoft Windows, Linux, Mac OS dan Sun Solaris.
Penyebabnya adalah setiap sistem operasi menggunakan programnya sendiri-
sendiri (yang dapat diunduh dari situs Java) untuk meninterpretasikan
bytecode tersebut.
b. OOP (Object Oriented Programming)
c. Class Library yang lengkap
Java terkenal dengan kelengkapan library (kumpulan program program yang
disertakan dalam pemrograman java) yang sangat memudahkan dalam
penggunaan oleh para pemrogram untuk membangun aplikasinya.
Kelengkapan perpustakaan ini ditambah dengan keberadaan komunitas Java
yang besar yang terus menerus membuat perpustakaan-perpustakaan baru
untuk melingkupi seluruh kebutuhan pembangunan aplikasi.
d. Pengumpulan sampah otomatis
Memiliki fasilitas pengaturan penggunaan memori sehingga para pemrogram
tidak perlu melakukan pengaturan memori secara langsung (seperti halnya
dalam bahasa C++ yang dipakai secara luas)

Untuk keperluan development (pengembangan) menggunakan bahasa

pemrograman java ada beberapa paket platform yang dapat dimanfaatkan, yaitu2:
a. Java SE (Standard Edition), yang khusus digunakan untuk pengembangan
aplikasiaplikasi pada PC atau workstation.
b. Java ME (Micro Edition), yaitu khusus digunakan untuk pengembangan
aplikasi-aplikasi yang ada di perangkat mobile seperti HP, smartphone, PDA,
tablet dsb.
c. Java EE (Enterprise Edition), yaitu khusus digunakan untuk
 pengembangan aplikasi skala besar (enterprise), dan aplikasi web berbasis
java.

Saat ini ada tiga set API (Aplication Programming Interface) Java untuk Pemrograman
Visual yaitu:
a. AWT API (Abstrak Windowing Toolkit) diperkenalkan di JDK 1.0. Sebagian besar
komponen AWT UI sudah usang dan harus diganti dengan komponen Swing UI yang
lebih baru.
b. Swing API, kumpulan pustaka grafis yang jauh lebih komprehensif yang
meningkatkan AWT, diperkenalkan sebagai bagian dari Java Foundation Classes (JFC)
setelah rilis JDK 1.1. JFC terdiri dari API Dukungan Swing, Java2D, Aksesibilitas,
Internasionalisasi, dan Pluggable Look-and-Feel. JFC telah diintegrasikan ke dalam inti
Java sejak JDK 1.2.
c. JavaFX terbaru, yang diintegrasikan ke dalam JDK 8, dimaksudkan untuk
menggantikan Swing. JavaFX dipindahkan dari JDK di JDK 11, namun masih tersedia
sebagai modul terpisah.
Selain API grafis AWT/Swing/JavaFX yang disediakan di JDK, organisasi/vendor lain juga
menyediakan API grafis yang bekerja dengan Java, seperti Standard Widget Toolkit (SWT)
Eclipse (digunakan di Eclipse), Google Web Toolkit (GWT) (digunakan di Android), API
Grafik 3D seperti pengikatan Java untuk OpenGL (JOGL), Java3D, dan lain-lain. Selain itu,
pengembang telah beralih menggunakan teknologi seperti HTML5 sebagai dasar aplikasi web.

Mengapa Java Swing?

Java Swing memberikan sejumlah keuntungan dalam membangun antarmuka pengguna:
1. Platform Independen
Aplikasi Swing dapat dijalankan di berbagai sistem operasi seperti Windows, macOS, dan
Linux tanpa perubahan signifikan dalam kode sumber.
2. Komponen yang Kaya
Swing menyediakan banyak komponen GUI yang dapat digunakan untuk membangun
antarmuka pengguna yang kompleks. Komponen ini dapat dikustomisasi sesuai kebutuhan
aplikasi.
3. Look and Feel yang Konsisten
Dengan Swing, tampilan dan perasaan antarmuka pengguna akan tetap konsisten di berbagai
sistem operasi, memberikan pengalaman yang lebih baik bagi pengguna.
4. Fleksibilitas
Swing memungkinkan pengembang untuk menggabungkan komponen GUI dengan mudah,
serta memanipulasi tampilan dan perilaku mereka sesuai dengan kebutuhan aplikasi.

Netbeans
Netbeans adalah tool (alat) yang akan digunakan dalam menulis kode-kode
pemrograman java dalam mata kuliah pemrograman visual ini. Netbeans
merupakan salah satualat Integrated Development Environment (IDE) yang
sejatinya tidak hanya dipergunakan dalam pengembangan perangkat lunak
berbasis java, akan tetapi juga dipergunakan oleh beberapa bahasa pemerograman
seperti: C++ ataupun PHP. IDE secara sederhana dapat diartikan sebagai aplikasi
komputer yang memiliki beberapa fasilitas yang diperlukan dalam pembangunan
perangkat lunak. Tujuan dari IDE adalah untuk menyediakan semua utilitas yang
diperlukan
dalam membangun perangkat lunak. Sebuah IDE, atau secara bebas dapat
diterjemahkan sebagai Lingkungan Pengembangan Terpadu, setidaknya memiliki
fasilitas:
a. Editor, yaitu fasilitas untuk menuliskan kode sumber dari perangkat lunak.
b. Compiler, yaitu fasilitas untuk mengecek sintaks dari kode sumber kemudian
mengubah dalam bentuk binari yang sesuai dengan bahasa mesin.
c. Linker, yaitu fasilitas untuk menyatukan data binari yang beberapa kode
sumber yang dihasilkan compiler sehingga data-data binari tersebut menjadi
satu kesatuan dan menjadi suatu program komputer yang siap dieksekusi.
d. Debuger, yaitu fasilitas untuk mengetes jalannya program, untuk mencari
bug/kesalahan yang terdapat dalam program.

Sampai tahap tertentu IDE modern dapat membantu memberikan saran

yang mempercepat penulisan. Pada saat penulisan kode, IDE juga dapat menunjukan
bagian-bagian yang jelas mengandung kesalahan atau keraguan. Selain API grafis
AWT/Swing/JavaFX yang disediakan di JDK, organisasi/vendor lain juga menyediakan
API grafis yang bekerja dengan Java, seperti Standard Widget Toolkit (SWT) Eclipse
(digunakan di Eclipse), Google Web Toolkit (GWT) (digunakan di Android), API
Grafik 3D seperti pengikatan Java untuk OpenGL (JOGL), Java3D, dan lain-lain. Selain
itu, pengembang telah beralih menggunakan teknologi seperti HTML5 sebagai dasar
aplikasi web.

Membangun Antarmuka Pengguna dengan Java Swing

Berikut adalah langkah-langkah umum untuk membangun antarmuka pengguna dengan Java
Swing:
1. Impor Paket Swing
Pertama, Anda perlu mengimpor paket Swing ke dalam proyek Java Anda. Anda dapat
melakukannya dengan menambahkan pernyataan import javax.swing.*; di bagian atas file
sumber Java Anda.
2. Membuat Frame Utama
Frame utama adalah jendela aplikasi yang menampung komponen GUI. Anda dapat
membuat frame utama dengan membuat objek dari kelas JFrame.
3. Menambahkan Komponen GUI
Setelah membuat frame utama, Anda dapat menambahkan komponen GUI seperti tombol,
kotak teks, dan sebagainya ke dalam frame menggunakan metode add().
4. Mengatur Tata Letak
Swing menyediakan beberapa manajer tata letak (layout manager) yang memudahkan
pengaturan posisi dan ukuran komponen GUI dalam frame. Anda dapat memilih tata letak
yang sesuai dengan kebutuhan aplikasi Anda.
5. Menangani Kejadian
Anda dapat menambahkan perilaku interaktif ke komponen GUI dengan menangani
kejadian (event). Misalnya, Anda dapat menambahkan tindakan yang akan dijalankan
ketika tombol diklik.
6. Menampilkan Antarmuka Pengguna
Terakhir, Anda perlu menampilkan frame utama agar tampil di layar menggunakan
metode setVisible(true).
 II. PRAKTIKUM

1. Memulai Netbeans
Untuk mengaktifkan Visual basic .NET, langkahnya adalah sebagai berikut :
Klik Logo Start → All Apps → Microsoft Visual Studio atau dari logo Start →ketik
NetBeans. Untuk lebih jelasnya perhatikan tampilan berikut ini :

2. Membuat Project Baru

Untuk membuat sebuah project yang baru dapat dilakukan dengan 2 langkah
a. Melalui Icon New Project pada Toolbar

b. Atau melalui Menu Bar dengan langkah-langkah sebagai berikut :

1.1. Pilih Menubar File → New Project
1.2 Kemudian Tampil dialog New Project, sebagai berikut :

1 2

Keterangan
1) Memilih kategori bahasa program yang akan digunakan, yaitu Java
2) Memilih Project yang akan dibuat, pilih Java Aplication
3) Next

1.3. Kemudian akan tampil dialog untuk menentukan nama dan lokasi project

Keterangan
1) Menentukan Project Name, yaitu VisualJava
2) Menentukan lokasi penyimpanan project, dengan mengklik tombol browse
3) Finish
 1.4. Membuat Package pada project, dengan cara:
Klik Kanan pada Project VisualJava  New Java Package,
Isilah nama Package dengan “Visual1”, lalu Klik Finish

3. Membuat Class JFrame baru

Klik Kanan pada Project Package “Visual1”  JFrame Form
Dan isilah nama Package dengan “Program1”, lalu Klik Finish
4. Antarmuka Class JFrame
Antarmuka class JFrame merupakan area kerja untuk membuat program visual yang terdiri
dari Tab Sources, Pallete, Properties, Frame Visual, Project Properties dan Jendela Output.

Lingkungan antarmuka Class JFrame meliputi :

1) Project Properties, digunakan untuk melihat/mengelola project beserta dengan bagian
yang ada di dalamnya
2) Frame Visual, berfungsi sebagai tempat mendesain tampilan program
3) Pallete, berisikan objek atau komponen untuk mendesain tampilan program yang
dibutuhkan dalam suatu aplikasi
4) JFrame Properties, digunakan untuk mengatur atribut yang melekat untuk setiap
object yang ada di dalam frame yang sudah di desain menggunakan toolbox
5) Jendela Output, untuk menampilkan hasil kompilasi program ketika dijalankan.
5. Program Sederhana
Buatlah program sederhana dengan desain tampilan seperti berikut ini:

Atur properties dari objek-objek yang terdapat pada JFrame diatas seperti berikut:
No Object Properties Nilai Properties
1. JFrame Title Belajar Java
2 jLabel1 Text BELAJAR JAVA GUI
Font Tahoma, 36, Bold
Forecolor Red
3. jLabel2 Text Oleh:
Font Tahoma, 18, Plain
4. jLabel3 Text NPM
Font Tahoma, 18, Plain
5. jLabel4 Text 23221212
Font Tahoma, 18, Plain
6. jLabel5 Text NAMA
Font Tahoma, 18, Plain
7. jLabel6 Text BUDI GUNAWAN
Font Tahoma, 18, Plain
8. jButton1 Text Keluar

Ketika Tombol Keluar di Klik, maka akan menutup Frame Lalu buat kode program untuk
tombol keluar dengan cara:
Double Klik pada jButton1, lalu ketik kode seperti berikut ini:

Atau
 BAB II
OBJECT DAN PROPERTIES

I. URAIAN MATERI

OBJECT SWING
Object swing terdiri dari komponen-komponen yang terdiri dari Window, Panel dan
Jcomponent seperti hierarki berikut ini.

omponen-komponen Swing merupakan subclass dari abstract class Jcomponent seperti

hierarki seperti berikut
KOMPONEN DASAR SWING
Berikut ini adalah komponen dasar dari swing yang dibagi menjadi beberapa kategori seperti
berikut ini:

Pada IDE Netbeans, komponen-komponen swing akan dikelompokkan berdasarkan

peruntukannya seperti pada gambar berikut ini:

OBJECT PROPERTIES
Properties merupakan informasi mengenai kontrol terhadap sebuah object yang dibuat, dan
bertugas menyiapkan segala bentuk dan kontrol yang diperlukan dalam perancangan user
interface. Properties pada setiap objek berbeda-beda, itu karena setiap objek memiliki fungsi
yang berbeda-beda pula.
Dalam class JComponent terdapat method yang dapat digunakan untuk:
 Memberi nama komponen
 Memberi teks pada komponen
 Mengeset ukuran komponen
 Mengubah warna background
 Memilih jenis, ukuran font
 Set up tooltips (keterangan yg muncul beberapa saat ketika user melintas di atas
sebuah komponen)
 dll
Berikut ini adalah beberapa contoh properties atau method yang melekat pada setiap object swing:
1. JFrame

2. JLabel
3. JTextField

4. JButton
 II. PRAKTIKUM
1. Membuat Program Data Mahasiswa
Pada Project “VisualJava” buat Package baru, dengan cara:
Klik Kanan pada Project VisualJava  New Java Package,
Isilah nama Package dengan “Visual2”, lalu Klik Finish

Membuat Class JFrame baru

Klik Kanan pada Project Package “Visual2”  JFrameForm
Dan isilah nama Package dengan “Program1”, lalu Klik Finish

Antar Muka
Buatlah program sederhana untuk mengisi bioadata mahasiswa dengan desain tampilan seperti
berikut ini:
 Properties
 Atur properties dari objek-objek yang terdapat pada JFrame diatas seperti berikut:

No Object Properties Nilai Properties

1. jFrame Title BELAJAR JAVA
2 jLabel1 Text PROGRAM SEDERHANA
3. jLabel2 Text INPTU BIODATA MAHASISWA
4. jLabel3 Text NPM
5. jLabel4 Text NAMA
6. jLabel5 Text JENIS KELAMIN
7. jLabel6 jLabel7 Text NOMOR HP
jLabel8 jLabel9 Text AGAMA
jTextField1 Text ALAMAT
jTextField2 Text STATUS
jRadioButton Variabel Name txtNPM Variabel Name
txtNama Text Laki-Laki
Variabel Name rbLakiLaki Text Perempuan
Variabel Name rbPerempuan Variabel Name
jRadioButton txtHP Variabel Name
cbAgama Model Kristen
jTextField3 Katolik Islam
jComboBox
 Hindu
Buddha
Konghucu
jTextArea Variabel Name txtAlamat
jCheckBox1 Variabel Name chkStatus
Text Aktif
jButton1 Variabel Name btnSimpan
Text Simpan
jButton2 Variabel Name btnUbah
Text Ubah
jButton3 Variabel Name btnHapus
Text Hapus
8. jButton4 Variabel Name btnKeluar
Text Keluar

 Ketika Tombol Keluar di Klik, maka akan menutup Frame Lalu buat kode program untuk
tombol keluar dengan cara:
Double Klik pada jButton1, lalu ketik kode seperti berikut ini:

 Untuk mengisi jComboBox “cboAgama” dapat dilakukan melalui kode program seperti
berikut ini:
Klik Kanan pada jFrameEventWindowsWindowsActivated Lalu
ketikkan kode program seperti berikut ini:
 MODUL III
LABEL, TEXTFILELD dan BUTTON

2.1 Tujuan
1. Menggunakan Label, TextField dan Button dalam NetBean.

2.2 Capaian
1. Mahasiswa mampu menggunakan Label, TextField dan Button dalam NetBean.
2.3 Uraian Materi

Gambar 1. 14 Komponen Label, Button dan Text Field

Label adalah salah satu alat pada jFrame yang berguna untuk menempatkan suatu
variabel di dalamnya. Dengan adanya label, keterangan atas suatu objek dapat digambarkan
secara singkat.
Button adalah salah satu tools perintah yang disediakan oleh Netbeans pada jframe.
Button biasanya digunakan untuk memberikan perintah atau aksi-aksi pada form user.
Textfield adalah suatu tools yang berfungsi untuk menginput data secara langsung.

13
2.4 Latihan
1. Menggunakan Label, Button, text field
a. Buat tampilan form sebagai berikut menggunakan label, button, dan text field

Gambar 2. 1 Tampilan Form

Kemudian atur propertis setiap komponen form seperti tabel berikut
Tabel 2. 1 Propertis Komponen Form
Komponen Properties Isi
JLabel Text NIM
JLabel Text NAMA
JTextField Name eNIM
Text Kosongkan
JTextField Name eNama
Text Kosongkan
JButton Name eClear
Text CLEAR
JButton Name eExit
Text EXIT
Properties ‘Name’ pada JTextField dan Jbutton diperoleh dari Klik kanan pada
komponen >> Change variable name >> isi dengan nama baru.
b. Agar saat tombol CLEAR di klik dapat membersihkan isian pada TextField NIM
dan Nama, maka klik 2X pada tombol CLEAR, lalu ubah kode sehingga menjadi:

14
private void bClearActionPerformed(java.awt.event.ActionEventevt)
{
eNIM.setText("");
eNama.setText("");
}

c. Agar saat tombol EXIT di klik dapat menghentikan program, maka klik 2X pada
tombol EXIT, lalu ubah kode sehingga menjadi:
private void bExitActionPerformed(java.awt.event.ActionEventevt) {
System.exit(0);
}

d. Running program

Gambar 2. 2 Hasil Running Program

Gambar kiri pada saat text field diberi isian, gambar kanan pada saat tombol CLEAR di
klik.

2. Setting tampilan Label dan Button

a. Buat tampilan menggunakan Label, Button, dan Text Field dan atur propertisnya
sesuai dengan tabel berikut:
Tabel 2. 2 Propertis Komponen Form
Komponen Properties Isi
JLabel Icon File
JLabel Border Bowel
HorizontalAlignment Right
Text Jlabel
JButton Border Bowel
Text JButton
JButton Border LineBorder
Text JButton
JButton Border Empty

15
 Background [153:153:225]
b. Kemudian running program

Tabel 2. 3 Hasil Running Program 2

2.5 Tugas
1. Buat programuntuk menampilkan NIM dan NAMA kedalamJoptionPane.
2. Buat program untuk menampilkan NIM dan NAMA dan ALMAT kedalam JLabel.
3. Buat program untuk menampilkan NIM, NAMA, ALMAT dan NOTLP ke
dalamJTextField.

16
Lembar Jawaban: Soal Nama :
latihan & tugas NPM :
Tanda tangan :

17
 PASSWORD dan FORMATTED FILE

3.1 Tujuan
1. Menggunakan pallete JPasswordFile dan JFormattedFile dalam NetBeans.

3.2 Capaian
1. Mahasiswa dapat menggunakan pallete JPasswordFile dan JFormattedFile dalam
NetBeans.

3.3 Uraian Materi

Gambar 3. 1 Komponen JPasswordField dan JformattedField

JPasswordField digunakan untuk menuliskan sesuatu pada editBox/textField dengan di
Password(*), selain itu bisa juga dengan tertentu misalnya ditambah penulisan dollar,
desimal, persen, dan lain sebagainya.
Properties JPasswordField Utama adalah EchoChar (pada tab Other properties),
apabila diisi dengan " * ", maka tulisan pada password akan diganti dengan " * ", apabila “ ?
” maka akan diganti dengan “ ? ” dan seterusnya. Untuk mendapatkan password yang
dimasukkan dapat menggunakan getPassword().

18
3.4 Latihan
a. Buat tampilan form yang terdiri dari 2 label, 1 TextField, 1 PasswordField dan 2
Button.
b. Alur dari form yang telah dibuat nantinya adalah Apabila tombol login ditekan
maka akan menampilkan sebuah message, apabila tombol Batal di tekan maka user
dan passwod akan dibersihkan.

Gambar 3. 2 Form Login

c. Jika user berisi “sahrul” dan password berisi “sahrul123” maka akan ke luar
message “Selamat Anda Berhasil Login”, jika tidak maka akan ke luar “Maaf user
dan Password Salah”
d. Kemudian isikan code di bawah pada button Login untuk membuat aksi login
String Username, UPassword = new String("");
Username = eUser.getText();
UPassword = new String(ePassword.getPassword());
boolean Pernyataan = Username.equals("sahru") &&
UPassword.equals("123");

if(Pernyataan == true)
{ JOptionPane.showConfirmDialog(null, " Selamat
Anda
Berhasil Login", "Login", JOptionPane.DEFAULT_OPTION);
}else{
JOptionPane.showConfirmDialog(null, " Maaf user dan
Password Salah", "Login", JOptionPane.DEFAULT_OPTION);
}
e. Isikan kode di bawah pada button Batal untuk membuat aksi membersihkan isi field
eUser.setText("");
ePassword.setText("");

19
3.5 Tugas
1. Buat program seperti di atas, tapi pada saat button login di klik akan muncul username
dan password dalam salah satu tipe JoptionPane.
2. Tambahkan pada program anda jika login berhasil maka akan membuka form lain.

20
Lembar Jawaban: Soal Nama :
latihan & tugas NPM :
Tanda tangan :

21
 MODUL IV
COMBOBOX, RADIO BUTTON dan BUTTON GROUP

4.1 Tujuan
1. Menggunakan pallete Combo Box, Radio Button dan Button Group dalam NetBean.

4.2 Capaian
1. Mahasiswa dapat menggunakan pallete Combo Box, Radio Button dan Button Group
dalam NetBean.

4.3 Uraian Materi

Gambar 4. 1 Komponen Radio Button, Combo Box, Button

Group Combo Boxdigunakan untukmenampilkan daftar pilihan.
Radio Button digunakan untuk menyediakan sejumlah pilihan, dimana hanya satu pilihan saja
yang dapat dipilih pada kelompok piihan tersebut. Contoh pilhan jenis kelamin, hanya satu
jenis kelamin saja yang dapat dipilih.
Button Group digunakan sebagai group / kelompok dari pilihan-pilihan yang ada. Contoh :
group pilihan kelamin, group pilihan hoby, group pilihan range usia dsb.

22
4.4 Latihan
1. Menggunakan Combo Box
a. Buat sebuah form dengan tampilan sebagai berikut:

Gambar 4. 2 Form dengan Combo Box

b. Ganti nama combo box dengan cbAgama, kemudian Klik model pada tab Properties
dan setting

Gambar 4. 3 Propertis Combo Box

Ganti Item 1, Item 2 dengan ISLAM, KRISTEN, PROTESTAN, HINDU dan
BUDHA, agar sama sepeti di atas.
c. Kemudian isikan kode di bawah pada button Proses untuk membuat aksi jika
tombol proses di klik maka isi dari combo box yang dipilih akan ditampilkan pada
bagian text field dibagian bawah.

23
int IndexCombo;
String Pilihan;

//untuk mengetahui index atau urutan keberapa dari daftar combo

IndexCombo = cbAgama.getSelectedIndex();

//untuk mengetahui string atau text dari combo yang dipilih

dari daftar
Pilihan = (String)cbAgama.getSelectedItem();
Text_Hasil.setText(Pilihan);

d. Kemudian running program

Gambar 4. 4 Hasil Running Combo Box

2. Menggunakan Radio Button dan Button Group
a. Tambahkan sebuah button group dan 2 buah radio button pada form yang telah
dibuat pada sebelumnya.
b. Ubah nama group button menjadi Gbt_Kelamin
c. Ubah nama radio button1 menjadi Rb_Pria, pada tab properties ubah Selected =
True
dan isi buttonGroup dengan Btn_Kelamin.
d. Ubah nama radio button2 menjadi Rb_Wanita, pada tab properties isi buttonGroup
dengan Btn_Kelamin.

24
 Gambar 4. 5 Form Dengan Radio Button
e. Kemudian hapus kode pada tombol proses sebelumnya dan ganti dengan kode di
bawah ini.
char Kelamin;

//jika Radio button dipilih pria maka kelamin = 'P' jika tidak
Kelamin = 'W'
if (Rb_Pria.isSelected())
{ Kelamin = 'P';
}else{
Kelamin = 'W';
}
Text_Hasil.setText(String.valueOf(Kelamin));

f. Kemudian running program

25
 Gambar 4. 6 Hasil Running Radio Button

4.5 Tugas
Buat program yang terdiri dari 3 ComboBox (Combo Makanan, Combo Minuman dan Combo
Sayuran), 1 Button dan 1 TextFields. Ketika button di klik maka dari ketiga combo tersebut
di tampilkan dalam 1 textFields.

26
Lembar Jawaban: Nama :
Soal latihan & tugas NPM :
Tanda tangan :

27
 MODUL V
CHECK BOX dan TEXT AREA

5.1 Tujuan
1. Menggunakan pallete Check Box dan Text Area dalam NetBeans.

5.2 Capaian
1. Mahasiswa dapat menggunakan pallete Check Box dan Text Area dalam NetBeans.

5.3 Uraian Materi

Gambar 5. 1 Komponen Check Box dan Text Area

5.4 Latihan
a. Gunakan form yang telah dibuat pada latihan 4.4 sebelumnya, kemudian lakukan
modifikasi sebagai berikut

28
 b. Atur propertis form tambahan (Check Box, Label dan Text Area) seperti tabel
berikut:
Komponen Properties Isi
Check Box Name cbMenyanyi
Text Menyanyi
Check Box Name cbMenari
Text Menari
Check Box Name cbRenang
Text Renang
Check Box Name cbMemasak
Text Memasak
Check Box Name cbBadminton
Text Badminton
Check Box Name cbPuisi
Text Puisi
Label Text Resume
Text area Name areaResume
Text (Kosongkan)
c. Kemudian isikan kode di bawah pada button Proses untuk membuat aksi jika
tombol proses di klik maka data yang diisikan akan ditampilkan pada text area.

29
 int IndexCombo;
String Pilihan;
char Kelamin;
String daftarHoby="";
IndexCombo = cbAgama.getSelectedIndex(); Pilihan
= (String)cbAgama.getSelectedItem(); if
(Rb_Pria.isSelected()){
Kelamin = 'P';
}Else{
Kelamin = 'W';
}
if (cbMenyanyi.isSelected()){
daftarHoby +=cbMenyanyi.getText()+"";
}if (cbMenari.isSelected()){
daftarHoby +=cbMenari.getText()+"";
}if (cbRenang.isSelected()){
daftarHoby +=cbRenang.getText()+"";
}if (cbBadminton.isSelected()){
daftarHoby +=cbBadminton.getText()+"";
}if (cbMemasak.isSelected()){
daftarHoby +=cbMemasak.getText()+"";
}if (cbPuisi.isSelected()){
daftarHoby +=cbPuisi.getText()+"";
}
areaResume.set Text(
"NIM :\t"+eNIM.getText() + "\n"+
"NAMA :\t"+eNAMA.getText() + "\n"+
"AGAMA :\t"+ Pilihan + "\n"+
"KELAMIN:\t"+ Kelamin + "\n"+
"HOBY :\t"+ daftarHoby + "\n"
);

d. Tambahkan kode berikut pada tombol Clear untuk menghapus isi Text Area
areaResume.setTex(““)

atau

areaResume.setTex(null)

5.5 Tugas
Buatlah program pesanan di sebuah cafe yang menginputkan Nama (TextFields), Alamat
(TextFields), Makanan (CheckBox) dan Minuman (CheckBox) serta terdapat button pesan,
ketika Button pesan di klik maka daftar pesanan tersebut ditampilkan dalam TextArea.

30
Lembar Jawaban: Nama :
Soal latihan & tugas NPM :
Tanda tangan :

31
 MODUL VI
LIST dan SCROLLPANE

6.1 Tujuan
1. Menggunakan pallete JList dan JscrollPane dalam NetBeans.

6.2 Capaian
1. Mahasiswa dapat menggunakan pallete JList dan JscrollPane dalam NetBeans.

6.3 Uraian Materi

Gambar 6. 1 Komponen Scroll Pane dan List Box

6.4 Latihan
a. Buat form baru,
b. Tambahkan JscrollPane dalam form tersebut, kemudian tambahkan Jlist ke dalam
JscrollPane

32
 Gambar 6. 2 Tampilan JScrollPane dan JList
Perhatikan terdapat perubahan warna, semula kotak ScrollPane berwarna abu-abu,
setelah diisi oleh Jlist berubah menjadi putih dan terdapat tulisan Item 1, Item 2, ... ,
yang menandakan data kini telah siap diisi.
c. Tampilan JscrollPane dan Jlist dalam navigator atau inspctor

Gambar 6. 3 Tampilan JScrollPane dan Jlist Pada Navigator atau Inspctor

d. Pengisian data dapat dilakukan pada propertis bagian model (sama halnya pengisian
data pada Combo Box)

33
 Gambar 6. 4 Pengisian Data Pada JList
Ganti Item 1, Item 2, ..., sesuai dengan keinginan anda >> OK
e. Pada Tab Properties, di Properties Selection Mode pilih Single. Terdapat 3 pilihan
Selection Mode, berikut perbedaannya:

Gambar 6. 5 Tampilan 3 Selection Mode

f. Berikut ini adalah contoh yang lebih kompleks.

34
 Form terdiri dari 3 buah JscrollPane dan 3 Jlist yang berisi daftar makanan (single).
Minuman (Single Interval) dan Olahraga (Multiple Interval). Apabila tombol Proses
ditekan , daftar makanan, Minuman yang dipilih akan dicetak pada JtextArea
"Resume"

Gambar 6. 6 Tampilan Form Penggunaan 3 Selection Mode

g. Tambahkan kode berikut pada tombol Proses
int IndexMakanan = ListMakan.getSelectedIndex();
int IndexMinMinuman = ListMinuman.getMinSelectionIndex();
int IndexMaxMinuman = ListMinuman.getMaxSelectionIndex();

String Kalimat;
Kalimat = "Daftar Makanan yang dipilih : \n";
Kalimat = Kalimat +
ListMakan.getModel().getElementAt(IndexMakanan).toString()+"\n";

Kalimat = Kalimat + "Daftar Minuman yang dipilih : \n";

for (int i=IndexMinMinuman; i<=IndexMaxMinuman;i++){
Kalimat = Kalimat +
ListMinuman.getModel().getElementAt(i).toString()+"\n";
}
MemoResume.setText(Kalimat);

h. Kemudian running program

6.5 Tugas
Tambahkan pada program di atas coding untuk menampilkan daftar Olahraga yang telah
dipilih.

35
Lembar Jawaban: Nama :
Soal latihan & tugas NPM :
Tanda tangan :

36
 MODUL VII
UPDATE DATA LISTBOX, TEXTAREA dan COMBOBOX

7.1 Tujuan
1. Menambah, mengubah dan menghapus data pada ListBox, Text Area dan Combo
Boxdalam NetBean.

7.2 Capaian
1. Mahasiswa dapat Menambah, mengubah dan menghapus data pada ListBox, Text Area
dan Combo Boxdalam NetBean.

7.3 Uraian Materi

Proses menambah, mengubah dan menghapus data pada ListBox, TextArea dan
ComboBox, diperlukan terutama untuk pemrograman database.
ListBox tidak mempunyai method yang dapat langsung menambah, mengubah dan
menghapus data, kemampuan itu berada pada model ListBox. Model ListBox adalah model
dari ListBox yang akan digunakan, setiap model berbeda fungsi dan kegunaannya, contoh :
model untuk data tanggal pasti berbeda untuk data string / Numerik dsb. Berikut beberapa
metod yang dapat digunakan pada ListBox.
add(int, objek) : menambah data pada model ListBoxpada index ke-n
insertElementAt(int, Objek) : menambah data pada model ListBoxpada index ke-
n remove(int) : menghapus data pada model ListBoxpada index ke-n
removeAll() : menambah semua data pada model ListBox.
getSize() : mengetahui jumlah data pada Model
ListBox catatan : objek dapat berupa string.
Method Pada ListBox yang penting:
setModel(ListModel) : menambahkanModel ListBox ke dirinya.
getModel() : mendapatkan ListModel yang telah ada padanya.
Adapun ListModel yang sering digunakan pada ListBox adalah DefaultListModel

37
7.4 Latihan
a. Buat sebuah Form dengan 1 Scrollpane yang di isi oleh TextArea (AreaKota), 1
ScrollPane yang di isi oleh List (ListMinuman), 1 ComboBox (cCMakanan), 4
Button (btTambah, btHapus, btUbah dan btSisip) serta 1 TextField (eUbah).
b. Pada saat form dijalankan, AreaKota, CbMakanan, ListMinuman masih kosong.
Apabila Button Tambah di tekan, AreaKota akan berisi daftar kota, CbMakanan
akan akan berisi daftar makanan dan ListMinuman berisi daftar minuman.
c. Apabila Button Sisip di tekan, AreaKota akan disisipi daftar kota, CbMakanan
akan disisipi daftar makanan dan ListMinuman disisipi daftar minuman.
d. Apabila Button Hapus di tekan, kota pertama pada AreaKota akan di hapus,
Makanan pertama pada CbMakanan akan di hapus dan minuman pertama pada
list minuman akan di hapus.

Gambar 7. 1 Form List Box, Text Area, Combo Box

e. Tambahkan kode berikut pada tombol Tambah

38
AreaKota.append("Gersik"+"\n");
AreaKota.append("Malang "+"\n");
AreaKota.append("Surabaya"+"\n");

CbMakanan.insertItemAt("Rujak", 0);
CbMakanan.insertItemAt("Rawon", 1);
CbMakanan.insertItemAt("Sate", 2);

ListModel.add(0, "Sprite");
ListModel.add(1, "Fanta");
ListModel.add(2, "Es Batu");
ListModel.add(3, "Kopi");
ListMinuman.setModel(ListModel);

f. Perhatikan kode pada bagian awal dan tambahkan kode berikut jika belum ada:
public class Modul7 extends javax.swing.JFrame {
/** Creates new form Modul7 */

public Modul7() {
initComponents();
ListModel = new DefaultListModel(); // Yang perlu
ditambahkan
}

g. Perhatikan juga kode pada bagian akhir dan tambahkan kode berikut jika belum ada:
// Variables declaration - do not modify
private javax.swing.JTextArea AreaKota;
private javax.swing.JComboBox CbMakanan;
private javax.swing.JList ListMinuman;
private javax.swing.JButton btHapus;
private javax.swing.JButton btSisip;
private javax.swing.JButton btTambah;
private javax.swing.JButton btUbah;
private javax.swing.JTextField eUbah;
private javax.swing.JScrollPane jScrollPane1;
private javax.swing.JScrollPane jScrollPane2;
// End of variables declaration
// mendelarasikan model List Box
DefaultListModel ListModel; // Yang perlu ditambahkan
}

h. Tambahkan kode berikut pada tombol Hapus

39
 if (AreaKota.getLineCount()>0) {
AreaKota.setSelectionStart(0);
AreaKota.setSelectionEnd(12);
int posisi = AreaKota.getSelectedText().indexOf("\n");
AreaKota.replaceRange("", 0,posisi+1);

if (posisi == -1)
AreaKota.replaceRange("",0,8);
}
if (CbMakanan.getItemCount()>0){
CbMakanan.removeItemAt(0);
}
if (ListModel.getSize()>0){
ListModel.remove(0);
}

i. Tambahkan kode berikut pada tombol Ubah

if (AreaKota.getLineCount()>0) {
AreaKota.setSelectionStart(0);
AreaKota.setSelectionEnd(12);
int posisi = AreaKota.getSelectedText().indexOf("\n");
AreaKota.replaceRange(eUbah.getText()+"\n", 0,posisi+1);

if (posisi == -1)
AreaKota.replaceRange(eUbah.get Text()+"\n",0,8);
}
if (CbMakanan.getItemCount()>0){
CbMakanan.removeItemAt(1);
CbMakanan.insertItemAt(eUbah.getText(),1);
}
if (ListModel.getSize()>0){
ListModel.remove(1);
ListModel.insertElementAt(eUbah.getText(),1);
}

j. Tambahkan kode berikut pada tombol Sisip

AreaKota.append("Lamongan"); //tambah paling bawah
AreaKota.insert("Kab.",0); // tambah text area

CbMakanan.insertItemAt("Soto",3);
CbMakanan.insertItemAt("Pecel",0);

ListModel.insertElementAt("Jus Apokat", 4);

ListModel.insertElementAt("Jus Tomat", 5);

k. Kemudian running Program

7.5 Tugas
Tambahkan pada program di atas TextFileds (kota, makanan dan minuman) sebagai inputan,
pada saat Button sisip di klik maka inputan pada TextFields tersebut dimasukkan ke dalam
TextArea Kota, Combo Makanan dan List Minuman.

40
Lembar Jawaban: Nama :
Soal latihan & tugas NPM :
Tanda tangan :

41
 MODUL VIII
TABBED PANE dan PANEL

8.1 Tujuan
1. Menggunakan pallete Tabbed Pane dan Panel dalam NetBeans.
8.2 Capaian
1. Mahasiswa dapat menggunakan pallete Tabbed Pane dan Panel dalam NetBeans.
8.3 Uraian Materi

Gambar 8. 1 Komponen Panel dan Tabbed Pane

8.4 Latihan
a. Buatlah Form baru
b. Masukkan TabbedPane ke dalamform. Kemudian tambahkan Jpanel ke dalam
TabbedPane yang di buat sebanyak 3X. Hasinya sebagai berikut:

42
 Gambar 8. 2 JPanel dan TabbedPane
c. Klik panel 1, klik pada layout dan ubah Tab Title menjadi Pertama

Gambar 8. 3 Propertis Tab Title

d. Atur Tab Title yang lain menjadi tab Ke Dua dan tab Ke Tiga
e. Setiap Tab yang ada dapat anda isi sesuai dengan keinginan anda. Sebagai contoh
masukan Label, TextField, dan Button pada setiap Tab

43
 Gambar 8. 4 Isi Form Setiap Tab
f. Tambahkan kode berikut pada tombol Bersih untuk menghapus isi TextField
eNim.setText("");
eNama.setText("");

8.5 Tugas
Buatlah program TabbedPane menyatukan Modul 1 sampai 5.

44
Lembar Jawaban: Nama :
Soal latihan & tugas NPM :
Tanda tangan :

45
 MODUL IX
SCROLL BAR dan SPINNER

9.1 Tujuan
1. Menggunakan pallete Scoll Bar dan Spinner dalam NetBeans

9.2 Capaian
1. Mahasiswa dapat menggunakan pallete Scoll Bar dan Spinner dalam NetBeans

9.3 Uraian Materi

Gambar 9. 1 Komponen Scroll Bar dan Spinner

9.4 Latihan
1. Latihan Form Scroll Bar
a. Buat Form baru dengan komponen dan pengaturan propertis sebagai berikut
Komponen Properties Isi
Label Text Volume
Label Text Bass
Label Text Treble
Scrollbar Name sbVolume
Orientation Vertical
Value 30
Scrollbar Name sbBass
Orientation Vertical

46
 Value 30
Scrollbar Name sbTreble
Orientation Vertical
Value 30
Text area Name areaResume
Text (Kosongkan)

Gambar 9. 2 Latihan Form Scroll Bar

b. Klik pada scroll bar Volume, kemudian klik pada tab Events, klik 2X
adjustmentValueChanged.

47
 Gambar 9. 3 Propertis Tab Events Scroll Bar
Kemudian masukan kode berikut pada kolom AdjustmentValueChanged yang telah
yang telah ditunjukan.
areaResume.setText("Volume : \t" + sbVolume.getValue() + "\n" +
"Bas : \t" + sbBas.getValue() + "\n" + "Treble : \t" +
sbTreble.getValue());

c. Klik pada scroll bar Bas, kemudian klik pada tab Events, klik 2X
adjustmentValueChanged. Kemudian masukan kode berikut pada kolom
AdjustmentValueChanged yang telah yang telah ditunjukan.

areaResume.set Text("Volume : \t" + sbVolume.getValue() + "\n" +

"Bas : \t" + sbBas.getValue() + "\n" + "Treble : \t" +
sbTreble.getValue());

d. Klik pada scroll bar Treble, kemudian klik pada tab Events, klik 2X
adjustmentValueChanged. Kemudian masukan kode berikut pada kolom
AdjustmentValueChanged yang telah yang telah ditunjukan.

areaResume.set Text("Volume : \t" + sbVolume.getValue() + "\n" +

"Bas : \t" + sbBas.getValue() + "\n" + "Treble : \t" +
sbTreble.getValue());

e. Kemudian running program

48
 Gambar 9. 4 Hasil Running Form Scroll Bar

2. Latihan Spinner
a. Buat Form dengan 3 label (Normal, Angka, Hari), 3 Text Field (eNormal, eAngka,
eHari), dan 3 Spinner (spinNormal, spinAngka, spinHari).

Gambar 9. 5 Form Spinner

Apabila tombol spinNormal (panah ke atas dan ke bawah) ditekan maka isi text
eNormal akan berubah, begitu juga dengan spinAngka dan spinHari.
b. Spin Normal akan menggunakan defaultnya NetBeans.

49
c. Untuk membuat Spin Angka, klik spinAngka kemudian pilih Model pada Propertis.
Kemudian atur seperti gambar berikut

Gambar 9. 6 Pengaturan Propertis Model Komponen Spinner

d. Klik kanan pada spin Angka, pilih Evens >> Change >> StateChange.

50
 Gambar 9. 7 Menambahkan Kode stateChanged Pada Spinner
e. Kemudian masukan kode berikut pada StateChanged yang telah ditunjukan.
eAngka.setText(spinAngka.getValue().toString());

f. Kemudian running program

Gambar 9. 8 Hasil Running Form Spinner

9.5 Tugas
Lengkapi program di atas untuk kode pada bagian spinNormal dan spinHari sehingga seperti
yang tampak pada Running program serta tambahkan spin untuk Tanggal.

51
Lembar Jawaban: Nama :
Soal latihan & tugas NPM :
Tanda tangan :

52
 MODUL X
MENU BAR, MENU, MENU ITEM dan SEPERATOR

10.1 Tujuan
1. Menggunakan pallete JmenuBar, Jmenu, JmenuItem dan Jseperator dalam NetBeans.

10.2 Capaian
1. Mahasiswa dapat menggunakan pallete JmenuBar, Jmenu, JmenuItem dan Jseperator
dalam NetBeans.

10.3 Uraian Materi

Gambar 10. 1 Komponen Separator, Menu, Menu Item, Menu Bar

10.4 Latihan
a. Buat tampilan Form berikut menggunakan komponen Menu, Menu Bar, Menu Item
dan Separator

53
 Gambar 10. 2 Form Menu, Menu Bar, Menu Item dan Separator
b. Berikut pengaturan propertis komponen yang digunakan
Komponen Properties Isi
JmenuBar Name JmenuBar1
Jmenu Name menFile
Text File
Jmenu Name menProses
Text Proses
JmenuItem Name meItBersih
Text Bersih
Jmenu Name menHitung
Text Hitung
JmenuItem Name meItKali
Text Kali
JmenuItem Name meItBagi
Text Bagi
JmenuItem Name meItTambah
Text Tambah
JmenuItem Name meItKurang
Text Kurang
Jmenu Name menBantuan
Text Bantuan
TextField Name eData1
Text (Kosongkan)
TextField Name eData2
Text (Kosongkan)
TextField Name eHasil
Text (Kosongkan)

54
c. Untuk menambah atau membuat menu pada Menu Bar dapat dilakukan dengan cara
Klik kanan pada Menu Bar >> pilih Add Menu

Gambar 10. 3 Menambahkan Menu Bada Menu Bar

Kemudian ubah nama dan text pada propertis sesuai dengan tabel di atas.
d. Untuk menambah atau membuat Menu Item pada Menu bisa dilakukan dengan cara
Klik kanan pada Menu >> pilih Add Form Pallete >> Menu Item

55
 Gambar 10. 4 Manambahkan Menu Item Pada Menu
Kemudian ubah nama dan text pada propertis sesuai dengan tabel di atas.
e. Alur program adalah Pada saat Menu Item Kali di klik maka Text Field hasil akan
diisi perkalian antara Data1 dan Data2. Untuk membuat alur tersebut maka klik 2x
pada meItKali.

Gambar 10. 5 Menambahkan Kode Pada Tombol Menu

56
 f. Kemudian masukan kode berikut pada posisi yang tela ditunjukan
(meItKaliActionPerformed)
int Data1 = Integer.parseInt(eData1.get Text());
int Data2 = Integer.parseInt(eData2.get Text());
int Hasil;
Hasil = Data1*Data2;
eHasil.setText(String.valueOf(Hasil));

g. Lakukan hal yang sama pada Menu Item Bagi, Tambah dan Kurang
h. Kemudian running program.

Gambar 10. 6 Hasil Running Program Menu

10.5 Tugas
Buat program untuk menghitung Luas dan Keliling dari Persegi Panjang, Segitiga dan
Lingkaran.

57
Lembar Jawaban: Nama :
Soal latihan & tugas NPM :
Tanda tangan :

58
 MODUL XI
POPUPMENU dan TOOL BAR

11.1 Tujuan
1. Menggunakan pallete JpopupMenu dan JtoolBar dalam NetBeans.

11.2 Capaian
1. Mahasiswa dapat menggunakan pallete JpopupMenu dan JtoolBar dalam NetBeans.

11.3 Uraian Materi

Gambar 11. 1 Komponen Tool Bar dan Popup Menu

11.4 Latihan
a. Buatlah form seperti pada gambar berikut

59
 Gambar 11. 2 Form Tool Bar dan Popup Menu
b. Tambahkan sebuah Popup Menu pada form tersebut. Kemudian tambahkan 2 buah
MenuItem pada popup Menu tersebut dengan cara, Klik kanan pada JpopUpMenu
>> pilih Add Form Palette >> Menu Item.

Gambar 11. 3 Menambah Menu Item Pada Popup Menu

Ganti Name menjadi popBersih dan Text menjadi Bersih pada Menu Item1
Ganti Name menjadi popTutup dan Text menjadi Tutup pada Menu Item2
c. Kemudian klik 2x pada MenuItem untuk mengisikan kode

60
 d. Berikan kode berikut pada popBersih untuk membersihkan isi pada TextArea dan
TextField.
eNIM.setText("");
eNAMA.setText("");
areaKeterangan.setText("");

e. Agar pada saat running program PopUp Menu tampil maka klik Form (area bebas
form) >> pilih tab Evens >> mousePressed

Gambar 11. 4 Memberi Kode Untuk Menampilkan Popup Menu

f. Klik kemudian isikan kode berikut ke dalam formMousePressed ditempat yang telah
ditunjukan.
jPopupMenu1.show(this,evt.getX(), evt.getY());

g. Kemudian running program

61
 Gambar 11. 5 Hasil Running Form Popup Menu

11.5 Tugas
Buatlah program seperti di atas dan gunakan ToolBar untuk menampung Button tersebut.

62
Lembar Jawaban: Nama :
Soal latihan & tugas NPM :
Tanda tangan :

63
 MODUL XII
SLIDER dan FILE CHOOSER

12.1 Tujuan
1. Menggunakan pallete Jslider dan JFileChooser dalam NetBeans.

12.2 Capaian
1. Mahasiswa dapat menggunakan pallete Jslider dan JfileChooser dalam NetBeans.

12.3 Uraian Materi

Gambar 12. 1 Komponen Slider

Slider berfungsi seperti scrollbar, namun terdapat beberapa properti tambahan, sebagai
berikut:
Minimum : mengatur nilai minimum slider
Maximum : mengatur nilai minimum slider
MinorTickSpacing : mengatur nilai minimum garis
slider MayorTickSpacing: mengatur nilai maximumgaris
slider
PaintLabels : menampilkan/tidak nilai/ukuran pada slider
PaintTick : menampilkan/tidak garis nilai/ukuran pada slider
PaintTrack : menampilkan/tidak tracking nilai/ukuran pada slider
Orientation : Orientasi slider (Harisontal / Vertical)
SnapToTick : mengatur snap/kecendrungan pilihan pada slider

64
Value : mengatur nilai sekarang pada slider

65
12.4 Latihan
a. Buatlah form seperti dibawah ini, yang terdiri dari 3 Button, 1 Label, 1 TextField
dan 2 Slider.

Gambar 12. 2 Form Slider

b. Ubah propertisnya sebagai berikut:
Komponen Properties Isi
Label Name Jlabel
Text Hasil
JTextField Name eHasil
Text (Kosongkan)
JButton Name btSetNilai
Text Set Nilai
JButton Name btUbah
Text Ubah Min Max
JButton Name btHapus
Text Hapus Label Nilai
JSlider Name Jslider
Minimum 0
Maximum 100
MinorTickSpacing 10
MayorTickSpacing 10
PaintLabels True
PaintTick True
PaintTrack True

66
 Orientation Horizontal
SnapToTick False
Value 10
JSlider Name Jslider
Minimum 0
Maximum 100
MinorTickSpacing 10
MayorTickSpacing 10
PaintLabels True
PaintTick True
PaintTrack True
Orientation Vertical
SnapToTick False
Value 10
c. Agar nilai dapat tampil pada textField Hasil pada saat slider di geser maka, klik
kanan pada JSlider1 >> pilih Events >> Change >> StateChanged.
d. Kemudian masukan kode berikut pada StateChanged yang telah ditentukan
int hasil = jSlider1.getValue();
eHasil.setText(String.valueOf(hasil));

Lakukan hal yang sama pada Jslide2

e. Berikan kode berikut pada tombol Set Nilai untuk mengatur nilai pada JSlide1
jSlider1.setValue(80);

f. Berikan kode berikut pada tombol Ubah Min Max untuk mengatur nilai minimal
dan maxsimal pada JSlide1
jSlider1.setMaximum(70);
jSlider1.setMinimum(20);

g. Berikan kode berikut pada tombol Hapus Label Nilai untuk mengatur menghapus
label nilai pada JSlide1
jSlider1.setPaintLabels(false);
jSlider1.setPaintTicks(false);

h. Kemudian running program

12.5 Tugas
Buat contoh program menggunakan JFileChooser

67
Lembar Jawaban: Nama :
Soal latihan & tugas NPM :
Tanda tangan :

68
 MODUL XIII
C.R.U.D, dan PENCARIAN DATA DENGAN DATABASE

13.1 Tujuan
1. Melakukan koneki database MySQL dengan netbeans.
2. Menampilka data ke dalam Jtabel dengan database.
3. Melakukan Update data dengan database
4. Menghapus data pada database
5. Melakukan Pencarian pada database

13. 2 Capaian
1. Mahasiswa dapat melakukan koneki database MySQL dengan netbeans.
2. Mahasiswa dapat Menampilka data ke dalam Jtabel dengan database.
3. Mahasiswa dapat Melakukan Update data dengan database
4. Mahasiswa dapat Menghapus data pada database
5. Mahasiswa dapat Melakukan Pencarian pada database

13. 3 Uraian Materi

a. Cara mengkoneksikan antara java (Netbeans) dan MySQL (xampp sebagai
software pendukung database MySQL).
b. Sebelum memula pengkoneksiannya langkah yang pertaman adalah pastikan
aplikais xampp telah berjalan agar kita bisa melakukan akses database MySQL.
c. Setelah itu silahkan buat dulu sesbuah database yang mengandng sebuah tabel
didalamnya,

Sebagai contoh, saya memiliki sebuah database dengan nama pmr_visual dan
sebuah tabel dengan nama mahasiswa.

69
 d. Setelah semuanya telah siap, kita bisa melakukan koneksi database antara java
dengan MySQL

13. 4 Latihan
1. Membuat Koneksi Database
a. Silahkan buat 2 buah file terlebihdahulu (1 Java Class = koneksi.java, dan 1 Jframe
Form = mahasiswa.java)

b. Setelah itu tambahkan sebuah libraries database ke dalam projek dengan cara, klik
kanan Libraries >> pilih Add Library >> pilih MySQL JDBC Driver >> klik Add
Library

c. Kemudian tuliskan kode berikut di dalam class koneksi pada file koneksi.java

70
private static Connection koneksi;
public static Connection GetConnection() throws
SQLException{ if (koneksi == null){
new Driver();
koneksi =
DriverManager.getConnection("jdbc:mysql://localhost:3306/pmr
_visual","root","");
}
return koneksi;
}

d. Tambahkan kode berkut pada bagian bawah package jika belum ada
import com.mysql.jdbc.Driver;
import java.sql.*;

2. Menampilkan Data ke Jtable

a. Buat tampilan form untuk menampilkan data mahasiswa seperti berikut ini

b. Kemudian masuk ke bagian source dan buat sebuah class baru dengan nama
tampildata() (berfungsi untuk menampilkan data ke dalam Jtabel), dan bersih()
(berfungsi untuk membersihkan text yang ada dalam text field)

71
public void bersih(){
txtNim.setText("");
txtNama.setText("");
txtCari.setText("");
cboJurusan.setSelectedItem(0);
}

public void tampildata(){

DefaultTableModel tbl = new DefaultTableModel();
tbl.addColumn("NIM");
tbl.addColumn("Nama");
tbl.addColumn("Jurusan");
tblMahasiswa.setModel(tbl);
try {
Statement statement = (Statement)
koneksi.GetConnection().createStatement();
ResultSet res = statement.executeQuery("select * from
mahasiswa");
while (res.next())
{ tbl.addRow(new Object[]
{
res.getString("nim"),
res.getString("nama"),
res.getString("jurusan"),
});
tblMahasiswa.setModel(tbl);
}
}catch (Exception e)
{ JOptionPane.showMessageDialog(rootPane, "salah");
}
}
c. Jika terdapat baris yang error coba perkatikan pada bagian package

d. Tambahakan kode berikut pada bagian awal

e. Kemudian running program

72
3. Menambah Data ke database
a. klik 2x tombol Simpan, kemudian tambahkan kode berikut pada tombol Simpan
try {
Statement statement = (Statement)
koneksi.GetConnection().createStatement();
statement.executeUpdate("insert into mahasiswa values
('"+txtNim.getText()+"','"+txtNama.getText()+"','"+cboJurusan.getS
electedItem()+"');");
statement.close();
JOptionPane.showMessageDialog(null, "Data berhasil
disimpan");
tampildata();
bersih();
}catch (Exception t){
JOptionPane.showMessageDialog(null, "Data gagal disimpan");
}

b. kemudian running program

4. Merubah data pada database

a. Klik 2x pada tombol Edit, kemudian tambahkan kode berikut pada tombol Edit
try {
Statement statement = (Statement)
koneksi.GetConnection().createStatement();
statement.executeUpdate("insert into mahasiswa values
('"+txtNim.getText()+"','"+txtNama.getText()+"','"+cboJurusan.getS
electedItem()+"');");
statement.close();
JOptionPane.showMessageDialog(null, "Data berhasil
Dirubah");
tampildata();
bersih();
}catch (Exception t){
JOptionPane.showMessageDialog(null, "Data gagal Dirubah");
}

b. Klik kanan pada Jtable >> pilih Events >> pilih Mouse >> pilih mouseClicked

73
 c. Tambahkan kode berikut pada bagian MouseClicked yang telah ditunjukan
int row = tblMahasiswa.getSelectedRow();
txtNim.setText((String)tblMahasiswa.getValueAt(row, 0));
txtNama.setText((String)tblMahasiswa.getValueAt(row, 1));
cboJurusan.setSelectedItem((String)tblMahasiswa.getValueAt(row,
2));

d. Kemudian running program

5. Menghapus data pada database

a. Klik 2x tombol Hapus, kemudian tambahkan kode berikut pada tombol Hapus
String nim = txtNim.getText();
try {
Statement statement = (Statement)
koneksi.GetConnection().createStatement();
statement.executeUpdate("delete from mahasiswa where nim=
('"+nim+"');");
tampildata();
bersih();
JOptionPane.showMessageDialog(null, "Data berhasil
dihapus");
}catch (Exception t) {
JOptionPane.showMessageDialog(null, "Data gaagl dihapus");
}

b. Kemudian running program

6. Mencari data berdasarkan nim atau nama yang diinputkan

a. Klik 2x pada text field Cari, kemudian tambahkan kode berikut pada text field Cari

74
 String cari = txtCari.getText();
DefaultTableModel tbl = new DefaultTableModel();
tbl.addColumn("NIM");
tbl.addColumn("Nama");
tbl.addColumn("Jurusan");
tblMahasiswa.setModel(tbl);
try {
Statement statement = (Statement)
koneksi.GetConnection().createStatement();
ResultSet res = statement.executeQuery("select * from
mahasiswa where nim like '%" + cari + "%'" + "or nama like '%" +
cari + "%';");

while (res.next())
{ tbl.addRow(new Object[] {
res.getString("nim"),
res.getString("nama"),
res.getString("jurusan"),
});
tblMahasiswa.setModel(tbl);
bersih();
}
}catch (Exception e)
{ JOptionPane.showMessageDialog(rootPane,
"salah");
}
b. Kemudian running program

13. 5 Tugas
Buat program seperti di atas mengunakan data tabel yang berbeda, sesuaikan isi field tabel
dengan tampilan form yang anda buat dalam program.

75
Lembar Jawaban: Nama :
Soal latihan & tugas NPM :
Tanda tangan :

76
 MODUL XIV
PROYEK
AKHIR

1. Buat sebuah kelomok yang beranggotakan 2 mahasiswa.

2. Buat sebuah aplikasi sederhana dengan netbeans dengan memanfaatkan koneksi
database MySQL.
3. Buatlah dokumen laporan dari aplikasi yang anda buat.

Lembar Jawaban: Nama :

Soal latihan & tugas NPM :
Tanda tangan :

77
Lembar Jawaban: Nama :
Soal latihan & tugas NPM :
Tanda tangan :

78