Tutorial

How to make it?

(START) Membuat Project LatihanPerpus

Kita akan membuat project baru dengan nama LatihanPerpus ->Buat project baru->pilih kategori "Java with Ant" Projects "Java Application"

->Beri nama "LatihanPerpus"->Finish

1. Membuat Database & Tabel

Buatlah database baru di phpMyAdmin dengan nama db_latperpus kemudian Kita akan membuat 2 tabel, yaitu tabel admin dan data_buku dengan detail sebagai berikut:

Struktur masing-masing tabel:

Struktur tabel admin

2. Membuat Koneksi & Import Library

Sebelum membuat class baru untuk koneksi ke database, kita akan membutuhkan sebuah library yaitu JDBC Driver dan JCalendar untuk penanggalan. Berikut ini cara menambahkannya ke project kita:

Download library JDBC Driver di https://drive.google.com/file/d/1eOk-KRIh2L1tftiC2nyhJqasrPtCDXY2/view?usp=share_link dan library JCalendar di https://drive.google.com/file/d/1cksMu148f7kAEFZuxR8VaxaCNaYRXEff/view?usp=share_link
Ekstrak file yang telah didownload
Klik kanan pada bagian library yang ada di dalam project, kemudian pilih "Add JAR/Folder". Setelah itu pilih file "mysql-connector-java-8.0.30.jar" yang ada di dalam folder "MySqlJdbcDriver".

Lakukan cara yang sama untuk library JCalendar. Kemudan tambah komponen JCalendar ke palette. Caranya yaitu:

Tools->Palette->Swing/AWT Components

Pilih Add from JAR

Cari file yang tadi telah didownload dan pilih jcalendar-1.4, kemudian klik next.

Lalu pilih component JDateChooser, setelah itu klik next.

Pilih kategori Swing Windows(opsional) untuk meletakkan component tadi. Kemudian klik finish. Setelah itu component akan muncul di pallete.

Selanjutnya kita akan membuat 2 file class baru yaitu config.java dan koneksi.java. Berikut syntax untuk masing-masing file:

config.java

import java.sql.*;

public class config {  
    private static Connection mysqlconfig;
    public static Connection configDB()throws SQLException{
        try{
        
            String url = "jdbc:mysql://localhost:3307/db_latperpus";
            String user ="root";
            String pass ="";
            
            DriverManager.registerDriver(new com.mysql.jdbc.Driver());
            mysqlconfig=DriverManager.getConnection(url, user, pass);
            
        } catch(Exception e) {
            System.out.println("koneksi gagal" +e.getMessage());
        }
        return mysqlconfig;
    }
    
}

koneksi.java

import java.sql.*;
import javax.swing.JOptionPane;

public class koneksi {
    
    public Connection con;
    public Statement stat;
    
    public void config(){
        try{
            
            Class.forName("com.mysql.jdbc.Driver");
            con=DriverManager.getConnection("jdbc:mysql://localhost:3307/db_latperpus", "root", ""); 
            stat=con.createStatement();
            
        } catch(Exception e){
            JOptionPane.showMessageDialog(null, "koneksi gagal" + e.getMessage());
        }
    }
    
    public Object createStatement(){
        throw new UnsupportedOperationException("Not supported yet");
    }
    
}

Sesuaikan koneksi maupun config sesuai database kalian! Kode di atas hanyalah contoh dan bisa berubah tergantung dari database yang digunakan.

Setelah itu kita aka membuat 5 form:

Setelah itu kita akan membuat sebuah form login untuk verifikasi admin sebelum bisa mengakses pengelolaan data perpustakaan.

Buat file JFrame Form baru ->klik kanan pada folder "latihanperpus"->New->JFrame Form-<Beri nama "FormLogin"

Ubah tampilan Form Login

Library, Class, Variabel

import java.sql.*;
import javax.swing.JOptionPane;

/**
 *
 * @author ACER
 */
public class FormLogin extends javax.swing.JFrame {
    
