Nafis Albab Alfasha_181011400785_Pertemuan 14
Pemrograman II
Melakukan Pengembangan Pada Aplikasi Program Pendaftaran Seminar Menggunakan 2 Table yang Telah Dibuat Menjadi .EXE Menggunakan Advanced Installer.
Melakukan Pengembangan Pada Aplikasi Program Pendaftaran Seminar Menggunakan 2 Table yang Telah Dibuat Menjadi .EXE Menggunakan Advanced Installer.
1. Langkah Pertama yaitu "membuka Folder atau File Netbeans yang telah dibuat sebelumnya".
2. Berikutnya "Tambahkan 1 menu Button pada Form design".
3. Selanjutnya "Klik kanan pada Button tersebut" -> "Pilih Edit Text" -> "Lalu ubah Menjadi Exit".
4. Berikutnya "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".
5. Selanjutnya "Mengaktifkan Button Exit". Caranya : "Klik kanan pada Button Exit" -> "Pilih Events" -> "Action" -> "actionPerformed".
6. Berikutnya "Masukkan Source Code seperti dibawah ini":
Source Code :
private void Nafis_exitBtnActionPerformed(java.awt.event.ActionEvent evt) {
// TODO add your handling code here:
JOptionPane.showMessageDialog(null,"Anda Telah Keluar");
System.exit(0);
}
7. Selanjutnya "Melakukan Run pada program aplikasi pendaftaran seminar". Caranya : "Klik kanan pada Class UTS_Input_Data_Pendaftaran.java" -> "Pilih Run File atau mengklik Shift+F6" -> "Lalu akan muncul tampilan GUI desain aplikasi pendaftaran seminar" seperti dibawah ini :
8. Berikutnya "Mengecek Button Exit yang telah dibuat". Caranya : "Klik Button Exit" -> "Lalu akan tampil notifikasi Anda Telah Keluar" -> "Jika sudah Klik OK". Maka secara otomatis anda akan keluar dari program aplikasi pendaftaran seminar .
9. Selanjutnya "Membuat JFrame Form untuk Menu Login". Caranya : "Klik kanan pada Packages UTS_Aplikasi_Pendaftaran_Seminar" -> "Pilih New" -> "Lalu pilih JFrame Form".
10. Berikutnya "Memberikan nama pada Class Name dengan nama Menu_Login" -> "Lalu Klik Finish". Jika sudah maka hasilnya seperti dibawah ini :
11. Selanjutnya "Masukkan 1 menu Panel kedalam Form kosong pada bagian atas design".
12. Berikutnya "Lalu Masukkan lagi 1 menu Panel kedalam form kosong pada bagian tengah design".
13. Selanjutnya "Klik kanan pada Panel ke 1 di dalam form" -> "Pilih Properties" -> "Pilih Background" (Caranya klik Tanda persegi titik tiga yang telah saya bulatkan).
14. Berikutnya "Pilih warna background panel ke 1 yang anda inginkan" -> "Jika sudah Klik OK" -> "Lalu Klik Close". Maka hasilnya seperti dibawah ini :
15. Selanjutnya "Klik kanan pada Panel ke 2 di dalam form" -> "Pilih Properties" -> "Pilih Background" (Caranya klik Tanda persegi titik tiga yang telah saya bulatkan).
16. Berikutnya "Pilih warna background panel ke 2 yang anda inginkan" -> "Jika sudah Klik OK" -> "Lalu Klik Close". Maka hasilnya seperti dibawah ini :
17. Selanjutnya "Masukan 1 menu Label ke dalam panel ke 1 pada form design".
18. Berikutnya jika sudah "Edit Text jLabel 1 pada panel ke 1". Caranya : "Klik kanan pada menu jLabel 1" -> "Lalu klik Edit Text" -> "Ubah menjadi Menu Login".
19. Selanjutnya "Masukan 2 menu Label ke dalam panel ke 2 pada form design".
20. Berikutnya "Masukan 1 menu Text Field di sebelah kanan Jlabel2" dan "Masukan 1 menu Password Field di sebelah kanan Jlabel3".
21. Selanjutnya "Masukan 2 menu Button di bawah Password Field".
22. Berikutnya jika sudah. "Lakukan Edit Text pada jLabel 2 sampai jLabel 3, 1 jTextField dan 1 Password Field serta 2 Button yang ada di menu design pada panel ke 2". Caranya sama seperti pada point nomer ke 18, sampai designnya menjadi seperti gambar di bawah ini.
23. Selanjutnya "ubah nama variabel jTextField 1". Caranya : "Klik kanan pada jTextField 1" -> "Pilih Change Variable Name" -> "Lalu ubah menjadi Nafis_userName (Sesuaikan dengan keinginan anda)" -> "Jika sudah Klik OK".
24. Berikutnya "ubah nama variabel jPasswordField 1". Caranya : "Klik kanan pada jPasswordField 1" -> "Pilih Change Variable Name" -> "Lalu ubah menjadi Nafis_passWord (Sesuaikan dengan keinginan anda)" -> "Jika sudah Klik OK".
25. 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".
26. Berikutnya "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".
27. Selanjutnya "Pergi ke bagian Source dan ketikan Source" seperti dibawah ini :
Source Code :
package UTS_Aplikasi_Pendaftaran_Seminar;
import javax.swing.JOptionPane;
28. Berikutnya "Mengaktifkan Button Login". Caranya : "Klik kanan pada Button Login" -> "Pilih Events" -> "Action" -> "actionPerformed".
29. Selanjutnya "Masukkan Source Code seperti dibawah ini" :
Source Code :
private void Nafis_loginBtnActionPerformed(java.awt.event.ActionEvent evt) {
// TODO add your handling code here:
String username = "Nafis Albab Alfasha";
String password = "181011400785";
if(username.equalsIgnoreCase(Nafis_userName.getText()) && password.equalsIgnoreCase(Nafis_passWord.getText())) {
this.setVisible(false);
new UTS_Input_Data_Pendaftaran().setVisible(true);
} else {
javax.swing.JOptionPane.showMessageDialog(null, "Maaf Username dan Password yang anda masukkan salah!!!");
Nafis_userName.setText("");
Nafis_passWord.setText("");
Nafis_userName.requestFocus();
}
if(Nafis_passWord.getText().equals("Show Password")){
Nafis_passWord.setText("Hide Password");
Nafis_passWord.setEchoChar((char)0);
} else{
Nafis_passWord.setText("Show Password");
Nafis_passWord.setEchoChar('*');
}
}
30. Berikutnya "Kembali ke Form design" -> "Klik kanan pada menu JTextField1" -> "Pilih Events" -> "Key" -> "KeyPressed".
31. Selanjutnya "Masukkan Source Code seperti 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();
}
32. Berikutnya "Kembali ke Form design" -> "Klik kanan pada menu JPasswordField1" -> "Pilih Events" -> "Key" -> "KeyPressed".
33. Selanjutnya "Masukkan Source Code seperti 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_loginBtn.doClick();
}
34. Berikutnya "Mengaktifkan Button Exit". Caranya : "Klik kanan pada Button Exit" -> "Pilih Events" -> "Action" -> "actionPerformed".
Source Code :
private void Nafis_exitBtnActionPerformed(java.awt.event.ActionEvent evt) {
// TODO add your handling code here:
JOptionPane.showMessageDialog(null,"Anda Telah Keluar");
System.exit(0);
}
36. Berikutnya "Setelah selesai memasukkan Source Code". "Klik kanan pada Class Menu_Login" -> "Pilih Run File atau mengklik Shift+F6".
37. Selanjutnya "Maka hasilnya seperti dibawah ini". Lalu untuk Login "Masukkan Username (Nafis Albab Alfasha) dan Password (181011400785) yang telah ditetapkan" -> "Jika sudah klik Login".
38. Berikutnya "maka akan muncul tampilan" seperti dibawah ini :
39. Selanjutnya "Apabila anda ingin keluar dari Program Menu Login". Caranya : "Klik button Exit" -> "Lalu akan tampil notifikasi Anda Telah Keluar" -> "Jika sudah Klik OK". Maka secara otomatis anda akan keluar dari Menu Login.
40. Berikutnya "Pergi ke Folder atau File Project Netbeans" -> "Lalu hapus Folder dist".
41. Selanjutnya "maka setelah dihapus tampilannya" seperti dibawah ini :
42. Berikutnya "Buka Folder atau File Netbeans Sebelumnya" -> "Lalu Klik kanan pada Folder atau File Project Netbeans yang telah dibuat sebelumnya" -> "Pilih Clean and Build.
43. Selanjutnya "maka akan muncul Folder dist kembali Pada Project Netbeans Sebelumnya" seperti dibawah ini :
44. Berikutnya "Lalu Copykan File src" dan "Pastekan File src tersebut kedalam folder dist".
45. Selanjutnya "Buka aplikasi Advanced Installer".
46. Berikutnya "Pilih Open" -> "Klik Recent Project atau Project yang telah dibuat sebelumnya" -> "Lalu klik Open Project".
47. Selanjutnya "maka akan muncul tampilan" seperti dibawah ini :
48. Berikutnya "Klik pada bagian Updater" -> "Lalu Ceklis (ü) pada bagian Check for updates using Advanced Updater".
49. Selanjutnya "maka akan muncul tampilan" seperti dibawah ini :
50. Berikutnya "Buka Folder Project .EXE yang telah dibuat sebelumnya" -> "Lalu buat Folder baru".
51. Selanjutnya "Beri nama pada Folder tersebut dengan nama Updates".
52. Berikutnya "Buka Folder tersebut" -> "Lalu klik kanan" -> "Pilih New" -> "Klik pada Text Document".
53. Selanjutnya "Mengubah namanya menjadi Updates".
54. Berikutnya "Open atau double klik pada Text Document tersebut".
55. Selanjutnya "Lalu Ketikkan Updates (sesuai dengan keinginan Anda)" -> "Jika sudah Save Text Document tersebut".
56. Berikutnya "Buka Browser Anda dan Ketikkan https://www.dropbox.com/h".
57. Selanjutnya "Pilih All files" -> "Lalu klik Upload files".
58. Berikutnya "Pilih Text Document yang telah anda buat sebelumnya" -> "Lalu Klik Open".
59. Selanjutnya "Klik pada bagian File Updates" -> "Lalu pilih Share".
61. Selanjutnya "Klik pada Copy link".
62. Berikutnya "Lalu Copykan Link tersebut" dan "Pastekan pada bagian URL yang ada didalam bagian Updater pada aplikasi Advanced Installer".
63. Selanjutnya "Ubah angka 0 pada Link tersebut menjadi angka 1".
64. Berikutnya "Klik pada Files and Folders" -> "Lalu klik pada bagian Application Folder". Maka akan "tampil Updater.exe".
65. Selanjutnya "Klik kanan pada Updater.exe" -> "Pilih New Shortcut to" -> "Lalu klik Installed File".
66. Berikutnya "Mengubah pada bagian nama menjadi Checking For Updates" -> "Lalu klik OK".
67. Selanjutnya "Maka akan muncul" seperti dibawah ini :
68. Berikutnya "Lalu klik Build".
69. Selanjutnya "Tunggu proses Installasi sampai dengan selesai".
70. Berikutnya "Setelah selesai menginstall" -> "Lalu klik Run".
72. Berikutnya "Lalu klik Next".
73. Selanjutnya "Apabila muncul tampilan" seperti dibawah ini. "Langsung klik OK saja".
74. Berikutnya "Lalu klik Next".
75. Selanjutnya "Pilih tempat penyimpanan yang diinginkan" -> "Lalu klik Next".
76. Berikutnya "Lalu klik Install".
77. Selanjutnya "Tunggu proses Installasi sampai dengan selesai".
78. Berikutnya "Lalu klik Finish".
79. Selanjutnya "Klik pada bagian Java Products".
80. Berikutnya "Pada Main Class pilih Menu Login yang telah dibuat sebelumnya".
81. Selanjutnya "Klik pada bagian Product Details".
82. Berikutnya "Ubah Version yang sebelumnya 1.0.0 menjadi 2.0.0".
83. Selanjutnya "Pilih File" -> "Save" -> "Lalu Klik Save As".
84. Berikunya "maka akan muncul tampilan" seperti dibawah ini -> "Lalu pilih Generate Now".
85. Selanjutnya "Beri nama sesuai dengan keinginan Anda" -> "Lalu klik Save".
86. Berikutnya "Klik Build".
87. Selanjutnya "Tunggu proses Installasi sampai dengan selesai".
88. Berikutnya "Setelah selesai menginstall" -> "Pilih File" -> "Lalu klik New".
89. Selanjutnya "Pilih Updates" -> "Klik Updates Configuration" -> "Lalu klik Create Project".
91. Selanjutnya "Pilih File .Exe yang telah dibuat pada langkah sebelumnya" -> "Lalu klik Open".
92. Berikutnya "Buka Browser Anda dan ketikkan https://www.dropbox.com/h" -> "Pilih All files" -> "Lalu klik Upload files".
93. Selanjutnya "Pilih File .Exe yang telah dibuat pada langkah sebelumnya" -> "Lalu klik Open".
94. Berikunya "Tunggu proses Upload sampai dengan selesai".
95. Selanjutnya "Klik pada File .Exe tersebut" -> "Lalu pilih Share".
96. Berikutnya "Maka akan muncul Jendela baru" -> "Lalu Klik Create link".
97. Selanjutnya "Klik pada Copy link".
98. Berikutnya "Lalu Copykan Link tersebut" dan "Pastekan pada bagian URL yang ada didalam bagian Updates pada aplikasi Advanced Installer".
100. Berikutnya "Pilih Update Installer" -> "Hilangkan Ceklis (ü) pada bagian Compute SHA256 signature from file".
101. Selanjutnya "Pilih Update Installed Detection" -> "Lalu Ceklis (ü) pada bagian Use 64-bit registry locations".
102. Berikutnya "Pilih Release Notes" -> "Lalu Isi pada bagian Description dan Features sesuai dengan keinginan Anda".
103. Selanjutnya "Pilih Update Targets" -> "Lalu klik pada bagian Add".
104. Berikutnya "maka akan muncul Jendela Pop up" seperti dibawah ini -> "Lalu klik OK".
105. Selanjutnya "Lalu Klik Build".
106. Berikutnya "Buat nama sesuai dengan keinginan Anda" -> "Lalu klik Save".
107. Selanjutnya "Buka Browser Anda dan ketikkan https://www.dropbox.com/h" -> "Pilih semua File" -> "Lalu klik Unggah File".
108. Berikutnya "Pilih File text document Updates yang berada didalam Folder Updates SetupFiles" -> "Lalu Klik Open".
109. Selanjutnya "Klik Start" -> "Lalu double klik pada aplikasi Checking For Updates".
111. Selanjutnya "Klik Next".
112. Berikutnya "Tunggu proses Download sampai dengan selesai".
113. Selanjutnya "Setelah selesai mendownload, maka akan muncul tampilan" seperti dibawah ini :
114. Berikutnya "Klik Next".
116. Berikutnya "Klik Next".
117. Selanjutnya "Pilih tempat penyimpanan yang anda inginkan" -> "Lalu klik Next".
118. Berikutnya "Klik Install".
119. Selanjutnya "Tunggu proses Installasi sampai dengan selesai".
120. Berikutnya "Klik Finish".
121. Selanjutnya "Apabila anda ingin menjalankan aplikasi tersebut anda harus menyalakan Xampp terlebih dahulu" -> "Lalu klik start pada Apache dan MySQL".
122. Berikutnya "Ini adalah tampilan sebelum di update".
123. Selanjutnya "Klik kanan pada aplikasi .Exe yang telah Anda Update" -> "Lalu klik Run as Administrator".
124. Berikutnya "maka setelah di Update tampilannya" menjadi seperti dibawah ini :
125. Selanjutnya "Masukkan Username (Nafis Albab Alfasha) dan Password (181011400785) yang telah ditetapkan" -> "Lalu klik Login".
126. Berikutnya "maka akan muncul tampilan" seperti dibawah ini :
127. Selanjutnya "Apabila anda ingin keluar dari Program". Caranya : "Klik button Exit" -> "Lalu akan tampil notifikasi Anda Telah Keluar" -> "Jika sudah Klik OK". Maka secara otomatis anda akan keluar dari Program.
Link File Power Point Presentasi :
0 Response to "Nafis Albab Alfasha_181011400785_Pertemuan 14"
Posting Komentar