Nothing Special   »   [go: up one dir, main page]

Membuat Halaman Register, Login Dan Logout

Download as docx, pdf, or txt
Download as docx, pdf, or txt
You are on page 1of 8

MEMBUAT HALAMAN REGISTER, LOGIN DAN LOGOUT

1. Buat database untuk user


Contoh
CREATE TABLE `web`.`user` (

`id_user` INT( 4 ) NOT NULL AUTO_INCREMENT PRIMARY KEY ,


`nama` VARCHAR( 100 ) NOT NULL ,
`username` VARCHAR( 100 ) NOT NULL ,
`password` VARCHAR( 100 ) NOT NULL
) ENGINE = MYISAM

2. Buat file koneksi database


Contoh
<?
mysql_connect("localhost","root","170786");
mysql_select_db("web");
?>

Simpan dengan nama config.php


Keterangan
 localhost = nama host
 root = username MySQL
 170786 = password MySQL
 Web = nama database

3. Buat file index yang berisi form untuk login dan tombol untuk registrasi
Contoh
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Administrator</title>
<style type="text/css">
<!--
.style1 {
color: #FFFFFF;
font-size: 14px;
}
-->
</style>
</head>

<body>
<table align="center" width="790" border="0">

<tr>
<td width="16%" colspan="2" valign="top">
<p><a href="daftaruser.php">Daftar Anggota</a></p>
<form name="form" id="LoginForm" method="post" action="cek.php">
<table align="center" width="50%" border="0">
<tr>
<td colspan="3"><div align="left"><strong>HALAMAN LOGIN ADMINISTRATOR</strong></div></td>
</tr>
<tr>
<td width="32%" valign="top" rowspan="3"><img src="admin.png" width="123" height="146" /></td>
<td width="25%" valign="top">Username</td>
<td width="43%" valign="top"><input type="text" name="username" id="username" /></td>
</tr>
<tr>
<td valign="top">Password</td>
<td valign="top"><input type="password" name="password" id="password" /></td>
</tr>
<tr>
<td valign="top">&nbsp;</td>
<td valign="top"><input type="submit" name="login" id="login" value="Masuk" /></td>
</tr>
</table>
</form>
<p>&nbsp;</p></td>

</tr>

</table>
</body>
</html>

Simpan dengan nama index.html

4. Buat file pendaftaran user


Contoh
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Administrator</title>
</head>
<body>
<table width="790" border="0" align="center">
<tr>
<td><a href="index.html">&lt;&lt; Back</a><br>
<br>
<h4>FORM DAFTAR USER</h4>
<br>
<form method="post" action="prosesuser.php">
<pre>
Nama : <input name="nama" type=text size="20" ><br>
Username : <input name="username" type=text size="20" ><br>
Password : <input name="password" type=password size="20" ><br>

<input type=submit value=Simpan name="simpan"> <input type=reset value=Batal>


</pre>
</form>
</td>
</tr>
</table>

Simpan file dengan nama daftaruser.php


5. Buat file pemrosesan pendaftaran user
Contoh
<?php

include("config.php");

if($_POST['simpan']) {
$nama = $_POST['nama'];
$username = $_POST['username'];
$password = $_POST['password'];
if(!$nama) {
?><script language="JavaScript">alert('Nama Tidak Boleh Kosong');
document.location='daftaruser.php'</script><?
}elseif(!$username) {
?><script language="JavaScript">alert('Username Tidak Boleh Kosong');
document.location='daftaruser.php'</script><?
}elseif(!$password) {
?><script language="JavaScript">alert('Password Tidak Boleh Kosong');
document.location='daftaruser.php'</script><?
}else {
mysql_query("INSERT INTO user VALUES ('','$nama','$username','$password')");
?><script language="JavaScript">alert('User Berhasil Ditambahkan');
document.location='index.html'</script><?
}
}
?>

Simpan file dengan nama prosesuser.php

6. Buat file untuk pemrosesan login user


Contoh
<?php
session_start();
#**************** koneksi ke mysql *****************#
include "config.php";

#jika ditekan tombol login


if(isset($_POST['login'])) {
$username = $_POST['username'];
$password = $_POST['password'];
$sql = mysql_query("SELECT * FROM user WHERE username='$username' && password='$password'");
$num = mysql_num_rows($sql);
if($num==1) {
// login benar //
$_SESSION['user'] = $username;
$_SESSION['passwd'] = $password;
?><script language="JavaScript">alert('Selamat Datang di Halaman Administrator');
document.location='home.php'</script><?
} else {
// jika login salah //
?><script language="JavaScript">alert('Username atau password Anda salah');
document.location='index.html'</script><?
}
}
?>

Simpan dengan nama file cek.php


7. Buat halaman home, digunakan apabila login sukses
Contoh
<?
session_start();
//periksa apakah user telah login atau memiliki session
if(!isset($_SESSION["user"]) || !isset($_SESSION["passwd"])) {
?><script language="JavaScript">alert("Anda belum login. Silahkan login dulu");
document.location="index.html"</script><?
} else {
?>
<?
$halaman=$_SERVER['PHP_SELF'];
include "config.php";
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Administrator</title>
</head>

<body>
<table width="790" border="0" align="center">
<tr>
<td width="20%" valign="top">&nbsp;</td>
<td width="80%" valign="top" bgcolor="#00FF00"><strong>&gt;&gt; HALAMAN
ADMINISTRATOR</strong></td>
</tr>
<tr>
<td valign="top"><a href="home.php">Home</a><br />
<a href="tamu.php">Buku Tamu</a><br />
<a href="user.php">User</a><br />
<a href="logout.php">Logout</a></td>
<td valign="top"><p>Selamat datang </p>
</td>
</tr>
</table>
</body>
</html>
<? } ?>

Simpan dengan nama file home.php


