Monday, January 4, 2021

Muhamad Rifki Rivaldi_181011400786_Pertemuan Ke 15

 Cara Membuat Form Menu Login yang berada didalam Aplikasi Program Penyimpanan Uang Kas Menggunakan 2 Table pada Netbeans Menjadi Terkoneksi dengan Database


1. Pertama-tama buka XAMPP pada komputer > klik start pada Apache dan MySQL


2. Lalu buka Browser dan ketikan localhost/phpmyadmin/ >  Lalu pilih New > Lalu buat database dengan nama "Login" > Setelah itu klik Buat/Go



3. Pilih database yang telah dibuat > Lalu buat table baru dengan nama "Rifki_Rivaldi (Nama Anda)" > Lalu buat kolom menjadi 2 > Setelah itu klik Buat/Go


4. Isi column/field dengan nama "Username, Password", beri type data "Varchar, Varchar", beri pajang/nilai pada type data "30, 30", dan isi index pada colomn pertama dengan "Primary Key", Lalu klik Simpan




5. Maka tampilan pada database seperti dibawah ini : 



6.  Selanjutnya klik pada bagian Tambahkan / Insert >  Isi kan Field pada Username dan Password sesuai dengan keinginan Anda > Lalu klik Kirim



7. Maka tampilan Field yang telah kita isi sebelumnya seperti dibawah ini : 


8. Selanjutnya buka Folder / File Netbeans yang telah dibuat sebelumnya


9. Lalu pergi ke Source, dan ketikan Source Code dibawah ini :


package UTS_Aplikasi_Penyimpanan_UangKas;

import java.awt.Toolkit;

import java.sql.Connection;

import java.sql.DriverManager;

import java.sql.ResultSet;

import java.sql.SQLException;

import java.sql.Statement;

import javax.swing.JOptionPane;


10. Ketikan Source Code dibawah ini :


public class Menu_Login extends javax.swing.JFrame {

private Connection con;

private Statement stat;

private ResultSet res;

private String t;


11. Ketikan Source Code dibawah ini :


public Menu_Login() {

        initComponents();

        koneksi();

        kosongkan();

    }


12. Ketikan Source Code dibawah ini :


private void koneksi() {

try{

Class.forName("com.mysql.jdbc.Driver");

con=DriverManager.getConnection("jdbc:mysql://127.0.0.1/Login", "root", "");

stat=con.createStatement();

} catch (Exception e) {

JOptionPane.showMessageDialog(null, e);

}

}


13.  Ketikan Source Code dibawah ini :


private void kosongkan() {

Rifki_Username.setText("");

Rifki_Password.setText("");

}


14. Dibawah ini tampilan Source Code sebelumnya pada menu Button "LOGIN" : 


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

        // TODO add your handling code here:

        String username = "Muhamad Rifki Rivaldi";

        String password = "181011400786";

            if(username.equalsIgnoreCase(Rifki_Username.getText()) && password.equalsIgnoreCase(Rifki_Password.getText())) {

                this.setVisible(false);

                new UTS_Input_Data_UangKas_Percobaan().setVisible(true);

            } else {

                javax.swing.JOptionPane.showMessageDialog(null, "Maaf Username dan Password yang anda masukkan salah!!!");

                Rifki_Username.setText("");

                Rifki_Password.setText("");

                Rifki_Username.requestFocus();

            }

            if(Rifki_Password.getText().equals("Show Password")){

            Rifki_Password.setText("Hide Password");

            Rifki_Password.setEchoChar((char)0);

            } else{

                Rifki_Password.setText("Show Password");

                Rifki_Password.setEchoChar('*');

            }

    }


15. Ubahlah Source Code sebelumnya pada menu Button "LOGIN" menjadi Source Code seperti dibawah ini :


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

        // TODO add your handling code here:

        try {

            String sql = "SELECT * FROM Rifki_Rivaldi WHERE Username='"+Rifki_Username.getText()

                    +"' AND Password='"+Rifki_Password.getText()+"'";

                res = stat.executeQuery(sql);

                if(res.next()){

                if(Rifki_Username.getText().equals(res.getString("Username")) 

                        && Rifki_Password.getText().equals(res.getString("Password"))){

                this.setVisible(false);

                new UTS_Input_Data_UangKas().setVisible(true);

                }

            }else{

                    JOptionPane.showMessageDialog(null, "Maaf Username dan Password yang anda masukkan salah!!!");

                    Rifki_Username.setText("");

                    Rifki_Password.setText("");

                    Rifki_Username.requestFocus();

                }

        } catch (Exception e) {

            JOptionPane.showMessageDialog(this, e.getMessage());

        }

    }


16. Setelah selesai masukkan Source Code, klik kanan pada Class "Menu_Login" > pilih Run File atau mengklik Shift+F6




17. Masukkan Username dan Password yang telah buat didalam Database > Lalu klik Login > Maka akan muncul tampilan seperti dibawah ini :



18.  Jika ingin keluar dari Program caranya adalah mengklik button Exit dan akan muncul massage "Anda Exit" secara otomatis anda akan keluar dari program, seperti dibawah ini :



19. Jika Anda menulisakn Username atau Password dengan salah, maka akan muncul massage "Maaf Username dan Password yang anda masukkan salah!!!", Seperti dibawah ini :


20. Jika ingin keluar dari Program Menu Login caranya adalah mengklik button Exit dan akan muncul massage "Anda Exit" secara otomatis anda akan keluar dari Menu Login, seperti dibawah ini : 


21. Link File PPT Presentasi dari saya 

No comments:

Post a Comment

Muhamad Rifki Rivaldi_181011400786_Pertemuan Ke 16 dan 17

 Cara Membuat Managemen User untuk Menambahkan dan Menghapus User yang yang dapat Login kedalam Aplikasi Program Penyimpanan Uang Kas Menggu...