Cara Membuat Form Login

Form Login dalam sebuah aplikasi adalah form yang muncul pertamakali saat aplikasi dijalankan , dimana didalam form ini, user diwajibkan untuk memasukan user id dan password agar dapat melanjutkan menggunakan aplikasi.  Prinsipnya adalah jika user belum berhasil melewati form login ini ( memasukan user id dan password yang benar ) maka user tidak bisa menggunakan program aplikasi, karena semua menu dan fitur fitur yang ada dalam aplikasi masih tersembunyi.  Dalam membuat form login ini dapat kita buat dengan form tersendiri atau sebuah panel yang kita letakkan di form utama aplikasi yang kita buat. Pada Postingan kali ini saya hanya menjelaskan proses Login saja, Pada Postingan berikutnya akan saya bahas tentang pembatasan hak akses user yang berbeda beda, misalnya user admin bisa membuka semua menu atau semua fitur dalam aplikasi, sedangkan user lainnya hanya bisa membuka menu menu tertentu saja.

  

Prinsip dasar dari Cara membuat form login ini adalah Saat aplikasi dijalankan munculkan dulu form login, setelah user memasukan user id dan password dengan benar, hilangkan tampilan form login, baru kemudian tampilkan aplikasi uma program. Gambar diatas menunjukan tampilan aplikasi yang baru dibuka dan menampilkan form Login, pada kondisi ini jika user ngeklik menu menu yang ada dimneu bar, maka menu tersebut tidak akan tampil ( Tidak ada sub menu yang keluar ), sub menu akan keluar setelah user bisa melewati form login. Selanjutnya setelah user memasukan user ID dan password dengan benar maka aplikasi akan tampil seperti gambar berikut, dimana form login tidak muncul lagi.

  

Berikut ini adalah langkah-langkah Cara Membuat Form Login

1.        Buat Aplikasi Baru ( New : VCL Form Aplication )

2.       Tambahkan Komponen TmainMenu

3.       Tambahkan Komponen TPanel

4.       Tambahkan 2 Komponen Tedit Kedalam Tpanel yang tadi

5.       Tambahkan 2 Komponen TLabel Kedalam Tpanel yang tadi

6.       Tambahkan Komponen TButton kedalam TPanel yang Tadi

PHasinya Seperti Gambar Berikut :

 

Selanjutnya Tambahkan Menu dan Sub Menu pada Komponen TmainMenu seperti yang di tunjukan pada dua gambar berikut :

 

Pengaturan Properties Untuk Komponen Komponen yang tadi ditambahkan :

Komponen	Properties	Properties Value
Panel1	Name	Panel_Login
Edit1	Name	EUser_Id
Edit2	Name	EPassword
Label1	Caption	USER ID
Label2	Caption	Pasword
Button1	Name	Blogin
	Caption	LOGIN

Selanjutnya pemberian nama  untuk Sub Menu Master dan Sub Menu Transaksi. Untuk Penamaan Sub Menu Kita Buat dengan format bernomer urut, hal ini bertujuan untuk mempermudah saat nanti kita ingin mengatur hak akses masing masing user, yang akan dibahas pada posting selanjutnya, Misalnya dalam Postingan tentang Cara Membuat Form Login ini saya menamakan sub Menu Master dengan nama M1,M2,M3 danseterusnya. sedangkan untuk submenu Transaksi saya beri nama T1,T2,T3 danseterusnya. Perhatikan gambar gambar berikut:

 

Langkah selanjutnya dalam Cara Membuat Form Login adalah Membuat Procedure Procedure.

Procedure pertama yang harus dibuat adalah procedure Logout, procedure ini berfungsi untuk merubah properties Visible dari semua sub menu menjadi False ( Tidak Kelihatan ). Berguna saat user melakukan Log Out. Saat User Log Out Program kembali menampilkan Form User , semua sub menu visiblenya dirubah menjadi false. Procedure ini juga digunakan saat pertama kali program dijalankan, supaya sebelum user melewati Form Login, Semua Sub Menu belum Kelihatan.

Bersambung