Cara Mudah Membuat Login Page Menggunakan Source Code PHP


Membuat login page atau Halaman untuk login adalah sebuah hal yang menarik untuk dibahas karena halaman login ini juga berfungsi untuk membatasi akses tertentu ke halaman website kita atau hanya orang (user) tertentu saja yang boleh mengaksesnya.
Saya ingin menjelaskan semuanya secara sederhana supaya anda bisa dengan cepat memahaminya. Ada beberapa hal yang perlu anda ketahui sebelum membuat halaman login diantaranya :

1. Akses Database. Sebelum anda membuat form login maka terlebih dahulu anda harus membuat sebuah database. Dalam database tersebut nantinya diisi dengan tabel admin dimana dalam tabel admin tersebut berisi “username dan password” yang akan dibandingkan dengan nilai yang dikirimkan oleh halaman login.
Buat database baru kemudian buat tabelnay atau anda juga bisa menjalankan query dibawah ini untuk membuat tabel. Untuk passwordnya saya menggunakan md5 supaya lebih aman.

CREATE TABLE `users` (
`id` int(11) NOT NULL AUTO_INCREMENT,
`username` varchar(50) CHARACTER SET utf8 DEFAULT NULL,
`password` varchar(50) CHARACTER SET utf8 DEFAULT NULL,
PRIMARY KEY (`id`)
);

INSERT INTO `users` (`username`, `password`)
VALUES ('admin', md5('admin')) ;


Selanjuntnya bila telah selesai membuat database dan tabelnya, adalah membuat koneksi ke database dengan nama koneksi.php

<?php

$host = "localhost";
$user = "root";
$pass = "";
$dbname ="namadb";
$conn= mysql_connect($host,$user,$pass)
or die("gagal konek ke server MySql".mysql_error());
//select database
$sele= mysql_select_db($dbname)
or die("Gagal membuka database $dbname".mysql_error());
?> 

2. Membuat form login
. Form login ini nantinya akan mengirimkan nilai yang diinputkan oleh user.

Source code. index.php


<!DOCTYPE html>
<head><title>Form Login Admin</title>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>

   <table width="500" align="center">
<tr>
<td><form method="post" action="proses.php">
<table width="500">
<tr>
<td> </td>
<td> </td>
<td colspan="3">Halaman Login</td>
</tr>
<tr>
<td width="1">Username</td>
<td width="1">:</td>
<td><input type="text" placeholder="Username" name="username" id="username" /></td>

</tr>
<tr>
<td width="1">Password</td>
<td width="1">:</td>
<td> <input type="password" name="password" placeholder="password" id="password"  /></td>

</tr>
<tr>
<td> </td>
<td> </td>
<td> <input type="submit" name="Login" value="Log in" id="login" /></td>
</tr>
</table>
</form>
</td>
</tr>
</table>
</body>
</html>

3. Melakukan perbandingan. Ketika nilai yang diinputkan user telah dikirim maka selanjutnya adalah membandingkan nilai tersebut dengan nilai yang ada di database. Bila nilai benar maka user akan bisa mengakses halaman selanjutnya dan jika salah user harus kembali memasukan username dan password yang benar. Kemudian bila nilai yang dibandingkan benar maka selanjutnya nilai tersebut akan disimpan dalam sebuah “session”. Nah session tersebut akan dipergunakan untuk mengakses halaman selanjutnya yaitu halamanadmin.

Souce Code proses.php


<?php
 /************************************************
 Source code by : Name : Ahmad Zaelani
                  Blog : http://root93.blogspot.com
                  Thanks for using code :)
 **************************************************/
 require_once('koneksi.php');
#jika ditekan tombol login
session_start();
$username = $_POST['username'];
$password = $_POST['password'];
$sql = mysql_query("SELECT * FROM users WHERE username='$username' AND password=md5('$password')");
$num = mysql_num_rows($sql);

