UTS KOMPUTER GRAFIK(TUTORIAL MEMBUAT GRAFIK INPUT)

Pengumpuln tugas UTS
Nama : Melininda Dwi Fitria

Nim : 171011401198

Kelas : 06TPLE014

Halo Gaes!!!

Pada tutorial ini kita akan belajar cara membuat  Grafik input pemograman visual java menggunakan NetBeans tanpa menggunakan web server seperti apache, hanya menggunakan javascript dan fitur canggih yang dimiliki HTML5. Pada saat ini Web browser sudah mendukung HTML5 yang sudah memiliki fitur seperti canvas, WebGL, localStorage yang digunakan untuk menyimpan data dalam bentuk key value, video dan Audio, dan masih banyak lagi.

Dengan adanya fitur tersebut kita sudah bisa membangun aplikasi yang dapat diakses secara lokal, dan tidak perlu membutuhkan web server. Dan hasil akhir dari tutorial ini akan nampak seperti gambar berikut ini:

Baikkk,mari kita mulai tutorialnya

Note : Sebelumnya harus sudah input librarynya dulu yaa...

Buatlah project baru java => java aplication

Buatlah project baru dengan nama "MelinindaDwiFitria_171011401198"

Pada project buatlah package dengan nama MelinindaDwiFitria_Pertemuan7_8

Buatlah JFrameForm dengan nama “MelinindaDwiFitria_Pertemuan7_8”, dan desain sebagai berikut

Desain sebagai berikut

Pada class “MelinindaDwiFitria_Pertemuan7_8”, masukkan source dibawah ini pada button simpan

Source

 int a_MelinindaDwiFitria,b_MelinindaDwiFitria,c_MelinindaDwiFitria,d_MelinindaDwiFitria;

        a_MelinindaDwiFitria=Integer.parseInt(Positif_MelinindaDwiFitria.getText());

        b_MelinindaDwiFitria=Integer.parseInt(PDP_MelinindaDwiFitria.getText());

        c_MelinindaDwiFitria=Integer.parseInt(ODP_MelinindaDwiFitria.getText());

        d_MelinindaDwiFitria=Integer.parseInt(Kematian_MelinindaDwiFitria.getText());

        Positif2_MelinindaDwiFitria.setText(a_MelinindaDwiFitria+" orang");

        PDP2_MelinindaDwiFitria.setText(b_MelinindaDwiFitria+" orang");

        ODP2_MelinindaDwiFitria.setText(c_MelinindaDwiFitria+" orang"); 

        Kematian2_MelinindaDwiFitria.setText(d_MelinindaDwiFitria+" orang");

Pada class “MelinindaDwiFitria_Pertemuan7_8”, masukkan source dibawah ini pada button grafik

Source

Grafik_MelinindaDwiFitria_Pertemuan7_8 obj1 = new Grafik_MelinindaDwiFitria_Pertemuan7_8();

        obj1.setNilai_MelinindaDwiFitria(Positif_MelinindaDwiFitria.getText(),PDP_MelinindaDwiFitria.getText()

                ,ODP_MelinindaDwiFitria.getText(),Kematian_MelinindaDwiFitria.getText());

        obj1.setVisible(true);

        dispose();

Buatlah new java class dengan nama “Grafik_MelinindaDwiFitria_Pertemuan7_8”

Pada class “Grafik_MelinindaDwiFitria_Pertemuan7_8”, masukkan struktur diagram pie, dan dapat dilihat sebagai berikut

Source

import javax.swing.JFrame;

import javax.swing.SwingUtilities;

import javax.swing.UIManager;

import MelinindaDwiFitria_Pertemuan_1_2.JavaPieChart;

import java.awt.Dimension;

import java.awt.GridLayout;

import javax.swing.JPanel;

import org.jfree.chart.ChartFactory;

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.category.DefaultCategoryDataset;

import org.jfree.data.general.DefaultPieDataset;

import org.jfree.data.general.PieDataset;

import org.jfree.ui.ApplicationFrame;

import org.jfree.ui.RefineryUtilities;

import org.jfree.util.Rotation;

Pada bagian ini adalah, method untuk mengambil nilai di jlabel1, jlabel2,jlabel3 dan jlabel6 pada class “MelinindaDwiFitria_Pertemuan7_8”

