Tuesday, March 1, 2016

Kategori: ,

Membuat PHP Login dan Registrasi Dengan PDO dan OOP

php tutorial

Tobi Web ID Tempatnya Cari Source Code Toko Online, Source Code Aplikasi PHP, Berbasis PHP dan MySQl, Source code CodeIgniter, Pengelolaan Data dengan Codeigniter, Contoh Program dengan PHP, Source Code eCommerce, Source Code dengan Laravel, cek source code website, source code toko online, source code toko online dengan php mysql

Ilustrasi gambar awal dari jurnalweb.com

Dalam postingan tutorial pada kali ini, saya akan membahas tentang bagaimana caranya  membuat sistem pendaftaran bagi user, atau bisa kita kenal dengan Singup dan sistem login dengan PHP dan MySQL dengan cara yang mudah dan sederhana . 
Signup atau pendaftaran sangatlah sering kita jumpai pada setiap jenis aplikasi berbasis web atau website tentang beberapa penulis dan session mempuyai peranan penting, konsepnya saat kita mulai login disitulah session berjalan dan saat kita logout, session pun diakhiri. Dalam tutorial ini terdapat beberapa script yang wajib sobat ikuti dan terdapat script yang bisa sobat download.

Ok, langsung saja kita ke TKP

DOWNLOAD : DROPBOX

Untuk pertama kali silahkan sobat buat database dengan nama db_jajal, atau terserah sobat, kemudian buatlah table dengan nama : users pada phpmyadmin.

Database : db_jajal
table : user

Berikut contoh tablenya, silahkan copy dan buatlah tablenya, lalu exportkan melalui phpmyadmin


CREATE DATABASE `db_jajal` ;
CREATE TABLE `db_jajal`.`users` (
`user_id` INT( 5 ) NOT NULL AUTO_INCREMENT PRIMARY KEY ,
`username` VARCHAR( 25 ) NOT NULL ,
`email` VARCHAR( 35 ) NOT NULL ,
`password` VARCHAR( 50 ) NOT NULL ,
UNIQUE (`email`)
) ENGINE = MYISAM ;
Selanjutnya buatlah script config.php untuk mengkoneksikan dengan database, berikut contoh scriptnya, silahkan copy dan pastekan lalu simpan dengan nama config.php. 


<?php
if(!mysql_connect("localhost","root",""))
{
     die('Maaf terdapat masalah ! --> '.mysql_error());
}
if(!mysql_select_db("db_jajal"))
{
     die('Database yang dipilih tidak ada! --> '.mysql_error());
}
?>
Register.php, selanjutnya buatlah script untuk menampilkan halaman registrasi, berikut scriptnya, copy dan pastekan, lalu simpan dengan nama register.php
<?php
session_start();
if(isset($_SESSION['user'])!="")
{
 header("Location: home.php");
}
include_once 'dbconnect.php';

if(isset($_POST['btn-signup']))
{
 $uname = mysql_real_escape_string($_POST['uname']);
 $email = mysql_real_escape_string($_POST['email']);
 $upass = md5(mysql_real_escape_string($_POST['pass']));
 
 if(mysql_query("INSERT INTO users(username,email,password) VALUES('$uname','$email','$upass')"))
 {
  ?>
        <script>alert('Register sukses ');</script>
        <?php
 }
 else
 {
  ?>
        <script>alert('Registration error...');</script>
        <?php
 }
}
?>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Contoh Login & Registration dengan PHP</title>
<link rel="stylesheet" href="style.css" type="text/css" />

</head>
<body>
<center>
<div id="login-form">
<form method="post">
<table align="center" width="30%" border="0">
<tr>
<td><input type="text" name="uname" placeholder="User Name" required /></td>
</tr>
<tr>
<td><input type="email" name="email" placeholder="Your Email" required /></td>
</tr>
<tr>
<td><input type="password" name="pass" placeholder="Your Password" required /></td>
</tr>
<tr>
<td><button type="submit" name="btn-signup">Sign Me Up</button></td>
</tr>
<tr>
<td><a href="index.php">Sign InS</a></td>
</tr>
</table>
</form>
</div>
</center>
</body>
</html>

Selanjutnya buatlah script untuk halaman awal, atau halaman login, Halaman ini ialah dimana halaman yang berisi inputan email dan password, lalu ketika berhasil login akan di alihkan ke halaman home.php,
berikut ini scriptnya, silahkan copy dan pastekan lalu simpan dengan nama index.php.


<?php
session_start();
include_once 'config.php';

if(isset($_SESSION['user'])!="")
{
 header("Location: home.php");
}
if(isset($_POST['btn-login']))
{
 $email = mysql_real_escape_string($_POST['email']);
 $upass = mysql_real_escape_string($_POST['pass']);
 $res=mysql_query("SELECT * FROM users WHERE email='$email'");
 $row=mysql_fetch_array($res);
 if($row['password']==md5($upass))
 {
  $_SESSION['user'] = $row['user_id'];
  header("Location: home.php");
 }
 else
 {
  ?>
        <script>alert('wrong details');</script>
        <?php
 }
 
}
?>
<!DOCTYPE html >
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Contoh Login & Registrasi dengan PHP</title>
<link rel="stylesheet" href="style.css" type="text/css" />
</head>
<body>
<center>
<div id="login-form">
<form method="post">
<table align="center" width="30%" border="0">
<tr>
<td><input type="text" name="email" placeholder="Your Email" required /></td>
</tr>
<tr>
<td><input type="password" name="pass" placeholder="Your Password" required /></td>
</tr>
<tr>
<td><button type="submit" name="btn-login">Sign In</button></td>
</tr>
<tr>
<td><a href="register.php">Sign Up Here</a></td>
</tr>
</table>
</form>
</div>
</center>
</body>
</html>

