Pemrograman

Visual 5

By Didik Wiguna, M.Kom

Login
1. Buat frame yang berfungsi untuk login
2. Desain form login tersebut dengan menggunakan JPanel, JLabel, JTextfield,
JPasswordField, Jbutton, sehingga hasil akhir desain form login seperti di
bawah ini.
Login
3. Masukan kode-kode berikut pada tombol JButton
4. Untuk JButton1 untuk login adalah seperti berikut :
Login
5. Untuk JButton2 untuk cancel adalah seperti berikut :

6. Masukan code pada class yang mempunyai method main(), seperti di bawah
ini :
Login
7. Jalankan aplikasi tersebut maka akan tampil seperti di bawah ini :

8. Masukan user ID dengan “unindra” dan Password “123”

Login
9. Tekan tombol Login, maka akan tampil message box seperti berikut :

10. Dan jika User ID dan Password salah maka akan tampil message box Login
Gagal, seperti gambar di bawah ini :
Login

11. Jika tombol Cancel di tekan maka aplikasi akan akan keluar.
12. Demikianlah penjelasan mengenai aplikasi login.
Database
1. Aplikasi biasanya akan terhubung dengan database.
2. Banyak macam-macam jenis database seperti SQLServer, Oracle, MySQL,
Postgree, MS. Access.
3. Untuk membuat aplikasi database dengan Java maka diperlukan program
database dalam contoh ini akan digunakan database MySQL yang berjalan
pada Xammp.
4. Dalam Java jika ingin menghubungkan aplikasi java dengan database, maka
dibutuhkan sebuah Connection, dalam contoh nanti kita akan menggunakan
JAVA ODBC yang ada pada libraries di Netbeans.
Database
5. Buatlah sebuah kelas Koneksi dengan klik kanan pada folder Source
Package, lalu pilihlah New, kemudian pilih Java Class, maka window New
Java Class akan muncul.
Database
5. Isilah Class Name dengan Koneksi sesuaikan dengan Project, Location, dan
Packagenya, maka kelas Koneksi akan terbentuk.
6. Tambahkan Libraries untuk MySQL di Netbeans dengan cara klik kanan
folder Libraries dan pilih Add Libraries
7. Setelah tampil window Add Library akan tampil dan pilih Available
Libraries lalu pilih MySQL JDBC Driver
Database

8. Lalu klik Add Library, maka MySQL JDBC Driver ada pada folder Libraries.
Database
9. Fungsi dari MySQL JDBC Driver adalah untuk tool untuk menghubungkan
aplikasi yang ada di netbeans dengan database MySQL.
10. Buatlah database dengan nama trading
11. Buatlah tabel didalamnya dengan nama tmuser dengan field-field sebagai
berikut :
Database
12. Isilah field-field tabel tersebut seperti ini :

13. Lalu save tabel tersebut.

14. Maka database Trading dengan tabel tmuser telah dibuat.
Database
15. Langkah selanjutnya adalah membuat coding Koneksi pada class Koneksi
seperti di bawah ini :
Database
16. Buat coding pada class static void main() yaitu seperti di bawah ini :

17. Run dan jalankan aplikasi tersebut pada class static void main nya
Database
18. Apabila database MySQL sudah terhubung maka akan muncul message box
seperti di bawah ini :

19. Stoplah MySQL di Xampp dan jalankan aplikasi tersebut maka message box
akan tampil seperti di bawah ini :
Database
18. Apabila database MySQL sudah terhubung maka akan muncul message box
seperti di bawah ini :

19. Stoplah MySQL di Xampp dan jalankan aplikasi tersebut maka message box
akan tampil seperti di bawah ini :
Login dan Database
1. Lanjutkan aplikasi Login yang telah kita buat agar dapat terhubung ke
database dengan menggunakan class Koneksi yang telah dibuat sebelumnya
2. Buat method Login yang akan digunakan oleh tombol login apabila ditekan
sehingga login akan dapat berfungsi, adapan loginnya seperti di bawah ini :
Login dan Database
Login dan Database
3. Letakan method Login pada button Login

4. Lalu coding pada tombol cancel seperti di bawah ini :

5. Jalankan aplikasi tersebut, maka akan tampil seperti di bawah ini :

Login dan Database
6. Apabila userID dan Password sesuai dengan record yang ada pada tabel
tmuser maka message box akan tampil seperti di bawah ini :
Login dan Database
7. Apabila userID dan Password tidak sesuai dengan record yang ada pada tabel
tmuser maka message box akan tampil seperti di bawah ini :
Login dan Events
1. Untuk menyempurnakan aplikasi login kita maka buatlah sebuah frame
sebagai frame utama yang apabila login di jalankan dan berhasil maka frame
utama akan tampil.
2. Buat class JFrame Form dengan cara klik kanan pada folder yang ada dan
pilih Jframe Form maka window New JFrame Form akan tampil dan
namakan pada Class Name dengan frUtama lalu klik Finish, maka class
frUtama sudah ada dalam proyek kita.
3. Buatlah frUtama ini sebagai form utama dengan meletakan Class Menu Bar
di Swing Menu pada aplikasi ini, yaitu seperti berikut di bawah ini :
Login dan Events

4. Tambahkan menu item di bawah File, yaitu : Login, Setup, Exit

5. Penjelasan dari menu item di File, yaitu

Login dan Events
a) Login untuk menampilkan aplikasi Login
b) Setup untuk menampilkan window yang mengatur dan menambah user pemakasi
aplikasi.
c) Exit untuk keluar dari aplikasi

6. Jika aplikasi Login berhasil maka tampilkan frUtama, maka coding pada
form Login akan dirubah seperti di bawah ini :
Login dan Events
7. Untuk mengatur cursor agar dapat pindah secara yang kita inginkan maka
dapat diatur melalui event seperti pada saat selesai memasukan user id maka
cursor akan pindah ke password, maka click kanan pada object jTexField
lalu masuk ke Events Action ActionPerformed lalu klik maka akan
masuk ke editor source
Login dan Events
8. Isikan coding seperti dibawah ini :

9. Lalu untuk jPasswordFieldnya juga sama seperti di atas, tetapi langsung

menuju ke tombol Login
Login dan Events
10. Untuk JButton agak berbeda dengan JTextField atau JPasswowrdField bukan
di events ActionPerformed tetapi pilih events Key KeyPressed
seperti berikut di bawah ini :
Login dan Events
11. Lalu isikan editor source tersebut seperti di bawah ini :

12. Tambahka code tersebut ke tombol Cancel akan tetapi action yang dilalukan adalah keluar
aplikasi seperti di bawah ini :
Login dan Events
13. Compile dan jalankan aplikasi tersebut maka akan terlihat seperti di bawah ini :

14. Setelah diisi user1 dan tekan enter maka cursor langsung menuju ke Password
Login dan Events
15. Isi Password tersebut dengan “123” dan tekan enter maka cursor akan
menuju ke tombol Login

16. Lalu tekan enter, maka aplikasi akan masuk ke dalam frame utama, seperti di
bawah ini :
Login dan Events