Nafis Albab Alfasha_181011400785_Pertemuan 16 dan 17

 Pemrograman II
Cara Membuat Managemen User Untuk Menambahkan Dan Menghapus User Yang Dapat Login Ke Dalam Aplikasi Program Pendaftaran Seminar Menggunakan 2 Table Pada Netbeans Yang Terkoneksi Dengan Database

1. Langkah Pertama yaitu "Membuka Xampp Terlebih dahulu" -> "Lalu Start Apache dan MySQL".



2. Berikutnya "Buka Browser dan ketikan localhost:8080/phpmyadmin/ atau localhost/phpmyadmin/".


3. Selanjutnya "Buka Database yang telah dibuat sebelumnya (Menu_Login)" -> "Pilih Table (Nafis_Albab_Alfasha)" -> "Lalu klik pada bagian Structure".


4. Berikutnya "Pilih Add dan ubah menjadi 3" -> "Lalu ubah yang tadinya pada akhir table menjadi setelah table (After Password)" -> "Setelah itu klik Go".


5. Selanjutnya "Isi column atau field dengan nama : Nama, Email, No_Telepon". -> "Lalu tentukan type datanya yaitu : Varchar, Varchar, Varchar" -> "Setelah itu tentukan panjang atau nilai pada type data 50, 40, 20" -> "Jika sudah klik Save".


6. Berikutnya "Maka tampilan field yang telah ditambahkan pada tabel Nafis_Albab_Alfasha yang berada pada Database Menu_Login" seperti dibawah ini : 


7. Selanjutnya "Pilih Browse" -> "Lalu klik Edit pada Record yang telah dibuat sebelumnya".


8. Berikutnya "Isi kan Field pada Nama (Nafis Albab Alfasha) dan Email (nafis26@gmail.com) serta No_Telepon (088276854277) sesuai dengan keinginan Anda" -> "Jika sudah klik Go".


9. Selanjutnya "Maka tampilan Record yang telah diubah" menjadi seperti dibawah ini : 


10. Berikutnya "Buka Folder atau File Netbeans (UTS_Nafis Albab Alfasha_181011400785) yang telah dibuat sebelumnya".


11. Selanjutnya "Klik kanan pada Packages UTS_Aplikasi_Pendaftaran_Seminar" -> "Pilih New" -> "Lalu klik pada JFrame Form".


12. Berikutnya "Tentukan nama pada Class Name (Menu_Register) sesuaikan dengan keinginan" -> "Jika sudah klik Finish".


13. Selanjutnya "Masukkan menu Panel kedalam Form kosong pada design".


14. Berikutnya "Klik kanan pada Panel di dalam form" -> "Pilih Properties" -> "Lalu pilih Background" (Caranya klik Tanda persegi titik tiga yang telah saya bulatkan).



15. Selanjutnya "Pilih warna background panel (Sesuai dengan keinginan anda)" -> "Jika sudah Klik OK" -> "Lalu Klik Close"



16. Berikutnya "Masukan 1 menu Label ke dalam panel pada form design".


17. Selanjutnya jika sudah "Edit Text jLabel1 pada panel". Caranya : "Klik kanan pada menu jLabel1" -> "Lalu klik Edit Text" -> "Ubah menjadi Menu Register"



18. Berikutnya "Masukan 5 menu Label ke dalam panel pada form design".


19. Selanjutnya "Masukan 4 menu Text Field di sebelah kanan Jlabel2, Jlabel4, Jlabel5, Jlabel6".


20. Berikutnya "Masukan 1 menu Password Field di sebelah kanan Jlabel3".


21. Selanjutnya "Masukan 5 menu Button di bawah Jlabel5 dan jTextField4".


22. Berikutnya "Masukkan menu Table pada Form design".


23. Selanjutnya jika sudah. "Lakukan Edit Text pada jLabel 2 sampai jLabel 6, 4 jTextField dan 1 Password Field serta 5 Button yang ada di menu design". Caranya sama seperti pada point nomer ke 17, sampai designnya menjadi seperti gambar di bawah ini.


24. Berikutnya "Ubah nama variabel jTextField1". Caranya : "Klik kanan pada jTextField1" -> "Pilih Change Variable Name" -> "Lalu ubah menjadi Nafis_userName (Sesuaikan dengan keinginan anda)" -> "Jika sudah Klik OK".


25. Selanjutnya "Ubah nama variabel jPasswordField1". Caranya : "Klik kanan pada jPasswordField1" -> "Pilih Change Variable Name" -> "Lalu ubah menjadi Nafis_passWord (Sesuaikan dengan keinginan anda)" -> "Jika sudah Klik OK".