Home.php selanjutnya ialah membuat script home.php yaitu dimana script ini adalah halaman ketika login berhasil, berikut ini contoh scriptnya, silahkan copy dan pastekan lalu simpan dengan nama home.php
<?php
session_start();
include_once 'config.php';

if(!isset($_SESSION['user']))
{
 header("Location: index.php");
}
$res=mysql_query("SELECT * FROM users WHERE user_id=".$_SESSION['user']);
$userRow=mysql_fetch_array($res);
?>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Selamat datang - <?php echo $userRow['email']; ?></title>
<link rel="stylesheet" href="style.css" type="text/css" />
</head>
<body>
<div id="header">
 <div id="left">
    <label>tobiweb.id</label>
    </div>
    <div id="right">
     <div id="content">
         hi' <?php echo $userRow['username']; ?>&nbsp;<a href="logout.php?logout">Sign Out</a>
        </div>
    </div>
</div>
</body>
</html>
Langkah selanjutnya ialah membuat script logout.php, yaitu script yang akan mengakhiri session pada sebuah aplikasi atau website, berikut ini scriptnya silahkan copy dan pastekan lalu simpan dengan nama logout.php
<?php
session_start();

if(!isset($_SESSION['user']))
{
 header("Location: index.php");
}
else if(isset($_SESSION['user'])!="")
{
 header("Location: home.php");
}

if(isset($_GET['logout']))
{
 session_destroy();
 unset($_SESSION['user']);
 header("Location: index.php");
}
?>
Untuk mempercantik tampilan script diatas, silahkan sobat bisa menambahkan style css berikut, copy lalu simpan dengan nama style.css


@charset "utf-8";
/* CSS Document */

*
{
 margin:0;
 padding:0;
}
#login-form
{
 margin-top:70px;
}
table
{
 border:solid #dcdcdc 1px;
 padding:25px;
 box-shadow: 0px 0px 1px rgba(0,0,0,0.2);
}
table tr,td
{
 padding:15px;
 //border:solid #e1e1e1 1px;
}
table tr td input
{
 width:97%;
 height:45px;
 border:solid #e1e1e1 1px;
 border-radius:3px;
 padding-left:10px;
 font-family:Verdana, Geneva, sans-serif;
 font-size:16px;
 background:#f9f9f9;
 transition-duration:0.5s;
 box-shadow: inset 0px 0px 1px rgba(0,0,0,0.4);
}

table tr td button
{
 width:100%;
 height:45px;
 border:0px;
 background:rgba(12,45,78,11);
 background:-moz-linear-gradient(top, #595959 , #515151);
 border-radius:3px;
 box-shadow: 1px 1px 1px rgba(1,0,0,0.2);
 color:#f9f9f9;
 font-family:Verdana, Geneva, sans-serif;
 font-size:18px;
 font-weight:bolder;
 text-transform:uppercase;
}
table tr td button:active
{
 position:relative;
 top:1px;
}
table tr td a
{
 text-decoration:none;
 color:#00a2d1;
 font-family:Verdana, Geneva, sans-serif;
 font-size:18px;
}

/* css for home page  */

*
{
 margin:0;
 padding:0;
}
#header
{
 width:100%;
 height:60px;
 background:rgba(00,11,22,33);
 color:#9fa8b0;
 font-family:Verdana, Geneva, sans-serif;
}
#header #left
{
 float:left;
 position:relative;
}
#header #left label
{
 position:relative;
 top:5px;
 left:100px;
 font-size:35px;
}
#header #right
{
 float:right;
 position:relative;
}
#header #right #content
{
 position:relative;
 top:20px;
 right:100px;
 color:#fff;
}
#header #right #content a
{
 color:#00a2d1;
}

/* css for home page */

Sekian tutorial tentang membuat Login dan Registrasi dengan PDO dan OOP pada kali ini, semoga bisa bermanfaat, jika ada bertanyaan jangan sungkan-sungkan unutk berkomentar di blog ini. Terima Kasih atas kunjungannya.

Download : Dropbox

Ilustrasi gambar awal dari : Jurnalweb.com
Referensi dari : sugihcode.blogspot.com dan Google(dengan keyword : membuat login dan register dengan php)

Tobi Muhammad

Author & Editor

Tobi (Muhammad Tobi) adalah seorang Tukang Masak di perusahaan startup, suka sekali menulis dan mempelajari source code open source lisensi GNU di Github dll. Bisa pemrogramman web karena sering belajar dari contoh program yang ada di Github dll. Anak desa yang hanya lulusan Paket C.

0 comments:

Post a Comment

 

News Letters

Subscribe here to get our newsletter in your inbox, it is safe and EASY!

Copyright © Tobi Web™