BAB 2. Login Aplikasi

Ukuran: px

Mulai penontonan dengan halaman:

Download "BAB 2. Login Aplikasi"

Shinta Chandra
7 tahun lalu
Tontonan:

1 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 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

2 2. Pada area form1 tambahkan beberapa komponen diantaranya Label ( ) komponen TextBox ( ), dan komponen CommandButton ( ). Dengan ketentuan dibawah ini : Komponen Properti Nilai Form 1 Form_Login Caption :: LOGIN Label 1 Caption LOGIN APLIKASI Lebel 2 Caption Masukan Password : txtpassword Text 1 PasswordChar * Text <dikosongkan> Command 1 txtlogin Caption &Login Command 2 txtexit Caption &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

3 Maksud Kode Program : 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

4 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

5 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 ( 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

6 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

7 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

8 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

9 Gambar 2.8 Tampilan Penambahan Objek Adodb 8. Pada area form1 tambahkan beberapa komponen diantaranya Label ( ) komponen TextBox ( ), dan komponen CommandButton ( ). Dengan ketentuan dibawah ini : Komponen Properti Nilai Form 1 Form_Login Caption :: LOGIN Label 1 Caption LOGIN APLIKASI Lebel 2 Caption Masukan Password : txtpassword Text 1 PasswordChar * Text <dikosongkan> Command 1 txtlogin Caption &Login Command2 txtexit Caption &Exit Tabel 2.2 Komponen dan Propertinya 18 Atep Ruhiat

10 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

11 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 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

12 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

dokumen-dokumen yang mirip

BAB 3 Simpan Data 3.1. Simpan Data Dengan Kode SQL Ms Access MS Access ( format) DbJenisBrg.mdb Tabel_Jenis_Brg 22 Atep Ruhiat

BAB 3 Simpan Data 3.1. Simpan Data Dengan Kode SQL Ms Access MS Access ( format) DbJenisBrg.mdb Tabel_Jenis_Brg 22 Atep Ruhiat BAB 3 Simpan Data Simpan data merupakan satu dari beberapa hal penting yang pasti ada dalam pembuatan aplikasi khususnya aplikasi yang sering penulis buat ternyata hampir semua aplikasi harus adanya penyimpanan