Membuat Form Login Dengan PHP MySQL

Membuat Form Login Dengan PHP MySQL adalah proses utama dalam mengembangkan sebuah aplikasi berbasis web atau website. Aplikasi berbasis web maupun aplikasi lainnya yang membatasi akses oleh user agar tidak dapat mengakses bagian dalam sistem misalnya seperti bagian dari admin. oleh karena itulah login di gunakan sebagai pengaman dari data-data atau masing-masing akun. Jika sebuah website tidak memiliki proses login maka semua pengguna akan dapat mengakses halaman admin dan dapat dengan bebas untuk melakukan update postingan, menghapus postingan dan lain sebaginya. dan contoh lainnya coba bayangkan bagaimana jadi nya kalau akun facebook kita dapat di akses oleh semua orang tanpa harus login. oleh sebab itu login sangat penting pada website maupun semua aplikasi untuk menjaga keamanan dari akses luar.

Untuk lebih mengamankan proses login kita akan menambahkan enkripsi md5 pada password untuk lebih memberikan keamanan yang lebih. Ini dilakukan pada saat kita Membuat Form Login Dengan PHP MySQL. Jadi misalnya ada yang mengambil database dan table yang menyimpan data username dan password anda maka agak lebih sedikit aman karena akan sulit untuk mengetahui password yang sudah di enkripsi dengan md5. oke langsung saja kita akan belajar cara membuat form login dengan php mysql secara bertahap step by step agar lebih dipahami oleh Anda yang baru mulai belajar membuat login dengan php mysql dan bantuan enkripsi md5 untuk keamanan enkripsi password nya. Untuk belajar bagaimana cara membuat form edit data silahkan ikuti tutorial cara membuat form dan script edit data dengan PHP MySQL.

Tutorial cara Membuat Form Login Dengan PHP MySQL dilengkapi script login PHP ini kami lakukan pada sistem operasi Windows 7. Menggunakan web server XAMPP ver 5.6 include dengan database MySQL. Untuk mengikuti tutorial ini pastikan komputer anda telah terinstall web server XAMPP tersebut.

Berikut langkah - langkah tutorial cara membuat form login dengan php mysql lengkap dengan script login php :

Cara Membuat Form Login Dengan PHP MySQL

Membuat Form Login

1. Membuat Database

Sebagai persiapan di sini sudah kami siapkan database dengan nama db_tutorial dan sebuah table dengan tiga atribut atau field yaitu id, username dan password. Nama tabelnya adalah tb_login, data username admin yang digunakan untuk login kita simpan pada username kemudian data password kita simpan pada password. silahkan Anda import database dalam format SQL berikut, dan jangan lupa membuat database terlebih dulu dengan nama db_tutorial

-- phpMyAdmin SQL Dump
-- version 4.2.11
-- http://www.phpmyadmin.net
--
-- Host: 127.0.0.1
-- Generation Time: Oct 19, 2018 at 02:21 AM
-- Server version: 5.6.21
-- PHP Version: 5.6.3

SET SQL_MODE = "NO_AUTO_VALUE_ON_ZERO";
SET time_zone = "+00:00";


/*!40101 SET @OLD_CHARACTER_SET_CLIENT=@@CHARACTER_SET_CLIENT */;
/*!40101 SET @OLD_CHARACTER_SET_RESULTS=@@CHARACTER_SET_RESULTS */;
/*!40101 SET @OLD_COLLATION_CONNECTION=@@COLLATION_CONNECTION */;
/*!40101 SET NAMES utf8 */;

--
-- Database: `db_tutorial`
--

-- --------------------------------------------------------

--
-- Table structure for table `tb_login`
--

CREATE TABLE IF NOT EXISTS `tb_login` (
  `id` int(11) NOT NULL,
  `username` varchar(255) NOT NULL,
  `password` varchar(255) NOT NULL
) ENGINE=InnoDB DEFAULT CHARSET=latin1;

--
-- Dumping data for table `tb_login`
--

INSERT INTO `tb_login` (`id`, `username`, `password`) VALUES
(1, 'rajaputramedia', '123'),
(2, 'rpm123', '123');

--
-- Indexes for dumped tables
--

--
-- Indexes for table `tb_login`
--
ALTER TABLE `tb_login`
 ADD PRIMARY KEY (`id`);

/*!40101 SET CHARACTER_SET_CLIENT=@OLD_CHARACTER_SET_CLIENT */;
/*!40101 SET CHARACTER_SET_RESULTS=@OLD_CHARACTER_SET_RESULTS */;
/*!40101 SET COLLATION_CONNECTION=@OLD_COLLATION_CONNECTION */;

Membuat Form Login dengan PHP MySQL

Sampai pada tahap ini berarti database dan table login telah siap digunakan untuk membuat form login dengan php. Langkah selanjutnya adalah membuat tampilan form login sederhana

2. Membuat Form Login Sederhana

Buatlah folder baru untuk project baru ini. di sini kami membuat folder dengan nama "login-php" di localhost untuk membuat tutorial cara membuat login dengan php mysql ini. selanjutnya buat sebuah file php untuk kita buat menjadi form loginnya. Membuat file php nya boleh dengan nama index.php karena agar form login ini tampil sebagai homepage saat di akses

Save as index.php

<html>
<head>
	<title>Membuat Form Login Dengan PHP MySQL | Tutorial</title>	
