Langsung ke konten utama

Membuat Halaman Login sederhana

 
   Pada kesempatan kali ini saya akan memberikan tutorial mengenai bagaimana caranya untuk membuat halaman login dengan php dan mysql. Ini merupakan tutorial dasar dari php dan mysql. 

   Seperti yang kita ketahui halaman login adalah halaman untuk memasukkan informasi, atau memastikan bahwa benar-benar kita yang melihat halaman tersebut (dengan validasi katasandi). Ini digunakan untuk mengakses halaman tertentu dan mendapat akses untuk melakukan kegiatan tertentu.  jika yang masih awam, disarankan untuk mengikuti langkah - langkah nya.

   Pada dasarnya, halaman ini dibuat dengan memainkan fungsi session pada php dan metode select pada mysql. Algoritma nya begini, input username dan password pada form, kemudian setelah di submit maka lakukan select di database, jika username dan password cocok (gunakan WHERE) maka session akan aktif dan redirect ke halaman admin/profil. Saat ditekan logout digunakan fungsi session_destroy(). Mungkin itu penjelasan dasarnya, untuk lebih lengkapnya silahkan ikuti langkah-langkah dibawah ini :


 Untuk membuat halaman Login sederhana siapkan Software :
- Xampp
   Silakan Download DISINI
- Notepad
   Silakan Download DISINI (Notepad ++)

Langkah-langkah membuat halaman login dengan php dan mysqli :
1. Buat database dengan struktur dibawah ini dan masukkan (insert) data yang akan di gunakan untuk login :
Dimana pada gambar kita sediakan username dan password yang akan digunakan untuk validasi nanti.

2. Buat file dengan nama index.php untuk membuat form nya, kemudian isi dengan kode dibawah ini :

<!DOCTYPE html>
<html>
<head>
 <title>Login Sederhana Dengan MySqli</title>
 <style>
 .form {
  margin: 10% 0 0 25%;
  float: left;
  width: 60%;
 }
 .input {
  padding: 1%;
  color: #777777;
  font-size: 14pt;
  float: left;
  width: 80%; 
  margin-bottom: 1%;
 }
 .submit {
  padding: 1%;
  color: #fff;
  background-color: #11b022;
  font-size: 14pt;
  font-family: Times New Roman;
  float: left;
  width: 25%; 
 }
 .welcome {
  color: #11bb22;
  font-size: 20pt;
  font-weight: 900;
  font-family: Centaur;
 }


 </style>
</head>
<body>

<div class="form">
<span class="welcome">Harap Login Terlebih Dahulu !</span>
 <form action="login.php" method="post">
  <input class="input" type="text" name="username" placeholder="Username">
  <input class="input" type="text" name="password" placeholder="Password">
  <input class="submit" type="submit" value="Login">
 </form>
</div>
</body>
</html>

3. Buat file connect.php untuk koneksi ke database, isi dengan kode dibawah ini :

<?php

$host  = 'localhost';
$user  = 'root';
$pass = '';
$db    = 'loginmysqli';

$connect = new mysqli($host, $user, $pass, $db);
if($connect->connect_error){
 echo 'Terjadi Kesalahan';
}

?>

4. Buat file login.php, ini merupakan query yang akan kita gunakan untuk login, isi dengan kode dibawah ini :

<?php
include 'connect.php';

$username = $_POST['username'];
$password = $_POST['password'];

$query    = "SELECT * FROM admin WHERE username = '$username' AND password = '$password'";
$runquery = $connect->query($query);

if($runquery->num_rows > 0){
 session_start();
 $_SESSION['username'] = $username;
 header("Location: home.php");
} else {
 echo '<h1>
Username atau Kata Sandi Salah!</h1>
';
}

?>

5. Buat file home.php dimana ini merupakan halaman admin yang hanya bisa dibuka jika sudah login, isi dengan kode dibawah ini :

<?php
session_start();
if(!isset($_SESSION['username'])) {
 header("Location: index.php?access_denied");
}

