header wahyu winoto blog

Membuat Form Login Logout Register


Website dengan basis php dan html sederhana ternyata mudah sekali untuk dikreasikan, termasuk dijadikan website dengan sistem membership. Berikut ini akan dijelaskan panduan untuk membuat form register atau sign up dan login serta logout secara sederhana. Sedangkan untuk tingkat lanjut anda dapat kreasikan sendiri sesuai skill masing-masing.

Membuat Form Login Logout Register
Membuat Form Login Logout Register

Jika anda baru belajar, gunakan saja cara termudah untuk membuat file-file berikut ini yaitu dengan Notepad, lalu Save dengan ekstensi sesuai panduan berikut:

1. Pertama, buat file "Config.php". 
File ini berfungsi menghubungkan script yang anda buat dengan database. 
Isi dari file "config.php" ini dapat anda lihat di bawah ini:

<?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.?> 

2. 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";?> 

3. 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 selanjutnya. 

Untuk percobaan yang sederhana, anda dapat meng-copy script di bawah pada Notepad dan simpan dengan nama register.html

<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>

4. Keempat
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 ini :

<?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>";
}
?> 

5. Kelima
Buat form 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> 

6. Keenam
Buat file yang akan menghubungkan file login.html dengan database, berikan nama file ini dengan "login.php". Script-nya dapat anda lihat dibawah ini:

<?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 pada 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. 

7. Ketujuh
Buat 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."; ?>

8. Kedelapan
Buat file 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>.";?>

Silahkan simak dengan seksama, lalu buat dan latihan sesuai panduan diatas.
Semua file tersebut nantinya dapat anda upload ke webserver dengan kreasi tampilan anda masing-masing, sehingga form register, login, halaman member area, dan logout dapat tersusun rapi serta memudahkan para pengunjung atau member.


Share artikel: kepada saudara maupun kawan anda.

Tidak ada komentar:

Posting Komentar




© 2010 - 2024 || By Blogger || Hak cipta dilindungi UU.
TOP