Membuat Form Login Dengan PHP Dan Mysql

Selamat Siang kawan-kawan kembali lagi saya membuat sedikit tutorial di siang ini dengan cuaca hujan cocok banget belajar ketimbang tidur dan keluar engk jelas mending buat tutorial dikit gitu biar ada di kerja dan bisa membantu kawan-kawan yang belum tau kalo yang udh tau engk usah deh baca bikin capek-capek aja engk penting udh bikin sakit mata aja, he oke lanjut ke pembahasan membuat form login mengunakan php dan mysql.

          Pada tutorial kali ini saya akan menjelaskan cara membuat form login dengan bahasa pemrograman PHP. Form login berfungsi untuk mencegah pihak yang tidak berkepentingan masuk ke dalam suatu sistem. Misalnya halaman administrator dari suatu sistem. Sebelum memulai kamu harus menginstal aplikasi Xampp. Untuk mengetahui apa itu Xampp dan bagaimana cara mengintsalnya silakan kamu kunjungi link berikut ini Cara Menginstal Xampp di Windows

Langsung aja tonton tutorialnya di bawah ini

Script Untuk Membuat Form Login dengan PHP

Ada beberapa script yang diperlukan untuk membuat form login dengan PHP. Berikut masing-masing script beserta fungsinya.

• Daftar Untuk Form pendaftaran
• index Untuk menampilkan pesan berhasil login setiap user
• koneksi untuk emmbuat koneksi php dengan database
• login Untuk membuat tampilan form login 
• logout Untuk Keluar atau Logout
• prosesdaftar Untuk proses pendaftaran user dan password
• proseslogin Untuk pemprosesan login jika berhasil akan tampil ke index jika tidak akan muncul pesan proses gagal

Setelah kamu sukses menginstal Xampp di komputer , kemudian qm buat databasenya terlebih dahulu seperti gambar di bawah ini

Kemudian buat tabel dengan nama user kemudian buat filed 3 dengan isi masing-masing di bawah ini

langsung saja ikuti langkah langkah berikut ini untuk membuat form login dengan PHP.

• Buat sebuah folder baru dengan nama “latihan” di dalam folder tempat instalasi Xampp. Folder latihan ini akan kita gunakan untuk menyimpan semua script yang dibuat. Contoh foldernya seperti ini C:\xampp\htdocs\latihan
• Buka text editor misalnya notepad, notepad++ atau apapun yang biasa kamu gunakan. Disini saya menggunakan aplikasi Php Designer.
• Copy Paste masing-masing script berikut dan simpan dengan nama yang sudah disebutkan di atas. Simpan di folder yang dibuat tadi yaitu C:\xampp\htdocs\latihan

Daftar.php

<?php
session_start();
if(isset($_SESSION['username'])) {
header('location:index.php'); }
?>

<title>Form Pendaftaran</title>

<center>
   <form action="prosesdaftar.php" method="post">
     <table>
       <tbody>
         <tr><td colspan="2" align="center"><h1>Daftar Baru</h1></td></tr>
         <tr><td>Username</td><td> : <input name="username" type="text"></td></tr>
         <tr><td>Password</td><td> : <input name="password" type="password"></td></tr>
         <tr><td colspan="2" align="right"><input value="Daftar" type="submit"> <input value="Batal" type="reset"></td></tr>
         <tr><td colspan="2" align="center">Sudah Punya akun ? <a href="login.php"><b>Login</b></a></td></tr>
       </tbody>
     </table>
   </form>
</center>

Berikut penampakannya jika dijalankan melalui browser:

Kemudian index.php

<?php
session_start();
if(!isset($_SESSION['username'])) {
header('location:login.php'); }
else { $username = $_SESSION['username']; }
require_once("koneksi.php");

$query = mysql_query("SELECT * FROM user WHERE username = '$username'");
$hasil = mysql_fetch_array($query);
?>

<title>Halaman Sukses Login</title>

<center>
<?php
echo "Selamat Datang, <b>$username</b> ";
?>
<a href="logout.php"><b>Logout</b></a>
</center>

Berikut penampakannya jika dijalankan melalui browser:

Koneksi.php

<?php
$host = "localhost";
$user = "root";
$pass = "";
$db = "latihan";
$konek = mysql_connect($host, $user, $pass) or die ('Koneksi Gagal! ');
mysql_select_db($db);
?>

Login.php

<?php
session_start();
if(isset($_SESSION['username'])) {
  header('location:index.php'); }
  require_once("koneksi.php");
  ?>

  <title>Form Login</title>

  <center>
   <form action="proseslogin.php" method="post">
     <h1>Masuk</h1>
     <table>
       <tbody>
         <tr><td>Username</td><td> : <input name="username" type="text"></td></tr>
         <tr><td>Password</td><td> : <input name="password" type="password"></td></tr>
         <tr><td colspan="2" align="right"><input value="Login" type="submit"> <input value="Batal" type="reset"></td></tr>
         <tr><td colspan="2" align="center">Belum Punya akun ? <a href="daftar.php"><b>Daftar</b></a></td></tr>
       </tbody>
     </table>
   </form>
 </center>

Berikut penampakannya jika dijalankan melalui browser:

Logout.php

<?php

session_start();

unset($_SESSION['username']);
?>
<center>

   <h2>Anda telah berhasil logout..</h2>

   Silahkan klik <a href="login.php">disini</a> untuk login kembali

</center>

    

Berikut penampakannya jika dijalankan melalui browser:

Prosesdaftar.php

   <?php

require_once("koneksi.php");

$username = $_POST['username'];
$pass = $_POST['password'];



$cekuser = mysql_query("SELECT * FROM user WHERE username = '$username'");
if(mysql_num_rows($cekuser) > 0) {
 echo "Username Sudah Terdaftar!";



   echo "Masih ada data yang kosong!";
 echo '<a href="daftar.php">Back</a>';
} else {
 if(!$username || !$pass) {



   $simpan = mysql_query("INSERT INTO user(username, password) VALUES('$username','$pass')");
   echo '<a href="daftar.php">Back</a>';
 } else {
   if($simpan) {



 }
     echo 'Pendaftaran Sukses, Silahkan <a href="login.php">Login</a>';
   } else {
     echo "Proses Gagal!";
   }
}



?>

Berikut penampakannya jika dijalankan melalui browser:

Daftatr terlebih dahulu user dan passwordnya

Kemudian Hasil pendaftaran

Proseslogin.php

     <?php

session_start();

require_once("koneksi.php");

$username = $_POST['username'];
$pass = $_POST['password'];

$cekuser = mysql_query("SELECT * FROM user WHERE username = '$username'");
$jumlah = mysql_num_rows($cekuser);
$hasil = mysql_fetch_array($cekuser);
if($jumlah == 0) {

   if($pass <> $hasil['password']) {
echo "Username Belum Terdaftar!";
   echo '<a href="login.php">Back</a>';
} else {
     echo "Password Salah!";

     header('location:index.php');
echo '<a href="login.php">Back</a>';
   } else {
     $_SESSION['username'] = $hasil['username'];
   }
}

?>

Berikut penampakannya jika dijalankan melalui browser:

Jika tidak berhasil

Jika berhasil

Sekian Tutorial dari saya semoga bermanfaat bagi kawan-kawan.

Apabila mau tau tutorial saya lebih lanjut langsung aja klik gambar youtube di bawah