Membuat Program Grafik Sederhana Menggunakan Netbeans

Hallo apa kabar?

Kembali lagi di blog saya, kali ini saya akan membuat tutorial program grafik line charts sederhana dengan java netbeans.

ok langsung saja kita buka netbeans nya terus bikin new project, ikuti langkah pada gambar di bawah ya.

jika sudah mengikuti langkah-langkah pada gambar di atas, maka akan muncul seperti gambar dibawah.

isi Project Name dengan nama syakurNurokhman_pert3&4 atau isi sesuai nama  yang anda inginkan, project location - Click browser untuk menyimpan project pada directory yang di inginkan. saran untuk menyimpan file project pada directory yang mudah di ingat, supaya nanti tidak lupa pada saat di butuhkan fil projectnya. jika sudah klik finish maka IDE netbeans akan otomatis menyediakan project yang sudah kita buat tadi, seperti gambar di bawah.

sekarang kita buat class Linecharts, Click kanan - Package Name - New - Java Class, maka akan muncul menu seperti gambar di bawah. isi class name Linecharts - Finish

Masukan code di bawah ke dalam class LineChart.

package syakurnurokhman_pert3dan4;

import java.awt.*; 

import java.awt.geom.*; 

import javax.swing.*;

public class LineCharts extends JPanel{ 

    public LineCharts() { this.setPreferredSize(new Dimension(400, 340));

    this.setBackground(Color.WHITE);

    }

    

