PEMROGRAMAN VISUAL II

(Bahasa Pemrograman Java)

NetBeans IDE 7.1.2
<= Aplikasi Database (CRUD)=>

Labkom RPL SMK MIFTAHUL HIKAMH 2021

A. Menampilkan Data Database pada JTable
1. Sebelum membuat project pada netbeans, buatlah database “Karyawan” pada MySQL beserta tabel “tblGaji”.
Berikut rancangan tabel tblGaji :
Tabel a.1 tblGaji
Field Type
Nip Varchar (10)
Nama Varchar (50)
Jabatan Varchar (30)
Gapok Int (10)
Transport Int (10)
Gaber Int (10)

2. Isi tabel tblGaji dengan data berikut :

Tabel a.2 Record tblGaji
Nip Nama Jabatan Gapok Transport Gaber
14231022 Surya Pratama Manager 5000000 500000 5500000
14231021 Sandika Indriyani Asisten Manager 4000000 400000 4400000
14231020 Kartini Andayani Kepala HRD 4000000 400000 4400000

3. Buatlah project baru dengan nama App_Database dan buat Java Package dengan nama Koneksi.
4. Agar database MySQL dapat terhubung maka diperlukan driver sebagai jembatan penghubung Netbeans
dengan MySQL, klik kanan pada Libraries dalam project App_Database – pilih Add Library

Gambar a.1 Add Library

5. Kemudian pada jendela Add Library pilih MySQL JDBC Driver dan klik tombol Add Library

Gambar a.2 MySQL JDBC Driver

6. Jika proses import driver MySQL JDBC berhasil maka akan muncul driver baru pada Libraries dalam
project App_Database.

Gambar a.3 Libraries MySQL JDBC Driver

2|P a g e
7. Kemudian buat Java Class baru di dalam package Koneksi dengan nama “Db_Koneksi”.

Gambar a.4 Java Class Db_Koneksi

8. Masukkan kode program berikut pada Java Class Db_Koneksi :

9. Selanjutnya buat Java Package baru pada App_Database dengan nama “Karyawan”.
10. Buat JFrame Form baru pada package Karyawan dengan nama “Form_Gaji”

Gambar a.5 Form Gaji

11. Masukkan komponen JTable dari jendela Palette pada Form_Karyawan seperti berikut :

3|P a g e
 Gambar a.6 Desain Form_Gaji
12. Sesuaikan nilai dari komponen – komponen tersebut dengan tabel berikut :

Table a.3 Value Komponen Form_Gaji

Komponen Properties Values Code Values
Frame Title Form Penggajian Karyawan - -
Jlabel1 Text Data Gaji Karyawan - -
JTable1 - - Variable Name tblGaji

13. Masukkan kode program berikut pada Form_Gaji untuk membuat kolom dan memberi penamaan judul kolom pada
tabel tblGaji :

14. Untuk melihat hasil dari pembuatan kolom pada tabel tblGaji , jalankan program dengan menekan tombol Shift +
F6, jika berhasil maka akan tampil seperti berikut :

Gambar a.7 Output Tabel tblGaji

4|P a g e
15. Kemudian buatlah class getData untuk melakukan pemanggilan data pada database

16. Agar data di tabel tblGaji pada database Karyawan dapat ditampilkan pada Form_Gaji, maka panggil class getData
pada class Form_Gaji.

17. Jalankan program dengan menekan tombol keyboard Shift + F6

5|P a g e
 Gambar a.8 Output Form_Gaji

B. Menyimpan Data ke Database

1. Desain Form_Gaji pada project App_Database seperti berikut :

Gambar b.1 Desain Form_Gaji

2. Sesuaikan nilai dari komponen – komponen tersebut dengan tabel a.1

Tabel b.1 Properties dan Code

Komponen Properties Values Code Values
Frame Title Form Penggajian Karyawan - -
jLabel1 Text Data Gaji Karyawan - -
jLabel2 Text NIP - -
jLabel3 Text Nama - -
jLabel4 Text Jabatan - -
jLabel5 Text Gaji Pokok - -
jLabel6 Text Transport - -
jLabel7 Text Gaji Bersih - -
jTextField1 Text - Variable Name txtNip
jTextField2 Text - Variable Name txtNama
jTextField3 Text - Variable Name txtGapok
jTextField4 Text - Variable Name txtTransport
jTextField5 Text - Variable Name txtGaber
jComboBox1 Model Manager Variable Name cmboxJabatan
Asisten Manager
Kepala HRD
Staf Keuangan
Karyawan
Office Boy
jButton1 Text Keluar Variable Name btnKeluar
Icon Pilih lokasi icon
horizontolTextPosition Center
verticalTextPosition Bottom
6|P a g e
 jButton2 Text Delete Variable Name btnDelete
