Langsung ke konten utama

Netbeans TUTORIAL Database

Membuat Grafik Database

Pada artikel ketiga ini saya akan membagiank sedikit tentang: bagaimana cara membuat grafik menggunakan database. Agar bisa membuat aplikasi graph degan database kita harus memiliki beberapa software yaitu

Software yang digunakan

  • Java SE
  • Netbeans
  • Library
  • Xampp (untuk database)

Langkah membuat graph database

1. Buka Xampp lalu nyalakan Apach dan MySQL dengan menekan tombol start

2. Lalu buatlah databse seperti ini

3. Bukalah netbeans lalu buatlah project dengan nama kamu sendiri

4. setelah itu klik kanan pada library project kalian lalu pilh Add JAR/Folder 


5. Pilih semua library JFreChart lalu klik open


6. Pastikan sudah terinstal semua 

7. Kemudian pada Libraries klik kana lalu pilih Add Library

8. Pilih MySQL JDBC Driver lalu tekan Add Library

9. Pastikan Library MySQL terpasang karena itu untuk menghubungkan database kita

10. Buatlah JFrame From dengan nama NilaiSiswa

11. Kemudian letakan  Label, Tex Field, Buttom dan Table pada JFrame From 

12. Kemudian susun hinga menjadi seperti ini

13. Klik source kemudian masukan import

import java.sql.Connection;
import java.sql.DriverManager;
import java.sql.ResultSet;
import java.sql.SQLException;
import java.sql.Statement;
import java.util.logging.Level;
import java.util.logging.Logger;
import javax.swing.JOptionPane;
import javax.swing.table.DefaultTableModel;
import org.jfree.chart.ChartFactory;
import org.jfree.chart.ChartFrame;
import org.jfree.chart.ChartPanel;
import org.jfree.chart.JFreeChart;
import org.jfree.chart.plot.PiePlot;
import org.jfree.chart.plot.PiePlot3D;
import org.jfree.data.general.DefaultPieDataset;
import org.jfree.ui.ApplicationFrame;
import org.jfree.ui.RefineryUtilities;

Sehingga Seperti ini


14. Pada public class buatlah private void dan masukan source code berikut
    
    private void resetTedo(){
    namaTextFieldTedo.setText("");
    tugasTextFieldTedo.setText("");
    utsTextFieldTedo.setText("");
    uasTextFieldTedo.setText("");

Sehingga Seperti Ini


15. Pada public masukan source code berikut
    DefaultTableModel modelTedo;
    public NilaiSiswa() {
        initComponents();
        String [] judul  ={"Nama","Tugas","UTS","UAS"};
        modelTedo = new DefaultTableModel(judul,0);
        tableTedo.setModel(modelTedo);
        tampilkanTedo();
    }
    
    private void tampilkanTedo() {
        int row = tableTedo.getRowCount();
        for(int a= 0; a<row;a++){
            modelTedo.removeRow(0);
        }
        try {
           Connection cn = DriverManager.getConnection("jdbc:mysql://localhost/siswa","root","");
           ResultSet rs = cn.createStatement().executeQuery("SELECT * FROM data");
           while(rs.next()){
               String data []={rs.getString(1),rs.getString(2),rs.getString(3),rs.getString(4)};
               modelTedo.addRow(data);
           }
        } catch (SQLException ex) {
            Logger.getLogger(NilaiSiswa.class.getName()).log(Level.SEVERE, null, ex);
        }

Sehingga Seperti ini

16. Kemudian kembali kedisgn dan klik dua kali pada button tambah lalu masukan source code berikut
     
    try {            
            Connection cn = DriverManager.getConnection("jdbc:mysql://localhost/siswa","root","");
            cn.createStatement().executeUpdate("insert into data values "+"('"+namaTextFieldTedo.getText()+"','"+tugasTextFieldTedo.getText()
                    +"','"+utsTextFieldTedo.getText()+"','"+uasTextFieldTedo.getText()+"')");
            tampilkanTedo();
        } catch (SQLException ex) {
            JOptionPane.showMessageDialog(null, "Ada data yang belum diisi !!");
        }
        resetTedo();

Sehingga Seperti ini

17. Pada button edit masukan source code berikut
    try {            
            Connection cn = DriverManager.getConnection("jdbc:mysql://localhost/siswa","root","");
            cn.createStatement().executeUpdate("update data set nilai_tugas ='"+tugasTextFieldTedo.getText()+"',nilai_uts='"
                    +utsTextFieldTedo.getText()+"',nilai_uas='"+uasTextFieldTedo.getText()+"'where nama_siswa='"+namaTextFieldTedo.getText()+"'");
            tampilkanTedo();
        } catch (SQLException ex) {
            Logger.getLogger(NilaiSiswa.class.getName()).log(Level.SEVERE, null, ex);
        }
        resetTedo();

Sehingga Seperti Ini

18. Pada button hapus masukan source code berikut
    try {            
            Connection cn = DriverManager.getConnection("jdbc:mysql://localhost/siswa","root","");
            cn.createStatement().executeUpdate("delete from data where nama_siswa ='"+namaTextFieldTedo.getText()+"'");
            tampilkanTedo();
        } catch (SQLException ex) {
            Logger.getLogger(NilaiSiswa.class.getName()).log(Level.SEVERE, null, ex);
        }
        resetTedo();

Sehingga Seperti Ini

19. Kemudian pada button Grafik masukan source code berikut ini
        String nama = namaTextFieldTedo.getText();
        String tugas = tugasTextFieldTedo.getText();
        String uts = utsTextFieldTedo.getText();
        String uas = uasTextFieldTedo.getText();
        DefaultPieDataset dataset = new DefaultPieDataset();
        dataset.setValue("Tugas",new Integer(tugas));
        dataset.setValue("UTS",new Integer(uts));
        dataset.setValue("UAS",new Integer (uas));
        
        JFreeChart chart1 = ChartFactory.createPieChart(nama, dataset, false, false, false);
        PiePlot plot2 = (PiePlot) chart1.getPlot();
        ChartFrame frame = new ChartFrame("Perbandingan nilai "+nama,chart1);
        frame.setVisible(true);
        frame.setSize(450,500);

Sehingga Seperti ini

20. Pada JFrame From klik kanan lalu pilih run

21. Sehingga akan tampil seperti ini

22. Kemudian masukan data seperti contoh 


23. Kemudian klik grafik dan akan muncul tapilan seperti ini


Cukup sekian semoga apa yang saya bagikan dapat bermanfaat apabila ada salah mohon maaf saya masih belajar untuk menulis blog.
Note: ada nama saya di belakang variabel

















Komentar