Membuat Aplikasi Database Dengan Menampilkan Grafik (Grafik Line)

Assalamualikum Wr.Wb..

Dengan menggunakan Library JFreeChart dapat menampilkan data dengan grafik. Grafik yang ditampilkan dapat berbagai bentuk, seperti lingkaran, batang, ataupun lingkaran. Pada contoh ini saya menggunakan grafik berbentuk garis. Download JFreeChart di sini http://sourceforge.net/projects/jfreechart/. Tambahkan JFreeChart ke dalam Libraries. Program yang saya buat adalah menampilkan data nilai berdasarkan nama yang diambil dari database. Sebelum membuat programnya, buat terlebih dahulu database beserta tabel – tabelnya.

Grafik Line Nilai Mahasiswa.

Langkah Pertama,
Buka XAMPP dan start Apache dan Mysql Karena kita membutuhkan itu untuk mengoneksikan Database.

Buka Browser Dan ketik Localhost Seperti yang terlihat

Tampilan Akan seperti ini

Buat Tabel (Saya buat dengan Nama "data")

Seperti ini

Buat  Nama dan Nilai pada Tabel

Selanjutnya Buka Netbeans (Project Yang anda buat)
kalu saya buat project dengan nama "duwisapitri_database"
add Library "MYQL JDBC Driver"

Buat Jframe Form Seperti di bawah ini

Import Dan Sourcecode Seperti ini

Masukan Sourcecode

super("Grafik Garis Nilai Mahasiswa");
setResizable(true);
setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
setBounds(100, 100, 685, 429);
contentPane = new JPanel();
contentPane.setBorder(new EmptyBorder(5, 5, 5, 5));
setContentPane(contentPane);
contentPane.setLayout(null);
setLocationRelativeTo(null);
     

Dan juga Sourcecode Lanjutan

 try 

{

UIManager.setLookAndFeel("com.sun.java.swing.plaf.nimbus.NimbusLookAndFeel");

duwi_frame frame = new duwi_frame();

frame.setVisible(true);

String query = "SELECT * FROM Data";

JDBCCategoryDataset data;

data =new JDBCCategoryDatase t

("jdbc:mysql://localhost/data","com.mysql.jdbc.Driver","root","root");

data.executeQuery(query);

JFreeChart chart = ChartFactory.createLineChart("Index Prestasi","Nama", "Nilai", data,PlotOrientation.VERTICAL,true, true, false);

ChartPanel cPanel = new ChartPanel(chart);

frame.setContentPane(cPanel);

} catch (ClassNotFoundException | InstantiationException | IllegalAccessException | UnsupportedLookAndFeelException | SQLException e){

}

                                }

        });

Hasil Grafik Line Koneksi dari Database "data" dan Project Netbeans "duwisapitri_database"

Document Pdf  Download

Menampilkan Data Covid 19 - UTS Komputer Grafik

Assalamualikum Wr Wb..

Pada Kesempatan Ini Saya membuat JavaProject dan Akan Menjelaskan Cara Menampilkan Presentasi Perhitungan Mengenai Data Pasien Covid - 19.

Hasil Programnya akan seperti Terlihat

Pertama,
BUAT Jframe Form Dengan Design seperti di Bawah ini

Tambahkan Source Code

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

         int a, b, c, d; // Variable for number

       

        a = Integer.parseInt(positifduwi.getText());

        b = Integer.parseInt(pdpduwi.getText());

        c = Integer.parseInt(odpduwi.getText());

        d = Integer.parseInt(deadduwi.getText());

     duwi_no1.setText(" "+a);

     duwi_no2.setText(" "+b);

     duwi_no3.setText(" "+c);

     duwi_no4.setText(" "+d);

    }

Tampilannya Seperti Ini

Tambahkan Sourcecode di bawah ini di “tampilkanGrafik”

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

       

       duwi_GrafikPie e_duwi = new duwi_GrafikPie();

       e_duwi.setNilai(duwi_no1.getText(),duwi_no2.getText(),duwi_no3.getText(),duwi_no4.getText());

       e_duwi.setVisible(true);

       dispose();

    }

Tampilannya Seperti Dibawah Ini

Membuat New Java Class Seperti di bawah Ini

Import sourcecode berikut pada Java Class yang sudah di buat

import java.awt.GridLayout;

import javax.swing.JFrame;

import javax.swing.JPanel;

import javax.swing.SwingUtilities;

import javax.swing.UIManager;

import org.jfree.chart.ChartFactory;

import org.jfree.chart.ChartPanel;

import org.jfree.chart.JFreeChart;

import org.jfree.chart.plot.PiePlot3D;

import org.jfree.data.general.DefaultPieDataset;

import org.jfree.data.general.PieDataset;

import org.jfree.util.Rotation;

Tampilannya

Tambahakan Juga Sourcecode di bawah ini

public class duwi_GrafikPie extends JFrame {

 

    double n1_duwi=0, n2_duwi=0, n3_duwi=0, n4_duwi=0; 

