Asalamualaikum para pengguna internet, trimakasih sudah mau berkunjung di blog sederhana podo, nah disini podo akan mendemokan bagaimana cara membuat halaman login dan log out dengan menggunakan bahasa pemrograman php dan database mysql dilengkapi dengan sistem keamanan MD5, berikut adalah langkah-langkahnya gays:
1. Hidupkan xampp Apache dan MySql.
2. Buatlah database coba_login pada localhost/phpmyadmin.
3. Buatlah tabel pada database coba_login , disini saya membuat tabel dengan nama admin namanya bisa disesuaikan dengan keinginan, namun untuk jumlah tabel buatlah 3 dulu,
4. Isikan field-field pada tabel admin centang AUTO_INCREAMEN pada id_user fungsinya adalah untuk pengisian number secara urut dan otomatis sehingga kita tidak perlu mengisi form tersebut karna sudah terisi otomatis, begitu kurang lebih gan,, hehe
5. setelah disave dan berhasil akan muncul seperti pada gambar dibawah ini gan:
6. Kemudian buatlah folder baru dengan nama coba_login atau bisa disesuaikan dengan kebutuhan pada xampp/htdocs :
7. Setelah itu masuklah pada Dreamweaver anda, disini saya menggunakan Adobe Dreamweaver Cs6, buatlah site baru dengan nama coba_login atau bisa menyesuikan dengan kebutuhan sodara, lihat bagaimana cara membuat site baru.
setelah anda berhasil membuat site baru, buatlah file php baru pada site tersebut, dengan nama index.php, login.php, daftar.php seperti pada gambar dibawah ini:
8. Langkah selanjutnya buatlah koneksi database MySQL anda seperti perintah pada gambar berikut ini:
9. Setelah itu koneksikan dengan database yang telah dibuat sebelumnya, seperti pada gambar berikut ini:
10. kemudian masuk pada login.php buatlah Recordset baru pada halaman login.php seperti pada gambar berikut ini:
11. sesuaikan seperti pada gambar berikut, kemudian klik ok:
12. Masih pada menu login.php klik insert>form>form seperti pada gambar berikut ini:
13. Buatlah tabel didalam form yang telah dibuat tadi dengan jumlah 3 kolom 3 baris seperti pada gambar berikut:
14. Marge cels pada bari terakhir, anda bisa menambahkan text login pada baris ketiga yang telah di marge cels tersebut:
15. Masih di menu login.php buatlah text field baru pada username dan password seperti pada gambar berikut ini:
16. Maka jadinya akan seperti ini:
17. Masih pada halaman login.php klik field password kemudian klik insert > data object > use authentication > login user
18. Sesuaikan seperti pada gambar berikut ini:
19. Kemudian setelah itu masuk ke halaman index.php disini adalaha halaman utama tujuan login user nantinya, buat desain seperti gambar diibawah ini, jangan lupa tambahkan text log out untuk proses log out admin/ user nantinya:
20. Setelah itu blog text Log out klik Insert > Data Object > Use Authentication > Log Out User seperti pada gambar berikut ini:
21. Kemudian akan tampil halaman seperti pada gambar dibawah ini:
22. Masih pada halaman index.php klik pada sembarang tempat didalam halaman tersebut, kemudian klik insert > data object > use authentication > Restrict Acces to Page seperti pada gambar berikut ini:
23. kemudian akan muncul perintah seperti gambar berikut :
24. Masuk pada halaman daftar.php klik insert > form > form, atau lihat gambar berikut ini:
25. langkah selanjutnya adalah untuk memberikan perintah input untuk menambahkan user kedalam database pada menu daftar.php langkahnya sangatlah mudah klik insert > Data Object > Insert Record > Record Insert Form Wizard :
26. sesuaikan seperti pada gambar berikut iki:
27. langkah berikutnya adalah menyembunyikan tampilan id_user pada menu daftar.php sebetulnya ini tidaklah terlalu penting dan kenapa saya sembunyikan alasannya karna id_user sudah di auto_increament (ai) pada database coba_login berikut ini cara menghiden atau menyembunyikan field id_user tambahkan <!--- di awal dan akhiri dengan --> pada script id_user, contoh pada gambar berikut ini:
28. setelah semua langkah-langkah diatas selesai jagan lupa untuk save dan lihat hasilnya dengan cara klik F12, seperti pada gambar dibawah ini ketikan username dan password :
29. lihat data yang telah berhasil diinputkan pada database:
30. dan sekarang masuklah pada menu halaman index.php kemudian klik F12 maka hasilnya halaman tersebut tidak akan berhasil diakses sebelum user melakukan login, maka pengguna akan dialihkan pada halaman Login.php seperti pada gambar berikut ini:
31. Nah sebenarnya sudah sampai sejauh ini anda sudah bisa membuat halaman login dan log out, namun ane kasih salah satu trik lagi nii yang ngak ada di bangku kuliah, selama ane kuliah si ngak di ajarin yang beginian, yaitu menambahkan kunci pengaman atau pengaman tambahan pada password yang akan di inputkan, dengan itu pasword yang akan masuk akan teracak sehingga yang tau paswordnya hanya user saja, berikut cara mudahnya,
tambahkan md5 pada script dibawah ini:
sebelum
GetSQLValueString ($_POST['password'], "text"));
sesudah
GetSQLValueString(md5($_POST['password']), "text"));
32. masukan kode yang sama md5 pada login.php seperti pada gambar berikut ini:
sebelum
$password=$_POST['textfield2'];
sesudah
$password=md5($_POST['textfield2']);
33. jangan lupa untuk melakukan save / simpan kemudian masuk pada menu daftar.php klik F12 dan masukan user baru sesuai keinginan anda, seperti contoh pada gambar berikut ini:
34. kemudian lihatlah hasilnya pada database anda coba_login di tabel admin jangan lupa untuk di refres kalo belum tampil, berikut hasilnya, pasword anda akan secara otomatis teracak oleh komputer, dan hanya user saja yang dapat melihatnya:
bagikan jika ilmu ini bermanfaat, terimakasih.
0 komentar:
Post a Comment