Membangun Aplikasi Sederhana Menggunakan Java & MySQL

Tutorial kali ini, saya akan membahas pembuatan aplikasi database menggunakan Java & MySQL. Sebagai contoh saya akan membuat aplikasi Buku Telepon Sederhana. Dimana memuat data Nama, No Telepon, dan e-mail. 
Dalam pembuatannya saya menggunakan apliaksi Netbeans 7.0 dan paket XAMPP.
Jadi sebelum Anda mencoba tutorial ini, install terlebih dahulu aplikasi-aplikasi tersebut. 

Langsung saja,
1. Untuk langkah awalnya. Buka web browser favorit Anda dan masuk ke phpmyadmin (ketikkan localhost/phpmyadmin pada address bar web browser). Kemudian buat Database dengan nama kontak_db
2. Selanjutnya adalah pembuatan table pada kontak_db dengan nama tb_kontak. Masukkan nama tabel dan jumlah field.

3. Masukkan parameter setiap field seperti gambar di bawah ini.
Kemudian Klik tombol Save


Setelah selesai membuat Database, tutup web browser Anda

Langkah berikutnya adalah tahap pembuatan Aplikasinya.
4. Buka NetBeans. Buat Project Baru.

5. Beri Nama Project dengan Buku Telepon Sederhana. Saya menonaktifkan pembuatan Main Class. Setelah selesai, Klik Finish.

6. Selanjutnya Buat Form, dengan cara Klik Kanan pada Project -> New -> JFrame Form

7. Beri nama Frame dengan FrameKontak. Klik Finish.

8. Desain Form kurang lebih seperti gambar di bawah ini.

Berikut Komponen dan Properti-propertinya:
Komponen
Properties
Nilai
jFrame
title
Buku Telepon Sederhana
rezizable
false
jLabel1
text
Buku Telepon Sederhana
jLayeredPanel1
border
Titled Border (Title = Kontak)
jLabel2
text
Nama
jTextField1
text
Variable Name
TxtNama
jLabel3
text
Telepon
jTextField2
text
Variable Name
TxtTelepon
jLabel4
text
e-mail
jTextField3
text
Variable Name
TxtEmail
jLayeredPanel2
border
Titled Border (Title = Tombol)
jButton1
text
Simpan
Variable Name
BtnSimpan
jButton2
text
Ubah
Variable Name
BtnUbah
jButton3
text
Hapus
Variable Name
BtnHapus
jLayeredPanel3
border
Titled Border (Title = Daftar Kontak)
jTable1
Variable Name
TblKontak
jLayeredPanel4
border
Titled Border (Title = Cari Kontak)
jLabel5
text
Cari berdasarkan
jComboBox1
model
nama
telepon
e_mail
Variable Name
CmbCari
jTextField4
text
Variable Name
TxtCari

Berikut adalah cara untuk merubah nilai properties pada jLayeredPanel

Jika bingung dalam memberi nilai pada Variable Name, berikut adalah caranya.
Klik Kanan pada Komponen -> Change Variable Name
Hasil dari layouting akhir

9. Untuk dapat terkoneksi dengan database, pada Java telah disediakan Library MySQL JDBC Driver. Kita tinggal meng-import-nya saja. Klik Kanan pada folder Libraries yang ada Pada Project. Klik tombol Import. Cari Library MySQL JDBC Driver, Kemudian Klik Import Library. Klik Add Library.

10. Selanjutnya buat Package baru dengan cara Klik Kanan pada Project -> New -> Java Package. Beri nama Tabel. Klik Finish.

11. Buat Class baru pada Package Tabel. Klik Kanan pada Package Tabel -> New -> Java Class. Beri nama DataKontak. Klik Finish.

12. Buat juga class TabelDataKontak pada Package Tabel.
Struktur dari project sekarang terlihat seperti gambar berikut.

Setelah selesai, selanjutnya adalah pemberian script.

class DataKontak:
package Tabel;
/**
*
* @author TheGunk
*/
public class DataKontak {
private String nama, telepon, e_mail;

public DataKontak(){  
}

public String getE_mail() {
return e_mail;
}

public void setE_mail(String e_mail) {
this.e_mail = e_mail;
}

public String getNama() {
return nama;
}

public void setNama(String nama) {
this.nama = nama;
}

public String getTelepon() {
return telepon;
}

public void setTelepon(String telepon) {
this.telepon = telepon;
}
}
class TabelDataKontak:
package Tabel;
/**
*
* @author TheGunk
*/
import java.util.ArrayList;
import java.util.List;
import javax.swing.table.AbstractTableModel;

