Studi Informatika

Panduan Pembelajaran Ilmu Teknologi & Komputer

Monday, July 30, 2018

MEMBUAT FORM LOGIN KEREN DENGAN JAVA NETBEANS

Dalam membuat form login dengan tampilan yang keren dan menarik kita siapkan dulu gambar yang sesuai seperti gambar yang telah saya buat dibawah ini :


Gambar diatas bisa teman-teman buat sendiri dengan tampilan masing-masing.
Sekarang kita masuk pada tahap membuat form login dengan java netbeans ikuti langkah-langkah berikut :

1. Buka java netbeans
2. Baut Java Class pada Source Peckages dengan nama Bautaplikasi dan masukkan koding berikut :

/*
 * To change this license header, choose License Headers in Project Properties.
 * To change this template file, choose Tools | Templates
 * and open the template in the editor.
 */
package buataplikasi;

/**
 *
 * @author Owner
 */
public class Buataplikasi {

    /**
     * @param args the command line arguments
     */
    public static void main(String[] args) {
      formlogin A = new formlogin ();
      A.setVisible(true);
    }
   
}

(Pada koding " formlogin A = new formlogin[] args){ "  biarkan saja merah karna kita belum buat jframenya)
3. Buat source packages dengan nama buataplikasi (bisa dengan nama yang lain juga)
4. Buat jframe dengan nama formlogin
5. Pada jframe navigator klik kanan pada Set Layout pilih Null Layout
6. Pada jframe properties klik centang pada undecorated
7. Pada jframe properties pilih code pada form size policy pilih Generate Resize Code

8. Kemudian buat Soucer Packages baru dengan nama buataplikasi.images
9. Kemudian masukkan gambar yang sudah dibuat (kalau saya gambar yang diatas)

kemudian masukkan form palet pada swing control untuk perancangan.

10. Buat label baru pada jframe yang besarnya sama dengan gambar yang kita masukkan
(Pada JFrame Navigator label 1 harus berada paling bawah, contoh lihat gambar JFrame Navigator dibawah)
11. Buat label lagi untuk di letakkan pada menu exit.
12. Buat Button untuk menu sign in
13. Buat Text Field untuk menu masukkan user name ubah nama TextField dengan nama dengan cara klik kanan pada Text Fieldnya pilih change variabel name.
14. Buat  Password Field untuk menu masukkan password ubah nama password field dengan password sama dengan cara diatas.
15. Buat lagi label dengan ukuran sama besar dengan gambar

Begini hasil perancangan yang dibuat  pada JFrame Navigator

Gambar JFrame - Navigator

Dan hasil perancangan pada design


Gambar diatas sama saja pada gambar sebelumnya, bedanya gambar diatas sudah dimasukkan swing controlnya.

16. Kemudian masuk pada source pada jframe dan masukkan coding dibawah ini :

/*
 * To change this license header, choose License Headers in Project Properties.
 * To change this template file, choose Tools | Templates
 * and open the template in the editor.
 */
package buataplikasi;

import java.awt.Color;

/**
 *
 * @author Owner
 */
public class formlogin extends javax.swing.JFrame {

    int dragxmouse;
    int dragymouse;
    public formlogin() {
        initComponents();
    this.setBackground(new Color(0,0,0,0));
    }

    /**
     * This method is called from within the constructor to initialize the form.
     * WARNING: Do NOT modify this code. The content of this method is always
     * regenerated by the Form Editor.
     */
    @SuppressWarnings("unchecked")
    // <editor-fold defaultstate="collapsed" desc="Generated Code">                         
    private void initComponents() {

        jLabel2 = new javax.swing.JLabel();
        jButton1 = new javax.swing.JButton();
        nama = new javax.swing.JTextField();
        password = new javax.swing.JPasswordField();
        jLabel3 = new javax.swing.JLabel();
        jLabel1 = new javax.swing.JLabel();

        setDefaultCloseOperation(javax.swing.WindowConstants.EXIT_ON_CLOSE);
        setUndecorated(true);
        getContentPane().setLayout(null);

        jLabel2.setIcon(new javax.swing.ImageIcon(getClass().getResource("/buataplikasi/images/close.png"))); // NOI18N
        jLabel2.addMouseListener(new java.awt.event.MouseAdapter() {
            public void mouseClicked(java.awt.event.MouseEvent evt) {
                jLabel2MouseClicked(evt);
            }
        });
        getContentPane().add(jLabel2);
        jLabel2.setBounds(420, 0, 40, 40);

        jButton1.setForeground(new java.awt.Color(255, 102, 0));
        jButton1.setText("SIGN IN");
        jButton1.setHideActionText(true);
        jButton1.setMaximumSize(new java.awt.Dimension(81, 33));
        jButton1.setOpaque(false);
        jButton1.setVerticalTextPosition(javax.swing.SwingConstants.TOP);
        jButton1.addActionListener(new java.awt.event.ActionListener() {
            public void actionPerformed(java.awt.event.ActionEvent evt) {
                jButton1ActionPerformed(evt);
            }
        });
        getContentPane().add(jButton1);
        jButton1.setBounds(310, 150, 70, 30);

        nama.setBorder(null);
        nama.setCaretColor(new java.awt.Color(0, 102, 255));
        nama.setOpaque(false);
        nama.addActionListener(new java.awt.event.ActionListener() {
            public void actionPerformed(java.awt.event.ActionEvent evt) {
                namaActionPerformed(evt);
            }
        });
        getContentPane().add(nama);
        nama.setBounds(90, 270, 250, 40);

        password.setBorder(null);
        password.setCaretColor(new java.awt.Color(0, 51, 255));
        password.setOpaque(false);
        password.addActionListener(new java.awt.event.ActionListener() {
            public void actionPerformed(java.awt.event.ActionEvent evt) {
                passwordActionPerformed(evt);
            }
        });
        getContentPane().add(password);
        password.setBounds(90, 330, 250, 40);

        jLabel3.addMouseMotionListener(new java.awt.event.MouseMotionAdapter() {
            public void mouseDragged(java.awt.event.MouseEvent evt) {
                jLabel3MouseDragged(evt);
            }
        });
        jLabel3.addMouseListener(new java.awt.event.MouseAdapter() {
            public void mousePressed(java.awt.event.MouseEvent evt) {
                jLabel3MousePressed(evt);
            }
        });
        getContentPane().add(jLabel3);
        jLabel3.setBounds(0, 20, 460, 470);

        jLabel1.setIcon(new javax.swing.ImageIcon(getClass().getResource("/buataplikasi/images/siap.PNG"))); // NOI18N
        getContentPane().add(jLabel1);
        jLabel1.setBounds(0, 0, 460, 453);

        setBounds(0, 0, 461, 467);
    }// </editor-fold>                       

