Membuat Form Login Keren Di Netbeans

Terkait

MEMBUAT FORM LOGIN KEREN DI NETBEANS

Ini merupakan hasil dari pembuatan form login di netbeans, meskipun tampilannya seperti itu tapi sudah bisa dibilang keren loo,... nah bagi kalian yang ingin menperdalam ilmu mengenai pembuatan program di netbeans, maka sekaranglah waktu yang tepat. sebenarnya program ini dibuat untuk program kasir namun karna masih panjang perjalanan pembuatan program kasir saya lebih meminimalkan dengan meng-uploud tutorial form loginnya dulu, langsung aja deh

Langkah pertama yaitu persiapkan semua yang dibutuhkan dalam pembuatan form login tersebut, baik aplikasi netbeans, jdk, jre, dan xampp untuk pembuatan databasenya nanti. untuk download NETBEANS langsung kesitus resminya biar updater gitu....saya sarankan untuk mendownload netbeans fersi lengkapnya/all IDE, size downloadnya kisaran 221 Mb.

op membuat program form login ini menggunakan Netbeans IDE 8.2, nah disini op menyediakan link download di situs resminya semua opensource, jadi santai aja gak perlu bayar, linknya terderet dibawah ini !

* NETBEANS

* JDK (JDK 8u111 with NetBeans 8.2)

* JRE (JAVA SE)

* XAMPP atau disini XAMPP(net2)

setelah semuanya sudah diinstall dan siap, maka sekarang tinggal menjalankan proses pembuatan form login tadi, buka netbeans.

pilih file => new project atau bisa langsung CTRL+SHIFT+N.

beri nama file project baru tadi dengan nama APLIKASI, langsung aja klick Next. setelah itu buatlah form baru dengan cara klick kanan pada package aplikasi lalu pilih new Jframe form. lihat gambar

pada file new Jframe tadi berinama dengan PROGRAM, nah untuk mencoba apakah bisa ditampilkan form kita yang masih belum ada desain gui nya... maka kembali ke tag aplikasi, dan tuliskan kode berikut ini

PROGRAM tampilan = new PROGRAM();
    tampilan.setVisible(true);