public class TabelDataKontak extends AbstractTableModel{
private List<DataKontak> list = new ArrayList<DataKontak>();

@Override
public int getRowCount() {
return list.size();
}

@Override
public int getColumnCount() {
return 3;
}

@Override
public Object getValueAt(int rowIndex, int columnIndex) {
switch(columnIndex){
case 0 : return list.get(rowIndex).getNama();
case 1 : return list.get(rowIndex).getTelepon();
case 2 : return list.get(rowIndex).getE_mail();
default : return null;
}
}

@Override
public String getColumnName(int kolom){
switch(kolom){
case 0 : return "Nama";
case 1 : return "HP/Telepon";
case 2 : return "e-mail";
default : return null;
}
}

public void add(DataKontak kontak){
list.add(kontak);
fireTableRowsInserted(getRowCount(), getColumnCount());
}

public void delete(int i, int baris){
list.remove(i);
fireTableRowsDeleted(i, baris);
}

public DataKontak get(int baris){
return (DataKontak) list.get(baris);
}
}

Tambahkan Script berikut pada class FrameKontak
import Tabel.DataKontak;
import Tabel.TabelDataKontak;
import java.sql.Connection;
import java.sql.DriverManager;
import java.sql.ResultSet;
import java.sql.SQLException;
import java.sql.Statement;
import javax.swing.JOptionPane;
import javax.swing.event.ListSelectionEvent;
import javax.swing.event.ListSelectionListener;

