BAB 2
Login Aplikasi Seperti halnya koneksi, untuk login juga banyak cara untuk membuat login untuk membuat akses aplikasi yang kita buat, tapi disini penulis akan memberikan contoh membuat login yang mudah dan login berdasarkan database. Ada 2 cara yang penulis akan bahas disini yaitu login tanpa database, dan login menggunakan database. 2.1. Login Tanpa Database Login tanpa database ini maksudnya yaitu menuliskan akses untuk loginnya dalam kode program. Untuk lebih jelasnya coba ikuti langkah-langkah dibawah ini. 1.
Buka program Visual Basic 6.0, kemudian pilih VB Enterprise Edition Control agar komponen-komponennya lengkap.
Gambar 2.1 – Tampilan Dialog Box
10 | Atep Ruhiat Panduan Source Code Untuk Membuat Aplikasi Di Visual Basic 6.0
2.
Pada area form1 tambahkan beberapa komponen diantaranya Label (
) komponen TextBox (
CommandButton ( Komponen Form 1 Label 1 Lebel 2 Text 1 Command 1 Command 2
), dan komponen
). Dengan ketentuan dibawah ini : Properti Name Caption Caption Caption Name PasswordChar Text Name Caption Name Caption
Nilai Form_Login :: LOGIN LOGIN APLIKASI Masukan Password : txtPassword *
txtLogin &Login txtExit &Exit
Tabel 2.1 – Komponen dan Propertinya
3.
Sehingga desain tampilannya seperti dibawah ini.
Gambar 2.2 – Tampilan Form Login
4.
Setelah selesai doubel klik pada tombol Login, maka akan muncul area untuk pengetikkan kode program untuk melakukan kondisi ketika melakukan login dan ketikkan kode dibawah ini.
11 | Atep Ruhiat Panduan Source Code Untuk Membuat Aplikasi Di Visual Basic 6.0
Maksud Kode Program :
1
3 4
2
Digunakan (1) untuk kondisi ketika input password masih kosong maka akan muncul kotak dialog untuk informasi, sebaliknya kalau input password sudah diisi maka akan membaca kode selanjutnya yaitu (2) kondisi jika pada input password dimasukan kata (3) admin maka akan muncul kotak dialog berhasil dan form akan keluar selain itu jika memasukan data (5) selain kata admin maka akan muncul kotak dialog error, input password akan kembali kosong, dan kursor akan focus ke inputan password.
12 | Atep Ruhiat Panduan Source Code Untuk Membuat Aplikasi Di Visual Basic 6.0
5.
Setelah itu selesai doubel klik pada tombol Exit, dan ketikkan kode program untuk keluar dibawah ini.
Maksud Kode Program :
Digunakan untuk mengakhiri program secara keseluruhan dan bisa juga menggunakan kode program Unload me.
6.
Setalah selesai coba jalankan programnya dengan mengklik Run atau F5 pada keyboard. Maka akan tampak seperti tampilan dibawah ini.
Gambar 2.3 – Tampilan Form Setelah Dijalankan
7.
Kemudian simpan form dan project tersebut dengan nama Form_Login dan Project_Login.
13 | Atep Ruhiat Panduan Source Code Untuk Membuat Aplikasi Di Visual Basic 6.0
2.2. Login Berdasarkan Database Login berdasarkan database ini maksudnya yaitu menuliskan akses untuk loginnya dalam kode program tapi berdasarkan apa yang ada dalam database tertentu. Untuk lebih jelasnya ikuti langkahlangkah dibawah ini. 1.
Langkah pertama buatlah database di Ms Access dengan type MS Access (2002-2003 format) kemudian simpan dengan nama DbPassword.mdb kemudian buatlah tabelnya dengan nama Tabel_Password dengan field-field seperti dibawah ini.
Gambar 2.4 – Desain Tabel_Password
2.
Kemudian isi field Password dengan admin.
Gambar 2.5 – Mengisi Data Tabel_Password
3.
Setelah database selesai dibuat sekarang buka program Visual Basic 6.0, kemudian pilih VB Enterprise Edition Control agar komponen-komponennya lengkap.
14 | Atep Ruhiat Panduan Source Code Untuk Membuat Aplikasi Di Visual Basic 6.0
Gambar 2.6 – Tampilan Dialog Box
4.
Pilih menu Project pilih Add Module kemudian klik Open.
Gambar 2.7 – Tampilan Menu Untuk Menambah Modul
5. Maka akan muncul kotak isian untuk mengetikkan kode program, kemudian ketik kode dibawah ini.
15 | Atep Ruhiat Panduan Source Code Untuk Membuat Aplikasi Di Visual Basic 6.0
Maksud Kode Program :
Kode
Digunakan sebagai variabel yang diperlukan untuk mengoneksikan database, manipulasi database, dan record. Keterangan : Untuk penjelasan lebih rincinya sudah dijelaskan pada bab sebelumnya.
16 | Atep Ruhiat Panduan Source Code Untuk Membuat Aplikasi Di Visual Basic 6.0
Kode
1 2
Digunakan sebagai prosedur untuk berkoneksi dengan database. Yang harus diperhatikan adalah (1) tipe koneksinya menggunakan Provider Microsoft.Jet.OleDB.4.0, dan (2) DbPassword.mdb sebagai databasenya yang berada dalam satu folder dengan project yang telah dibuat. Keterangan : Untuk penjelasan lebih rincinya sudah dijelaskan pada bab sebelumnya.
6.
Kemudian
aktifkan objek Adodb terlebih dahulu dari menu
Project – References. 7. Akan muncul jendela References – Project1, aktifkan tanda cek pada menu Microsoft AxtiveX Data Objects 2.1 Library. Kemudian klik tombol OK. Berikut tampilannya :
17 | Atep Ruhiat Panduan Source Code Untuk Membuat Aplikasi Di Visual Basic 6.0
Gambar 2.8 – Tampilan Penambahan Objek Adodb
8.
Pada area form1 tambahkan beberapa komponen diantaranya Label (
) komponen TextBox (
CommandButton ( Komponen Form 1 Label 1 Lebel 2 Text 1
Command 1 Command2
), dan komponen
). Dengan ketentuan dibawah ini : Properti Name Caption Caption Caption Name PasswordChar Text Name Caption Name Caption
Nilai Form_Login :: LOGIN LOGIN APLIKASI Masukan Password : txtPassword * txtLogin &Login txtExit &Exit
Tabel 2.2 – Komponen dan Propertinya
18 | Atep Ruhiat Panduan Source Code Untuk Membuat Aplikasi Di Visual Basic 6.0
9.
Sehingga desain tampilannya seperti dibawah ini.
Gambar 2.9 – Desain Form Login
10. Setelah selesai doubel klik pada tombol Login, maka akan muncul area untuk pengetikkan kode program dan ketikkan kode dibawah ini.
19 | Atep Ruhiat Panduan Source Code Untuk Membuat Aplikasi Di Visual Basic 6.0
Maksud Kode Program :
Kode
Digunakan sebagai prosedur untuk mengoneksikan ke database yang kodenya ditulis pada modul yang telah tadi dibuat.
Kode
Digunakan untuk kondisi ketika input password masih kosong maka akan muncul kotak dialog error, sebaliknya input password sudah diisi maka akan membaca kode selanjutnya.
Kode
1
3 2
4
Digunakan untuk (1) menyeleksi Tabel_Password dimana field Password sama dengan input password kemudian akan dijalankan dan akan membaca (2) kondisi ketika (3) input
20 | Atep Ruhiat Panduan Source Code Untuk Membuat Aplikasi Di Visual Basic 6.0
password sama dengan field Password yaitu kata admin maka akan muncul kotak dialog berhasil dan form akan keluar selain itu jika (4) tidak sama maka akan muncul kotak dialog error, input password akan kembali kosong, dan kursor akan focus ke inputan password.
11. Setelah itu selesai doubel klik pada tombol Exit, dan ketikkan kode program keluar dibawah ini.
Maksud Kode Program :
Digunakan untuk mengakhiri program secara keseluruhan dan bisa juga menggunakan kode program Unload me.
12. Setalah selesai coba jalankan programnya dengan mengklik Run atau F5. Maka akan tampak seperti tampilan dibawah ini.
Gambar 2.10 – Tampilan Form Setelah Dijalankan
13. Kemudian simpan modul, form, dan project tersebut dengan nama Modul_Koneksi, Form_Login, dan Project_Login.
21 | Atep Ruhiat Panduan Source Code Untuk Membuat Aplikasi Di Visual Basic 6.0