Tepat dibawah code public static void main(String[] args) { lebih jelasnya lihat gambar dibawah

setelah itu coba anda jalankan programnya jika berhasil maka source kode tersebut sudah benar. setelah itu kita hanya tinggal mengedit design form login kita di bagian Jframe tadi yang diberi nama PROGRAM, pilih design lalu kita mendesain sekeren mungkin menurut kalian. nah desain yang saya buat seperti dibawah ini

jangan lupa berikan nama variable pada textbox untuk username dengan nama tnama dan untuk password berikan nama tpas, dan berikan nama pada button login dengan nama login.

jika sudah maka sekarang kita membuat databasenya di mysql terlebih dulu, karna yang dibutuhkan sangat panjang maka kalian juga bisa download databse mysql di bawah ini (XAMPP)

DB_MARKETING

kalau sudah didownload tinggal uploud database tersebut dengan cara masuk pada localhost (ketikkan di web browser kalian) ingat xampp harus dihidupkan dengan start Apache dan Mysqlnya.
lalu klick import => pilih file => lalu pilih file dimana anda menyimpan database yang sudah didownload tadi, dan selesai sudah pembuatan database kita.
sekarang kita kembali ke netbeans lagi nah untuk sekarang membuat/menginstall mysql nya ke netbeans, caranya dengan klick kanan pada libraries pilih mysql JDBC Driver seperti digambar

selanjutnya yaitu membuat koneksi antara form login netbeans kita dengan databasenya caranya sebagai berikut :
buat package baru dengan cara klick kanan pada source package pilih new package, beri nama koneksi.

setelah itu buat class dipackage koneksi dengan nama koneksi1.
tuliskan kode dibawah ini

package koneksi;
import java.sql.*;

public class koneksi1 {
 public Connection cc;
 public Statement ss;
 public ResultSet rr;

public void Class(){
try{
Class.forName("com.mysql.jdbc.Driver");
cc=DriverManager.getConnection("jdbc:mysql://localhost/dbmarketing","root","");
System.out.println("koneksi sukses");
}
catch (Exception e){
System.out.println (e);
}
}
}

berikutnya buka tag source di form login tadi lalu ketikan kode berikut ini, jika terlalu banyak langsung saja kopas... hahahaha....

import java.sql.*;
import javax.swing.JOptionPane;
import koneksi.koneksi1;

kode tersebut letakkan tepat di bawah package aplikasi;
buat sambungan koneksi dengan variable baru dengan kode berikut :

koneksi1 xxx;

tuliskan tepat dibawah public class PROGRAM extends javax.swing.JFrame {
jelaskan tentang variable baru yang kita buat

xxx = new koneksi1();
        xxx.Class();
        this.setLocationRelativeTo(null);

penulisan dibawah initComponents();
lalu kita harus menyampaikan apa isi dari program kita dengan menketikkan kode berikut ini tepat dibawah tanda } setelah penulisan diatas

private void login(){
        try {
            String nama = tnama.getText();
            String pas = new String(tpas.getText());
            xxx.ss = xxx.cc.createStatement();
            String sql = "Select * From tblogin Where USERNAME = '"+nama+"'And PASSWORD ='"+pas+"'";
            xxx.rr = xxx.ss.executeQuery(sql);
        if (xxx.rr.next()){
            if (tpas.getText().equals(xxx.rr.getString("password"))){
                new Menu_utama().show();
                this.dispose();
            }
            else{
                JOptionPane.showMessageDialog(rootPane, "password salah, silakan masukkan kembali");
                tpas.setText("");
                tpas.requestFocus();
            }  
        }
        else{
            JOptionPane.showMessageDialog(null, "login gagal");
        }
        }catch (SQLException e){
            JOptionPane.showMessageDialog(null, e);
        }
    }

setelah itu kembali ke desaign dan klick dua kali pada tampilan button login yang kita buat dan ketikan source kode berikut

login();

selesai dah.... sekarang coba dijalankan programnya saja... ini tampilan jadi op bisa langsung didownload jika ingin untuk reverensi, cara downloadnya angsung klick aja download dibawah gambar.

Program form login DOWNLOAD

MEMBUAT FORM LOGIN KEREN DI NETBEANS

Ini merupakan hasil dari pembuatan form login di netbeans, meskipun tampilannya seperti itu tapi sudah bisa dibilang keren loo,... nah bagi kalian yang ingin menperdalam ilmu mengenai pembuatan program di netbeans, maka sekaranglah waktu yang tepat. sebenarnya program ini dibuat untuk program kasir namun karna masih panjang perjalanan pembuatan program kasir saya lebih meminimalkan dengan meng-uploud tutorial form loginnya dulu, langsung aja deh

Langkah pertama yaitu persiapkan semua yang dibutuhkan dalam pembuatan form login tersebut, baik aplikasi netbeans, jdk, jre, dan xampp untuk pembuatan databasenya nanti. untuk download NETBEANS langsung kesitus resminya biar updater gitu....saya sarankan untuk mendownload netbeans fersi lengkapnya/all IDE, size downloadnya kisaran 221 Mb.

op membuat program form login ini menggunakan Netbeans IDE 8.2, nah disini op menyediakan link download di situs resminya semua opensource, jadi santai aja gak perlu bayar, linknya terderet dibawah ini !

* NETBEANS

* JDK (JDK 8u111 with NetBeans 8.2)

* JRE (JAVA SE)

* XAMPP atau disini XAMPP(net2)

setelah semuanya sudah diinstall dan siap, maka sekarang tinggal menjalankan proses pembuatan form login tadi, buka netbeans.

pilih file => new project atau bisa langsung CTRL+SHIFT+N.

beri nama file project baru tadi dengan nama APLIKASI, langsung aja klick Next. setelah itu buatlah form baru dengan cara klick kanan pada package aplikasi lalu pilih new Jframe form. lihat gambar

pada file new Jframe tadi berinama dengan PROGRAM, nah untuk mencoba apakah bisa ditampilkan form kita yang masih belum ada desain gui nya... maka kembali ke tag aplikasi, dan tuliskan kode berikut ini

PROGRAM tampilan = new PROGRAM();
    tampilan.setVisible(true);

Tepat dibawah code public static void main(String[] args) { lebih jelasnya lihat gambar dibawah

setelah itu coba anda jalankan programnya jika berhasil maka source kode tersebut sudah benar. setelah itu kita hanya tinggal mengedit design form login kita di bagian Jframe tadi yang diberi nama PROGRAM, pilih design lalu kita mendesain sekeren mungkin menurut kalian. nah desain yang saya buat seperti dibawah ini

jangan lupa berikan nama variable pada textbox untuk username dengan nama tnama dan untuk password berikan nama tpas, dan berikan nama pada button login dengan nama login.

jika sudah maka sekarang kita membuat databasenya di mysql terlebih dulu, karna yang dibutuhkan sangat panjang maka kalian juga bisa download databse mysql di bawah ini (XAMPP)

DB_MARKETING

kalau sudah didownload tinggal uploud database tersebut dengan cara masuk pada localhost (ketikkan di web browser kalian) ingat xampp harus dihidupkan dengan start Apache dan Mysqlnya.
lalu klick import => pilih file => lalu pilih file dimana anda menyimpan database yang sudah didownload tadi, dan selesai sudah pembuatan database kita.
sekarang kita kembali ke netbeans lagi nah untuk sekarang membuat/menginstall mysql nya ke netbeans, caranya dengan klick kanan pada libraries pilih mysql JDBC Driver seperti digambar

selanjutnya yaitu membuat koneksi antara form login netbeans kita dengan databasenya caranya sebagai berikut :
buat package baru dengan cara klick kanan pada source package pilih new package, beri nama koneksi.

setelah itu buat class dipackage koneksi dengan nama koneksi1.
tuliskan kode dibawah ini

package koneksi;
import java.sql.*;

public class koneksi1 {
 public Connection cc;
 public Statement ss;
 public ResultSet rr;

public void Class(){
try{
Class.forName("com.mysql.jdbc.Driver");
cc=DriverManager.getConnection("jdbc:mysql://localhost/dbmarketing","root","");
System.out.println("koneksi sukses");
}
catch (Exception e){
System.out.println (e);
}
}
}

berikutnya buka tag source di form login tadi lalu ketikan kode berikut ini, jika terlalu banyak langsung saja kopas... hahahaha....

import java.sql.*;
import javax.swing.JOptionPane;
import koneksi.koneksi1;

kode tersebut letakkan tepat di bawah package aplikasi;
buat sambungan koneksi dengan variable baru dengan kode berikut :

koneksi1 xxx;

tuliskan tepat dibawah public class PROGRAM extends javax.swing.JFrame {
jelaskan tentang variable baru yang kita buat

xxx = new koneksi1();
        xxx.Class();
        this.setLocationRelativeTo(null);

penulisan dibawah initComponents();
lalu kita harus menyampaikan apa isi dari program kita dengan menketikkan kode berikut ini tepat dibawah tanda } setelah penulisan diatas

private void login(){
        try {
            String nama = tnama.getText();
            String pas = new String(tpas.getText());
            xxx.ss = xxx.cc.createStatement();
            String sql = "Select * From tblogin Where USERNAME = '"+nama+"'And PASSWORD ='"+pas+"'";
            xxx.rr = xxx.ss.executeQuery(sql);
        if (xxx.rr.next()){
            if (tpas.getText().equals(xxx.rr.getString("password"))){
                new Menu_utama().show();
                this.dispose();
            }
            else{
                JOptionPane.showMessageDialog(rootPane, "password salah, silakan masukkan kembali");
                tpas.setText("");
                tpas.requestFocus();
            }  
        }
        else{
            JOptionPane.showMessageDialog(null, "login gagal");
        }
        }catch (SQLException e){
            JOptionPane.showMessageDialog(null, e);
        }
    }

setelah itu kembali ke desaign dan klick dua kali pada tampilan button login yang kita buat dan ketikan source kode berikut

login();

selesai dah.... sekarang coba dijalankan programnya saja... ini tampilan jadi op bisa langsung didownload jika ingin untuk reverensi, cara downloadnya angsung klick aja download dibawah gambar.

Program form login DOWNLOAD

• Share
• Tweet
• Share
• Pin
• Share

Faisal ❖ 2.12.16 ❖