Minggu, 31 Mei 2020

Langkah-langkah membuatlah aplikasi database ( Aplikasi Survei sederhana pengguna smartphone )


Langkah-langkah membuatlah aplikasi database ( Aplikasi Survei sederhana pengguna smartphone )

1. Buat projek baru FILE => New Projek, dengan nama project Aplikasi survei.
2. Buat Jframe form , Klik kanan pada package => NEW => JFrame form.
3. Desain seperti ini.
8 Label
3 Textfiled (Nama Variabel = ridam_ot , ridam_pp , ridam_aa )
3 Combo Box (Nama Variabel = ridam_sm1 , ridam_sm2 , ridam_sm3 )
2 Tabel (Nama Variabel = tebeel , tabeel2)
3 button

4. Pada Library project import mysql-connector-java digunakan untuk mengkoneksikan ke database.
5. Buka aplikasi XAMPP untuk membuka serverdatabase MYSQL
    Tekan Start pada MYSQL dan APACHE
6. Buka Browser( Chrome , Mozila firefox ,dll) di URL ketik Localhhost/phpmyadmin. yang digunakan untuk membuat database.
7. Pilih NEW untuk membuat database baru dan buat nama database nya, saya membuat dengan nama database data lalu tekan CREATE, 

8. Sesudah membuat nama database , kita membuat tabel database nya, disini saya hanya membuat 2 tabel database, yaitu
Tabel datahp untuk menyimpan data jenis smartphone.
Membuat 3 colom dengan nama = orangtua, pemuda_i, anak_anak.
Tipe data yg digunakan VARCHART dengan values= 20
Tabel grafikpiechart untuk menyimpan  data banyak nya pengguna smartphone
Membuat 3 colom dengan nama = orangtua, pemuda_i, anak_anak.
Tipe data yg digunakan Integer(int) dengan values= 4

ket : untuk penamaan database bebas tidak harus mengikuti saya.

9.  kembali lagi ke Neatbeans , membuat java class dengan nama koneksi/(bebas) disini saya menggunakan nama saya Ridamgalik untuk membuat koneksi kedatabase

10. Source Code di java class

package ridamgalik;
import java.sql.Connection;
import java.sql.DriverManager;

/**
 *
 * @author Galik
 */
public class Ridamgalik {

    public static Connection conn;
    
    public static Connection Conn(){
        try{
            Class.forName("com.mysql.jdbc.Driver");
            conn= DriverManager.getConnection("jdbc:mysql://localhost/data", "root", "");
        }catch(Exception e){
          System.out.println(e.getMessage());
        }
        return conn;
    }
    /**
     * @param args the command line arguments
     */
    public static void main(String[] args) {
        // TODO code application logic here
    }
    
}

 11. Sesudah membuat koneksi ke database, kita membuat codingan inputan di Jframeform.
       pada Jframeform yg sudah kita desain. 
Pada button simpan(nama variabel=ridam_simpan)  klik kanan => Event => action =>  actionperformed .
      
 Source Code :
        try{
            String sql="insert into grafikpiechart values('"+ridam_ot.getText()+"',                                                    '"+ridam_pp.getText()+"', '"+ridam_aa.getText()+"')";
            st=conn.createStatement();
            st.executeUpdate(sql);
            tampil();
        }catch(Exception e){
            System.out.println(e.getMessage());
        }

Pada button simpan(nama variabel=ridam_simpan1)  klik kanan => Event => action =>  actionperformed .

Source Code :
        try{
            String sql="insert into datahp values('"+ridam_sm1.getSelectedItem()+"',                                               '"+ridam_sm2.getSelectedItem()+"', '"+ridam_sm3.getSelectedItem()+"')";
            st=conn.createStatement();
            st.executeUpdate(sql);
            tampil2();
        }catch(Exception e){
            System.out.println(e.getMessage());
        }

12. Menampilkan data pada table, karena kita menggunakan 2 tabel berarti kita membuat 2 buat codingan tampilan, yang berbeda database
ket : codingan ini dibuat sesudah codingan "public class aplikasi extends javax.swing.JFrame"
Source Code :


private void tampil(){

        DefaultTableModel model=new DefaultTableModel();
        model.addColumn("No");
        model.addColumn("Orang Tua");
        model.addColumn("Pemuda-pemudi");
        model.addColumn("Anak-anak");
        try {
            String sql="select * from grafikpiechart";
            st=conn.createStatement();
            rs=st.executeQuery(sql);
           
            int no=0;
            while(rs.next()){
                no++;
                model.addRow(new Object[]{
                    no, rs.getString("orangtua"), rs.getString("pemuda_i"),rs.getString("anak_anak")
                });
            }
            tabeel.setModel(model);
        } catch (Exception e){
            System.out.println(e.getMessage());
        }
    }
   
