Form login merupakan bagian penting dalam membangun sebuah aplikasi. Dengan adanya form login kita dapat membatasi pengguna dalam mengakses halaman yang kita buat. Banyak sekali anggapan dari temen-temen bahwa penanganan login itu sulit, benarkah sulit??. Jawabannya tentu tidak, pemrograman itu sebenarnya mudah dan asyik, syaratnya adalah tekun dan ulet itu saja. Kali ini saya akan mencoba memuat panduan login pada aplikasi menggunakan bahasa pemrograman php.

Sebelum memulai, mari kita persiapkan beberapa hal berikut;

  1. Nyalakan PC / Notebook Agan.
  2. Siapkan Secangkir kopi panas, biar nggak bosen bos.
  3. Putar lagu paporit agan biar nggak booring.
  4. Duduk dengan manis didepan PC/Notebook.
  5. Nyalakan service apache dan mysql / xampp/wampp/appserv dll.

Sekarang ayo kita mulai gan….

Langkah pertama adalah membuat database gan, gunanya adalah untuk nyimpen semua data pengguna yang dapat mengakses halaman kita. Panduan kali ini saya akan menggunakan phpmyadmin, sudah ada di paket xampp gan, tinggal dinyalain aja servicenya. Cara install xampp dan menjalankan service ada di posting saya sebelumnya.

Silahkan buka browser agan, lalu ketikan alamat http://localhost/phpmyadmin, pilih menu Database, buat database dengan cara memasukan nama database kedalam form input yang disediakan, lalu tekan enter.

Login dengan session itoez.com

Berikutnya adalah membuat table, pilih database yang tadi kita buat lalu create table dengan nama pengguna, isikan fiel2nya dengan benar.

table Login dengan session itoez.com

Langkah kedua kita akan membuat script php untuk koneksi ke database. Silahkan buka IDE anda lalu buat new file, kemudian tulis kode php berikut ini.

<?php
   $host_itoez        = "localhost";
   $user_itoez        = "root";
   $pass_itoez        = "";
   $db_itoez            = "db_login";
   mysql_connect($host_itoez,$user_itoez,$pass_itoez) or die('Koneksi Tidak Berhasil');
   mysql_select_db($db_itoez) or die('Database tidak ditemukan di Server');

?>

Simpan file tersebut kedalam direktori htdoc server anda, dengan nama koneksi.php.

Langkah ketiga adalah membuat form login, form ini digunakan sebagai interface pengguna saat akan memasuki aplikasi yang akan kita buat. Buat file baru kemudian ketikan kode dibawah ini.

<?php empty( $app ) ? header('location:../index.php') : '' ;?>
<div class="well">
<form method="POST" action="proses_login.php" accept-charset="UTF-8">
 <table>
 <tr><?php if(isset($_SESSION['error'])){?>
 <td colspan="3"><div class="alert alert-error"><a class="close" data-dismiss="alert" href="#">x</a>
 <?php echo $_SESSION['error']; unset($_SESSION['error']);}?></td>
 </tr>
 <tr> 
 <td valign="top"><label>Nama Login</label></td>
 <td valign="top">:</td>
 <td><input class="span3" placeholder="Username" type="text" name="username" required></td>
 </tr>
 <tr> 
 <td valign="top"><label>Kata Sandi</label></td>
 <td valign="top">:</td>
 <td><input class="span3" placeholder="Password" type="password" name="password" required></td>
 </tr>
 <tr>
 <td colspan="3" align="right"><button class="btn-info btn" type="submit">Login</button></td>
 </tr>
 </table>
</form>
</div>

Siampan kode diatas dengan nama login.php. Kemudian Create new file dan tulis kode dibawah ini.

<?php
session_start();
//Koneksi kedatabase server anda
include 'koneksi.php';

// Pengecekan kondisi username dan password
if(isset($_POST['username']) && ($_POST['password'])){

   // Variabel untuk menyimpan data username dan password yang dikirim dari form
   $username = $_POST['username'];
   $password = md5($_POST['password']);

   //function php untuk mengambil data dari database
   $sql = mysql_query("select * from pengguna where username = '$username' AND password = '$password'")or die ("SQL Error:".mysql_error());;
   $result = mysql_num_rows($sql);
   $data = mysql_fetch_array($sql);

   // Untuk menyimpan session login
   if ($result== 1){
       $_SESSION['username'] = $data['username'];
       $_SESSION['nama'] = $data['nama'];
       $_SESSION['level'] = $data['level'];
       header("location:index.php");
       $_SESSION['pesan'] = '<p><div class="alert alert-success">Selamat datang di www.itoez.com<b>'.$_SESSION['nama'].'</b> Anda login dengan level : <b>'.$_SESSION['level'].'</b></div></p>';
 
   }else{
        //pesan ini akan muncul jika username dan pasword, dan akan dialihkan ke form login
        $_SESSION['error']="Username atau Password Anda salah";
        header("location:index.php?app=login");
 }
 }else{
 //pesan ini akan muncul jika form login kosong, dan akan dialihkan ke form login
 $_SESSION['error']="Username atau password tidak boleh kosong"; 
 header("location:index.php?app=login");
}
?>

Simpan file diatas dengan nama proses_login.php.

Langkah Keempat adalah langkah terakhir, silahkan buka broser anda lalu tuliskan alamat http://localhost/login/login.php, sehingga akan tampil form seperti dibawah ini.

form Login dengan session itoez.com

(Visited 10,138 times, 9 visits today)