Icon Pilih lokasi icon
horizontolTextPosition Center
verticalTextPosition Bottom
jButton3 Text Update Variable Name btnUpdate
Icon Pilih lokasi icon
horizontolTextPosition Center
verticalTextPosition Bottom
jButton3 Text Reset Variable Name btnReset
Icon Pilih lokasi icon
horizontolTextPosition Center
verticalTextPosition Bottom
jButton4 Text Save Variable Name btnSave
Icon Pilih lokasi icon
horizontolTextPosition Center
verticalTextPosition Bottom
jTable1 - - Variable Name tblGaji

3. Selanjutnya buatlah beberapa variable baru untuk menampung nilai sementara dari Nip, Nama, Jabatan, Gaji
Pokok, Transport dan Gaji Bersih, masukkan variable tersebut seperti kode program berikut :

4. Kemudian buatlah class baru dengan nama loadData(), fungsi class tersebut adalah untuk memberi nilai pada
variable di step 4, berikut kode program class loadData() :

5. Setelah class loadData() selesai dibuat, selanjutnya buat class baru dengan nama loadGaji(), fungsi class ini
adalah untuk menentukan besaran gaji pokok, transport dan gaji bersih. Berikut kode program pada class
loadGaji() :

7|P a g e
 6. Pada tahap ini merupakan tahap pembuatan class saveData(), fungsi class ini adalah untuk menyimpan data
berdasarkan input dari user, berikut kode program pada class saveData():

7. Selanjutnya adalah pemanggilan class loadGaji() saat jabatan pada cmboxJabatan dipilih, berikut kode program
pada cmboxJabatan :

8. Agar proses penyimpanan dapat dilakukan, selanjutnya lakukan pemanggilan class saveData() saat tombol Save
di klik, berikut kode program pada btnSave :

9. Jalankan program dengan menekan tombol pada keyboard Shift + F6, lakukan uji coba input data pada aplikasi.

C. Membuat Tombol Reset

1. Buatlah sebuah class Reset(), fungsi class ini adalah untuk mengkosongkan nilai pada variable – variable yang ada.
Berikut kode program pada class Reset() :

2. Lakukan pemanggilan class Reset() saat tombol Reset di klik, berikut kode program pada tombol Reset :

8|P a g e
D. SelectRow
Dalam proses update dan delete data harus dilakukan penentuan data yang akan diubah atau dihapus, agar proses
tersebut dapat dilakukan, maka buatlah sebuah class baru yang berfungsi untuk memanggil data yang dipilih oleh
user dari tblGaji. Berikut kode program pada class tersebut :

Selanjutnya klik kanan pada tblGaji pada bagian Design kemudian pilih Events – Mouse – mouseClicked,
kemudian lakukan pemanggilan class dataSelect() pada events tersebut.

Kemudian jalankan program dan lakukan pemilihan data pada tabel tblGaji, jika berhasil maka data yang dipilih
akan tampil pada komponen – komponen yang disediahkan.

Gambar d.1 Proses SelectRow

E. Update Data
Setelah proses SelectRow berhasil, maka selanjutnya adalah proses update data. Buatlah class baru dengan nama
updateData(), masukan kode program berikut :

9|P a g e
 Kemudian klik kanan pada tombol Update pilih Events – Action – actionPerformed, kemudian lakukan
pemanggilan pada events tersebut :

F. Delete Data
Selanjutnya adalah proses delete data. Buatlah class baru dengan nama deleteData(), masukan kode program berikut
:

Kemudian klik kanan pada tombol Delete pilih Events – Action – actionPerformed, kemudian lakukan
pemanggilan pada events tersebut :

G. Tombol Keluar
Kemudian klik kanan pada tombol Keluar pilih Events – Action – actionPerformed, kemudian lakukan
pemanggilan pada events tersebut :

10 | P a g