GUI – Database Project

Target
Steps 1
 Buat Project baru
 Pilih Java Desktop
Application
 Next
 Berikan Nama Project
dan Lokasi Project
 Finish
 Maka akan muncul GUI
design seperti di
samping berikut :
Steps 1 (Untuk versi Netbeans Baru)

 Buat Project baru

 Pilih Java Application
 Berikan Nama Project dan
Lokasi Project
 Finish
 Klik kanan di package, pilih
new JframeForm
 Hapus file *.java di package
tersebut dan pilih Refactor
(Safe deleted)
 Maka akan muncul GUI
design seperti di samping
berikut :
 Steps 2
 Ambillah Button, Label, RadioButton, TextField, Panel, dan
ButtonGroup sesuaikan posisinya sehingga tampilannya
seperti slide berikutnya.
 Note :
 Untuk menggrupkan RadioButton, klik kanan di setiap RadioButton,
klik properties, klik ButtonGroup dan pilih ButtonGroup1
 Ubah warna di RadioButton dan Panel pada Properties Background
 Ubah nama kolom tabel dengan klik kanan table dan pilih table
contens pada bagian tab column
 Ubah nama variabel :, x, y, dan z untuk textfield1, textfield2 dan
textfield3 dengan klik kanan masing-masing textfield dan change
variabel name
 Ubah juga nama variabel untuk RadioButton : plus, min, mult, dan div
Tampilan
 Step3
 Tambahkan kode pada Button = double X = Double.parseDouble(x.getText());
double Y = Double.parseDouble(y.getText());
dengan klik kanan, pilih events,
double Z=0;
action, actionPerformed if (plus.isSelected()){
 Masukkan kodenya : Z = X + Y;
}
if (min.isSelected()){
if ((x.getText().isEmpty())|| Z = X - Y;
(y.getText().isEmpty())){ }
JOptionPane.showMessageDialog( if (mult.isSelected()){
null,"Belum diisi angkanya","Error Z = X*Y;
}
Dialog",JOptionPane.ERROR_MES if (div.isSelected()){
SAGE); Z = X/Y;
}else{ }
z.setText(""+Z);}
}
Step 4
 Tambahkan kode pada masing-masing RadioButton,
klik kanan, pilih events, action.
private void
plusActionPerformed(java.awt.event.ActionEven
t evt) {
plus.setSelected(true);
operasi.setText("+");
}
 Tambahkan sendiri untuk RadioButton yang lainnya
dan sesuaikan operasinya (plus dengan +, min dengan -,
mult dengan x, dan div dengan /)
Step 5

 Install MySQL
 Paket instalasi dapat diunduh di www.mysql.com,
pilih sesuai OS yang digunakan (XP/7/8) dan bit OS
yang digunakan (32/64 bit)
Step 6

 Dari MySql yang telah diinstall, jalankan XAMPP

Control Panel
 Aktifkan service Apache dan MySQL
 Buka Internet browser
 Panggil url : localhost/phpmyadmin
 Buat database baru : operasi
 Buat tabel baru : duavariabel
 Buat 4 field :
hitung(varchar(1)),x(Double),y(Double),z(Double)
 Save
Tampilan Hasil Step 6
Step 7

 Pada project yang dibuat, klik kanan pada

Direktori Libraries, klik Add Library, pilih
MySQL JDBC Driver, Klik Add Library
 Buat agar script pada button “=“ menjadi
seperti berikut : (lihat notes di bawah)
 Jika masih terlihat ada error pada script yang
dibuat, ketik Ctrl-Shift-I (otomatis
menambahkan library yang diimport)
 Step 8
 Silakan Dicoba Dijalankan, masukkan angka pada x dan y dan tekan =, jika
berhasil maka akan muncul message data berhasil dimasukkan !
 Cek di localhost/phpmyadmin, klik browse pada database operasi dan
tabel duavariabel , tekan F5 untuk refresh data, maka akan muncul
tampilan berikut :
Konsep SQL Scripting Pada
Database MySQL Pada Java
Basic Database Query (Scripting)

1. Insert Data (Add New Data)

2. Update Data (Modify Existing Data)
3. Select Data (Read Existing Data)
4. Delete Data (Delete Existing Data)
 Basic Query Script : 1. Add new data
INSERT INTO <namatabel> VALUES (datafield1,datafield2)
Example :
Assumption :
Table name : tabel
Field names : NIM (integer primary key), Nama (String)
Data inserted : NIM= 111100001, Nama=“Heri Suprapto”

Script :
Class.forName("com.mysql.jdbc.Driver");
Connection con = DriverManager.getConnection("jdbc:mysql://localhost/operasi?;", "root", "");
Statement state = con.createStatement();
String sql = "insert into tabel values('" + Nama + "','" + NIM + "');";
state.execute(sql);
state.close();con.close();
 Basic Query Script : 2. Update Data
UPDATE <namatabel> SET <namafield>=<isidatafield> WHERE
<namafield>=<nilaitertentu>
Example :
Assumption :
Table name : tabel
Field names : NIM (integer primary key), Nama (String)
Data updated : NIM= 111100001, Nama=’Heri Suprapto’ will be updated to be ’Herawati Suprapti’

Script :
Class.forName("com.mysql.jdbc.Driver");
Connection con = DriverManager.getConnection("jdbc:mysql://localhost/operasi?;",
"root", "");
Statement state = con.createStatement();
String sql = “update tabel set Nama=‘”+Nama+”’ where NIM=‘”+NIM+”’;";
state.executeUpdate(sql);
state.close();
con.close;
 Basic Query Script : 3. Read Data
SELECT <namafield1>,<namafield2>,<namafield3>,….,<namafieldN> FROM <namatabel>
Example :
Assumption :
Table name : tabel
Field names : NIM (integer primary key), Nama (String)
Data read : NIM

Script :
Class.forName("com.mysql.jdbc.Driver");
Connection con = DriverManager.getConnection("jdbc:mysql://localhost/operasi?;", "root", "");
Statement state = con.createStatement();
String sql = “select Nama,NIM from tabel;";
ResultSet res=state.executeQuery(sql);
res.first; //Untuk pindah ke row pertama
String data1=res.getString(1); // Untuk mengambil data pada kolom 1 di row pertama
res.last; //Untuk pindah ke row terakhir
String data2=res.getString(2); // Untuk mengambil data pada kolom 2 di row terakhir
res.close();
state.close();
con.close();
 Basic Query Script : 4. Delete Data
DELETE FROM <namatabel> WHERE <namafield>=<nilaitertentu>
Example :
Assumption :
Table name : tabel
Field names : NIM (integer primary key), Nama (Text)
Data deleted : NIM= 111100001, Nama=’Heri Suprapto’
will be deleted

Script :
Class.forName("com.mysql.jdbc.Driver");
Connection con = DriverManager.getConnection("jdbc:mysql://localhost/operasi?;",
"root", "");
Statement state = con.createStatement();
String sql = “delete from tabel where NIM=‘”+NIM+”’;";
state.executeUpdate(sql);
state.close();
con.close;
Tugas : Desain GUI seperti di bawah, Isilah
script sesuai fungsi masing-masing obyeknya