CARA MEMBUAT GRAFIK PIE DAN GRAFIK BAR MENGGUNAKAN NETBEANS DENGAN DATABASE MYSQL

APLIKASI MONITORING COVID-19 JAWABARAT

Kembali lagi dengan pembahasan mengenai NetBeans Guys. Kali ini kita akan coba buat project grafik PIE dan BAR NetBeans dengan menggunakan database Mysql. Seperti pembahasan sebelumnya kali ini kita akan coba simulasikan input data nya terkait covid-19 ya.

Sebelum kita mulai ada beberapa tool yang harus kita siapkan agar Project ini dapat berjalan pastikan kawan-kawan sudah melakukan installasi xampp ya. 
Seperti biasa, ayo kita langsung menuju tkp untuk detailnya cekidot guys..... 

RUNNING XAMPP DAN CREATE DATABASE : 

  1. Jalankan xampp terlebih dahulu agar kita bisa akses phpmydamin untuk masuk ke database mysql dan create db serta table-tablenya. Pastikan sudah running apache dan mysqlnya ya seperti capture 1 berikut :
  2. capture1

  3. Selanjutnya masuk ke phpmyadmin dan create database db_covid19 yang akan digunakan pada project seperti pada capture 2 berikut :
  4. capture2

  5. Kemudian kita coba buat tabel pasien_covid untuk menampung informasi terkait jumlah pasien yang covid 19 di area Jawa Barat. Table ini terdisi atas 6 attribute yaitu : tanggal, positif, odp, pdp, sembuh, meninggal seperti capture 3 berikut : 
  6. capture3

  7. Kemudian kita coba buat tabel zona_covid untuk menampung informasi terkait jumlah zona perkelurahan yang terkena dampak covid 19 di area Jawa Barat. Table ini terdiri atas 4 attribute yaitu : tanggal, zonahijau, zonakuning, zonamerah. Seperti capture 4 berikut : 
  8. capture4

  9. Pastikan tablenya sudah sukses tercreate. seperti capture 5 berikut :
  10. capture5
Ok setelah create tabel dan fieldnya2nya selesai kita masuk step selanjutnya untuk built programnya di netbeans ya.

IMPORT LIBARARY

1. Langkah pertama buka Program NetBeans yang sudah kita install pada Laptop atau PC kawan-kawan semua ya

2. Langkah selanjutnya buat project dengan cara klik New Project >>Java>>Java Application. Masukan nama project misal "mkoesumahht_uas" dan simpan pada folder sesuai keinginan kawan-kawan. Untuk nama project bisa disesuaikan dengan kebutuhan kawan-kawan ya. 
    • Detailnya bisa lihat pada capture6 dibawah ini 
    • capture6

3. Selanjutnya kita lakukan Import library yang sudah di download terlebih dahulu :
    • Klik kanan pada library dan pilih add JAR/Folder seperti pada capture7 berikut
    • capture7
    • Pilih semua library yang sudah kita download seperti pada capture8 berikut : 
    • capture8

    • Jika berhasil maka libabry akan muncul pada sub package Libraries seperti pada capture9 berikut :
    • capture9

       

BUAT GRAPHICS PIE DAFTAR PASIEN COVID-19 JAWA BARAT

Selanjutnya kita akan masuk ke step pembuatan diagram PIE dengan menggunakan table 

pasien_covid untuk detail langkah-langkahnya kita bisa lihat sebagai berikut :

1. Langkah pertama Buatlah new java class dengan nama “GraphicsPie_Pasien_Covid19_Koesumah” :

    • Klik kanan pada soruce package dan beri nama “GraphicsPie_Pasien_Covid19_Koesumah” kemudian klik finish untuk menyimpan seperti pada capture 10 berikut: 
    • capture10

    • Masukkan syntax import pada pagian atas (setelah nama package) seperti pada contoh coding berikut :
    • Seperti capture 11 berikut : 
    • capture11


2. Pada class GraphicsPie_Pasien_Covid19_Koesumah masukkan method untuk mengambil nilai
    • Masukkan code berikut :
    • Seperti capture 12 berikut : 
    • capture12

3. Tambahkan komponen grafik :
    • Masukkan code berikut :
    • Seperti capture 13 berikut : 
    • capture13

4. Lanjutkan dengan create dataset pie chart :
    • Masukkan code berikut :
    • Seperti capture 14 berikut : 
    • capture14

