Membuat Form Login dan Logout dengan PHP dan MySQL

Pada kesempatan baik ini kami akan memberikan sebuah tutorial tentang bagaimana cara membuat form login dengan php dan mysql. Membuat suatu akses terhadap form login dan logut menggunakan pemrograman PHP dan database MySQL. Login adalah proses terbatas yang hanya dapat dilakukan oleh pengguna yang telah memiliki akun otoritas, umumnya adalah username dan password. Membuat form login dan logout php kali ini kami sajikan dalam tutorial yang cukup jelas untuk dipahami.

Tiap kali Anda mengakses sebuah halaman website seperti Facebook, Twitter, G+, dan sejenisnya, sudah tentu yang tampil terlebih dulu adalah sebuah halaman yang menyajikan 2 buah kolom kosong, yaitu kolom "username" dan kolom "password" , halaman ini lah yang kemudian disebut sebagai form login. Fungsinya untuk membatasi hak akses para pengunjung website. Dapat dikatakan bahwa hanya member terdaftar saja yang bisa mengakses halaman tertentu pada sebuah website. Untuk belajar bagaimana cara membuat form edit data silahkan ikuti tutorial cara membuat form dan script edit data dengan PHP MySQL.

Tutorial membuat form login dengan PHP dan MySQL dilengkapi script logout PHP ini, kami lakukan pada sistem operasi Windows 7 dan menggunakan web server XAMPP ver 2.5 include dengan database MySQL. Untuk mengikuti tutorial ini pastikan komputer anda telah terinstall web server XAMPP tersebut.

Berikut langkah - langkah membuat form login dengan PHP dan MySQL, lengkap dengan script login dan script logout nya :

Membuat Form Login dengan PHP dan MySQL

Form Login PHP MySQL

1. Jalankan XAMPP Control Panel, kemudian aktifkan Apache dan MySQL.

Membuat Form Login dengan PHP dan MySQL

2. Akses ke database MySQL melalui browser dengan url : http://localhost/phpmyadmin/.

3. Buat database dengan nama " login ".

4. Buat sebuah table dalam database " login " tersebut dengan nama "admin", beri 2 buah field dengan nama "user" dan "password".
Berikan nilai / value pada field user dan password tersebut, masing - masing contohnya "user = admin" dan "password = 12345".
Pastikan terbentuk seperti gambar berikut:

Membuat Form Login dengan PHP dan MySQL

5. Desain form login PHP. Tampilan nya seperti berikut:

Membuat Form Login dengan PHP dan MySQL

Untuk membentuk form login yang dapat diakses melalui web browser seperti gambar diatas, tulis script PHP berikut pada text editor (notepad):
Save as index.php

<html>
	<head><title>membuat form login dengan php dan mysql</title>
	<style type="text/css">
	table {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
	}
	input {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		height: 20px;
	}
	</style>
	</head>
	<body bgcolor="#cccccc"><br />
		<div align="center">
			<form name="form-login" method="POST" action="login.php">
				<table width="310" border="0" cellpadding="0" cellspacing="0">
					<tr bgcolor="blue">
						<td height="25" colspan="2" align="center"><font color="#FFFFFF">Form Login PHP - MySQL</font></td>
					</tr>
					<tr>
						<td width="106" height="16"> </td>
						<td width="180"> </td>
					</tr>
					<tr>
						<td height="18" align="right">Username : </td>
						<td><input type="text" name="user" size="20" maxlength="9"></td>
					</tr>
					<tr>
						<td> </td>
						<td> </td>
					</tr>
					<tr>
						<td height="18" align="right" >Password : </td>
						<td><input type="password" name="password" size="20"></td>
					</tr>
					<tr>
						<td height="16"> </td>
						<td> </td>
					</tr>
					<tr>
						<td height="18" align="top"> </td>
						<td align="left"><input type="submit" value=" Login "></td>
					</tr>
					<tr>
						<td height="16"> </td>
						<td> </td>
					</tr>
					<tr bgcolor="blue">
						<td height="25" colspan="2" align="top"> </td>
					</tr>
				</table>
			</form>
		</div>
	</body>
</html>

6. Bentuk file php dengan nama "login.php", fungsinya adalah sebagai form action yang didefinisikan oleh form login pada index.php

Save as login.php

<?php
	ob_start();
	session_start();
	$user		= $_POST['user'];
	$password	= $_POST['password'];
	$_SESSION['user'] = $user;
		$Open = mysql_connect("localhost","root","");
			if (!$Open){
			die ("Koneksi ke Engine MySQL Gagal !");
				}
		$Koneksi = mysql_select_db("login");
			if (!$Koneksi){
			die ("Koneksi ke Database Gagal !");
			}
	$sql = "SELECT * FROM admin where user='$user'";
	$qry = mysql_query($sql);
	$num = mysql_num_rows($qry);
	$row = mysql_fetch_array($qry);

	if ($num==0 OR $password!=$row['password']) {
	?>
		<script language="JavaScript">
			alert('Username atau Password tidak sesuai !');
			document.location='index.php';
		</script>
	<?php
	}
	else {
		$_SESSION['login']=1;
		header("Location: home.php");
	}
	mysql_close($Open); //Tutup koneksi engine MySQL
?>

Setelah login maka biasanya kita akan diarahkan ke suatu halaman tertentu, misalnya halaman "home". Pada tutorial ini, setelah melakukan login maka akan tampil sebuah halaman dengan nama file home.php, dimana pada halaman tersebut terdapat sebuah link logout dengan nama file logout.php. Masing - masing file tersebut terbentuk oleh script PHP pada langkah berikut.

7. Bentuk file home.php, sehingga terbentuk seperti tampilan berikut:

membuat form login dengan php dan mysql

Save as home.php

<?php
	session_start();
	if(!isset($_SESSION['login'])) {
		include("index.php");
	}
	else {
	?>
	<html>
		<head><title>membuat form login dengan php dan mysql</title></head>
		<body bgcolor="#cccccc"><br />	
			<font face="vivaldi" color="blue" size="7">Login Berhasil !</font><br />
			<center><font face="arial" color="black" size="2"><a href="logout[dot]php">Logout</a></font></center>	
		</body>
	</html>
	<?php
	}
?>

8. Bentuk file logout.php

Save as logout.php

<?php
	session_start();
	unset($_SESSION['login']);
	session_destroy();
	header("Location: index.php");
?>

Download Tutorial Form Login PHP MySQL

Download Complete Script Form Login PHP

9. Selesai.

Sekian penjelasan dari kami tentang bagaimana cara Membuat Form Login dengan PHP dan MySQL, dilengkapi dengan script login PHP dan script logout PHP. 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 :

Membuat form login dengan PHP dan MySQL

Tags: logout dengan php dan mysql, form login php, script logout php, script login php, membuat form login dengan php dan mysql, membuat form login dan logout dengan php mysql

Membuat form login dengan PHP dan MySQL

Membuat Form Login dan Logout dengan PHP dan MySQL

Membuat Form Login dengan PHP dan MySQL

Download Tutorial Form Login PHP MySQL

Membuat form login dengan PHP dan MySQL

Reliable

Advertise

Archive

Payment & Donation

Live Chat