public class FrameKontak extends javax.swing.JFrame{


Tambahkan variable-variabel berikut pada class FrameKontak dan pada Konstruktor FrameKontak
public class FrameKontak extends javax.swing.JFrame{
private Connection koneksi;
private Statement script;
private TabelDataKontak ModelDataKontak;
/** Creates new from FrameKontak */
public FrameKontak( ) {
initComponents( );

ModelDataKontak = new TabelDataKontak();
TblKontak.setModel(ModelDataKontak);

KoneksiDb( );
tampil( );
bersih( );
}
*catatan:
TEXT BERWARNA BIRU ADALAH SCRIPT YANG TELAH DIBUATKAN OLEH NETBEANS.

Selanjutnya tambahkan script berikut di bawah blok Konstruktor FrameKontak (setelah BLOK class FrameKontak extends javax.swing.JFrame).

private void KoneksiDb( ){ try{
Class.forName("com.mysql.jdbc.Driver");
koneksi = DriverManager.getConnection("jdbc:mysql://localhost/kontak_db", "root", " ");
script = koneksi.createStatement( );
}
catch(SQLException ex){
System.err.print(ex);
}
catch(ClassNotFoundException ex){
System.err.print(ex);
}
}

private void tampil( ){
try{
int baris = TblKontak.getRowCount( );
for(int i=0; i<baris; i++){
ModelDataKontak.delete(0, baris);
}

String sql = "select * from tb_kontak";
ResultSet rs = script.executeQuery(sql);

while (rs.next( )){
DataKontak kontak = new DataKontak( );

kontak.setNama(rs.getString(1));
kontak.setTelepon(rs.getString(2));
kontak.setE_mail(rs.getString(3));

ModelDataKontak.add(kontak);
}
}
catch(SQLException ex){
System.err.print(ex);
}
}

private void bersih( ){
TxtNama.setText(null);
TxtTelepon.setText(null);
TxtEmail.setText(null);
TxtCari.setText(null);
BtnSimpan.setEnabled(true);
BtnUbah.setEnabled(false);
BtnHapus.setEnabled(false);
}

private void tabel( ){
TblKontak.getSelectionModel( ).addListSelectionListener(new ListSelectionListener( ) {

@Override
public void valueChanged(ListSelectionEvent e) {
int baris = TblKontak.getSelectedRow( );

if(baris != -1){
DataKontak kontak = ModelDataKontak.get(baris);
TxtNama.setText(kontak.getNama( ));
TxtTelepon.setText(kontak.getTelepon( ));
TxtEmail.setText(kontak.getE_mail( ));
}
}
});
BtnSimpan.setEnabled(false);
BtnUbah.setEnabled(true);
BtnHapus.setEnabled(true);
}

private void simpan( ){
try{
String sql = "insert into tb_kontak values ("
+"'"+TxtNama.getText( )+"',"
+"'"+TxtTelepon.getText( )+"',"
+"'"+TxtEmail.getText( )+"'"
+")";

script.executeUpdate(sql);

tampil( );
JOptionPane.showMessageDialog(null, TxtNama.getText( )+" berhasil Disimpan");
bersih( );
}
catch(SQLException ex){

JOptionPane.showMessageDialog(this, "No Telepon sudah Ada");
bersih();

}
}

private void ubah( ){
int app;

if((app = JOptionPane.showConfirmDialog(null, "Ubah kontak"
+" ?","Perhatian",JOptionPane.YES_NO_OPTION))==0){
try{
String sql = "update tb_kontak set"
+" nama = '"+TxtNama.getText()+"',"
+" e_mail = '"+TxtEmail.getText()+"' where"
+" telepon = '"+TxtTelepon.getText()+"'";

script.executeUpdate(sql);

tampil( );
JOptionPane.showMessageDialog(null, "Kontak berhasil dirubah");
bersih( );
}
catch(SQLException ex){
System.err.print(ex);
}
}
}

private void hapus( ){
int app, bantu;

if((app = JOptionPane.showConfirmDialog(null, "Hapus data"
+" ?","Perhatian",JOptionPane.YES_NO_OPTION))==0){
try{
String sql = "delete from tb_kontak where"
+" nama = '"+TxtNama.getText()+"'";

bantu = script.executeUpdate(sql);

tampil( );
JOptionPane.showMessageDialog(null, "Kontak berhasil dihapus");
bersih( );
}
catch(SQLException ex){
System.err.print(ex);
}
}
}

private void cari( ){
int baris = TblKontak.getRowCount( );
String bantu = CmbCari.getSelectedItem( ).toString( );

for(int i=0; i<baris; i++){
ModelDataKontak.delete(i, baris);
}

try{
String sql = "select * from tb_kontak where "
+bantu+" like '%"+TxtCari.getText()+"%'";

ResultSet rs = script.executeQuery(sql);

while(rs.next( )){
DataKontak kontak = new DataKontak( );

kontak.setNama(rs.getString(1));
kontak.setTelepon(rs.getString(2));
kontak.setE_mail(rs.getString(3));

ModelDataKontak.add(kontak);
}
}
catch(SQLException ex){
System.err.print(ex);
}
}

Catatan:
Pada script di atas, terdapat script

koneksi = DriverManager.getConnection("jdbc:mysql://localhost/kontak_db","root","");
saya memberikan nilai username=root, dan password tidak saya isi menyesuaikan konfigurasi phpmyadmin. Silahkan Anda sesuaikan dengan konfigurasi phpmyadmin Anda.

Untuk menambahkan fungsi masing-masing pada setiap tombol (button) yang kita desain, dengan cara.
Klik kanan Button -> Events -> Action -> actionPerformed

Script untuk Button Simpan
simpan();

Script untuk Button Ubah
ubah();
Script untuk Button Hapus
hapus();

Penambahan fungsi klik pada Tabel.
Klik Kanan Tabel -> Events -> Mouse -> mousePressed

Script untuk TblKontak
tabel();

Penambahan pencarian pada TxtCari
Klik kanan TxtCari -> Events -> Key -> keyReleased

Script untuk TxtCari
cari();

Saya tambahkan script berikut, untuk merubah tampilan tema default menjadi windows
(letakkan script di bawah ini sebelum method initComponents(); )
try {
for (LookAndFeelInfo info : UIManager.getInstalledLookAndFeels()) {
if ("Windows".equals(info.getName())) {
UIManager.setLookAndFeel(info.getClassName());
break;
}
}
}
catch (Exception ex) {
ex.getMessage();
}

initComponents();
Build & Jalankan Program.


Semoga tutorial ini bermanfaat bagi pembaca.
:)

43 komentar

Coba Kalau bisa di print.. lebih asik lagi tuh...BTW, thanks ya..

terima kasih,,semoga bisa membantu saya,,

Ridlo Widyanto delete 6/26/2012 9:35 PM

Makasih banyak atas tutorialnya. Sama saran yang di atas. kalau bisa disediakan file PDF yang bisa di download.

thanks berattt..bermanfaat sekali. Btw, button untuk cari ada kah?

http://www.indowebster.web.id/images/smilies/onion-98.gif Bermanfaat gan, izin pelajari :),,,

ma'acii... :)

Mas.. apa aplikasi ini bisa di gunakan pada HP?
atw hny contoh aja neh,
mklum kaum kelas rendah ini
salam

aplikasi ini menggunakan J2SE.
untuk versi mobile, menggunakan J2ME

makasih gan untuk artikel ini sangat berguna buat ane!!!

makasih gan, semoga jadi berkah buat kita semua ilmu ini....

wah ane nubitol , sulit untuk mengikuti cara pemberian script diatas,

btw nice posting gan

Thank's brow atas tutorial aplikasinya ..............................

kerenn,,
saya suka.

terimakasih atas info nya.

mas saya mau nanya nih....
kq pas saya mau simpan...
munculnya cuman notice no telepon sudah ad
tolong infonya ya mas :)