8. Buat halaman untuk menampilkan daftar user yang telah disimpan
Contoh
<?
session_start();
//periksa apakah user telah login atau memiliki session
if(!isset($_SESSION["user"]) || !isset($_SESSION["passwd"])) {
?><script language="JavaScript">alert("Anda belum login. Silahkan login dulu");
document.location="index.html"</script><?
} else {
?>
<?
$halaman=$_SERVER['PHP_SELF'];
include "config.php";
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Administrator</title>
</head>

<body>
<table width="790" border="0" align="center">
<tr>
<td width="20%" valign="top">&nbsp;</td>
<td width="80%" valign="top" bgcolor="#00FF00"><strong>&gt;&gt; HALAMAN
ADMINISTRATOR</strong></td>
</tr>
<tr>
<td valign="top"><a href="home.php">Home</a><br />
<a href="tamu.php">Buku Tamu</a><br />
<a href="user.php">User</a><br />
<a href="logout.php">Logout</a></td>
<td valign="top"><p>
<?
$muncul=mysql_query("select * from user");
$jumlah=mysql_num_rows($muncul);
echo "DAFTAR USER <br />";
echo "<table border=1 width=100%>";
echo "<tr align=center bgcolor=#003399>
<td width=5%><font color=#FFFFFF size=2 face=Times New Roman>No</td>
<td width=40%><font color=#FFFFFF size=2 face=Times New Roman>Nama</td>
<td width=15%><font color=#FFFFFF size=2 face=Times New Roman>Username</td>
<td width=15%><font color=#FFFFFF size=2 face=Times New Roman>Password</td>
<td width=35%><font color=#FFFFFF size=2 face=Times New Roman>Action</td></tr>";
$i=1;
while($data=mysql_fetch_array($muncul))
{
echo "<tr><td align=center>$i</td>
<td>$data[nama]</td>
<td>$data[username]</td>
<td align=left>$data[password]</td>";
//buat link untuk edit dan hapus data
echo "<td align=center> <a href=edituser.php?id=$data[id_user]>Edit</a> ||
<a href=hapususer.php?id=$data[id_user]>Hapus</a></td></td></tr>";
$i++;
}
Echo "</table>";
?>
</p></td>
</tr>
</table>
</body>
</html>
<? } ?>

Simpan dengan nama file user.php

9. Buat halaman edit user


Contoh
<?
session_start();
//periksa apakah user telah login atau memiliki session
if(!isset($_SESSION["user"]) || !isset($_SESSION["passwd"])) {
?><script language="JavaScript">alert("Anda belum login. Silahkan login dulu");
document.location="index.html"</script><?
} else {
?>
<?
$halaman=$_SERVER['PHP_SELF'];
include "config.php";
$id=$_GET['id'];
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-
transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Administrator</title>
</head>

<body>
<table width="790" border="0" align="center">
<tr>
<td width="20%" valign="top">&nbsp;</td>
<td width="80%" valign="top" bgcolor="#00FF00"><strong>&gt;&gt; HALAMAN ADMINISTRATOR</strong></td>
</tr>
<tr>
<td valign="top"><a href="home.php">Home</a><br />
<a href="tamu.php">Buku Tamu</a><br />
<a href="user.php">User</a><br />
<a href="logout.php">Logout</a></td>
<td valign="top"><p>
<?
$query = "SELECT * FROM user WHERE id_user='$id'";
$hasil = mysql_query($query);
while($row = mysql_fetch_array($hasil)){
$nama=$row['nama'];
$username=$row['username'];
$password=$row['password'];
}
?>
<a href="user.php">&lt;&lt; Back</a>
<form action="prosesedit.php" method="post">
<pre>
Nama : <input type=text name=nama value="<? echo $nama; ?>"><br>
Username : <input type=text name=username value="<? echo $username; ?>"><br>
Password : <input type=password name=password value="<? echo $password; ?>"><br>

<input type="submit" name="simpan" value="Simpan">


</pre>
</form>
</p></td>
</tr>
</table>
</body>
</html>
<? } ?>

Simpan dengan nama file edituser.php

10. Buat file pemrosesan edit user


Contoh
<?php

include("config.php");
$id=$_GET['id'];

if($_POST['simpan']) {
$nama = $_POST['nama'];
$username = $_POST['username'];
$password = $_POST['password'];
if(!$nama) {
?><script language="JavaScript">alert('Nama Tidak Boleh Kosong');
document.location='user.php'</script><?
}elseif(!$username) {
?><script language="JavaScript">alert('Username Tidak Boleh Kosong');
document.location='user.php'</script><?
}elseif(!$password) {
?><script language="JavaScript">alert('Password Tidak Boleh Kosong');
document.location='user.php'</script><?
}else {
mysql_query("UPDATE user set nama='$nama', username='$username', password='$password' where
id_user='$id'");
?><script language="JavaScript">alert('User Berhasil Ubah');
document.location='user.php'</script><?
}
}
?>

Simpan dengan nama file prosesedit.php


11. Buat file untu menghapus user
Contoh
<?
$id=$_GET['id'];
include "config.php";
$r=mysql_query("DELETE FROM user where id_user='$id'");
if($r) {
?><script language="JavaScript">alert('Data Berhasil Dihapus');
document.location='user.php'</script><?
};
?>

Simpan dengan nama file hapususer.php

12. Buat file untuk logout


Contoh
<?
session_start();
//periksa apakah user telah login atau memiliki session
if(!isset($_SESSION["user"]) || !isset($_SESSION["passwd"])) {
?><script language="JavaScript"> document.location="index.html"</script><?
} else {
unset($_SESSION);
session_destroy();
?><script language="JavaScript"> document.location="index.html"</script><?
}
?>

Simpan dengan nama file logout.php

You might also like