26. Berikutnya "Ubah nama variabel jTextField2". Caranya : "Klik kanan pada jTextField2" -> "Pilih Change Variable Name" -> "Lalu ubah menjadi Nafis_nama (Sesuaikan dengan keinginan anda)" -> "Jika sudah Klik OK".


27. Selanjutnya "Ubah nama variabel jTextField3". Caranya : "Klik kanan pada jTextField3" -> "Pilih Change Variable Name" -> "Lalu ubah menjadi Nafis_email (Sesuaikan dengan keinginan anda)" -> "Jika sudah Klik OK".


28. Berikutnya "Ubah nama variabel jTextField4". Caranya : "Klik kanan pada jTextField4" -> "Pilih Change Variable Name" -> "Lalu ubah menjadi Nafis_noTelepon (Sesuaikan dengan keinginan anda)" -> "Jika sudah Klik OK".


29. Selanjutnya "Mengubah nama variabel Button Register". Caranya : "Klik kanan pada Button Register" -> "Pilih Change Variable Name" -> "Lalu ubah Menjadi Nafis_registerBtn (Sesuaikan dengan keinginan anda)" -> "Jika sudah klik OK".


30. Berikutnya "Mengubah nama variabel Button Hapus". Caranya : "Klik kanan pada Button Hapus" -> "Pilih Change Variable Name" -> "Lalu ubah Menjadi Nafis_hapusBtn (Sesuaikan dengan keinginan anda)" -> "Jika sudah klik OK".


31. Selanjutnya "Mengubah nama variabel Button Refresh". Caranya : "Klik kanan pada Button Refresh" -> "Pilih Change Variable Name" -> "Lalu ubah Menjadi Nafis_refreshBtn (Sesuaikan dengan keinginan anda)" -> "Jika sudah klik OK".


32. Berikutnya "Mengubah nama variabel Button Back". Caranya : "Klik kanan pada Button Back" -> "Pilih Change Variable Name" -> "Lalu ubah Menjadi Nafis_backBtn (Sesuaikan dengan keinginan anda)" -> "Jika sudah klik OK".


33. Selanjutnya "Mengubah nama variabel Button Exit". Caranya : "Klik kanan pada Button Exit" -> "Pilih Change Variable Name" -> "Lalu ubah Menjadi Nafis_exitBtn (Sesuaikan dengan keinginan anda)" -> "Jika sudah klik OK".


34. Berikutnya "Mengubah nama variabel JTable1". Caranya : "Klik kanan pada JTable1" -> "Pilih Change Variable Name" -> "Lalu ubah Menjadi Nafis_table (Sesuaikan dengan keinginan anda)" -> "Jika sudah klik OK".


35. Selanjutnya "Pergi ke bagian Source dan ketikan import yang dibutuhkan" seperti dibawah ini :


Source Code :
package UTS_Aplikasi_Pendaftaran_Seminar;
import java.awt.Toolkit;
import java.sql.Connection;
import java.sql.DriverManager;
import java.sql.PreparedStatement;
import java.sql.ResultSet;
import java.sql.SQLException;
import java.sql.Statement;
import javax.swing.JOptionPane;
import javax.swing.table.DefaultTableModel;

36. Berikutnya "Buat private konstruktor pada public class Menu_Register" seperti dibawah ini :