?>

<!DOCTYPE html>
<html>
<head>
 <title>Halaman Admin</title>
 <style>
 .welcome {
  color: #11bb22;
  font-size: 35pt;
  font-weight: 900;
  font-family: Centaur;
 }
 </style>
</head>
<body>

<h1 class="welcome">
Selamat Datang <?php echo $_SESSION['username']; ?>!</h1>
<a href="logout.php">Log Out >></a>

</body>
</html>

6. Buat file logout.php, ini merupakan query yang akan kita gunakan untuk logout, isi dengan kode dibawah ini:

<?php
session_start();
if(session_destroy()){
 header("Location: index.php");
}

?>


Silahkan mencoba...semoga berhasil..



Komentar

Postingan populer dari blog ini

Senja di karang bolong Pacitan

Saat itu senja mulai berlabuh di Karang Bolong Ragu-ragu kaki ini untuk melangkah Ketika para pencari rumput mulai menapaki jalan pulang Seorang pemancing tinggal beberapa yang mempermainkan kailnya Berharap ada ikan yang menyambarnya Senja semakin rapat di karang-karang Debur ombak seolah tak sabar menanti kedatangannya rumput ilalang mulai bergoyang- goyang menyambut kedantangan angin malam Semburat merah jingga masih tersisa keindahannya sangat mempesona Senja mulai menghilang berganti malam yang penuh bintang kini saatnya aku pulang membawa semua kenangan sambil berdoa, dan berharap dapat kembali datang. Terimakasih senja. Pacitan, 01-01-2022

Kata Mutiara Semangat Dan Motivasi Belajar

Sajian kata kata mutiara motivasi kali ini dibumbui dengan kegigihan dan ketekunan yang harus anda miliki dalam belajar dan memulai kehidupan. Kenapa? Karena hidup baru dimulai saat anda memutuskan untuk belajar. Edge Of Tomorrow, salah satu film fenomenal di tahun 2014 yang diperankan oleh Tom Cruise, kurang lebih memberikan value bagaimana anda menghargai hidup dengan belajar dari kesalahan. Terjebak dalam siklus hidup dan mati, membuat William cage (Tom Cruise) terus mengulangi hal yang sama. Hasilnya? Ia menjadi tentara handal dalam pertempuran. Barangkali seperti itulah, jika anda terus mengulangi, belajar, belajar, dan belajar, maka diri anda akan menjadi sosok yang anda impikan. Pelajaran yang paling berharga adalah pelajaran yang anda ajarkan untuk diri sendiri Anda tidak bisa membuka buku tanpa mendapatkan pelajaran darinya Belajar tidak akan pernah membuat pikiran anda lelah Aku selalu siap untuk belajar meski kadangkala aku tidak terlalu suka diajarkan

Tips Agar Cepat Memahami dan Menguasai Algoritma Pemograman

Programer , mungkin profesi yang satu ini menjadi daya tarik tersendiri dikalangan pecintanya. Namun setelah bertemu atau belajar membuat suatu program terkadang kita merasa programer bukan pilihan yang tepat untuk dijadikan cita cita / profesi karena kerumitan algoritma yang harus dihadapi dalam setiap perancangan suatu program. Belajar   Algoritma   bertujuan untuk mempermudah pembuatan program baik yang sederhana maupun yang kompleks.   Algoritma   sendiri merupakan urutan langkah-langkah logis penyelesaian masalah yang disusun secara sistematis. Logis disini berarti benar sesuai dengan   logika   manusia. Misalnya algoritma aktifitas pagi hari sebelum berangkat ke kampus oleh seorang mahasiswa dimulai dari bangun dari tempat tidur , melepas piyama , mandi, berpakaian, sarapan dan berangkat ke kampus. Yang dimaksud dengan program adalah kumpulan intruksi yang digunakan untuk mengatur computer agar melakukan suatu tindakan tertentu. Suatu program ditulis mengikuti kaidah baha