    public void setNilai (String nil1, String nil2, String nil3, String nil4){

        try {n1_duwi = Double.parseDouble(nil1);

        }

        catch (NumberFormatException e){}

        try {n2_duwi = Double.parseDouble(nil2);

        }

        catch (NumberFormatException e){}

        try {n3_duwi = Double.parseDouble(nil3);

        }

        catch (NumberFormatException e){}

        try {n4_duwi = Double.parseDouble(nil4);

        }

        catch (NumberFormatException e){}

        // CREATE SETTING FOR THE FRAME

        this.setSize(500,700);

        this.setTitle("UTS Duwi Sapitri");

        this.setLocationRelativeTo(null);

        this.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);

       

        // CREATE DATA FOR BOTH PIE CHART

        PieDataset dataset1_duwi = buildData();

        PieDataset dataset2_duwi = buildData2();

       

       

// CREATE PIE CHART BASED ON PIE DATASET

        JFreeChart chart_duwi = buildChart(dataset1_duwi,"DATA PENDUDUK YANG TERKENA COVID-19");

        JFreeChart chart2_duwi = buildChart2(dataset2_duwi,"PERBANDINGAN DATA KESELAMATAN");

               

        // CREATE JPANEL TO INPUT GRAPHICS PIE WITH GRID 2,1

        JPanel pane = new JPanel(new GridLayout(2,1));

        // ADDING CHART 1 AND 2 TO PANEL

        pane.add(new ChartPanel(chart_duwi));

        pane.add(new ChartPanel(chart2_duwi));

        // CREATE CONTENT FOR PANEL

        this.setContentPane(pane);

    }

   

    // CREATING DATASET FOR BOTH PIE CHART

    public PieDataset buildData(){

       

DefaultPieDataset pds_duwi = new DefaultPieDataset();

        pds_duwi.setValue("Positif", n1_duwi);

        pds_duwi.setValue("PDP", n2_duwi);

        pds_duwi.setValue("ODP", n3_duwi);

      

    return pds_duwi;

    }

    public PieDataset buildData2(){

        DefaultPieDataset pds2_duwi = new DefaultPieDataset();

        pds2_duwi.setValue("Data: Positive, PDP, ODP", (((n1_duwi+n2_duwi+n3_duwi)-n4_duwi)/(n1_duwi+n2_duwi+n3_duwi)*100));

        pds2_duwi.setValue("Meninggal",((n4_duwi/(n1_duwi+n2_duwi+n3_duwi))*100));

        return pds2_duwi;

    }

   

   

// CREATING BOTH PIE CHART

    private JFreeChart buildChart (PieDataset dataset1_duwi, String judul){

        JFreeChart chart_duwi = ChartFactory.createPieChart3D(judul,

                dataset1_duwi,

                true,

                true,

                false);

       

        PiePlot3D plot_duwi = (PiePlot3D) chart_duwi.getPlot();

        plot_duwi.setStartAngle(0);

        plot_duwi.setDirection(Rotation.ANTICLOCKWISE);

        plot_duwi.setForegroundAlpha(0.5f);

   

        return chart_duwi;

    }

    private JFreeChart buildChart2 (PieDataset dataset2_duwi, String judul){

        JFreeChart chart2_duwi = ChartFactory.createPieChart3D(judul,

                dataset2_duwi,

                true,

                true,

                false);

       

        PiePlot3D plot2_duwi = (PiePlot3D) chart2_duwi.getPlot();

        plot2_duwi.setStartAngle(0);

        plot2_duwi.setDirection(Rotation.ANTICLOCKWISE);

        plot2_duwi.setForegroundAlpha(0.5f);

   

      

 return chart2_duwi;

    }         

    public static void main (String[] args){

        try{

            UIManager.setLookAndFeel(UIManager.getSystemLookAndFeelClassName());

        }catch (Exception e){

            SwingUtilities.invokeLater(new Runnable(){

        @Override

        public void run(){

        new duwi_GrafikPie().setVisible(true);

    }

    });

}

}

Seperti di bawah ini

Seperti Ini

Dan Seperti Ini

Terakhir Run File Maka Programnya akan Muncul

Document UTS Pdf   Download

Tata Cara Membuat Program Grafik Sederhana (Presentasi Browser yang di gunakan)

Assalamualikum Wr Wb..

Untuk kali ini Saya Memposting Tata cara Membuat Program Grafik Sederhana, Guna Srebagai Tugas Grafik Komputer Universitas Pamulang .

 Langkah Awal Membuat Project Seperti Terlihat

Membuat Nama Project

Import Library Sesuai Yang di Download

Import Seperti Gambar di bawah

Masukan Jframe Form “ Latihan1" (karena sudah terlanjur bisa juga dengan nama kalian)

Menambahkan Button seperti Gambar

Membuat New Java Class “ JavaPieChart”

Ketika DiRun Akan Tammpil Output "Build Successfull"

Dan Ketika Kita Run File di JavaPieChart akan tapil Diagram seperti ini

Document Pdf Download