    private void jLabel2MouseClicked(java.awt.event.MouseEvent evt) {                                    
        this.dispose();
    }                                   

    private void jLabel3MouseDragged(java.awt.event.MouseEvent evt) {                                    
       int x = evt.getXOnScreen();
       int y = evt.getXOnScreen();
       this.setLocation(x - dragxmouse, y - dragymouse);
       System.out.println(x+","+y);
    }                                   

    private void jLabel3MousePressed(java.awt.event.MouseEvent evt) {                                    
       
    }                                   

    private void namaActionPerformed(java.awt.event.ActionEvent evt) {                                    
        // TODO add your handling code here:
    }                                   

    private void passwordActionPerformed(java.awt.event.ActionEvent evt) {                                        
        // TODO add your handling code here:
    }                                       

    private void jButton1ActionPerformed(java.awt.event.ActionEvent evt) {                                        
        // TODO add your handling code here:
        String user = "andri";
        String pas = "gueganteng";
        String username = nama.getText();
        if (username.equals(user)){
            this.setVisible(false);
            new UIPenjualan().setVisible(true);
        }else{
            javax.swing.JOptionPane.showMessageDialog(null, "Sorry gan/sis harus nama yang punya bukan nama luu...." );
            nama.setText("");
            nama.requestFocus();
        }
    }                                       

    /**
     * @param args the command line arguments
     */
    public static void main(String args[]) {
        /* Set the Nimbus look and feel */
        //<editor-fold defaultstate="collapsed" desc=" Look and feel setting code (optional) ">
        /* If Nimbus (introduced in Java SE 6) is not available, stay with the default look and feel.
         * For details see http://download.oracle.com/javase/tutorial/uiswing/lookandfeel/plaf.html
         */
        try {
            for (javax.swing.UIManager.LookAndFeelInfo info : javax.swing.UIManager.getInstalledLookAndFeels()) {
                if ("Nimbus".equals(info.getName())) {
                    javax.swing.UIManager.setLookAndFeel(info.getClassName());
                    break;
                }
            }
        } catch (ClassNotFoundException ex) {
            java.util.logging.Logger.getLogger(formlogin.class.getName()).log(java.util.logging.Level.SEVERE, null, ex);
        } catch (InstantiationException ex) {
            java.util.logging.Logger.getLogger(formlogin.class.getName()).log(java.util.logging.Level.SEVERE, null, ex);
        } catch (IllegalAccessException ex) {
            java.util.logging.Logger.getLogger(formlogin.class.getName()).log(java.util.logging.Level.SEVERE, null, ex);
        } catch (javax.swing.UnsupportedLookAndFeelException ex) {
            java.util.logging.Logger.getLogger(formlogin.class.getName()).log(java.util.logging.Level.SEVERE, null, ex);
        }
        //</editor-fold>

        /* Create and display the form */
        java.awt.EventQueue.invokeLater(new Runnable() {
            public void run() {
                new formlogin().setVisible(true);
            }
        });
    }

    // Variables declaration - do not modify                    
    private javax.swing.JButton jButton1;
    private javax.swing.JLabel jLabel1;
    private javax.swing.JLabel jLabel2;
    private javax.swing.JLabel jLabel3;
    private javax.swing.JTextField nama;
    private javax.swing.JPasswordField password;
    // End of variables declaration                  
}
 
.

Sesuaikan saja koding diatas pada source jframenya 

Kemudian ini hasil running nya :


Sekarang form login diatas bisa dijalankan dan pada menu sign saya sambungkan dengan program penjualan baju dan jika ingin mempelajari program penjualan baju klik link artikel dibawah :

Jika ada masalah tanyakan saja di kolom komentar.
Terimkasih dan semoga bermanfaat :)


Monday, July 30, 2018 July 30, 2018 - tanpa komentar

No comments:

Post a Comment