Belajar PHP sendiri membuat halaman daftar dan halaman log in, log outmember

Halaman yang mengharuskan member untuk login terlebih dahulu agar bisa mengaksesnya sudah sering kita jumpai dalam kehidupan sehari-hari contohnya facebook, tanpa register kemudian login sebagai member tentunya kita tidak bisa mengakses halaman tertentu.
Kali ini kita akan belajar membuat halaman register, log in, log out serta membuat sebuah halaman yang HANYA bisa di akses/lihat jika kita sudah login.
Yang akan kita kerjakan :

• Membuat halaman register member -> form_daftar.php
• Membuat action : daftar.php
• Membuat halaman login -> form_login.php
• Membuat action : cek_login.php
• Membuat halaman login_sukses.php (halaman inilah yang HANYA bisa dilihat jika kita sudah login)
• Membuat action :logout.php

Demo


Sebelum membuat semua itu terlebih dahulu buatlah sebuah database dengan nama : dataku
Dalam database tersebut buatlah table dengan nama : member, fieldnya :

Nama (varchar,25)
Alamat (varchar,50)
Phone(varchar,12)
Password(varchar,225)
Jika kamu butuh panduan cara membuat database, silakan lihat di sini.

Selesai membuat database dan table, buat folder dengan nama : latihan, di c:\xampp\htdocs
Folder ini nanti tempat menyimpan praktek kita.
Dan perjalanan pun di mulai…… :D

1. MEMBUAT HALAMAN REGISTER MEMBER (form_daftar.php)
Oiya, jangan lupa jalankan aplikasi xampp yak..

• Buka notepad, ketikkan :

<?
echo "
<form method='post' action='daftar.php'>
<table> <tr><td colspan='2'> <b>HALAMAN DAFTAR </b></td><tr>
<tr><td> Nama </td><td><input type='text' name='daftar_nama'></td></tr>
<tr><td> Alamat </td><td><input type='text' name='daftar_alamat'></td></tr>
<tr><td> Phone </td><td><input type='text' name='daftar_phone'></td></tr>
<tr><td> Password </td><td><input type='password' name='daftar_password'></td></tr>
</table>
<input type='submit' value='Daftar..'> <input type='reset' value='Batal'>
</form>
<a href='form_login.php'>Log in </a><br>
<br><font color='red'> Kreasi : alvin perez | alvin.per3z@yahoo.com<br>
>> Mahasiswa STMIK SINUS SURAKARTA</font>";
?>

• Simpan dengan nama form_daftar.php pada folder c:xampp\htdocs\latihan
• Lihat hasilnya, ketik di browser localhost/latihan/form_daftar.php
• Hasil :

2. MEMBUAT ACTION : daftar.php

• Buka notepad, ketikkan:

<?
$host="localhost";
$user="root";
$password="";
$db="dataku";
$konek=mysql_connect($host,$user,$password) or die (mysql_error());
mysql_select_db($db,$konek) or die (mysql_error());
mysql_query("insert into member values('$_POST[daftar_nama]','$_POST[daftar_alamat]','$_POST[daftar_phone]','$_POST[daftar_password]')",$konek) or die(mysql_error());
echo "
Pendaftaran berhasil...<br>
Silakan login...<br><br>
<br><font color='red'> Kreasi : alvin perez | alvin.per3z@yahoo.com<br>
>> Mahasiswa STMIK SINUS SURAKARTA</font>";
header("refresh:1;url='form_login.php' ");
?>

• Simpan dengan nama daftar.php di folder c:xampp\htdocs\latihan

3. MEMBUAT HALAMAN LOG IN (form_login.php)

• Boca notepad, ketikkan :

<?
echo "
<form method='post' action='cek_login.php'>
<table> <tr><td colspan='2'> <b>HALAMAN LOG IN </b></td><tr>
<tr><td> Nama </td><td><input type='text' name='input_nama'></td></tr>
<tr><td> Password </td><td><input type='password' name='input_password'></td></tr>
</table>
<input type='submit' name='login' value='Log in..'>
</form>
<a href='form_daftar.php'>Daftar ?</a><br>
<br><font color='red'> Kreasi : alvin perez | alvin.per3z@yahoo.com<br>
>> Mahasiswa STMIK SINUS SURAKARTA</font>";
?>

• Simpan dengan nama form_login.php di c:xampp\htdocs\latihan
• Lihat hasilnya, ketikkan di browser localhost/latihan/form_login.php
• Hasil :

4. MEMBUAT ACTION: cek_login.php

• Buka notepad, ketikkan :

<?
$host="localhost";
$user="root";
$password="";
$db="dataku";
$konek=mysql_connect($host,$user,$password) or die (mysql_error());
mysql_select_db($db,$konek) or die (mysql_error());

$nama_login=$_POST['input_nama'];
$password_login=$_POST['input_password'];

$query_login=mysql_query("select * from member where nama='$nama_login' and password='$password_login'",$konek);

$baris=mysql_num_rows($query_login);

if ($baris==1)
{
session_register("input_nama");
session_register ("input_password");
$_SESSION['nama']=$nama_login;
header ("location:login_sukses.php");
}
else
{
echo "<font size='4'>Username atau password salah ...!</font><br><br>
<a href='form_login.php'>Log in </a><br>
<br><font color='red'> Kreasi : alvin perez | alvin.per3z@yahoo.com<br>
>> Mahasiswa STMIK SINUS SURAKARTA</font>";
}

ob_end_flush();
?>

• Simpan dengan nama cek_login.php di c:xampp\htdocs\latihan

5. MEMBUAT HALAMAN LOGIN SUKSES (login_sukses.php)

• Buka notepad, ketikkan :

<?
session_start();
if (!$_SESSION['nama'])
{
header ("location:form_daftar.php");
}
else
echo "
<font color='#8A2BE2'><b>
KAMU TELAH BERHASIL LOG IN <br></font>

<table cellpadding='5' border='1'><tr><td>
<font color='#8A2BE2'><b>
Halaman ini hanya bisa dilihat oleh<br>
member yang berhasil login..<br><br>
</b></font>
</td></tr></table>
<a href='logout.php'><b>LOG OUT</b></a>

<br><br><font color='red'> Kreasi : alvin perez | alvin.per3z@yahoo.com<br>
>> Mahasiswa STMIK SINUS SURAKARTA</font>";

?>

• Simpan dengan nama login_sukses.php di c:xampp\htdocs\latihan
• Hasil :

6. MEMBUAT ACTION : logout.php

• Buka notepad, ketikkan :

<?
session_start();
if (!$_SESSION['nama'])
{
header ("location:form_daftar.php");
}
else
{
unset($_SESSION);
session_destroy();
header ("location:form_login.php");
}
?>

• Simpan dengan nama logout.php di c:xampp\htdocs\latihan

SELESAAAIIIIIIIII….. :D

Silakan kamu coba jalankan dengan buka browser ketikkan localhost/latihan/form_daftar.php

Selamat mencoba…. ;)



Kreasi : Alvin perez, boleh mengkopi atau mengembangkan semua tutorial di atas.