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

mahjong ways mengungkap rahasia visual simbol dan mekanisme permainan yang unikmengenal perubahan simbol mahjong ways dan pengaruhnya terhadap alur permainanarsitektur microservices menjadi strategi baru dalam membangun infrastruktur aplikasi skala besarevolusi game mahjong dari permainan tradisional hingga hiburan digital modernfitur free spin dan scatter mahjong ways mengenal peran simbol dalam permainantransformasi teknologi cloud membentuk ekosistem layanan digital yang lebih fleksibelteknologi observability membantu platform modern menjaga stabilitas dan kinerja layanansistem cascading mahjong ways mengapa animasi dan transisi simbol menarik perhatianmengapa game bertema mahjong semakin populer ini faktor visual dan inovasinyamahjong ways dan perjalanan simbol tradisional menembus era digital ketika warisan permainan klasik menemukan identitas baru di kalangan generasi mudamahjong pgsoft dan fenomena psikologi visual yang membuat pemain terus memperhatikan perubahan simbol serta animasi dalam setiap putaranintegrasi teknologi automated monitoring memperkuat pengawasan infrastruktur digital melalui analisis real timemahjong ways 2 menghadirkan mekanisme near miss yang menarik dikaji dari sisi psikologi mengapa momen hampir mendapatkan kombinasi terasa begitu membekasmahjong pgsoft dan perhitungan expected value membuka perspektif berbeda tentang potensi hadiah besar serta realitas matematika di balik permainanmekanisme database terdistribusi mendukung konsistensi informasi pada lingkungan komputasi skala besarpgsoft vs pragmatic play mahjong ways dan princess starlight memperlihatkan dua pendekatan berbeda dalam mengembangkan desain visual serta mekanisme permainan digitalmahjong ways 2 dan rahasia di balik mekanisme cascade yang mengubah susunan simbol secara berurutan menjadi salah satu daya tarik gameplay modernteknologi gpu acceleration mengoptimalkan kinerja rendering grafis melalui pemrosesan komputasi paralelalgoritma game pg soft dan mitos bahwa pergantian perangkat dapat mengubah peluangmengapa konsep benih acak perlu dipahami saat membahas algoritma game pg softalgoritma game pg soft dalam diskusi tentang perbedaan rtp teoretis dan hasil nyataketika pemain menghubungkan kecepatan internet dengan algoritma game pg softbagaimana algoritma game pg soft menjadi topik perdebatan seputar transparansi sistemalgoritma game pg soft dan kesalahan menafsirkan sampel permainan yang terlalu kecilmengapa istilah volatilitas sering dibahas bersama algoritma game pg softalgoritma game pg soft dalam kajian perbedaan antara acak semu dan acak sejatiketika teori pergantian taruhan dikaitkan dengan algoritma game pg softalgoritma game pg soft dan pentingnya memahami pengujian sistem secara independenkasino online dan pentingnya memahami perbedaan iklan berbayar serta ulasan independenmengapa penghapusan data akun menjadi isu privasi dalam pembahasan kasino onlinekasino online dan fenomena penggunaan identitas merek untuk membangun kepercayaan semubagaimana kasino online dibahas dalam upaya pencegahan penipuan berbasis internetketika konten kasino online menggunakan gambar hadiah tanpa konteks yang jelaskasino online dalam kajian peran literasi keuangan menghadapi penawaran digitalmengapa permintaan data pribadi pada layanan kasino online perlu dipertanyakankasino online dan perbedaan antara pengalaman pengguna dengan bukti keamananbagaimana teknik penyamaran domain memunculkan risiko bagi pencari kasino onlinekasino online dalam diskusi tanggung jawab media terhadap konten perjudian digitalkasino online dan risiko tautan palsu yang menyamar sebagai halaman layanan resmimengapa informasi biaya tersembunyi perlu diperhatikan dalam pembahasan kasino onlinekasino online dalam sorotan fenomena penyalahgunaan identitas pada akun digitalketika ulasan kasino online muncul tanpa identitas penulis yang jelasbagaimana kasino online menjadi bahan diskusi tentang pengawasan iklan daringkasino online dan tantangan melindungi pengguna dari rekayasa sosialmengapa bahasa promosi kasino online sering memerlukan pemeriksaan lebih mendalamfenomena penyebaran tautan kasino online melalui pesan pribadi dan risikonyakasino online dari perspektif hukum bagaimana perbedaan yurisdiksi menjadi tantanganketika konten kasino online disamarkan menjadi artikel informasi umumpertemuan tren mahjong dengan konsep festival permainan tradisional asiatren mahjong dan kreativitas penggunaan elemen ubin dalam desain posterbagaimana tren mahjong membuka ide pembuatan lokakarya pengenalan budayatren mahjong dalam kajian perubahan cara masyarakat memandang hobi koleksiketika tren mahjong menjadi topik eksplorasi dalam desain perhiasan miniaturtren mahjong dan potensi kolaborasi antara seniman visual dengan komunitas budayamembaca tren mahjong melalui perkembangan konsep restorasi barang permainan lamatren mahjong dalam diskusi mengenai keberlanjutan material produk hiburanbagaimana tren mahjong dapat diangkat menjadi topik pameran desain interaktiftren mahjong dan inspirasi penataan ruang kreatif dengan identitas budaya asiatren mahjong dalam eksplorasi desain kemasan produk bernuansa vintageketika tren mahjong dibahas sebagai inspirasi kegiatan sosial di akhir pekanmengulas tren mahjong dari perspektif kebangkitan minat terhadap kerajinan tangantren mahjong dan ide pembuatan konten dokumenter tentang hiburan tradisionalbagaimana tren mahjong menginspirasi konsep fotografi still life bertema asiatren mahjong dalam perancangan pernak pernik dengan sentuhan estetika klasikketika seni keramik bertemu tren mahjong dalam eksperimen desain kontemporertren mahjong dan gagasan menghidupkan kembali permainan meja di ruang komunalmengapa tren mahjong menarik dikaji melalui perkembangan budaya nostalgiatren mahjong sebagai inspirasi pembuatan pola tekstil dan ornamen dekoratifmahjong online dan perubahan pengalaman bermain melalui perangkat layar lipatmengapa sistem latihan mandiri menjadi aspek menarik dalam mahjong onlinedi balik mahjong online ada tantangan merancang tampilan untuk berbagai resolusimahjong online dalam pembahasan teknologi sinkronisasi permainan lintas perangkatbagaimana penggunaan avatar membentuk identitas pemain dalam mahjong onlinemahjong online dan pentingnya pengaturan privasi dalam komunitas permainanketika mahjong online menawarkan perspektif baru tentang interaksi tanpa suaraperan sistem penilaian performa dalam membentuk pengalaman mahjong onlinemahjong online dari sisi pengembangan bagaimana kualitas server memengaruhi responsmengapa panduan interaktif dibutuhkan untuk memahami variasi aturan mahjong onlinemahjong online dan perbedaan pengalaman pengguna pada jaringan cepat serta lambatbagaimana fitur undangan pribadi mengubah cara teman berkumpul di mahjong onlinemahjong online dalam sorotan tantangan pengembangan sistem anti kecuranganmengenal pendekatan desain ramah lansia dalam pengembangan mahjong onlinemahjong online dan pertanyaan tentang keamanan komunikasi antarpemainketika mahjong online mengadopsi prinsip desain sederhana untuk pengguna pemulabagaimana sistem pemulihan koneksi mendukung kelangsungan permainan mahjong onlinemahjong online dalam kajian manfaat dan keterbatasan lawan berbasis komputerperubahan kebutuhan penyimpanan data menjadi tantangan bagi platform mahjong onlinemahjong online dan masa depan pengalaman permainan berbasis teknologi browsermahjong dan kisah lahirnya kebiasaan bermain di lingkungan perdagangan asiamengapa ubin mahjong memiliki tekstur yang berbeda dari permainan meja lainnyaperjalanan mahjong dalam dunia sinema dari properti film hingga simbol budayamahjong di tengah perubahan tradisi perayaan tahun baru keluarga asiabagaimana karya sastra menggambarkan mahjong sebagai bagian dari kehidupan sosialmahjong dan peran pengrajin dalam mempertahankan teknik ukir ubin tradisionalkisah perkembangan mahjong dalam masyarakat pesisir dan jalur perdaganganmengapa mahjong sering muncul dalam penggambaran kehidupan kota di film klasikmahjong dari perspektif arsitektur ruang bermain dan kebiasaan berkumpulmenelusuri pengaruh bahan baku terhadap perubahan harga set mahjong koleksibagaimana mahjong mencerminkan perbedaan etika bermain di berbagai lingkunganmahjong dan cerita perubahan desain kotak penyimpanan dari generasi ke generasimengenal peran mahjong dalam pameran museum yang mengangkat sejarah permainanketika mahjong menjadi bahan penelitian tentang pengambilan keputusan kelompokmahjong dalam sejarah perkembangan perlengkapan hiburan rumah tanggamengapa istilah kemenangan mahjong memiliki sebutan berbeda antarkomunitascerita di balik penggunaan lambang musim dan bunga pada set mahjong tertentumahjong dan pengaruh lingkungan sosial terhadap cara pemain mempelajari aturanbagaimana permainan mahjong menjadi inspirasi dalam pendidikan desain produkmahjong dari sudut pandang sejarah bagaimana sebuah permainan merekam perubahan zamanbagaimana prinsip statistika membantu menguji klaim tentang algoritma game pg softalgoritma game pg soft dan fenomena pengguna yang menganggap hasil langka sebagai polamengapa perubahan tampilan tidak otomatis berarti perubahan algoritma game pg softalgoritma game pg soft dalam pembahasan mengenai batas prediksi sistem probabilistikketika analisis video singkat digunakan untuk menebak algoritma game pg softalgoritma game pg soft dan pertanyaan tentang perbedaan aturan serta mekanisme acakbagaimana kekeliruan statistik melahirkan cerita viral seputar algoritma game pg softalgoritma game pg soft dalam sorotan pentingnya membedakan data dan testimonimengapa riwayat kemenangan bukan bukti adanya celah algoritma game pg softalgoritma game pg soft dan tantangan menjelaskan probabilitas kepada pengguna awam