5. Selanjutnya untuk membentuk grafik Pertama dan Kedua masukkan perintah berikut :
    • Masukkan code berikut untuk grafik pertama dan graifk kedua :
    • Seperti capture 15 berikut : 
capture15

6. Tambahkan method main berikut untuk running program :
  • Masukkan code berikut :
  • Seperti capture 16 berikut : 
    capture16

BUAT KONESKI DATABASE MYSQL FRAME UNTUK INPUT PASIEN COVID-19 JAWA BARAT

Sebelum kita membuat prame input terelbih dahulu kita siapkan koneksi ke databasenya. Koneksi ini kita buat agar data yang kita input dapat tersimpan ke dalam tabel-tabel yang telah kita siapkan sebelumnya serta dapat kita panggil kembali kapanpun saat dibutuhkan. Berikut contohkoneksi yang daapat dibuat : 
  1. Buat package dengan nama "database" seperti capture 17 berikut : 
  2. capture17

  3. Buat class java dengan nama "koneksi" seperti capture 18 berikut : 
  4. capture18

    • Masukkan code berikut : 
    • seperti capture 19 berikut :
    • capture19

BUAT FRAME UNTUK INPUT DATA PASIEN COVID-19 JAWA BARAT

Selanjutnya kita akan masuk ke step pembuatan frame untuk input data untuk detail langkah-langkahnya kita bisa lihat sebagai berikut :

1.Langkah pertama Buatlah JFrameForm baru dengan nama “Form_Pasien_Covid19” :
    • Klik kanan pada source package dan beri nama “Form_Pasien_Covid19” kemudian klik finish untuk menyimpan seperti pada capture 20 berikut: 
    • capture20


2. Buatlah design tampilan seperti capture 21 berikut :
    capture21

3. Set variable name untuk textfield ex mkoesumahht_tanggal dan lakukan hal yang sama pada semua jtextfield.
    • Seperti capture 22 berikut : 
    • capture22

4. Masukkan code import dibawah nama package :
    • Masukkan code berikut : 
    • Seperti capture 23 berikut : 
    • capture23

5. masukkan code pada public class Form_Pasien_Covid19 masukkan fungsi koneksi dan judul untuk table yang telah kita design sebelumnya :
    • Masukkan code berikut :
    • Seperti capture 24 berikut : 
    capture24
6. masukkan fungsi untuk menampilkan data pada tabel sesuai data yang sudah terinsert pada :
    • Masukkan code berikut :
    • Seperti capture 25 berikut : 
    • capture25

7. masukkan fungsi "reset" :
    • Masukkan code berikut :
    • Seperti capture 26 berikut : 
    • capture26

8. Lanjutkan dengan memasukkan perintah pada button “simpan”:
    • Masukkan code berikut :
    • Seperti capture 27 berikut : 
    capture27

9. Lanjutkan dengan memasukkan action click pada “table”: :
  • Masukkan code berikut :
  • Seperti capture 28 berikut : 
  • capture28
10. Lanjutkan dengan memasukkan perintah pada buton “hapus”: :
  • Masukkan code berikut :
  • Seperti capture 29 berikut : 
  • capture29

11. Lanjutkan dengan memasukkan perintah pada button “grafik” :
  • Masukkan code berikut :
  • Seperti capture 30 berikut :  
capture30

12. Run Program dengan cara klik kanan pada Form_Pasien_Covid19.java pilih run :

  • Seperti capture 31 berikut : 
  • capture31


13. Masukkan nilai pada frame :
  • Seperti capture 32 berikut : 
  • capture32

14. Klik button simpan:
  • Seperti capture 33 berikut : 
  • capture33

15. Klik button hapus dan pilih konfirmasi yes untuk menghapus data:
    capture34

16. Klik reset untuk menghilangkan data yang ada pada inputan, 

17. Pilih data pada tabel dan Klik button grafik untuk menampilkannnya dalam bentuk graphic :
  • Seperti capture 35 berikut : 
  • capture35

capture36


BUAT GRAPHICS BAR ZONA DAFTAR PASIEN COVID-19 JAWA BARAT

Selanjutnya kita akan masuk ke step pembuatan diagram BAR dengan menggunakan table 

zona_covid untuk detail langkah-langkahnya kita bisa lihat sebagai berikut :

