Rancangan Sistem Login PHP Fundamental

Kali ini saya akan memplubikasikan tentang tutorial cara membangun sistem login. Untuk yang pertama mari kita mengenal jalannya sistem login yang disertai autentikasinya .

Untuk alogaritma sistem login yg disertai auntetikasinya dapat dilihat dibawah ini:

Alogaritma:
1. Pertama muncul halaman form login.
2. User diminta menginputkan username dan password.
3. Selanjutnya sistem akan mengecek apakah username dan password telah cocok.
4. Apabila benar maka sistem akan melanjutkan ke halaman yg dipilih.
5. Apabila salah maka sistem akan menghitung kesalahan input dan menampilkan form login  kembali.
6. Apabila sistem telah menghitung kesalahan input hingga 3 kali maka sistem akan menampilkan informasi bahwa user telah diblokir dan user tidak dapat kembali mengakses form login.

Untuk pseudocodenya bisa juga dilihan di bawah ini:

Pseudocode

1. Mulai.
2. Tampilkan login page.
3. Get username.
4. Get password.
5. Then klik login.
6. If username dan password benar then masuk halaman beranda.
7. Else if username dan password salah then masuk kembali halaman login.
8. If salah=3 then login form input disabled.
9. Selesai.

Untuk gambaran flowchartnya dapat dilihat digambar berikut:

Untuk cara pembuatan projectnya bisa di ikuti di langkah berikut:

Pertama siapkan bahan2, disini saya mengunakan netbean ide untuk pembuatan project login php dan untuk mempercantik tampilan disini saya mengunakan template bootstraps serta file javascript untuk menambahkan even tertentu tidak lupa tambahkan gambar atau ikon untuk memperjelas tampilan.

Langkah selanjutnya buka software netbean ada sekalian dan pilih kategori php selanjutnya pilih php aplication lalu klik finish

Selanjutnya akan muncul jendela nama dan lokasi tempat file project tersebut akan disimpan untuk selanjutnya langsung saja klik finish

Setelah di klik finis maka akan muncul halaman lembar kerja, untuk langkah selanjutnya yaitu kita menambahkan file2 pendukung untuk mendukung kelancaran project kita untuk itu kita susun file2 pendukung seperti dibawah ini.

Langkah selanjutnya mari kita membuat tampilan form login, untuk yg pertama ketikkan soucecode seperti dibawah ini: 

Gambar diatas merupakan sourcode untuk memanggil file pendukung yg telah di susun seperti langkah diatas.

Untuk langkah berikutnya mari kita ketikkan source code seperti dibawah ini:

Gambar diatas merupakan source code untuk membuat tampilan form login yg terdapat form input username dan password serta tombol submit atau login.

Apabila sudah diketikan coba dijalankan dengan mengeklik tombol hijau diatas dan pilih mengunakan media browser apa untuk proses pengecekan script yg sudah diketikkan tadi, Apabila berhasil maka akan muncul tampilan seperti berikut:

Langah terakhir yaitu untuk menambahkan fungsi blokir user apabila salah login selama 3 kali dapat mengetikan sourcecode seperti pada gambar berikut:

Baca: Tutorial : Cara membuat form login disertai fiktur verifikasi/autentikasi pada Login Form

Langkah selanjutnya jika sudah mengetikkan source code diatas maka bisa langsung di tes dengan cara mengeklik tombol hijau diatas. Apabila muncul gambar seperti dibawah ini ketika salah mneginputkan username dan password 3 kali berturut tutut maka akan muncul halaman seperti berikut :

Sekian tutorial dari saya apabila ada kesalahan mohon maaf dan apabila ada saran atau pertanyaan jangan sungkan untuk berkomentar dibawah ini, sekian dari saya terimakasih.