</head>
<body>
	<h1>Membuat Form Login Dengan PHP MySQL | Tutorial</h1>
	<h3>Halaman Form Login Sederhana</h3>
	<form action="login.php" method="post">		
		<table>
			<tr>
				<td>Username</td>
				<td><input type="text" name="username"></td>
			</tr>
			<tr>
				<td>Password</td>
				<td><input type="password" name="password"></td>
			</tr>
			<tr>
				<td></td>
				<td><input type="submit" name="login" value="Log In"></td>
			</tr>
		</table>
	</form>
</body>
</html>

Jika script form login diatas kita eksekusi, tampilannya masih sangat sederhana saja dulu. Dan berikut adalah penampakannya;

Membuat Form Login dengan PHP MySQL

3. Membuat Koneksi Database

Kemudian yang tidak kalah pentingnya adalah buat sebuah file koneksi.php untuk menghubungkan project tutorial membuat form login dengan php mysql kita ini dengan database.

Save as koneksi.php

<?php 
	mysql_connect("localhost","root",""); //sesuaikan dengan password dan username mysql anda
	mysql_select_db("db_tutorial"); //nama database yang kita gunakan
?>

4. Membuat Action Login

Perhatikan pada form login yang sudah kita buat, kita menentukan aksi dari form tersebut ke file login.php. sehingga secara otomatis halaman akan di alihkan ke halaman login.php pada saat tombol login di klik atau form di submit. File login.php ini akan menangkap data username dan password yang ditulis pada form sebelum di submit. kemudian mencocokkan username dan password dengan username dan password yang ada pada database. jika username dan password adalah sesuai dengan yang ada di database berarti login sukses tetapi jika username dan password tidak sesuai dengan yang ada di database berarti login gagal

Save as login.php

<?php
	include 'koneksi.php';
	 
	$username = $_POST['username'];
	$password = $_POST['password'];
	 
	$query = mysql_query("SELECT * FROM tb_login where username='$username' and password='$password'");
	$cek = mysql_num_rows($query);
	
	if($cek==1){
		header("location:home.php");
	}
	else{
	?>
		<script language="JavaScript">
			alert('Oops! Username atau Password tidak sesuai ...');
			document.location='./';
		</script>
	<?php
	}
?>

Perintah mysql diatas adalah memilih atau mengambil data username dan password dari database yang SAMA dengan username dan password yang disubmit oleh form login. Kemudian hasil query mysql tersebut kita hitung jumlah record yang di temukan dengan fungsi mysql_num_rows(). Fungsi mysql_num_rows() adalah fungsi php yang berguna untuk menghitung jumlah record yang di temukan dari query mysql seperti yang dapat teman-teman sekalian lihat pada contoh di atas. Jadi apabila username dan password yang di input ada pada database maka nilai variabel $cek di atas akan berisi 1 dan jika tidak ada maka nilai pada variabel $cek adalah 0. Dengan 1 dan 0 inilah yang akan kita jadikan pendeteksi apakah username dan password yang di input pada form login benar atau salah. jika benar berarti nilainya adalah 1 dan jika salah nilai nya adalah 0. Pada contoh ini kami menampilkan isi nilai dari variabel $cek.

5. Desain Homepage After Login

Setelah login, biasanya kita akan diarahkan ke suatu halaman tertentu, misalnya halaman "home". Pada tutorial cara membuat form login dengan php mysql, setelah melakukan login maka akan tampil sebuah halaman dengan nama file home.php. Sebagai hasil atas login yang berhasil dengan nilai $cek = 1

Save as home.php

<html>
<head>
	<title>Membuat Form Login Dengan PHP MySQL | Tutorial</title>	
</head>
<body>
	<h1>Membuat Form Login Dengan PHP MySQL | Tutorial</h1>
	<h3>LOGIN BERHASIL !!!</h3>
	<br />
	<br />
	<a href="./">Log out</a>
</body>
</html>

6. Test Tutorial Cara Membuat Form Login dengan PHP MySQL

Sebagaimana pada script login di atas. Jika 1 adalah berhasil dan akan mengarah ke homepage after login, yaitu home.php. Sedangkan jika 0 atau else, yang artinya tidak sama dengan 1, maka akan tampil alert login gagal

Jika berhasil akan tampil seperti gambar berikut;

Membuat Form Login dengan PHP MySQL

Dan jika gagal akan tampil alert Javascript seperti gambar berikut;

Membuat Form Login dengan PHP MySQL

Query yang mengarahkan ke page after login, jika berhasil maupun gagal ada sebagai berikut. Terletak pada script login.php

if($cek==1){
	header("location:home.php");
}
else{
	?>
		<script language="JavaScript">
			alert('Oops! Username atau Password tidak sesuai ...');
			document.location='./';
		</script>
	<?php
}

Download Tutorial Membuat Form Login Dengan PHP MySQL

Download Form Login

Sekian penjelasan dari kami tentang tutorial cara Membuat Form Login dengan PHP MySQL dilengkapi dengan script login PHP beserta validasinya. Untuk mendapatkan source code nya Anda dapat langsung mendownload melalui link di atas. jika link download tidak aktif atau error mohon hubungi kami melalui SMS atau email atau melalui form komentar dan obrolan. Semoga dapat membantu.

Baca juga :