kok g jadi ya mas, bingung hehehe,,,,, maap baru belajar.

yup jempol...simple tapi kena. bahasa penyampainnya juga bagus.
bravo gan...

kereenn,, nambah ilmu lagi nihh

thanks, ats tutorialnya.... :)

terima kasih mas saya baru belajar java, saya coba dulu tutorialnya, semoga Maha Kuasa Membalas Kebaikan anda

Kece bang bantu tugas bgt ini

Izin kopas gan,, thanks ilmunya

Makasih gan tutorial dan referensinya

nice post gan , terimakasih skali lagi gan , maju terus blog nya ,,, !

ente pasti udah gila Gan, sangat membantu sekali

mantap gan post nya, tapi masih bingung juga sih coding na

makasih gan,,kebetulan saya lagi belajar java, tek coba dulu ya,,

Makasih bgt gan,hampir frustasi nyri contohnya.
Sukses terus gan

Saya Berhasil. Trima kasih atas tutornya. saya masih belajar. terima kasih

terimakasih mantap bang ..

kalo ga bisa run dengan error begini apa masalahnya ? ditunggu jawabannya ya mas / bisa lewat email aja jawabannya . terimakasih :)
java.sql.SQLException: Access denied for user 'root'@'localhost' (using password: YES)Exception in thread "AWT-EventQueue-0" java.lang.NullPointerException
at FrameKontak.tampil(FrameKontak.java:50)
at FrameKontak.(FrameKontak.java:198)
at FrameKontak$7.run(FrameKontak.java:502)
at java.awt.event.InvocationEvent.dispatch(InvocationEvent.java:311)
at java.awt.EventQueue.dispatchEventImpl(EventQueue.java:749)
at java.awt.EventQueue.access$500(EventQueue.java:97)
at java.awt.EventQueue$3.run(EventQueue.java:702)
at java.awt.EventQueue$3.run(EventQueue.java:696)
at java.security.AccessController.doPrivileged(Native Method)
at java.security.ProtectionDomain$1.doIntersectionPrivilege(ProtectionDomain.java:75)
at java.awt.EventQueue.dispatchEvent(EventQueue.java:719)
at java.awt.EventDispatchThread.pumpOneEventForFilters(EventDispatchThread.java:201)
at java.awt.EventDispatchThread.pumpEventsForFilter(EventDispatchThread.java:116)
at java.awt.EventDispatchThread.pumpEventsForHierarchy(EventDispatchThread.java:105)
at java.awt.EventDispatchThread.pumpEvents(EventDispatchThread.java:101)
at java.awt.EventDispatchThread.pumpEvents(EventDispatchThread.java:93)
at java.awt.EventDispatchThread.run(EventDispatchThread.java:82)

Terima kasih atas kunjungannya.
Pesan error yang Mas temukan:

java.sql.SQLException: Access denied for user 'root'@'localhost' (using password: YES)

muncul karena ada ketidaksesuaian username atau password pada script java dengan username dan password pada server localhost.
Sehingga koneksi ke database tidak dapat terhubung.

Salam


EmoticonEmoticon