    protected void paintComponent(Graphics g){

        super.paintComponent(g);

        Graphics2D Pertemua3dan4 = (Graphics2D) g;

        

        GeneralPath SyakurNurokhman = new GeneralPath(GeneralPath.WIND_NON_ZERO); 

        SyakurNurokhman.moveTo(30, 50); 

        SyakurNurokhman.lineTo(370,50); 

        SyakurNurokhman.moveTo(30,50); 

        SyakurNurokhman.lineTo(30, 290); 

        SyakurNurokhman.moveTo(30,290); 

        SyakurNurokhman.lineTo(370, 290); 

        SyakurNurokhman.moveTo(30,90); 

        SyakurNurokhman.lineTo(370, 90); 

        SyakurNurokhman.moveTo(30, 130); 

        SyakurNurokhman.lineTo(370, 130); 

        SyakurNurokhman.moveTo(30, 170); 

        SyakurNurokhman.lineTo(370, 170); 

        SyakurNurokhman.moveTo(30, 210); 

        SyakurNurokhman.lineTo(370, 210); 

        SyakurNurokhman.moveTo(30, 250); 

        SyakurNurokhman.lineTo(370, 250);

        

        //LineCharts 

        SyakurNurokhman.moveTo(45, 230); 

        SyakurNurokhman.lineTo(80, 192);

        SyakurNurokhman.moveTo(80,192);

        SyakurNurokhman.lineTo(115,90);     

        SyakurNurokhman.moveTo(115,90); 

        SyakurNurokhman.lineTo(150,130); 

        SyakurNurokhman.moveTo(150, 130); 

        SyakurNurokhman.lineTo(185,122); 

        SyakurNurokhman.moveTo(185, 122); 

        SyakurNurokhman.lineTo(220,94); 

        SyakurNurokhman.moveTo(220, 94); 

        SyakurNurokhman.lineTo(255,144); 

        SyakurNurokhman.moveTo(255, 144); 

        SyakurNurokhman.lineTo(290,72); 

        SyakurNurokhman.moveTo(290, 72); 

        SyakurNurokhman.lineTo(325,218); 

        SyakurNurokhman.moveTo(325, 218); 

        SyakurNurokhman.lineTo(360,218); 

        SyakurNurokhman.closePath(); 

        Pertemua3dan4.draw(SyakurNurokhman);

        

        Pertemua3dan4.drawString("120",7,50); 

        Pertemua3dan4.drawString("110",5,70); 

        Pertemua3dan4.drawString("100",7,90); 

        Pertemua3dan4.drawString("90",13,110); 

        Pertemua3dan4.drawString("80",13,130); 

        Pertemua3dan4.drawString("70",13,150); 

        Pertemua3dan4.drawString("60",13,170); 

        Pertemua3dan4.drawString("50",13,190); 

        Pertemua3dan4.drawString("40",13,210); 

        Pertemua3dan4.drawString("30",13,230); 

        Pertemua3dan4.drawString("20",13,250); 

        Pertemua3dan4.drawString("10", 13, 270); 

        Pertemua3dan4.drawString("0",20,290);

        Pertemua3dan4.drawString("N01",40,310); 

        Pertemua3dan4.drawString("N02",75,310); 

        Pertemua3dan4.drawString("N03",110,310); 

        Pertemua3dan4.drawString("N04",145,310); 

        Pertemua3dan4.drawString("N05",180,310); 

        Pertemua3dan4.drawString("N06",215,310); 

        Pertemua3dan4.drawString("N07",250,310); 

        Pertemua3dan4.drawString("N08",285,310);

        Pertemua3dan4.drawString("N09",320,310); 

        Pertemua3dan4.drawString("N10",355,310);

        

        Shape kotak1 = new Rectangle2D.Double(46,225,5,5); 

        Shape kotak2 = new Rectangle2D.Double(77,192,5,5);

        Shape kotak3 = new Rectangle2D.Double(113,90,5,5); 

        Shape kotak4 = new Rectangle2D.Double(149,128,5,5); 

        Shape kotak5 = new Rectangle2D.Double(183,120,5,5);

        Shape kotak6 = new Rectangle2D.Double(218,94,5,5);

        Shape kotak7 = new Rectangle2D.Double(253,142,5,5);

        Shape kotak8 = new Rectangle2D.Double(287,72,5,5);

        Shape kotak9 = new Rectangle2D.Double(323,216,5,5); 

        Shape kotak10 = new Rectangle2D.Double(358,216,5,5);

        Pertemua3dan4.setColor(Color.red);

        Pertemua3dan4.fill(kotak1); 

        Pertemua3dan4.fill(kotak2); 

        Pertemua3dan4.fill(kotak3); 

        Pertemua3dan4.fill(kotak4); 

        Pertemua3dan4.fill(kotak5); 

        Pertemua3dan4.fill(kotak6); 

        Pertemua3dan4.fill(kotak7); 

        Pertemua3dan4.fill(kotak8); 

        Pertemua3dan4.fill(kotak9); 

        Pertemua3dan4.fill(kotak10);

    }

}

Seperti gambar di bawah ini.

Kemudian Kita membuat Class Mainlinecharts, Click kanan - Package Name - New - Java Class, maka akan muncul menu seperti gambar di bawah. isi class name Mainlinecharts - Finish.

masukan code di bawah ke dalam class Mainllinecharts.

package syakurnurokhman_pert3dan4;

import syakurnurokhman_pert3dan4.LineCharts; 

import com.sun.glass.events.WindowEvent; 

import java.awt.event.WindowAdapter; 

import javax.swing.JFrame; 

public class mainlinecharts {

   public static void main(String[] args) {

// TODO code application logic here

        JFrame frame = new JFrame("Line Charts"); frame.addWindowFocusListener(new WindowAdapter(){

            public void windowClosing(WindowEvent e) {

                System.exit(0);

            }

        });

        

//tambahkan panel

        LineCharts canvas = new LineCharts();

        frame.getContentPane().add(canvas); frame.pack();

        frame.setVisible(true);

    }

}

Seperti gambar di bawah.

Jika sudah maka jalankan programnya dengan Click kanan pada Class Mainlinecharts - run file, jika berhasil maka akan muncul seperti gambar di bawah.

Seperti itu lah tutorial membuat program grafik sederhana, selamat mencoba dan terimakasih.