    Connection con;
    Statement stat;
    ResultSet rs;
    String sql;
    /**
     * Creates new form FormLogin
     */
    public FormLogin() {
        
        initComponents();
        koneksi DBS = new koneksi();
        DBS.config();
        con = DBS.con;
        stat = DBS.stat;
        
    }

loginbtn

private void loginbtnActionPerformed(java.awt.event.ActionEvent evt) {                                         
        
        try{
            sql = "SELECT  * from admin WHERE username = '" + usnfd.getText() + "' AND password = '"+pwfd.getText()+"';";
            rs = stat.executeQuery(sql);
            
            if (rs.next()){
                JOptionPane.showMessageDialog(null, "Berhasil Login!");
                new FormMenu().setVisible(true);
                dispose();
            } else{
                JOptionPane.showMessageDialog(null, "Username atau Password salah");
            }
        } catch(Exception e){
            JOptionPane.showMessageDialog(null, "Error:" + e.getMessage());
        }
        
    }

Fungsi kode:

private void loginbtnActionPerformed(java.awt.event.ActionEvent evt) {

Ini adalah deklarasi sebuah method dengan nama loginbtnActionPerformed. Method ini akan dieksekusi ketika tombol loginbtn diklik oleh pengguna.

try{
    sql = "SELECT  * from admin WHERE username = '" + usnfd.getText() + "' AND password = '"+pwfd.getText()+"';";
    rs = stat.executeQuery(sql);

Kode ini mencoba menjalankan query SQL untuk mengambil data dari tabel admin dengan menggunakan nama pengguna (username) dan kata sandi (password) yang diberikan oleh pengguna melalui teks field usnfd dan pwfd secara berturut-turut.

if (rs.next()){
    JOptionPane.showMessageDialog(null, "Berhasil Login!");
    new FormMenu().setVisible(true);
    dispose();
} else{
    JOptionPane.showMessageDialog(null, "Username atau Password salah");
}

Jika query berhasil dieksekusi dan menghasilkan hasil (data), maka program akan menampilkan pesan "Berhasil Login!" menggunakan sebuah dialog box. Selain itu, program juga akan membuka sebuah jendela baru FormMenu dan menutup jendela login saat ini (dispose). Namun, jika query tidak menghasilkan data, program akan menampilkan pesan "Username atau Password salah".

} catch(Exception e){
    JOptionPane.showMessageDialog(null, "Error:" + e.getMessage());
}

Jika terjadi exception (kesalahan) selama eksekusi kode di dalam blok try, program akan menampilkan pesan error yang menjelaskan kesalahan tersebut menggunakan sebuah dialog box.

Secara keseluruhan, kode ini terlihat seperti sebuah fungsi untuk melakukan otentikasi pengguna dengan database. Kode ini mengambil data pengguna dari tabel admin dan membandingkannya dengan data yang diinputkan oleh pengguna melalui antarmuka pengguna. Jika data pengguna cocok, maka pengguna akan diizinkan masuk ke halaman berikutnya, yaitu halaman FormMenu. Jika tidak, maka pengguna akan diminta untuk memasukkan ulang informasi yang benar.

Buat form baru dengan nama FormMenu. Kemudian ubah tampilannya.

Button Data Buku

private void bukubtnActionPerformed(java.awt.event.ActionEvent evt) {                                        
        
        new FormDataBuku().setVisible(true);
        dispose();
        
    }

Fungsi kode:

new FormDataBuku().setVisible(true);

Baris kode ini membuat instance baru dari class FormDataBuku dan memanggil method setVisible(true) untuk menampilkan form tersebut pada antarmuka pengguna.

dispose();

Baris kode ini menutup form sebelumnya dengan memanggil method dispose(). Method ini digunakan untuk membebaskan semua sumber daya yang terkait dengan form, seperti memori dan objek yang digunakan oleh form.

Secara keseluruhan, kode ini terlihat seperti sebuah fungsi untuk membuka form FormDataBuku dan menutup form sebelumnya ketika tombol bukubtn diklik. Kode ini kemungkinan digunakan untuk navigasi antar halaman pada antarmuka pengguna.

Button Kembali

private void kblbtnActionPerformed(java.awt.event.ActionEvent evt) {                                       
        
        new FormLogin().setVisible(true);
        dispose();
        
    }

Fungsi kode: Sama seperti button data buku, namun kode ini membuka FormLogin.

Button Petunjuk(Opsional)

private void hintbtnActionPerformed(java.awt.event.ActionEvent evt) {                                        
        
        new FormPetunjuk().setVisible(true);
        
    }

Fungsi kode: Membuka FormPetunjuk.

5. Form Data Buku

Buat form baru dengan nama FormDataBuku. Kemudian ubah tampilannya.

Daftar fungsi/method yang akan dibuat:

Library, Class, Variabel

import java.sql.*;
import java.text.ParseException;
import java.text.SimpleDateFormat;
import java.util.Calendar;
import java.util.logging.Level;
import java.util.logging.Logger;
import javax.swing.JOptionPane;
import javax.swing.table.DefaultTableModel;

/**
 *
 * @author ACER
 */
public class FormDataBuku extends javax.swing.JFrame {

    /**
     * Creates new form FormDataBuku
     */
    public FormDataBuku() {
        initComponents();
        clear();
        load_table();
    }

Method Clear

private void clear(){
        txtidbuku.setText(null);
        txtjudul.setText(null);
        txtkategori.setText(null);
        txtpenulis.setText(null);
        txtpenerbit.setText(null);
    }

Fungsi kode:

Method ini bertujuan untuk menghapus teks yang ada pada lima komponen GUI, yaitu txtidbuku, txtjudul, txtkategori, txtpenulis, dan txtpenerbit .

Method Load Table

private void load_table() {
        
        //membuat tampilan model table
        DefaultTableModel model = new DefaultTableModel();
        model.addColumn("ID BUKU");
        model.addColumn("JUDUL");
        model.addColumn("KATEGORI");
        model.addColumn("PENULIS");
        model.addColumn("TAHUN TERBIT");
        model.addColumn("PENERBIT");
       
        //menampilkan data database ke dalam tabel
        try{
            String sql = "select * from data_buku";
            java.sql.Connection conn= config.configDB();
            java.sql.Statement stm=conn.createStatement();
            java.sql.ResultSet res=stm.executeQuery(sql);
            while(res.next()){
               model.addRow(new 
                Object[]{res.getString(1),res.getString(2),res.getString(3),res.getString(4),res.getString(5),res.getString(6)});
            }
            tablebuku.setModel(model);
        }catch (SQLException e){
            
        }
    }

Fungsi kode:

DefaultTableModel model = new DefaultTableModel();
        model.addColumn("ID BUKU");
        model.addColumn("JUDUL");
        model.addColumn("KATEGORI");
        model.addColumn("PENULIS");
        model.addColumn("TAHUN TERBIT");
        model.addColumn("PENERBIT");

Baris kode ini adalah untuk membuat instance dari DefaultTableModel dan menambahkan enam kolom pada tabel yang akan ditampilkan pada antarmuka pengguna. Enam kolom tersebut adalah ID BUKU, JUDUL, KATEGORI, PENULIS, TAHUN TERBIT, dan PENERBIT .

try{
            String sql = "select * from data_buku";
            java.sql.Connection conn= config.configDB();
            java.sql.Statement stm=conn.createStatement();
            java.sql.ResultSet res=stm.executeQuery(sql);
            while(res.next()){
               model.addRow(new 
                Object[]{res.getString(1),res.getString(2),res.getString(3),res.getString(4),res.getString(5),res.getString(6)});
            }
            tablebuku.setModel(model);
        }catch (SQLException e){
            
        }
    }

Baris kode ini adalah untuk mengeksekusi perintah SQL yang berisi perintah SELECT untuk mengambil semua data dari tabel data_buku pada database dan menyimpan hasilnya pada ResultSet res. Kemudian, data yang ada pada res akan diiterasi menggunakan perulangan while dan ditambahkan ke dalam model tabel dengan method addRow(). Terakhir, model tabel akan ditampilkan pada antarmuka pengguna menggunakan setModel().

Secara keseluruhan, kode ini terlihat seperti sebuah fungsi untuk memuat data dari database dan menampilkan data tersebut pada tabel dalam antarmuka pengguna. Fungsi ini akan digunakan setiap kali diperlukan untuk menampilkan data buku yang tersimpan pada tabel data_buku dalam database.

Method Table Click Mouse

Klik kanan pada table kemudia pilih event->mouse->mouseClicked. Kemudia tambahkan kode ini.

private void tablebukuMouseClicked(java.awt.event.MouseEvent evt) {                                       
        
        int baris = tablebuku.rowAtPoint(evt.getPoint());
        String id_buku = tablebuku.getValueAt(baris, 0).toString();
        txtidbuku.setText(id_buku);      
        String nama_buku = tablebuku.getValueAt(baris, 1).toString();
        txtjudul.setText(nama_buku);
        String kategori = tablebuku.getValueAt(baris, 2).toString();
        txtkategori.setText(kategori);
        String penulis = tablebuku.getValueAt(baris, 3).toString();
        txtpenulis.setText(penulis);
        
        String tglcin =tablebuku.getValueAt(baris, 4).toString();     
            try {
                
                java.util.Date dateCin = new SimpleDateFormat("dd-MM-yyyy").parse(tglcin);
                Calendar cin = Calendar.getInstance();
                
                cin.setTime(dateCin);
                tgl_terbit.setDate(cin.getTime());
            } catch (ParseException ex) {
                Logger.getLogger(FormDataBuku.class.getName()).log(Level.SEVERE, null, ex);
            }
            
        String penerbit = tablebuku.getValueAt(baris, 5).toString();
        txtpenerbit.setText(penerbit);
        
    }

Fungsi kode:

Method tersebut akan mengambil nilai dari setiap kolom pada baris yang dipilih oleh pengguna dan memasukkannya ke dalam komponen form seperti id buku, judul buku, kategori, penulis, tanggal terbit, dan penerbit.

Pertama-tama, method akan mengambil indeks baris yang dipilih oleh pengguna dengan memanggil method rowAtPoint() dari objek tablebuku dan menyimpan nilainya pada variabel baris. Kemudian, nilai dari setiap kolom pada baris yang dipilih akan diambil dengan memanggil method getValueAt() dari objek tablebuku dengan menggunakan variabel baris dan indeks kolom sebagai parameter, dan nilainya akan disimpan pada variabel bertipe String yang sesuai dengan komponen form yang ingin diisi.

Setelah itu, nilai dari variabel tglcin, yang berisi tanggal terbit buku dalam bentuk String, akan dikonversi menjadi objek Date menggunakan SimpleDateFormat, kemudian objek Date tersebut akan dikonversi menjadi objek Calendar, dan terakhir nilai dari objek Calendar tersebut akan diset ke komponen form tgl_terbit. Jika ada kesalahan saat konversi, maka akan muncul pesan error pada console.

Dengan kode tersebut, pengguna dapat dengan mudah mengubah data buku yang telah tersimpan di dalam database. Kode tersebut juga mempermudah pengguna untuk melakukan editing data buku karena pengguna hanya perlu melakukan klik pada baris yang ingin diubah, kemudian nilai dari setiap kolom pada baris tersebut akan secara otomatis terisi pada komponen form yang telah disediakan.

Save Button

private void btntambahActionPerformed(java.awt.event.ActionEvent evt) {                                          
        
        try{
            
            SimpleDateFormat sdf = new SimpleDateFormat("dd-MM-yyyy");
            String tanggal_terbit = sdf.format(tgl_terbit.getDate().getTime());
            
            String sql = "INSERT INTO data_buku VALUE('"+txtidbuku.getText()+"', "+" '"+txtjudul.getText()+"', "+" '"+txtkategori.getText()+"', "+" '"+txtpenulis.getText()+"', "+" '"+tanggal_terbit+"', "+" '"+txtpenerbit.getText()+"')";
            java.sql.Connection conn = (Connection)config.configDB();
            java.sql.PreparedStatement pst = conn.prepareStatement(sql);
            
            pst.execute();
            JOptionPane.showMessageDialog(null, "Penyimpanan Data Berhasil");
        } catch(Exception e){
            JOptionPane.showMessageDialog(this, e.getMessage());
        }
        clear();
        load_table();
        
    }

Fungsi code:

try{
    SimpleDateFormat sdf = new SimpleDateFormat("dd-MM-yyyy");
    String tanggal_terbit = sdf.format(tgl_terbit.getDate().getTime());

Baris ini mendefinisikan sebuah blok try-catch yang digunakan untuk menangani pengecualian yang mungkin terjadi selama proses eksekusi kode. Blok try ini digunakan untuk mengubah format tanggal yang diambil dari komponen tgl_terbit menjadi string dengan format "dd-MM-yyyy".

String sql = "INSERT INTO data_buku VALUE('"+txtidbuku.getText()+"', "+" '"+txtjudul.getText()+"', "+" '"+txtkategori.getText()+"', "+" '"+txtpenulis.getText()+"', "+" '"+tanggal_terbit+"', "+" '"+txtpenerbit.getText()+"')";
java.sql.Connection conn = (Connection)config.configDB();
java.sql.PreparedStatement pst = conn.prepareStatement(sql);

pst.execute();
JOptionPane.showMessageDialog(null, "Penyimpanan Data Berhasil");

Baris ini mendefinisikan sebuah variabel sql yang digunakan untuk menyimpan query untuk menambahkan data buku ke dalam tabel data_buku. Kemudian, variabel conn dibuat untuk mendapatkan koneksi ke database dengan memanggil method configDB() dari kelas config. Selanjutnya, variabel pst dibuat untuk menyiapkan statement SQL yang akan dieksekusi. Statement ini kemudian dieksekusi dengan memanggil method execute() dari objek pst. Jika eksekusi berhasil, maka akan muncul dialog box dengan pesan "Penyimpanan Data Berhasil".

} catch(Exception e){
    JOptionPane.showMessageDialog(this, e.getMessage());
}

Baris ini mendefinisikan blok catch untuk menangani pengecualian yang mungkin terjadi selama proses eksekusi kode. Jika terjadi pengecualian, maka pesan pengecualian akan ditampilkan di dalam dialog box.

clear();
load_table();

Baris kode ini adalah untuk membersihkan inputan pada form dan memuat kembali data dari database ke dalam tabel pada antarmuka pengguna.

Secara keseluruhan, kode ini terlihat seperti sebuah fungsi untuk menambahkan data buku ke dalam database dan melakukan beberapa tindakan setelahnya seperti membersihkan inputan pada form dan memuat kembali data dari database ke dalam tabel pada antarmuka pengguna.

Update Button

private void btneditActionPerformed(java.awt.event.ActionEvent evt) {                                        
        
        try {
            
            SimpleDateFormat sdf = new SimpleDateFormat("dd-MM-yyyy");
            String tanggal_terbit = sdf.format(tgl_terbit.getDate().getTime());
            
            String sql ="UPDATE data_buku SET id_buku = '"+txtidbuku.getText()+"', "+" nama_buku = '"+txtjudul.getText()+"', "+" kategori = '"+txtkategori.getText()+"', "+" penulis = '"+txtpenulis.getText()+"', "+" tgl_terbit = '"+tanggal_terbit+"', "+" penerbit = '"+txtpenerbit.getText()+"' '"+"' WHERE id_buku= '"+txtidbuku.getText()+"'";
            java.sql.Connection conn=(Connection)config.configDB();
            java.sql.PreparedStatement pst=conn.prepareStatement(sql);
            
            pst.execute();
            JOptionPane.showMessageDialog(null, "Data Berhasil Diubah");
        } catch (Exception e) {
            JOptionPane.showMessageDialog(null, "Perubahan Data Gagal"+e.getMessage());
            }
            clear();
            load_table();
        
    }

Fungsi kode:

try {
    SimpleDateFormat sdf = new SimpleDateFormat("dd-MM-yyyy");
    String tanggal_terbit = sdf.format(tgl_terbit.getDate().getTime());

String sql ="UPDATE data_buku SET id_buku = '"+txtidbuku.getText()+"', "+" nama_buku = '"+txtjudul.getText()+"', "+" kategori = '"+txtkategori.getText()+"', "+" penulis = '"+txtpenulis.getText()+"', "+" tgl_terbit = '"+tanggal_terbit+"', "+" penerbit = '"+txtpenerbit.getText()+"' '"+"' WHERE id_buku= '"+txtidbuku.getText()+"'";
java.sql.Connection conn=(Connection)config.configDB();
java.sql.PreparedStatement pst=conn.prepareStatement(sql);

pst.execute();
JOptionPane.showMessageDialog(null, "Data Berhasil Diubah");

Baris ini mendefinisikan sebuah variabel sql yang digunakan untuk menyimpan query untuk mengubah data buku yang sudah ada dalam tabel data_buku. Kemudian, variabel conn dibuat untuk mendapatkan koneksi ke database dengan memanggil method configDB() dari kelas config. Selanjutnya, variabel pst dibuat untuk menyiapkan statement SQL yang akan dieksekusi. Statement ini kemudian dieksekusi dengan memanggil method execute() dari objek pst. Jika eksekusi berhasil, maka akan muncul dialog box dengan pesan "Data Berhasil Diubah".

Delete Button

private void btnhapusActionPerformed(java.awt.event.ActionEvent evt) {                                         
        
        try{
            String sql = "DELETE  FROM data_buku where id_buku = '"+txtidbuku.getText()+"';";
            java.sql.Connection conn = (Connection)config.configDB();
            java.sql.PreparedStatement pst = conn.prepareStatement(sql);
            
            pst.execute(sql);
            JOptionPane.showMessageDialog(null, "Data Berhasil Dihapus");
        } catch(Exception e){
            JOptionPane.showMessageDialog(this, e.getMessage());
        }
        clear();
        load_table();
        
    }

Fungsi dari kode tersebut adalah untuk menghapus data buku dari database yang sudah tersimpan. Pada saat tombol "btnhapus" ditekan, maka program akan menjalankan prosedur yang melakukan aksi penghapusan data buku.

Pertama-tama, kode ini mencoba untuk melakukan penghapusan data dengan menjalankan sebuah perintah SQL yang didefinisikan di dalam variabel "sql". Perintah SQL ini akan menghapus data buku dari tabel "data_buku" berdasarkan nilai "id_buku" yang diinputkan oleh pengguna melalui komponen GUI "txtidbuku".

Setelah itu, kode ini mempersiapkan koneksi ke database dan mengeksekusi perintah SQL dengan menggunakan objek PreparedStatement. Jika penghapusan berhasil dilakukan, maka sebuah pesan dialog akan ditampilkan untuk memberitahu pengguna bahwa penghapusan berhasil dilakukan. Namun, jika terjadi kesalahan dalam penghapusan data, maka sebuah pesan dialog akan ditampilkan untuk memberitahu pengguna bahwa penghapusan gagal dilakukan beserta pesan kesalahan yang terkait.

Terakhir, setelah penghapusan berhasil dilakukan, maka tampilan tabel pada antarmuka pengguna akan diperbarui dengan memuat data buku terbaru dari database. Untuk melakukan pembaruan tampilan, dipanggillah method clear() untuk mengosongkan komponen-komponen input, dan method load_table() untuk memuat data buku terbaru dari database dan menampilkannya pada tabel pada antarmuka pengguna.

Back Button

private void backbtnActionPerformed(java.awt.event.ActionEvent evt) {                                        
        
        new FormMenu().setVisible(true);
        dispose();
        
    }

Fungsi kode: Membuka FormMenu kemudian menutup form Data Buku. Intinya untuk kembali ke form menu.

Guide Button(Opsional)

private void hintbtnActionPerformed(java.awt.event.ActionEvent evt) {                                        
        
        new FormPetunjuk().setVisible(true);
        
    }

Fungsi kode; Membuka FormPetunjuk.

6. Form Petunjuk(Opsional)

Buat form baru dengan nama FormPetunjuk. Kemudian ubah tampilannya.

Form ini hanya menampilkan keterangan setiap icon yang ada di form data buku sesuai fungsinya.

Close Button

private void closebtnActionPerformed(java.awt.event.ActionEvent evt) {                                         
        
        dispose();
        
    }

Fungsi kode: Menutup form.

(FINISH)

Setelah semua form beserta fungsinya dibuat. Kalian bisa langsung mencoba menjalankannya.

PreviousPersiapan

Last updated 2 years ago

(START) Membuat Project LatihanPerpus

1. Membuat Database & Tabel

2. Membuat Koneksi & Import Library

3. Form Login

4. Form Menu

5. Form Data Buku

Method Clear

Method Load Table

Method Table Click Mouse

Save Button

Update Button

Delete Button

Back Button

Guide Button(Opsional)

6. Form Petunjuk(Opsional)

(FINISH)