1. Langkah pertama Buatlah new java class dengan nama “GraphicsBar_Zona_Covid19_Koesumah” :

    • Klik kanan pada source package dan beri nama “GraphicsBar_Zona_Covid19_Koesumah” kemudian klik finish untuk menyimpan seperti pada capture 37 berikut: 
    • capture37

    • Masukkan syntax import pada pagian atas (setelah nama package) seperti pada contoh coding berikut :
    • Seperti capture 38 berikut : 
    • capture38

2. Pada class GraphicsPie_Pasien_Covid19_Koesumah masukkan method untuk mengambil nilai
    • Masukkan code berikut :
    • Seperti capture 39 berikut : 
    • capture39

3. Tambahkan komponen grafik :
    • Masukkan code berikut :
    • Seperti capture 40 berikut : 
    • capture40

4. Lanjutkan dengan create dataset BARchart :
    • Masukkan code berikut :
    • Seperti capture 41 berikut : 
    • capture41

5. Tambahkan method main berikut untuk running program :
Masukkan code berikut :

    BUAT FRAME UNTUK INPUT DATA PASIEN COVID-19 JAWA BARAT

    Selanjutnya kita akan masuk ke step pembuatan frame untuk input data untuk detail langkah-langkahnya kita bisa lihat sebagai berikut :

    1. Langkah pertama Buatlah JFrameForm baru dengan nama “Form_Pasien_Covid19” :
    capture42

    2. B
    uatlah design tampilan seperti capture 43 berikut :
    capture43

    3. Set variable name untuk textfield ex mkoesumahht_tanggal dan lakukan hal yang sama pada semua jtextfield seperti capture 44
    capture44

    4. Masukkan code import dibawah nama package :
    Masukkan code berikut :


    Seperti capture 45 berikut : 
    capture45

    5. masukkan code pada public class Form_Zona_Covid19 masukkan fungsi koneksi dan judul untuk table yang telah kita design sebelumnya :

    Masukkan code berikut :

    Seperti capture 46 berikut : 
    capture46

    6. masukkan fungsi untuk menampilkan data pada tabel sesuai data yang sudah terinsert pada :
    Masukkan code berikut :
    Seperti capture 47 berikut :
    capture47

    7. masukkan fungsi "reset" :

    Masukkan code berikut :

    Seperti capture 48 berikut : 
    capture48


    8. Lanjutkan dengan memasukkan perintah pada button “simpan”:
    Masukkan code berikut :

    Seperti capture 49 berikut : 
    capture49

    9. Lanjutkan dengan memasukkan action click pada “table”:
    Masukkan code berikut :

    Seperti capture 50 berikut : 
    capture50

    10. Lanjutkan dengan memasukkan action click pada “table”: :
    • Masukkan code berikut :
    • Seperti capture 51 berikut : 
    • capture51

    11. Lanjutkan dengan memasukkan perintah pada buton “hapus”: :
    • Masukkan code berikut :
    • Seperti capture 52 berikut : 
    • capture52

    12. Lanjutkan dengan memasukkan perintah pada button “grafik” :
    • Masukkan code berikut :
    • Seperti capture 53 berikut :  
    capture53

    13. Run Program dengan cara klik kanan pada Form_Zona_Covid19.java pilih run :
    • Seperti capture 54 berikut : 
    • capture54

    14. Masukkan nilai pada frame :
    • Seperti capture 55 berikut : 
    • capture55

    15. Klik button simpan:
    • Seperti capture 56 berikut : 
    • capture56

    16. Klik button hapus dan pilih konfirmasi yes untuk menghapus data:
    capture57


    capture58



    Demikian step-step untuk membuat project grafik pie dan graifk BAR dengan frame inputan data menggunakan database mysql dengan simulasi data covid-19 untuk area jawabarat.


    Data Penulis:
    Nama : MOCHAMAMD KOESUMAH HT
    NIM    : 171011401024
    Tujuan : Untuk memenuhi salah satu Tugas e-learning Komputer Grafik di Universitas Pamulang

    Semoga Bermanfaat ya kawan-kawan......... Terima Kasih.

    Komentar

    Postingan populer dari blog ini

    UTS KEAMANAN KOMPUTER

    UAS KEAMANAN KOMPUTER

    CARA MEMBUAT GRAFIK PIE DENGAN INPUT DATA MENGGUNAKAN NETBEANS