Source Code :
public class Menu_Register extends javax.swing.JFrame {
private Connection con;
private Statement stat;
private ResultSet res;
private String t;

37. Selanjutnya "Tambahkan source code pada public Menu_Register()" seperti dibawah ini :


Source Code :
public Menu_Register() {
        initComponents();
        koneksi();
        kosongkan();
        table();
    }

38. Berikutnya "Membuat private void koneksi()" seperti dibawah ini :


Source Code :
private void koneksi() {
    try{
    Class.forName("com.mysql.jdbc.Driver");
    con=DriverManager.getConnection("jdbc:mysql://127.0.0.1/Menu_Login", "root", "");
    stat=con.createStatement();
    } catch (Exception e) {
        JOptionPane.showMessageDialog(null, e);
        }
    }

39. Selanjutnya "Membuat private void kosongkan()" seperti dibawah ini :


Source Code :
 private void kosongkan() {
    Nafis_userName.setText("");
    Nafis_passWord.setText("");
    Nafis_nama.setText("");
    Nafis_email.setText("");
    Nafis_noTelepon.setText("");
    }

40. Berikutnya "Membuat private void table()" seperti dibawah ini :


Source Code :
private void table() {
    DefaultTableModel t= new DefaultTableModel();
    t.addColumn("Username");
    t.addColumn("Password");
    t.addColumn("Nama");
    t.addColumn("Email");
    t.addColumn("No_Telepon");
    Nafis_table.setModel(t); try{ res=stat.executeQuery("select * from Nafis_Albab_Alfasha");
    while (res.next()) {
    t.addRow(new Object[]{ res.getString("Username"),
    res.getString("Password"),
    res.getString("Nama"),
    res.getString("Email"),
    res.getString("No_Telepon")
    });
    }}
    catch (Exception e) {
        JOptionPane.showMessageDialog(rootPane, e);
        }
    }

41. Selanjutnya "Kembali ke Form design" -> "Klik kanan pada menu Button Register" -> "Pilih Events" -> "Action" -> "actionPerfomed".


42. Berikutnya "Masukkan Source Code" dibawah ini :


Source Code :
private void Nafis_registerBtnActionPerformed(java.awt.event.ActionEvent evt) {                                                  
        // TODO add your handling code here:
        try {
            if(Nafis_userName.getText().equals("") || Nafis_passWord.getPassword().equals("") || Nafis_nama.getText().equals("")
                    || Nafis_email.getText().equals("") || Nafis_noTelepon.getText().equals("")){
                JOptionPane.showMessageDialog(this, "Data yang dimasukkan Tidak Boleh Kosong", "Pesan", JOptionPane.ERROR_MESSAGE);
                kosongkan();
            }else{
                Class.forName("com.mysql.jdbc.Driver");
                con=DriverManager.getConnection("jdbc:mysql://127.0.0.1/Menu_Login", "root", "");
                stat=con.createStatement();
                String sql = "INSERT INTO Nafis_Albab_Alfasha VALUES ('"+Nafis_userName.getText()+"','"
                        +String.valueOf(Nafis_passWord.getPassword())+"','"+Nafis_nama.getText()+"','"
                        +Nafis_email.getText()+"','"+Nafis_noTelepon.getText()+"')";
                stat=con.createStatement();
                int SA = stat.executeUpdate(sql);
                JOptionPane.showMessageDialog(null, "Registrasi Berhasil");
                this.setVisible(false);
                new Menu_Login().setVisible(true);
            }
        }catch (Exception e) {
            JOptionPane.showMessageDialog(this, e.getMessage());
                kosongkan();
        }
    }           

43. Selanjutnya "Kembali ke Form design" -> "Klik kanan pada menu Table" -> "Pilih Events" -> "Mouse" -> "mouseclicked".


44. Berikutnya "Masukkan Source Code" dibawah ini :


Source Code :
private void Nafis_tableMouseClicked(java.awt.event.MouseEvent evt) {                                         
        // TODO add your handling code here:
        int i = Nafis_table.getSelectedRow();
        if(i==-1){
        return;
        }
        String code = (String)Nafis_table.getValueAt(i,0);
        String code1 = (String)Nafis_table.getValueAt(i,1);
        String code2 = (String)Nafis_table.getValueAt(i,2);
        String code3 = (String)Nafis_table.getValueAt(i,3);
        String code4 = (String)Nafis_table.getValueAt(i,4);
        Nafis_userName.setText(code);
        Nafis_passWord.setText(code1);
        Nafis_nama.setText(code2);
        Nafis_email.setText(code3);
        Nafis_noTelepon.setText(code4);
    }          

45. Selanjutnya "Kembali ke Form design" -> "Klik kanan pada menu Button Hapus" -> "Pilih Events" -> "Action" -> "actionPerfomed".


46. Berikutnya "Masukkan Source Code" dibawah ini :


Source Code :
private void Nafis_hapusBtnActionPerformed(java.awt.event.ActionEvent evt) {                                     
       // TODO add your handling code here:
        int ok=JOptionPane.showConfirmDialog(null,"Apakah Anda Yakin Ingin Mendelete record ini???",
        "Confirmation",JOptionPane.YES_NO_CANCEL_OPTION);
        if (ok==0)
        {
        try
        {
        String sql="Delete From Nafis_Albab_Alfasha where Username='"+Nafis_userName.getText()+"'";
        PreparedStatement stat=con.prepareStatement(sql);
        stat.executeUpdate();
        JOptionPane.showMessageDialog(null, "Delete User Sukses");
        }
        catch (Exception e)
        {
        JOptionPane.showMessageDialog(null, "Delete User Gagal");
        }
        }
    }          

47. Selanjutnya "Kembali ke Form design" -> "Klik kanan pada menu Button Refresh" -> "Pilih Events" -> "Action" -> "actionPerfomed".


48. Berikutnya "Masukkan Source Code" dibawah ini :


Source Code :
private void Nafis_refreshBtnActionPerformed(java.awt.event.ActionEvent evt) {                                   
        // TODO add your handling code here:
        DefaultTableModel model=(DefaultTableModel)Nafis_table.getModel();
        model.setRowCount(0);
        table();
    }         

49. Selanjutnya "Kembali ke Form design" -> "Klik kanan pada menu Button Back" -> "Pilih Events" -> "Action" -> "actionPerfomed".


50. Berikutnya "Masukkan Source Code" dibawah ini (apabila terjadi kesalahan diamkan saja, karena kita belum membuat Form Menu Pilihan) :


Source Code :
private void Nafis_backBtnActionPerformed(java.awt.event.ActionEvent evt) {                                      
        // TODO add your handling code here:
        this.setVisible(false);
        new Menu_Pilihan().setVisible(true);
    }                  

51. Selanjutnya "Kembali ke Form design" -> "Klik kanan pada menu JTextField1" -> "Pilih Events" -> "Key" -> "KeyPressed".


52. Berikutnya "Masukkan Source Code" dibawah ini :


Source Code :
private void Nafis_userNameKeyPressed(java.awt.event.KeyEvent evt) {                                          
        // TODO add your handling code here:
        if(evt.getKeyCode() == evt.VK_ENTER)
        Nafis_passWord.requestFocus();
    }       

53. Selanjutnya "Kembali ke Form design" -> "Klik kanan pada menu JPasswordField1" -> "Pilih Events" -> "Key" -> "KeyPressed".


54. Berikutnya "Masukkan Source Code" dibawah ini :


Source Code :
private void Nafis_passWordKeyPressed(java.awt.event.KeyEvent evt) {                                          
        // TODO add your handling code here:
        if(evt.getKeyCode() == evt.VK_ENTER)
        Nafis_nama.requestFocus();
    }       

55. Selanjutnya "Kembali ke Form design" -> "Klik kanan pada menu JTextField2" -> "Pilih Events" -> "Key" -> "KeyPressed".


56. Berikutnya "Masukkan Source Code" dibawah ini :


Source Code :
private void Nafis_namaKeyPressed(java.awt.event.KeyEvent evt) {                                      
        // TODO add your handling code here:
        if(evt.getKeyCode() == evt.VK_ENTER)
        Nafis_email.requestFocus();
    }        

57. Selanjutnya "Kembali ke Form design" -> "Klik kanan pada menu JTextField3" -> "Pilih Events" -> "Key" -> "KeyPressed".


58. Berikutnya "Masukkan Source Code" dibawah ini :


Source Code :
private void Nafis_emailKeyPressed(java.awt.event.KeyEvent evt) {                                       
        // TODO add your handling code here:
        if(evt.getKeyCode() == evt.VK_ENTER)
        Nafis_noTelepon.requestFocus();
    }          

59. Selanjutnya "Kembali ke Form design" -> "Klik kanan pada menu JTextField4" -> "Pilih Events" -> "Key" -> "KeyPressed".


60. Berikutnya "Masukkan Source Code" dibawah ini :


Source Code :
private void Nafis_noTeleponKeyPressed(java.awt.event.KeyEvent evt) {                                           
        // TODO add your handling code here:
        if(evt.getKeyCode() == evt.VK_ENTER)
        Nafis_registerBtn.doClick();
    }    

61. Selanjutnya "Kembali ke Form design" -> "Klik kanan pada Button Exit" -> "Pilih Events" -> "Action" -> "actionPerfomed".


62. Berikutnya "Masukkan Source Code" dibawah ini :


Source Code :
private void Nafis_exitBtnActionPerformed(java.awt.event.ActionEvent evt) {                                       
        // TODO add your handling code here:
        JOptionPane.showMessageDialog(null,"Anda Telah Exit");
        System.exit(0);
    }     

63. Selanjutnya "Klik kanan pada Packages UTS_Aplikasi_Pendaftaran_Seminar" -> "Pilih New" -> "Lalu klik pada JFrame Form".


64. Berikutnya "Lalu beri nama pada Class Name (Menu_Pilihan) Sesuaikan dengan keinginan anda" -> "Jika sudah klik Finish".


65. Selanjutnya "Masukkan menu Panel ke dalam Form kosong pada design".


66. Berikutnya "Klik kanan pada Panel di dalam form" -> "Pilih Properties" -> "Lalu pilih Background" (Caranya klik Tanda persegi titik tiga yang telah saya bulatkan).



67. Selanjutnya "Pilih warna background panel (Sesuai dengan keinginan anda)" -> "Jika sudah Klik OK" -> "Lalu Klik Close"



68. Berikutnya "Masukkan kembali menu Panel ke dalam Form pada design".


69. Selanjutnya "Klik kanan pada Panel di dalam form" -> "Pilih Properties" -> "Lalu pilih Background" (Caranya klik Tanda persegi titik tiga yang telah saya bulatkan).



70. Berikutnya "Pilih warna background panel (Sesuai dengan keinginan anda)" -> "Jika sudah Klik OK" -> "Lalu Klik Close"



71. Selanjutnya "Masukan 1 menu Label ke dalam panel pada form design".


72. Selanjutnya jika sudah "Edit Text jLabel1 pada panel". Caranya : "Klik kanan pada menu jLabel1" -> "Lalu klik Edit Text" -> "Ubah menjadi Menu Pilihan"



72. Berikutnya "Masukan 1 menu Label lagi ke dalam panel pada form design".


73. Selanjutnya "Masukan 3 menu Button ke dalam panel pada form design".


74. Berikutnya jika sudah. "Lakukan Edit Text pada jLabel 2 dan 3 Button yang ada di menu design". Caranya sama seperti pada point nomer ke 72, sampai designnya menjadi seperti gambar di bawah ini.


75. Selanjutnya "Mengubah nama variabel Button Login". Caranya : "Klik kanan pada Button Login" -> "Pilih Change Variable Name" -> "Lalu ubah Menjadi Nafis_loginBtn (Sesuaikan dengan keinginan anda)" -> "Jika sudah klik OK".


76. Berikutnya "Mengubah nama variabel Button Register". Caranya : "Klik kanan pada Button Register" -> "Pilih Change Variable Name" -> "Lalu ubah Menjadi Nafis_registerBtn (Sesuaikan dengan keinginan anda)" -> "Jika sudah klik OK".


77. Selanjutnya "Mengubah nama variabel Button Exit". Caranya : "Klik kanan pada Button Exit" -> "Pilih Change Variable Name" -> "Lalu ubah Menjadi Nafis_exitBtn (Sesuaikan dengan keinginan anda)" -> "Jika sudah klik OK".


78. Berikutnya "Pergi ke bagian Source dan ketikan import yang dibutuhkan" seperti dibawah ini :


Source Code :
package UTS_Aplikasi_Pendaftaran_Seminar;
import javax.swing.JOptionPane;

79. Selanjutnya "Kembali ke Form design" -> "Klik kanan pada menu Button Login" -> "Pilih Events" -> "Action" -> "actionPerfomed".


80. Berikutnya "Masukkan Source Code" dibawah ini :


Source Code :
private void Nafis_loginBtnActionPerformed(java.awt.event.ActionEvent evt) {                                      
        // TODO add your handling code here:
        this.setVisible(false);
        new Menu_Login().setVisible(true);
    }           

81. Selanjutnya "Kembali ke Form design" -> "Klik kanan pada menu Button Register" -> "Pilih Events" -> "Action" -> "actionPerfomed".


82. Berikutnya "Masukkan Source Code" dibawah ini :


Source Code :
private void Nafis_registerBtnActionPerformed(java.awt.event.ActionEvent evt) {                                 
        // TODO add your handling code here:
        this.setVisible(false);
        new Menu_Register().setVisible(true);
    }        

83. Selanjutnya "Kembali ke Form design" -> "Klik kanan pada menu Button Exit" -> "Pilih Events" -> "Action" -> "actionPerfomed".


84. Berikutnya "Masukkan Source Code" dibawah ini :


Source Code :
private void Nafis_exitBtnActionPerformed(java.awt.event.ActionEvent evt) {                                        
        // TODO add your handling code here:
        JOptionPane.showMessageDialog(null,"Anda Telah Exit");
        System.exit(0);
    }   

85. Selanjutnya "Kembali ke Menu Login" -> "Lalu masukkan 1 menu Button pada Form design".


86. Berikutnya "Edit Text jButton1". Caranya : "Klik kanan pada menu jButton1" -> "Lalu klik Edit Text" -> "Ubah menjadi Back"



87. Selanjutnya "Mengubah nama variabel Button Back". Caranya : "Klik kanan pada Button Back" -> "Pilih Change Variable Name" -> "Lalu ubah Menjadi Nafis_backBtn (Sesuaikan dengan keinginan anda)" -> "Jika sudah klik OK".


88. Berikutnya "Klik kanan pada menu Button Back" -> "Pilih Events" -> "Action" -> "actionPerfomed".


89. Selanjutnya "Masukkan Source Code" dibawah ini :


Source Code :
private void Nafis_backBtnActionPerformed(java.awt.event.ActionEvent evt) {                                      
        // TODO add your handling code here:
        this.setVisible(false);
        new Menu_Pilihan().setVisible(true);
    }     

90. Berikutnya "Run pada form Menu_Register.java. Caranya : "Klik kanan pada form Menu_ Register.java" -> "Pilih Run File atau mengklik Shift+F6".


91. Selanjutnya "Maka hasilnya" seperti dibawah ini :


92. Berikutnya "Apabila anda ingin melakukan Register". Caranya : "Isi Username, Password, Nama, Email, No_Telepon Sesuai dengan keinginan Anda" -> "Lalu klik Button Register".


93. Selanjutnya "Apabila muncul Massage seperti dibawah ini, maka Register Anda telah berhasil" -> "Lalu klik OK".


94. Berikutnya "Maka akan langsung ditampilkan Menu Login" seperti dibawah ini :


95. Selanjutnya "Masukkan Username dan Password yang telah di Register sebelumnya" -> "Lalu klik Login".


96. Berikutnya "Maka akan muncul tampilan" seperti dibawah ini :


97. Selanjutnya "Apabila anda ingin Menghapus User yang telah dibuat sebelumnya". Caranya : "Pilih User yang ingin dihapus" -> "Lalu klik Pada Button Hapus".


98. Berikutnya "Setelah mengklik button Hapus, maka akan muncul massage" Seperti dibawah ini -> "Lalu klik Yes".


99. Selanjutnya "Maka maka akan muncul massage Delete User Sukses" Seperti dibawah ini -> "Lalu klik OK".


100. Berikutnya "Klik Button Refresh untuk melihat hasilnya".


101. Selanjutnya "Run pada form Menu_Pilihan.java". Caranya : "Klik kanan pada form Menu_Pilihan.java" -> "Pilih Run File atau mengklik Shift+F6"


102. Berikutnya "Maka hasilnya" seperti dibawah ini :


103. Selanjutnya "Apabila anda ingin Login, maka klik pada Button Login".


104. Berikutnya "Maka akan langsung ditampilkan Menu Login" seperti dibawah ini :


105. Selanjutnya "Klik Button Back, apabila ingin kembali ke Menu Pilihan".


106. Berikutnya "Apabila ingin menambahkan User, maka klik pada Button Register".


107. Selanjutnya "Maka akan langsung ditampilkan Menu Register" seperti dibawah ini :


108. Berikutnya "Klik Button Back, apabila ingin kembali ke Menu Pilihan".


109. Selanjutnya "Maka akan ditampilkan Menu Pilihan" seperti dibawah ini :


110. Berikutnya "Apabila ingin keluar dari Program Menu Pilihan". Caranya : "Klik button Exit dan akan muncul massage Anda Telah Exit" -> "Lalu klik OK". Maka secara otomatis anda akan keluar dari Menu Pilihan, seperti dibawah ini : 


111. Selanjutnya "Pergi ke Folder atau File Project Netbeans" -> "Lalu hapus Folder dist".



112. Berikutnya "Maka setelah dihapus tampilannya" seperti dibawah ini :


113. Selanjutnya "Buka Folder atau File Netbeans" -> "Lalu Klik kanan pada Folder atau File Project Netbeans yang telah dibuat sebelumnya" -> "Setelah itu klik Clean and Build".


114. Berikutnya "Maka akan muncul Folder dist kembali" seperti dibawah ini : 


115. Selanjutnya "Lalu Copy dan Paste File src tersebut ke dalam folder dist".



116. Berikutnya "Buka aplikasi Advanced Installer"


117. Selanjutnya "Pilih Open" -> "Klik Recent Project atau Project yang telah dibuat sebelumnya" -> "Lalu klik Open Project".


118. Berikutnya "Maka akan muncul tampilan" seperti dibawah ini : 


119. Selanjutnya "Klik pada Updater" -> "Lalu Ceklis pada bagian Check for updates using Advanced Updater".


120. Berikutnya "Maka akan muncul tampilan" seperti dibawah ini :


121. Selanjutnya "Buka Folder Updates" -> "Lalu klik kanan" -> "Pilih New" -> "Klik pada Text Document".


122. Berikutnya "Ubah namanya menjadi Updates 3.0".


123. Selanjutnya "Double klik pada Text Document tersebut".


124. Berikutnya "Dan Ketikkan apapun sesuai dengan keinginan Anda" -> "Lalu Save Text Document tersebut".


125. Selanjutnya "Buka Browser Anda dan Ketikkan https://www.dropbox.com/h" -> "Pilih Home" -> "Lalu klik Upload files".


126. Berikutnya "Pilih Text Document yang telah dibuat pada langkah sebelumnya (Updates 3.0)" -> "Lalu klik Open".


127. Selanjutnya "Pilih All files " -> "Klik pada File Updates (Updates 3.0 txt)" -> "Lalu pilih Bagikan".


128. Berikutnya "Maka akan muncul Jendela baru" -> "Lalu klik Create".


129. Selanjutnya "Klik Copy link".


130. Berikutnya "Copy Link tersebut".


131. Selanjutnya "Dan Pastekan pada bagian URL yang ada di dalam bagian Updater pada aplikasi Advanced Installer".


132. Berikutnya "Ubah angka 0 pada Link tersebut menjadi angka 1".


133. Selanjutnya "Klik pada File and Folders" -> "Lalu klik pada bagian Application Folder". Maka akan muncul Updater.exe.


134. Berikutnya "Klik kanan pada Updater.exe" -> "Pilih New Shortcut to" -> Lalu klik pada Installed File".


135. Selanjutnya "Ubah pada Name menjadi Checking For Updates" -> "Lalu klik OK".    


136. Berikutnya "Maka akan muncul"  seperti dibawah ini :


137. Selanjutnya "Klik Build".


138. Berikutnya "Tunggu proses Installasi sampai dengan selesai".


139. Selanjutnya "Setelah selesai menginstall" -> "Lalu klik Run".


140. Berikutnya "Maka akan muncul tampilan" seperti dibawah ini -> "Lalu klik Next".


141. Selanjutnya "Apabila muncul tampilan" seperti dibawah ini, langsung "Klik OK saja".


142. Berikutnya "Klik Next".


143. Selanjutnya "Pilih tempat penyimpanan yang diinginkan" -> "Lalu klik Next".


144. Berikutnya "Lalu klik Install".


145. Selanjutnya "Tunggu proses Installasi sampai dengan selesai".


146. Berikutnya "Lalu klik Finish".


147. Selanjutnya "Klik pada Java Products" -> "Pendaftaran Seminar".


148. Berikutnya "Pada Main Class pilih Menu Pilihan yang telah dibuat sebelumnya".


149. Selanjutnya "Klik pada Product Details" -> "Ubah Version yang sebelumnya 2.0.0 menjadi 3.0.0".


150. Berikutnya "Pilih File" -> "Save" -> "Save As".


151. Selanjutnya "Maka akan muncul tampilan" seperti dibawah ini -> "Lalu pilih Generate Now".


152. Berikutnya "Beri nama sesuai dengan keinginan Anda" -> "Lalu klik Save".


153. Selanjutnya "Klik Build".


154. Berikutnya "Tunggu proses Installasi sampai dengan selesai".


155. Selanjutnya "Setelah selesai menginstall" -> "Pilih File" -> "Lalu klik New".


156. Berikutnya "Pilih Updates" -> "Klik Updates Configuration" -> "Lalu klik Create Project".


157. Selanjutnya "Maka akan muncul tampilan" seperti dibawah ini -> "Lalu klik New Update".



158. Berikutnya "Pilih File .Exe yang telah dibuat pada langkah sebelumnya" -> "Lalu klik Open".


159. Selanjutnya "Maka akan muncul tampilan" seperti dibawah ini :


160. Berikutnya "Buka Browser Anda dan ketikkan https://www.dropbox.com/h" -> "Pilih Home" -> "Lalu klik Upload files".


161. Selanjutnya "Pilih File .Exe yang telah dibuat pada langkah sebelumnya" -> "Lalu klik Open".


162. Berikutnya "Tunggu proses Upload sampai dengan selesai".


163. Selanjutnya "Klik pada File .Exe tersebut" -> "Lalu pilih Bagikan".


164. Berikutnya "Maka akan muncul Jendela baru" -> "Lalu Klik Create".


165. Selanjutnya "Klik pada Copy link".


166. Berikutnya "Copy Link tersebut".


167. Selanjutnya "Dan Pastekan pada bagian URL yang ada di dalam bagian Updates pada aplikasi Advanced Installer".


168. Berikutnya "Ubah angka 0 pada Link tersebut menjadi angka 1".


169. Selanjutnya "Pilih Update Installer" -> "Hilangkan Ceklis pada bagian Compute SHA256 signature from file".


170. Berikutnya "Pilih Update Installed Detection" -> "Lalu Ceklis pada bagian Use 64-bit registry locations".


171. Selanjutnya "Pilih Release Notes" -> "Lalu Isi pada Description dan Features sesuai dengan keinginan Anda".


172. Berikutnya "Pilih Update Targets" -> "Lalu pada bagian Add".


173. Selanjutnya "Maka akan muncul Jendela Pop up" seperti dibawah ini -> "Lalu klik OK".


174. Berikutnya "Klik Build".


175. Selanjutnya "Buat nama sesuai dengan keinginan Anda" -> "Lalu klik Save".


176. Berikutnya "Buka Browser Anda dan ketikkan https://www.dropbox.com/h" -> "Pilih Home" -> "Lalu klik Upload files".


177. Selanjutnya "Pilih File text document Updates yang berada di dalam Folder Updates SetupFiles" -> "Lalu Klik Open".


178. Berikutnya "Klik Start" -> "Lalu double klik pada aplikasi Checking For Updates".


179. Selanjutnya "Maka akan muncul tampilan" seperti dibawah ini -> "Lalu klik Next".


180. Selanjutnya "Tunggu proses Download sampai dengan selesai".


181. Berikutnya "Setelah selesai mendownload" -> "maka akan muncul tampilan" seperti dibawah ini -> "Lalu klik Next".  


182. Berikutnya "Apabila muncul tampilan" seperti dibawah ini, langsung "Klik OK" saja.


183. Selanjutnya "Klik Next".


184. Berikutnya "Pilih tempat penyimpanan yang diinginkan" -> "Lalu klik Next".


185. Selanjutnya "Klik Install".


186. Berikutnya "Tunggu proses Installasi sampai dengan selesai".


187. Selanjutnya "Klik Finish".


188. Berikutnya "Apabila ingin menjalankan aplikasi tersebut anda harus menyalakan Xampp terlebih dahulu" -> "Lalu klik start pada Apache dan MySQL".



189. Selanjutnya "Klik kanan pada aplikasi yang telah Anda Update" -> "Klik Run as Administrator".


190. Berikutnya "Maka hasilnya" seperti dibawah ini :


191. Selanjutnya "Apabila ingin menambahkan User, maka klik pada Button Register".


192. Berikutnya "Maka akan langsung ditampilkan Menu Register" seperti dibawah ini :


193. Selanjutnya "Apabila ingin melakukan Register". Caranya : "Isi Username, Password, Nama, Email, No_Telepon Sesuai dengan keinginan Anda" -> "Lalu klik Button Register".


194. Berikutnya "Apabila muncul Massage seperti dibawah ini, maka Register Anda telah berhasil" -> "Lalu klik OK".


195. Selanjutnya "Maka akan langsung ditampilkan Menu Login" seperti dibawah ini :


196. Berikutnya "Masukkan Username dan Password yang telah di Register sebelumnya" -> "Lalu klik Login".


197. Selanjutnya "Maka akan muncul tampilan" seperti dibawah ini :


198. Berikutnya "Apabila ingin Menghapus User yang telah dibuat sebelumnya". Caranya : "Pilih User yang ingin dihapus" -> "Lalu klik Pada Button Hapus".


199. Selanjutnya "Setelah mengklik button Hapus, maka akan muncul massage" seperti dibawah ini -> "Lalu klik Yes".


200. Berikutnya "Maka akan muncul massage Delete User Sukses" Seperti dibawah ini -> "Lalu klik OK".


201. Selanjutnya "Klik Button Refresh untuk melihat hasilnya".


202. Berikutnya "Klik Button Back, apabila ingin kembali ke Menu Pilihan".


203. Selanjutnya "Apabila ingin Login, maka klik pada Button Login".


204. Berikutnya "Maka akan langsung ditampilkan Menu Login" seperti dibawah ini -> "Masukkan Username dan Password yang telah dibuat sebelumnya" -> "Lalu klik Login".


205. Berikutnya "Maka akan muncul tampilan" seperti dibawah ini :


206. Selanjutnya "Apabila ingin keluar dari Program". Caranya : "Klik button Exit dan akan muncul massage Anda Telah Keluar" -> "Lalu klik OK". Maka secara otomatis anda akan keluar dari program seperti dibawah ini :


207. Berikutnya "Apabila ingin keluar dari Program Menu Pilihan". Caranya : "Klik button Exit dan akan muncul massage Anda Telah Exit" -> "Lalu klik OK". Maka secara otomatis anda akan keluar dari Menu Pilihan" seperti dibawah ini : 

0 Response to "Nafis Albab Alfasha_181011400785_Pertemuan 16 dan 17"

Posting Komentar

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel