Tutorial Membuat Halaman Login Sederhana Menggunakan PHP

Untuk membuat halaman login sederhana silahkan siapkan software berikut :

Browser
Xampp download disini
Notepad++ atau Dreamweaver

Setelah menginstal aplikasi diatas kita perlu membuat data base. Untuk membuat data base silahkan ikutin langkah - langkah dibawah ini :

Pertama instal xampp terlebih dahulu setelah di instal buka folder xampp kemudian buka xampp-control
Setelah terbuka star Module Apace, MySQL, FileZilla seperti pada gambar
kemudian buka browser, lalu ketik localhost/phpmyadmin pada kotak URL kemudian Enter
Muncul tampilan seperti ini:
Lalu klik new > klik Databases > kemudian isi nama database lalu create database seperti di gambar> kemudian pilih database dibawa yang telah di buat.
Maka akan muncul tampilan seperti ini, Masukan Nama di kolom isi dengan db_login kemudian Number of Columns isi 3 jika sudah klik Go
selanjutnya isi kolom seperti pada gambar ini. jika sudah klik save. jangan lupa colom index Id_User pilih PRIMARY dan jangan lupa mencentang kotak A.I seperti pada gambar
setelah di save klik insert maka akan muncul tampilan seperti ini. lalu isi kolom value 1 jika itu akun pertama yang anda buat jika ke itu akun ke dua isi 2 dan seterusnya (untuk username dan password di isi sesuai keinginan anda) kemudian klik Go
Jika sudah muncul tampilan seperti ini berarti kalian sudah berhasil
Setelah selesai membuat database dan tabel akses login sekarang kita membuat script PHP

<html>
<title>Bongkarjaringan.blogspot.com</title>
<head>
     <table width="300" align="center">
        <form name="form1" method="post" action="koneksi.php">
          <tr>
            <td colspan="3"><strong>Masuk-In Your Username</strong></td>
          </tr>
          <tr>
            <td>Username</td>
            <td>:</td>
            <td><input name="username" type="text" id="username"/></td>
          </tr>
          <tr>
            <td>Password</td>
            <td>:</td>
            <td><input name="password" type="password" id="password"/></td>
          </tr>
          <tr>
            <td><input type="submit" name="Submit" value="Login"/></td>
         </tr>
     </form>
    </table>
</head>
</html>
setelah di copy lalu paste di notepad, sekarang kita Save As script tadi di Local Disk (C) > XAMPP > htdocs > "buat folder baru" kemudian save di dalam folder yang baru anda buat dengan nama index.php
( Catatan : beri nama folder yg anda buat sesuai nama database yang anda buat di localhost/phpmyadmin )
Script koneksi.php

<?php

$username= $_POST['username'];

$password=$_POST['password'];

$DB_NAME = 'masuk-in';

$DB_HOST = 'localhost';

$DB_USER = 'root';

$DB_PASS = '';

$mysqli = new mysqli($DB_HOST, $DB_USER, $DB_PASS, $DB_NAME);

if (mysqli_connect_errno()) {

printf("Connect failed: %s\n", mysqli_connect_error());

exit();

}

$query = "SELECT * FROM db_login WHERE Username='$username' and Password='$password'";

$result = $mysqli->query($query) or die($mysqli->error.__LINE__);

if($result->num_rows > 0) {

echo "Your Masuk-In is Succes.";

}

else {

echo 'username/password is wrong. please try again';

}

?>
Download Script Di Sini
kemudian Save As dengan nama koneksi.php di :
Local disk (C) > Xampp > htdocs > Save di folder yang sama dengan index.php.
Jika anda berhasil akan muncul tampilan seperti ini :

Catatan : pada script koneksi.php pada baris ke-4 $DB_NAME = 'masuk-in' ( kata masuk-in ganti sesuai nama database yang anda buat di localhost/phpmyadmin