Source

double n1_MelinindaDwiFitria=0,

           n2_MelinindaDwiFitria=0,

           n3_MelinindaDwiFitria=0,

           n4_MelinindaDwiFitria=0;

public void setNilai_MelinindaDwiFitria

        (String nilai1_MelinindaDwiFitria,

         String nilai2_MelinindaDwiFitria,

         String nilai3_MelinindaDwiFitria,

         String nilai4_MelinindaDwiFitria){

try {

n1_MelinindaDwiFitria = Double.parseDouble(nilai1_MelinindaDwiFitria);

} catch (NumberFormatException ex){}

try {

n2_MelinindaDwiFitria = Double.parseDouble(nilai2_MelinindaDwiFitria);

} catch (NumberFormatException ex){}

try {

n3_MelinindaDwiFitria = Double.parseDouble(nilai3_MelinindaDwiFitria);

} catch (NumberFormatException ex){}   

try {

n4_MelinindaDwiFitria = Double.parseDouble(nilai4_MelinindaDwiFitria);

} catch (NumberFormatException ex){}

this.setSize(800, 600);

        this.setTitle("Data Covid 19 (MelinindaDwiFitria)");

        this.setLocationRelativeTo(null);

        this.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);

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

        DefaultPieDataset dataset1 = new DefaultPieDataset();

        dataset1.setValue("Positif :"+n1_MelinindaDwiFitria+"%", n1_MelinindaDwiFitria);

        dataset1.setValue("PDP :"+n2_MelinindaDwiFitria+"%", n2_MelinindaDwiFitria);

        dataset1.setValue("ODP :"+n3_MelinindaDwiFitria+"%", n3_MelinindaDwiFitria);

        DefaultPieDataset dataset2_MelinindaDwiFitria = new DefaultPieDataset();

        dataset2_MelinindaDwiFitria.setValue("Kematian :"+n4_MelinindaDwiFitria+"%", n4_MelinindaDwiFitria);

        dataset2_MelinindaDwiFitria.setValue("Data Termasuk :Positif, PDP dan ODP :"

                +n1_MelinindaDwiFitria+n2_MelinindaDwiFitria

                +n3_MelinindaDwiFitria+"%", n1_MelinindaDwiFitria+n2_MelinindaDwiFitria+n3_MelinindaDwiFitria);

       

        JFreeChart chart1_MelinindaDwiFitria = ChartFactory.createPieChart

        ("Data Penduduk Yang Terkena Covid 19 (MelinindaDwiFitria)", dataset1, false, false, false);

        JFreeChart chart2_MelinindaDwiFitria;

        chart2_MelinindaDwiFitria = ChartFactory.createPieChart(

                "Perbandingan Data Keselamatan (MelinindaDwiFitria)", dataset2_MelinindaDwiFitria, false, false, false);

        PiePlot plot2_MelinindaDwiFitria = (PiePlot) chart2_MelinindaDwiFitria.getPlot();

        plot2_MelinindaDwiFitria.setForegroundAlpha(0.6f);

        plot2_MelinindaDwiFitria.setCircular(true);

       

        panel1_MelinindaDwiFitria.add(new ChartPanel(chart1_MelinindaDwiFitria));

        panel1_MelinindaDwiFitria.add(new ChartPanel(chart2_MelinindaDwiFitria));

        panel1_MelinindaDwiFitria.setPreferredSize(new Dimension(800, 600));

        setContentPane(panel1_MelinindaDwiFitria);

public static void main(String[] args) {

try {

UIManager.setLookAndFeel(UIManager.getSystemLookAndFeelClassName());

} catch (Exception e) {

}

SwingUtilities.invokeLater(new Runnable() {

@Override

public void run() {

new Grafik_MelinindaDwiFitria_Pertemuan7_8().setVisible(true);

}

        });

}}

Hasil 

Hasil Program 

Hasil Program Setelah Di input & Di Klik Button Simpan

 Hasil Program Setelah Di Simpan & Di Klik Button Grafik

Selesai

Diatas adalah hasil program yang saya buat apabila ada kekurangan mohon maaf dan terimakasih…

Link untuk download  materinya :  Materi