if(isset($_POST['Login'])) {
$username = $_POST['username'];
$password = $_POST['password'];
$sql = mysql_query("SELECT * FROM users WHERE username='$username' &&
password=md5('$password')");
$num = mysql_num_rows($sql);
if($num==1) {
// login benar //
$_SESSION['username'] = $username;
$_SESSION['password'] = $password;
?>
<script language="JavaScript">alert('LOGIN SUKSES');
document.location=('halamanadmin.php')</script>
<?php
}
else {
// jika login salah //
echo "<script>
eval(\"parent.location='index.php '\");
alert (' Maaf Login Gagal, Silahkan Isi Username dan Password Anda Dengan Benar');
</script>";
}
}
?>
4. Membuat Halaman Session. Session ini maksudnya adalah untuk membuat sebuah halaman yang diakses oleh pengunjung yang mempunyai hak akses sehingga membatasi akses terhadap halaman web tertentu. Nah seperti yang saya jelaskan di paragraph sebelumnya yaitu, bila seorang user berhasil login dengan username dan password yang valid maka dia akan diberi id session yang berguna untuk mengakses halaman session yang dibatasi tersebut. Silahkan baca artikel saya tentang Menggunakan Session


Source code : halamanadmin.php

<?php session_start();
if(!ISSET($_SESSION['username'])){

include"koneksi.php";

?>

<!DOCTYPE html>
<html>
<head>
 <title>HALAMAN ADMIN</title>

</head>
<body>
   <p align="center">
Login Succses</p>
<a href="logout.php">Logout</a>
<?php
}else{
?>
<script language="JavaScript">alert('Anda tidak boleh mengakses halaman ini, Silahkan login dahulu');
document.location=('index.php')</script>
<?php
}
?>
</body>
</html>


5. Menghapus Nilai session. Selanjutnya langkah terakhir yang perlu anda lakukan adalah membuat sebuah halaman yang tugasnya untuk menghapus nilai session yang tersimpan. Untuk dapat menghapus nilai session yang tersimpan maka anda bisa menggunakan perintah session_destroy(); kemudian halaman ini akan ditambahkan ke halamanadmin.php.

anda bisa memanggil halamanadmin.php menggunakan sebuah link <a href=”logout.php”>logout</logout> atau juga menggunakan perintah include.. Ketika user mengklik link logout maka secara otomatis nilai session yang tersimpan akan terhapus.

Source code : logout.php

<?php session_start();
session_destroy();
echo "<script>window.alert('Berhasil Keluar');
window.location=('index.php')</script>";
?> 

Atau juga bisa scriptnya seperti ini. Lalu pada halamanadmin.php anda tinggal memanggilnya menggunakan perintah include “logout.php”

<?php if (isset($_POST['logout'])) {

session_destroy();

header('location: index.php');

}

?>

<center>

<form name="frmLogout" id="frmLogin" method="post">

<table>

<tr>

<th colspan="2">Keluar</th>

</tr>

<tr>

<th colspan="2"><input type="submit" name="logout" value="Logout"></th> </tr>

</table>

</form>

</center>


Mungkin cukup sampai disini saja tutorial Cara Mudah Membuat Login Page Menggunakan Source Code PHP, semoga bermanfaat dan selamat belajar…. 

login page with PHP


Happy coding :)







4 Responses to "Cara Mudah Membuat Login Page Menggunakan Source Code PHP"

  1. Itu harus connect ke internet apa tidak???

    ReplyDelete
    Replies
    1. enggak juga, bisa ditest secara offline, instal web server xamppnya...

      Delete

Komentar yang Anda kirim akan terlebih dahulu di moderasi oleh Admin

nagabet76slot gacorslot online1213141516Slot Online Menghadirkan Pengalaman Digital Yang Didukung Pemrosesan Data Secara Real TimeMahjongways Menganalisis Pola Visual Dan Dinamika Simbol Berdasarkan Pemrosesan Data DigitalMahjongways Mengembangkan Dinamika Permainan Melalui Pengelolaan Data Dan Elemen Visual TerintegrasiAnalisis Komputasi Modern Membantu Memetakan Dinamika Sistem Digital Berdasarkan Data ObservasiMember Baru Mendorong Dinamika Komunitas Digital Menuju Pengalaman Yang Lebih Aktif Dan Menarikslot onlinemahjongwayasarsitektur layananpemrosesan data adaptifmember baruSlot Online Terbaru Menghadirkan AnalisisScatter Hitam Dianalisis Melalui PemetaanPola Scatter Hitam Membentuk Distribusi Visual Yang Dapat Dikaji Menggunakan Komputasi AdaptifArsitektur Teknologi TerdistribusiTeknologi Visualisasi DataMahjongways Mengembangkan Interaksi Visual Melalui Integrasi Simbol Digital Yang DinamisAnalisis Mahjongways Memetakan Dinamika Visual Dan Respons Antarmuka Berbasis DataScatter Hitam Dianalisis Melalui Pemetaan Struktur Simbol Digital Berbasis Komputasi AdaptifAlgoritma Scatter Hitam Membantu Mengidentifikasi Dinamika Pola Melalui Analisis Data ObservasiPg Soft Mengembangkan Sistem Rendering Adaptif Untuk Mendukung Visualisasi Digital ModernTeknologi Pg Soft Mengoptimalkan Pemrosesan Grafis Melalui Arsitektur Rendering TerintegrasiTeknologi Pemodelan Data Membantu Menganalisis Dinamika Informasi Pada Ekosistem Digital ModernArsitektur Komputasi Terdistribusi Meningkatkan Keandalan Pengelolaan Data Pada Platform DigitalTeknologi Kecerdasan Komputasional Mendorong Pengembangan Sistem Digital Yang Lebih AdaptifPemrosesan Data Modern Membantu Memetakan Pola Informasi Melalui Pendekatan Komputasi TerukurTeknologi Integrasi Data Mempermudah Sinkronisasi Informasi Dalam Lingkungan Digital TerpaduVisualisasi Komputasi Modern Membantu Menginterpretasikan Perubahan Pola Pada Sistem Digital KompleksTeknologi Otomasi Data Meningkatkan Efisiensi Pengelolaan Informasi Pada Infrastruktur DigitalModel Komputasi Adaptif Mendukung Pengembangan Teknologi Digital Melalui Analisis Data BerkelanjutanPengembangan Pg Soft Mengintegrasikan Teknologi Rendering Dengan Interaksi Visual Yang ResponsifPg Soft Menerapkan Komputasi Visual Untuk Meningkatkan Efisiensi Pengolahan Elemen DigitalEksplorasi Scatter Hitam Memetakan Distribusi Simbol Melalui Model Analitik Digital TerintegrasiPola Scatter Hitam Dikaji Menggunakan Pendekatan Visualisasi Data Dan Pemodelan StatistikMahjongways Menghadirkan Pendekatan Visual Interaktif Melalui Pemrosesan Simbol Yang AdaptifEksplorasi Mahjongways Mengungkap Perubahan Pola Visual Dalam Lingkungan Digital Terintegrasimahjong ways dalam bingkai desain visual dan budaya digitaljejak klasik menemukan bentuk baru melalui mahjong waysmahjong ways dan perjalanan simbol menuju layar interaktif moderncerita visual mengikuti perkembangan mahjong ways di era teknologimahjong ways dilihat dari sisi kreativitas dan identitas platformperubahan tampilan membawa mahjong ways ke perspektif yang berbedamahjong ways dalam percakapan seputar tradisi dan budaya digitaldari konsep lama ke format baru menelusuri mahjong wayssimbol dan tema mengiringi perjalanan mahjong ways di ruang digitalmahjong ways menjadi bagian dari perubahan desain hiburan moderngame online dan perubahan kebiasaan di tengah budaya internetkomunitas digital menjadi bagian dari perjalanan game onlinegame online dalam potret interaksi sosial di era platform modernjejak mobile membawa game online ke pengalaman yang semakin beragamketika game online bertemu dengan kreativitas dan komunitas digitalgame online dan pergeseran cara menikmati hiburan interaktifdari komunitas ke platform menyusuri perkembangan game onlinedesain visual membentuk identitas baru dalam dunia game onlinegame online di tengah perubahan teknologi dan budaya populerperjalanan game online mengikuti arah baru ekosistem digitaltekanan emosional muncul di tengah kebiasaan judi online yang berulangstres dan judi online menjadi bahasan dalam perubahan kondisi keuanganketika pengeluaran judi online mulai membawa tekanan dalam kehidupanbeban pikiran dapat bertambah seiring kebiasaan judi online berlangsungmasalah keuangan dan stres muncul dalam pembahasan seputar judi onlinejudi online dan tekanan emosional menjadi sorotan di ruang digitaldampak stres mulai dibahas seiring perubahan kebiasaan judi onlinetekanan hidup dan kebiasaan judi online dalam sorotan mediastres finansial menjadi bagian dari pembahasan dampak judi onlinememahami kaitan tekanan emosional dengan kebiasaan judi onlinegame digital mulai masuk dalam sorotan budaya hiburan modernperkembangan game digital menjadi bahasan di tengah perubahan teknologimedia mengulas perjalanan game digital dari konsol menuju platform modernfenomena game digital muncul dalam perbincangan industri hiburangame digital dan perubahan kebiasaan menjadi catatan di era internetsorotan terkini membahas arah baru perkembangan game digitalteknologi interaktif membawa game digital ke percakapan media yang lebih luasgame digital menjadi bagian dari pergeseran budaya hiburan masa kinicatatan media menyoroti perubahan wajah game digital dari waktu ke waktuplatform baru membuka babak berbeda dalam perjalanan game digitaljudi online kembali menjadi sorotan dalam pemberitaan digital terkinimedia menyoroti perkembangan platform judi online di ruang internetfenomena judi online masuk dalam pembahasan seputar budaya digitalberita terkini mengulas perubahan ekosistem judi online masa kinijudi online dan perkembangan teknologi menjadi bahan perbincangan mediasorotan baru membahas pergeseran perilaku di seputar judi onlineruang digital kembali mengangkat pembahasan tentang judi onlineperkembangan internet membawa judi online ke sorotan media terkinicatatan media mengulas fenomena judi online dari sisi digitalperubahan platform menjadi bahasan baru dalam pemberitaan judi onlineandi pratama dan cerita keberuntungan 8 juta di mahjong waysrizky membahas pengalaman 17 juta dalam permainan mahjong wayskisah dimas berawal dari game online hingga hasil 25 jutafajar menjadi perbincangan usai mendapat hasil 12 jutacerita bayu muncul di tengah tren mahjong ways masa kinirio mengulas pengalaman bermain dengan hasil sekitar 19 jutayoga dan perjalanan singkat menuju hasil permainan 7 jutaarif membagikan catatan pribadi soal hasil 14 jutabima dan pengalaman 28 juta yang ramai dibicarakandoni mengungkap cerita di balik hasil 22 juta mahjong wayscerita reza dengan hasil 9 juta dari mahjong ways16 juta jadi bagian pengalaman rangga di game onlinemaulana membahas perolehan 23 juta dari mahjong winsgame digital membawa cerita baru bagi ilham dengan hasil 11 jutahasil 28 juta diceritakan bagus saat memainkan mahjong ways 2yusuf mengulas pengalaman bermain dengan perolehan 14 jutamahjong online dan cerita farhan tentang hasil 8 jutadava mengungkap pengalaman 19 juta saat memainkan game mahjonggame online menjadi bagian cerita akmal dengan hasil 26 jutafauzan dan perolehan 21 juta dalam permainan mahjong winscerita rendi dengan hasil 7 juta dari mahjong ways18 juta jadi pengalaman baru bagi rafli di game onlinemahjong wins menghadirkan cerita hasil 27 juta bagi hendrapengalaman dion dan perolehan 13 juta dalam game digitalhasil 22 juta diceritakan arya setelah memainkan mahjong ways 2fikri mengulas permainan online dengan hasil sekitar 16 jutamahjong online dan kisah ilham soal perolehan 10 jutasatria mengungkap pengalaman 24 juta dalam game mahjonggame online menjadi catatan baru bagi wahyu dengan hasil 15 jutaperolehan 30 juta dikaitkan dengan cerita rehan di mahjong wins