private void tampil2(){

        DefaultTableModel model=new DefaultTableModel();
        model.addColumn("No");
        model.addColumn("Orang Tua");
        model.addColumn("Pemuda-pemudi");
        model.addColumn("Anak-anak");
        try {
            String sql="select * from datahp";
            st=conn.createStatement();
            rs=st.executeQuery(sql);
           
            int no=0;
            while(rs.next()){
                no++;
                model.addRow(new Object[]{
                    no, rs.getString("orangtua"), rs.getString("pemuda_i"),rs.getString("anak_anak")
                });
            }
            tabeel2.setModel(model);
        } catch (Exception e){
            System.out.println(e.getMessage());
        }
    }

13. Pada button Grafik , Klik kanan => Event => action => Actionperformed

SourceCode :

PieGrafikInput obj_ridamgalik= new PieGrafikInput();
        obj_ridamgalik.setNilai(ridam_ot.getText(),ridam_pp.getText(),ridam_aa.getText());
        obj_ridamgalik.setVisible(true);
        dispose();

14. Untuk Membuat Grafik nya , buat java class dengan nama PieGrafikInput.

Source code :

package ridamgalik;

import javax.swing.JFrame;
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;

/**
 *
 * @author Galik
 */
public class PieGrafikInput extends JFrame {

    double n1_ridamgalik=0,n2_ridamgalik=0, n3_ridamgalik=0;
   
public void setNilai(String nilai1, String nilai2, String nilai3){
try {
n1_ridamgalik = Double.parseDouble(nilai1);
} catch (NumberFormatException ex){}
try {
n2_ridamgalik = Double.parseDouble(nilai2);
} catch (NumberFormatException ex){}
try {
n3_ridamgalik = Double.parseDouble(nilai3);
} catch (NumberFormatException ex){}

this.setSize(600, 400);
this.setTitle("Diagram PIE");
this.setLocationRelativeTo(null);
this.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);

PieDataset dataset_ridamgalik = buildData_ridamgalik();
JFreeChart chart_ridamgalik = buildChart(dataset_ridamgalik, "Data pengguna smartphone modern ");
ChartPanel pieChart_ridamgalik = new ChartPanel(chart_ridamgalik);
this.setContentPane(pieChart_ridamgalik);
}

private JFreeChart buildChart(PieDataset dataset_ridamgalik, String judul) {
    JFreeChart chart_ridamgalik = ChartFactory.createPieChart3D(judul, // Judul Chart
    dataset_ridamgalik,
    true,
    true,
    false);
    PiePlot3D plot = (PiePlot3D) chart_ridamgalik.getPlot();
    plot.setStartAngle(290);
    plot.setDirection(Rotation.CLOCKWISE);
    plot.setForegroundAlpha(0.5f);
    return chart_ridamgalik;
    }

private PieDataset buildData_ridamgalik() {
    DefaultPieDataset dataSet_ridamgalik = new DefaultPieDataset();
    dataSet_ridamgalik.setValue("Orang Tua", n1_ridamgalik);
    dataSet_ridamgalik.setValue("Pemuda-pemudi", n2_ridamgalik);
    dataSet_ridamgalik.setValue("Anak-anak", n3_ridamgalik);
   
    return dataSet_ridamgalik;
    }
public static void main(String[] args) {
try {
UIManager.setLookAndFeel(UIManager.getSystemLookAndFeelClassName());
} catch (Exception e) {
}
SwingUtilities.invokeLater(new Runnable() {
@Override
public void run() {
new ridamgalik_javapiechart().setVisible(true);
}
});
}
}




15. codingan di combo box, untuk pilihan jenis smart phone.
( combo box nama variabel = ridam_sm1) klik kanan => event => action => actionperformed.
source code :

if (ridam_sm1.getSelectedIndex()==1){
            hp = "Samsung";
            }else if (ridam_sm1.getSelectedIndex()==2){
            hp = "Nokia";
            }else if (ridam_sm1.getSelectedIndex()==3){
            hp = "LG";
    }else if (ridam_sm1.getSelectedIndex()==4){
            hp = "OPPO";
    }else if (ridam_sm1.getSelectedIndex()==5){
            hp = "vivo";

16. combo box nama variabel = ridam_sm2) klik kanan => event => action => actionperformed.
source code :

 if (ridam_sm2.getSelectedIndex()==1){
            hp = "Samsung";
            }else if (ridam_sm2.getSelectedIndex()==2){
            hp = "Nokia";
            }else if (ridam_sm2.getSelectedIndex()==3){
            hp = "LG";
    }else if (ridam_sm2.getSelectedIndex()==4){
            hp = "OPPO";
    }else if (ridam_sm2.getSelectedIndex()==5){
            hp = "vivo";

17. combo box nama variabel = ridam_sm3) klik kanan => event => action => actionperformed.
source code :

if (ridam_sm3.getSelectedIndex()==1){
            hp = "Samsung";
            }else if (ridam_sm3.getSelectedIndex()==2){
            hp = "Nokia";
            }else if (ridam_sm3.getSelectedIndex()==3){
            hp = "LG";
    }else if (ridam_sm3.getSelectedIndex()==4){
            hp = "OPPO";
    }else if (ridam_sm3.getSelectedIndex()==5){
            hp = "vivo";

HASIL



Tidak ada komentar:

Posting Komentar