Membuat Form Sign Up/Register, Login dan Logout untuk
pembangunan sebuah web dengan berbasiskan member saat ini sudah menjadi
tren bagi para webmaster yang ingin membangun web yang "look
professional". Pada
artikel ini akan dijelaskan tutorial untuk membuat form sign up dan
login serta logout yang masih berbentuk sederhana. Untuk selanjutnya,
anda dapat membuat sendiri pengembangan dari script ini.
Langkah pertama, anda harus membuat file "Config.php". File ini berfungsi menghubungkan script yang anda buat dengan database. Isi dari file "config.php" ini dapat anda lihat di bawah
<?php$server = "localhost"; // server web anda.$database = "mydata"; // nama dari database yang anda buat.$db_user = "myusername"; // username dari mysql anda.$db_pass = "mypassword"; // password untuk mengakses mysql anda tersebut.$table = "users"; //nama table yang akan dibuat di database.?>
Simpan file tersebut di root web anda. Setelah selesai, anda dapat melanjutkan pada tahap yang kedua.
Buat file dengan nama "create.php". File ini berfungsi menjalankan perintah query database dalam pembuatan table signup dan login ini. Isi dari file ini dapat anda lihat dibawah.
<?phpinclude ("config.php");// konek ke server MYSQL$link = mysql_connect($server, $db_user, $db_pass)or die ("Could not connect to mysql because ".mysql_error());// pilih databasemysql_select_db($database)or die ("Could not select database because ".mysql_error());// bikin tabel di database$create = "create table $table (id smallint(5) NOT NULL auto_increment,username varchar(30) NOT NULL,password varchar(32) NOT NULL,PRIMARY KEY (id),UNIQUE KEY username (username));";mysql_query($create)or die ("Could not create tables because ".mysql_error());echo "Mangstabs!!sekarang lanjut ke tahap yang ketiga";?>
Sekarang
anda perlu membuat form yang digunakan pengunjung untuk sign up dan
berikan nama "register.html". File yang anda buat ini boleh berupa
halaman HTML biasa yang nantinya akan terhubung pada script php yang
nantinya anda akan buat. Untuk percobaan yang sederhana, anda dapat
meng-copy script di bawah pada halaman baru Dreamweaver.
<html><head><title>REGISTRASI MEMBER</title></head><body><form action="register.php" method="post">Pilih Username: <input type="text" name="username" size="20"><br>Pilih Password: <input type="password" name="password" size="20"><br><input type="submit" value="Sign Up"></form></body></html>
Setelah
itu buat file dengan nama "register.php". File ini akan berfungsi
sebagai perantara yang menghubungkan file register.html diatas dengan
database yang sudah anda buat. Untuk isi dari file "register.php dapat
anda lihat dibawah.
<?phpinclude("config.php");// konek ke server MYSQL$link = mysql_connect($server, $db_user, $db_pass)or die ("Could not connect to mysql because ".mysql_error());// pilih databasemysql_select_db($database)or die ("Could not select database because ".mysql_error());// cek kesamaan username
$qry = mysql_query($check) or die ("Could not match data because ".mysql_error());
$num_rows = mysql_num_rows($qry);
if ($num_rows != 0) {
echo "Maaf, username $username sudah ada yang punya<br>";
echo "<a href=register.html>Anda belum beruntung, silakan dicoba kembali</a>";
exit;
} else {
// masukkan data
$insert = mysql_query("insert into $table values (’NULL’, '".$_POST['username']."',
'".$_POST['password']."')")
or die("Could not insert data because ".mysql_error());
// tampilkan pesan sukses
echo "Akun Anda Telah Selesai Dibuat!<br>";
echo "Sekarang anda bisa <a href=login.html>Login sebagai member web Cyber4rt</a>";
}
?>
- Sekarang
anda perlu membuat form member untuk Login. Beri file ini dengan nama
"login.html". Isi dari file ini yaitu sebagai berikut :
<html><head>
<title>MEMBER LOGIN</title>
</head><body>
<form action="login.php" method="post">
Username: <input type="text" name="username" size="20"><br>
Password: <input type="password" name="password" size="20"><br>
<input type="submit" value="Log In">
</form>
</body></html>
- Sekarang
anda perlu membuat file yang akan menghubungkan file login.html dengan
database, berikan nama file ini dengan "login.php". Script-nya dapat
anda lihat dibawah.
<?php
include("config.php");
// konek ke server MYSQL
$link = mysql_connect($server, $db_user, $db_pass)
or die ("Could not connect to mysql because ".mysql_error());
// pilih database
mysql_select_db($database)
or die ("Could not select database because ".mysql_error());
$match = "select id from $table where username = '".$_POST['username']."'
and password = '".$_POST['password']."';";
$qry = mysql_query($match)
or die ("Could not match data because ".mysql_error());
$num_rows = mysql_num_rows($qry);
if ($num_rows <= 0) {
echo "Maaf, tidak ada username $username dengan password tersebut.<br>";
echo "<a href=login.html>Coba lagi</a>";
exit;
} else {
setcookie("loggedin", "TRUE", time()+(3600 * 24));
setcookie("mysite_username", "$username");
echo "Anda telah login!<br>";
echo "Lanjutkan ke <a href=members.php>member</a> area.";
}
?>
Perhatikan file tersebut pad baris ketiga paling bawah, disana berisi <a href=members.php>members.php
ini adalah sebuah area yang hanya bisa dilihat oleh para member. Anda
dapat membuat file members.php dengan kreasi sendiri. Sekarang saya akan
menjelaskan script yang digunakan untuk mengecek cookie, apakah orang
tersebut sudah login atau tidak. Simpan scipt ini di seluruh area
members. Script-nya sebagai berikut :
<?php if (!isset($_COOKIE['loggedin'])) die("Anda sedang tidak login! Silakan login terlebih dahulu");$mysite_username = $HTTP_COOKIE_VARS["mysite_username"];echo "Anda login sebagai $mysite_username."; ?>
Akhirnya
script yang terakhir yaitu script untuk logout. Script ini dapat
dihubungkan dengan link pada html biasa. Link ini diletakkan pada area
member. Lihat isi script-nya di bawah ini :
<?php// masa aktif cookiesetcookie ("loggedin", "", time() - 3600);echo "Anda sudah logout.<br>";echo "<a href=\"login.html\">Login</a>.";?>
Untuk peng-aplikasi-an dari script-script yang saya jelaskan di atas, dapat anda kreasikan sendiri. Selamat berkreasi.!!!!
sumber:http://www.seowaps.com/2013/07/cara-membuat-form-sign-up-register.html
Title : Cara Membuat Form Sign Up / Register, Login dan Logout di Website
Description : Membuat Form Sign Up/Register, Login dan Logout untuk pembangunan sebuah web dengan berbasiskan member saat ini sudah menjadi t...