Wednesday, August 22, 2018

How To | Membuat System Login Dengan PHP dan MySQLi | Mukti911 | Part3


A. Pendahuluan
pada kali ini aku akan membuat sebuah artikel yaitu tentang Login System dengan PHP dan Mysqli. Nah Berikut ini adalah artikel tentang Membuat Login System dengan PHP dan Mysqli.
B. Latar Belakang
Karena untuk membangun suatu system login dengan coding web.

C. Maksud & Tujuan
Agar dapat membuat sebuah login system dengan coding web.

D. Waktu Pelaksanaan

  • Tergantung Individu

E. Pembahasan
Pada tutorial Part 1 dan 2 kita telah sampai pada cara membuat koneksi database nya. sekarang kita akan melanjutkannya dengan membuat halaman login sederhana untuk admin. selanjutnya akan di jelaskan secara bertahap agar lebih mudah untuk kalian pahami. buat sebuah le baru lagi dengan nama index.php.
Kalian hanya perlu menambahkan kodingan seperti berikut pada file Index.php itu
  • Tambahkan Kodingan di paling atas.

<?php
if(isset($_GET['info'])){
if($_GET['info'] == "failed"){
$Info =  "Login Gagal! Username Password Salah. (-_-)";
}else if($_GET['info'] == "logout"){
$info =  "Anda telah berhasil logout. (-_-)";
}else if($_GET['info'] == "notlogin"){
$info = "Anda harus login untuk mengakses halaman admin. (-_-)";
}
else {
$info = "Silahkan Login Gan !!!. (-_-)";
}
}
else {
$info = "Silahkan Login Gan !!!. (-_-)";
}
?>
  • Tambahkan pada bagian body dengan ketentuan seperti berikut ini :

<body>
<div class="s">
<h1>Login System</h1>
<h4>Mukti911 - Tutorial</h4>
<h5><?php echo $info; ?></h5>
</div>
<div class="a">
<div></div>
<form method="post" action="log.php">
<input type="text" name="" placeholder="Username">
<input type="password" name=""placeholder="Password">
<button>LOGIN</button>
</form>
</div>
</body>
  • Lalu tambahkan style pada h5

h5 {
font-size: 20px;
}
nah di file index.php ini kita membuat halaman login sederhana untuk admin.  kita lanjutkan lagi dengan membuat file yang akan mengelola data yang di kirim dari form login dari index.php. pada le index.php yang membuat halaman login di atas kita telah menetapkan aksi dari form ini adalah ‘log.php’ dengan method ‘post’ untuk jenis pengiriman datanya. buat sebuah le baru lagi dengan nama log.php.

<?php
session_start();
include_once 'connect.php';
$Username =  $_POST['Username'];
$Password =  $_POST['Password'];
$sql "SELECT * FROM user WHRE Username='$Username' AND Password='$Password'";
$query = mysqli_query($Connect,$sql);
$Check = mysqli_num_rows($query);
if ($cek > 0) {
$_SESSION['Username'];
$_SESSION['Info'];
header("Location:admin/index.php");
}
else {
header("Location:index.php?info=failed");
}
?>
Perhatikan baik baik pada bagian session. kita aktifkan dulu session php. karena kita menggunakan session sebagai penanda status pengguna yang akan login.  kita mengaktifkan session php dengan syntax berikut kemudian jangan lupa juga untuk menghubungkannya dengan le koneksi database yang sudah kita buat.kemudian menangkap data yang dikirim dari form login.

kemudian kita seleksi data admin yang memiliki username dan password yang sesuai dengan yang di input pada form login. selanjutnya kita hitung jumlah record yang sesuai (yang sesuai dengan username dan password yang di input).

jika data username dan password admin di temukan di tabel ‘user’, maka nilai dari variabel $Cheack adalah jumlah dari record yang di temukan. berarti variabel $cek bernilai 1 jika username dan password yang di input sesuai dengan yang ada di database. karena fungsi mysqli_num_rows() berfungsi untuk menghitung jumlah record hasil dari query yang ada dalam parameter si fungsi mysqli_num_rows() ini.

selanjutnya kita cek dengan if else jika variabel $cek lebih besar dari nol (berarti username dan password yang di input sesuai), maka kita buat session username dan session status seperti pada syntax berikut. kemudian kita alihkan ke folder admin/index.php. jika tidak maka kita alihkan halamannya kembali ke halaman login (index.php) sambil mengirimkan data pesan (?info=failed). tu sebabnya di le index.php (halaman login) kita membuat pengecekan seperti berikut (perhatikan pada le index.php)ini untuk memeriksa pesan yang di kirim. 

karena tadi jika username dan password tidak di temukan, akan dikirimkan pesan “gagal”. pada pengecekan noti kasi ini kita akan menampilkan pesan notikasi “Login gagal! username dan password salah!” jika username dan password gagal. begitu juga seterusnya dengan pesan logout dan belum_login yang akan kita buat pengalihannya sebentar lagi.

F. Hasil yang didapat

  • Dapat mengetahui proses SESSION terjadi di Login System

G. Kesimpulan
Jadi element penting dari Login System Sederhana yaitu If Else / Kondisi lalu Session dan Yang apstinya Form.

H. Referensi

  • -

No comments:

Post a Comment