4 Pemrograman GUI Java NetBeans
4 Pemrograman GUI Java NetBeans
Setelah NetBeans terinstall dalam komputer maka kita dapat membukanya dengan meng-klik
icon tersebut. Adapun tampilan IDE (Integrated Development Enviroment) dari NetBeans
diperlihatkan dalam gambar 4.2. Di dalam IDE inilah kita akan membuat kode program dari
NetBeans.
Jika kita ingin membuka atau mengaktifkan Xampp dalam komputer maka kita mengklik icon
tersebut. Tampilan dari Xampp diperlihatkan dalam gambar 4.4. Pastikan modul server Apache
dan MySQL sudah aktif yang ditandai dengan latar belakang dari kedua komponen tersebut
berwarna hijau dan layanan modul (module service) sudah tercentang.
Dengan diaktifkannya Apache dan MySQL maka kita sudah siap untuk membuat program
aplikasi database dengan NetBeans.
3. Untuk membuat tabel dalam database javaandmysqltut, maka klik database javaandmysqltut
tersebut seperti diperlihatkan dalam gambar 4.7.
4. Klik tombol create table, maka akan muncul layar untuk membuat tabel baru seperti
gambar 4.9. Sebagai contoh misalkan kita akan membuat 2 buah tabel yaitu : tablelogin dan
tablestudent.
a) Pembuatan Tabel tablelogin (gambar 4.9)
-isikan Table name : tablelogin
-isikan data kolom (field) dengan data berikut :
Name Type Length/ index
values
userid INT 20 PRIMARY
username VARCHAR 20
userpass VARCHAR 20
5. Pengisian Tabel
Sebagai contoh kita akan mengisi data pada tabel tablelogin, seperti diperlihatkan pada
gambar 4.11. Adapun langkah-langkahnya adalah :
Contoh 2 :
column Type function value
userid INT(20) 2
username VARCHAR(20) John
userpass VARCHAR(20) guest
-klik tombol Go
Di dalam sub bab ini kita akan membahas program aplikasi kasus sederhana tentang pengolahan
database. Database yang akan diolah dalam program yaitu : javaandmysqltut . Dimana di dalam
database tersebut ada 2 tabel yaitu : tablelogin dan tablestudent. Struktur program yang akan kita
buat terdiri dari :
-Nama file Project : JavaApplicaton3
-Nama file Class : Main dan mysqlconnect
-Nama file form : loginJFrame
Adapun langkah-langkah perancangan program adalah sebagai berikut :
1. Pembuatan File Project (JavaApplication3) :
- Buka java NetBeans
- pilih menu : file - new project, maka akan tampil layar seperti gambar 4.12
- di dalam Categories, pilih : Java dan di dalam Projects, pilih : Java Application
- klik tombol Next >, maka akan tampil layar seperti gambar 4.13.
- isikan nama project, misal :
Project name : JavaApplication3
- isikan lokasi penyimpanan project, dengan tombol browse arahkan ke lokasi folder tertentu
sebagai tempat penyimpanan project, misal:
- Klik kanan pada folder libraries yang terdapat di dalam project JavaApplication3.
Kemudian pilih menu : add JAR/Folder, maka akan muncul layar tampilan seperti gambar
4.15. Di sini kita kita diminta untuk memasukkan file mysql-connector-java yang akan kita
install. Jika kita sudah menemukan file tersebut maka klik tombol Open. Dengan
demikian file tersebut sudah terinstall di dalam libraries project JavaApplication3 seperti
diperlihatkan dalam gambar 4.16.
}
}
Kontrol Panel
komponen
yg tersedia
dalam
perancangan
form
- pada layar editor form buatlah rancangan form (gambar 4.21) seperti berikut ini :
Properti, Binding,
No. Nama Komponen Nilai
event, code
3 TextField1 Text
4 TextField2 Text
- klik tab Design maka akan ditampilkan form loginJFrame. Selanjutnya Klik kanan pada
form loginJFrame, pilih menu : Events window windowOpened. Maka akan
ditampilkan layar editor. Pada layar editor ketikkanlah kode program berikut ini :
- pada form klik kanan tombol login, lalu pilih menu : Events - Mouse mouseClicked. Pada
layar editor ketikkanlah kode program berikut ini :
}
}
- Jalankan (Run) class Main ini dengan memilih menu : Run Run Project
(JavaApplication3). Hasilnya adalah seperti diperlihatkan dalam gambar 4.24.
Gambar 4.26 Hasil Run class Main untuk data yg tidak ada dalam tablelogin
Data yang tersimpan dalam database dinyatakan dalam bentuk rekaman (record). Setiap
rekaman terdiri beberapa kolom (field). Data berikut ini adalah sebuah contoh tabel :
field
Tabel tersebut terdiri dari 4 field yaitu : nim, nama, alamat, dan umur. Sedangkan jumlah
rekaman dalam tabel tersebut adalah sebanyak 5.
Pemasukan data (insert) adalah proses untuk menyimpan atau mengisi data rekaman
pada tabel. Perbaikan (edit) merupakan proses mengubah data-data yang sudah tersimpan dalam
tabel. Sedangkan proses penghapusan (delete) adalah proses untuk menghapus rekaman dalam
tabel. Pada sub bab berikut ini kita akan membahas ketiga proses tersebut secara lebih dalam.
Pembahasan ini merupakan kelanjutan dari sub bab sebelumnya.
6.1 Pemasukan Data(insert)
- Klik kanan pada file project JavaApplication3. Kemudian pilih menu : new JFrame
Form. Beri nama class tersebut, yaitu : queryJFrame, kemudian klik tombol Finish.
- pada layar editor form buatlah rancangan form seperti diperlihatkan pada gambar 4.27.
Adapun data komponen dari form tersebut adalah seperti berikut ini :
Properti, Binding, event,
No. Nama Komponen Nilai
code
1 Label1 Text ID
5 TextField1 Text
6 TextField2 Text
7 TextField2 Text
8 TextField2 Text
Komponen
tabel
- Instalasi file rs2xml.jar yang berfungsi untuk menampilkan data tabel pada komponen
table pada form queryJFrame. Klik kanan pada folder libraries yang terdapat di dalam
project JavaApplication3. Kemudian pilih menu : add JAR/Folder, maka akan muncul
layar tampilan seperti gambar 4.28. Di sini kita kita diminta untuk memasukkan file
rs2xml.jar yang akan kita install. Jika kita sudah menemukan file tersebut maka klik
tombol Open. Dengan demikian file tersebut sudah terinstall di dalam libraries project
JavaApplication3 seperti diperlihatkan dalam gambar 4.29.
- Klik tab Source yang terletak diatas form queryJFrame, selanjutnya pada layar editor
lengkapilah kode program berikut ini :
import net.proteanit.sql.DbUtils;
import java.sql.*;
import javax.swing.*;
public class QueryJFrame extends javax.swing.JFrame {
Connection conn = null;
ResultSet rs = null;
PreparedStatement pst = null;
}catch(Exception e){
JOptionPane.showMessageDialog(null, e);
}
}
- klik tab Design maka akan ditampilkan form queryJFrame. Selanjutnya Klik kanan pada
form queryJFrame, pilih menu : Events window windowOpened. Maka akan
ditampilkan layar editor. Pada layar editor ketikkanlah kode program berikut ini :
private void formWindowOpened(java.awt.event.WindowEvent evt) {
conn = mysqlconnect.ConnectDb();
UpdateJTabel(); //"UpdateJTabel" harus di copy dari nama void UpdateJTabel dan paste di sini
}
- pada form klik kanan tombol Save, lalu pilih menu : Events - Mouse mouseClicked. Pada
layar editor ketikkanlah kode program berikut ini :
private void cmdsaveMouseClicked(java.awt.event.MouseEvent evt) {
String sql = "insert into tablestudent(studid,studname,studaddress,studage)values (?,?,?,?)";
try{
pst = conn.prepareStatement(sql);
pst.setString(1,txtid.getText());
pst.setString(2,txtname.getText());
pst.setString(3,txtaddress.getText());
pst.setString(4,txtage.getText());
pst.execute();
JOptionPane.showMessageDialog(null, "Data Saved");
UpdateJTabel(); //"UpdateJTabel" harus di copy dari nama void UpdateJTabel dan paste di sini
}catch (Exception e){
JOptionPane.showMessageDialog(null,e);
}
}
- Klik kanan pada komponen table jTable1, pilih menu : Events Mouse mouseClicked.
Maka akan ditampikan layar editor untuk memasukkan kode program. Pada layar editor
ini ketikkanlah kode program berikut ini :
private void jTable1MouseClicked(java.awt.event.MouseEvent evt) {
int row = jTable1.getSelectedRow();
txtid.setText(jTable1.getModel().getValueAt(row,0).toString());
txtname.setText(jTable1.getModel().getValueAt(row,1).toString());
txtaddress.setText(jTable1.getModel().getValueAt(row,2).toString());
txtage.setText(jTable1.getModel().getValueAt(row,3).toString());
}
- Klik kanan pada komponen table jTable1, pilih menu : Costumize Code. Maka akan
ditampilkan window seperti gambar 4.30. Pada combo box yang kedua pilih option costum
property. Selanjutnya tambahkan potongan kode program berikut ini :
new String [] {
Student ID, Name, Address, Age
}
- Pilih form loginJFrame, klik tab Design maka akan ditampilkan form loginJFrame.
Selanjutnya Klik kanan pada tombol Login, pilih menu : Events Mouse mouseClicked.
Maka akan ditampilkan layar editor. Pada layar editor tambahkan potongan kode program
yang diberi tanda lingkaran berikut ini :
private void cmdloginMouseClicked(java.awt.event.MouseEvent evt) {
String sql = "select * from tablelogin where username= ? and userpass = ?";
try {
pst = conn.prepareStatement(sql);
pst.setString(1, txtusername.getText());
pst.setString(2, txtuserpass.getText());
rs=pst.executeQuery();
if (rs.next()){
JOptionPane.showMessageDialog(null, "username and password correct");
QueryJFrame s = new QueryJFrame();
s.setVisible(true);
}
else
JOptionPane.showMessageDialog(null, " invalid username and password ");
}
catch(Exception e){
JOptionPane.showMessageDialog(null,e);
}
}
- Jalankan (Run) class Main dengan memilih menu : Run Run Project (JavaApplication3).
Hasilnya adalah seperti diperlihatkan dalam gambar 4.31.
Jika User name dan Password benar maka akan muncul tampilan seperti gambar 4.32.
ID :1
Name : Wayan
Address : Jln. Uluwatu 11
Age : 25
Selanjutnya klik tombol Save, maka akan muncul tampilan seperti gambar 4.33.
- Jalankan (Run) class Main dengan memilih menu : Run Run Project (JavaApplication3).
Hasilnya adalah seperti diperlihatkan dalam gambar 4.31.
- isikan dengan data berikut ini :
User Name : Mike
Password : admin
Jika User name dan Password benar maka akan muncul tampilan seperti gambar 4.35.
- Lakukan Perbaikan data, misal pada data dengan ID = 3. Pada komponen table klik pada
baris data dengan ID = 3, maka data tersebut akan ditampilkan di textfield form.
Selanjutnya lakukan perbaikan misalnya pada Name dan Age :
ID :3
Name : Wayan Nuarta
Address : Jln. Uluwatu 11
Age : 40
Selanjutnya klik tombol Update, maka akan muncul tampilan seperti gambar 4.36.
- Klik kanan tombol Delete, lalu pilih menu : Events - Mouse mouseClicked. Pada layar
editor ketikkanlah kode program berikut ini :
private void cmddeleteMouseClicked(java.awt.event.MouseEvent evt) {
String sql = "delete from tablestudent where studid = ?";
try{
pst = conn.prepareStatement(sql);
pst.setString(1, txtid.getText());
pst.execute();
JOptionPane.showMessageDialog(null, "Data deleted");
UpdateJTabel(); //"UpdateJTabel" harus di copy dari nama void UpdateJTabel dan paste di sini
}
catch(Exception e){
JOptionPane.showMessageDialog(null, e);
}
}
- Jalankan (Run) class Main dengan memilih menu : Run Run Project (JavaApplication3).
Hasilnya adalah seperti diperlihatkan dalam gambar 4.31.
- isikan dengan data berikut ini :
Jika User name dan Password benar maka akan muncul tampilan seperti gambar 4.38.
ID :4
Name : Ketut
Address : Jln. Mawar 10
Age : 30
Selanjutnya klik tombol Delete, maka hasilnya diperlihatkan pada gambar 4.39. Dari
gambar terlihat bahwa data dengan ID = 4 sudah hilang dari tampilan table.
Pemrograman Komputer Lanjut
@awid 26
Pemrograman Database dengan Java NetBeans