Membuat Aplikasi Buku Telepon Menggunakan Java

Netbeans & 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.