Cara Membuat Login Sistem Informasi Akademik (Siakad) Sekolah Dengan Php dan MySQL
selamat melanjutkan tutorial membuat siakad sekolah, dimana sebelumnya saya sudah membuat dua artikel tutorial tentang sistem informasi akademik sekolah dengan php dan mysql, baca disini dan disini
sebelum masuk ke tutorial dibawah ini sebaiknya baca dulu tutorial tersebut, karena tutorial Cara Membuat Login Siakad Sekolah Dengan Php dan MySQL masih lanjutan dari tutorial-tutorial sebelumnya.
oke langsung saja disini saya anggap anda sudah membaca tutorial tersebut dan saya anggap anda sudah mengerti dan paham, sekarang kita akan masuk ke tutorial membuat login.
halaman login ini adalah salah satu halaman untuk masuk ke halaman bagian administrator, login ini berfungsi untuk membatasi akses terhadap halaman tertentu, disistem informasi akademik sekolah ini terdapat halaman yang hanya dapat diakses oleh administrator saya, halaman-halaman ini nanti hanya dapat diakses setelah kita login.
di php kita bisa membatasi halaman tertentu hanya bisa diakses oleh orang yang di tentukan, bisa hanya bisa diakses oleh admin, user, atau karyawan, contoh script nya seperti ini
<?
session_start();
//koneksi database
include "../include/koneksi.php";
if (isset($_SESSION['level']) && isset($_SESSION['username']))
{
if ($_SESSION['level'] == "admin")
{
?>
dari script diatas kita menentukan halamannya hanya bisa diakses oleh level admin, kemudian jika bukan admin maka kita bisa buat pesan bahwa orang tersebut tidak bisa halaman itu, contoh script alert sebagai berikut
<?
}
else
{
// jika levelnya bukan admin, tampilkan pesan
echo "<script type='text/javascript'>
{
if(alert('Sorry gank!! Anda tidak berhak mengakses halaman ini karena bukan admin.')){document.location='login.php';}
}
</script>";
}
}
else
{
echo "<script type='text/javascript'>
{
if(alert('Login Dulu dong Frend!!')){document.location='login.php';}
}
</script>";
}
?>
dari script javascript diatas saat kita mengakses halaman tertentu yang sudah dibatasi hanya untuk admin maka keluar pesa sseperti ini 'Sorry gank!! Anda tidak berhak mengakses halaman ini karena bukan admin.' setelah kita klik oke kita akan di redirect ke halaman login untuk melakukan login terlebih dahulu.
kira-kira bisa dimengertikan?
oke berikut cara membuat login sistem informasi akademik sekolah dengan php dan mysql
pertama buat dulu sebuah folder bernama “administrator” tanpa tanda petik didalam folder siakad yang sudah kita buat di tutorial sebelumnya,
buat file index.php
index.php
<?
header("location:login.php");
?>
simpan file index.php di dalam folder administrator
kemudian kita buat file login.php
login.php
<?php
// memulai session
session_start();
include "../include/koneksi.php";
if(isset($_POST['Submit'])){
$username = $_POST['username'];
$password = $_POST['pass'];
if(empty($username)){
echo "<script type='text/javascript'>
onload =function(){
alert('Username belum diisi');
}
</script>";
}
elseif(empty($password)){
echo "<script type='text/javascript'>
onload =function(){
alert('Password belum diisi');
}
</script>";
} else {
// query untuk mendapatkan record dari username
$query = "SELECT * FROM user WHERE username = '$username'";
$hasil = mysql_query($query);
$data = mysql_fetch_array($hasil);
// cek kesesuaian password
if ($password == $data['password'])
{
header("location:home.php");
// menyimpan username dan level ke dalam session
$_SESSION['level'] = $data['level'];
$_SESSION['username'] = $data['username'];
}
echo "<script type='text/javascript'>
onload =function(){
alert('Username atau password salah!! Ulangi kembali');
}
</script>";
}
}
?>
<style type="text/css">
<!--
body {
background-color: #003366;
background-image: url(../images/foto/images14.jpg);
}
-->
</style>
<table width="622" border="0" align="center" cellpadding="1" cellspacing="0">
<tr>
<td colspan="2"><? include "header.php"; ?></td>
</tr>
<tr>
<td valign="top"><h2 align="center"> </h2>
<h2 align="center"><strong>Login Administrator </strong> </h2>
<p align="center"><img src="../images/icon/kunci.png" width="103" height="90" />
<form method="post" action="">
<table width="289" border="0" align="center">
<tr>
<td>Username </td>
<td><input name="username" type="text"></td>
</tr>
<tr>
<td>Password </td>
<td><input name="pass" type="password"></td>
</tr>
<tr>
<td> </td>
<td><input type="submit" name="Submit" value="MASUK"></td>
</tr>
</table>
</form>
</p>
<p> </p>
<div align="center"><a href="../index.php">Kembali ke Home</a> </div></td>
</tr>
<tr>
<td valign="top"><p> </p>
<p>
<? include "footer.php"; ?>
</p>
</td>
</tr>
</table>
simpan file login.php ini didalam folder administrator juga.
dari file login diatas ada script untuk memanggil file koneksi ke database
lihat include "../include/koneksi.php"; script ini akan mengeksekusi file koneksi.php dimana file koneksi ini fungsinya untuk menyambungkan ke database. jadi kita harus buat file koneksi.php
buat lagi satu folder didalam folder siakad nama foldernya include, setelah itu kita buat file koneksi.php
koneksi.php
<?
//variabel database
$nama_host="localhost";
$user_db="root";
$password_db="";
$nama_db="dbsekolah";
//koneksi database
$koneksi=mysql_connect($nama_host,$user_db,$password_db);
//bila terkoneksi
if($koneksi){
//pilih database
mysql_select_db($nama_db);
}else{
echo "Database tidak terkoneksi";
}
?>
simpan file koneksi.php didalam folder include
di file koneksi ini kita akan menyambungkan ke database dbsekolah, nah sekarang kita buat database di phpmyadmin kita, nama databasenya “dbsekolah” tanpa tanda peting, setelah database dibuat kemudian klik SQL lalu paste kode dibawah ini kedalam kotak SQL dan klik Go
-- phpMyAdmin SQL Dump
-- version 3.3.9
-- http://www.phpmyadmin.net
--
-- Host: localhost
-- Generation Time: Mar 20, 2017 at 07:41 AM
-- Server version: 5.5.8
-- PHP Version: 5.3.5
SET SQL_MODE="NO_AUTO_VALUE_ON_ZERO";
/*!40101 SET @OLD_CHARACTER_SET_CLIENT=@@CHARACTER_SET_CLIENT */;
/*!40101 SET @OLD_CHARACTER_SET_RESULTS=@@CHARACTER_SET_RESULTS */;
/*!40101 SET @OLD_COLLATION_CONNECTION=@@COLLATION_CONNECTION */;
/*!40101 SET NAMES utf8 */;
--
-- Database: `dbsekolah`
--
-- --------------------------------------------------------
--
-- Table structure for table `user`
--
CREATE TABLE IF NOT EXISTS `user` (
`username` varchar(20) NOT NULL,
`password` varchar(30) NOT NULL,
`level` varchar(30) NOT NULL
) ENGINE=MyISAM DEFAULT CHARSET=latin1;
--
-- Dumping data for table `user`
--
INSERT INTO `user` (`username`, `password`, `level`) VALUES
('admin', '123', 'admin');
setelah anda klik Go jika tidak ada error maka dengan otomatis kita sudah membuat table user yang berisi informasi untuk login.
sekarang coba dibuka browsur anda buka http://localhost/siakad/administrator
anda akan diarahkan ke halaman login seperti gambar dibawah ini
oke jangan login dulu ya, sabar… ini belum siap, coba buka file login.php disitu ada tulisan header("location:home.php"); artinya jika berhasil login maka kita akan diarahkan ke home.php
nah sementara kita belum membuat file home.php oleh karena itu kita buat dulu home.php nya
home.php
<?
session_start();
//koneksi database
include "../include/koneksi.php";
if (isset($_SESSION['level']) && isset($_SESSION['username']))
{
if ($_SESSION['level'] == "admin")
{
?>
<style type="text/css">
<!--
body {
background-image: url(../images/foto/images14.jpg);
}
-->
</style>
<table width="622" border="0" align="center" cellpadding="1" cellspacing="0" bgcolor="#CCCCCC">
<tr>
<td colspan="2"><? include "header.php"; ?></td>
</tr>
<tr>
<td width="103" align="center" valign="top" background="images/foto/Page-BgGlare.png"><p>
<? include "menu.php";?>
</p>
<p align="center"> </p>
</td>
<td width="515"><table width="510" border="0" align="center">
<tr>
<td valign="top"><h2 align="center">Wellcome PhpdanMySQL.Com </h2>
<p align="center"><strong>Sistem Informasi Akademik Sekolah Berbasis Web dgn Php dan Mysql </strong></p>
<hr />
<p align="justify"><img src="../images/foto/spectacles.gif" width="100" height="142" align="left" />Siakad ini merupakan sebuah aplikasi berbasis web yang dikembangkan untuk belajar Php dan MySQL, Website sekolah ini dibuat dengan tujuan untuk mengelola data akademik sekolah, khususnya pengelolaan data nilai (raport) bagi siswa.</p>
<p align="justify">Dalam website ini terdapat proses pengolahan data nilai dimulai dari data siswa, data mata pelajaran, data guru, mahasiswa yang mengambil mata pelajaran tertentu, proses penilaian dan proses pencetakan raport. Beberapa proses pengolahan data dalam sistem informasi sederhana ini adalah:</p>
<ul>
<li>Data Siswa</li>
<li>Data Mata Pelajaran</li>
<li>Data Guru</li>
<li>Pengambilan Mata Pelajaran </li>
<li>Proses Penilaian</li>
<li>Raport Siswa</li>
</ul>
<p align="justify">Semoga Bermanfaat bagi para pemula dan mahasiswa di seluruh Indonesia yang sedang belajar PHP MySQL untuk tugas akhir (Skripsi S1/Laporan D3).</p>
<p>Developer,</p>
<p>Abd Adies, S. Inf </p>
<p> </p>
<p> </p>
</td>
</tr>
</table></td>
</tr>
<tr>
<td colspan="2" bgcolor="#999999"><p> </p>
<p>
<? include "footer.php"; ?>
</p>
<p> </p></td>
</tr>
</table>
<?
}
else
{
// jika levelnya bukan admin, tampilkan pesan
echo "<script type='text/javascript'>
{
if(alert('Sorry gank!! Anda tidak berhak mengakses halaman ini karena bukan admin.')){document.location='login.php';}
}
</script>";
}
}
else
{
echo "<script type='text/javascript'>
{
if(alert('Login Dulu dong Frend!!')){document.location='login.php';}
}
</script>";
}
?>
simpan file home.php didalam folder administrator
setelah selesai silakan dicoba untuk login, isi usernamenya admin, passwordnya 123 klik masuk
jika tidak ada error anda akan diarahkan ke http://localhost/siakad/administrator/home.php
tampilan masih sama dengan halaman http://localhost/siakad/ namun bedanya dihalaman administrator kita mengedit, menyimpan dan menghapus data,
sampai disini kita sudah selesai membuat login, selanjunya kita buat logout dimana logout ini berfungsi untuk keluar dari sistem, jika kita sudah selesai memakai sistem kita klik logout untuk keluar agar sistem kita tidak bisa diakses oleh informasi login kita.
buat file logout.php
logout.php
<?php
session_start();
session_destroy();
header("location:index.php");
?>
simpan file logout.php didalam folder administrator.
semudian coba logout. jika berhasil akan kembali ke halaman login.
sekian tutorial kali ini tentang membuat login siakad sekolah dengan php dan mysql.
semoga bermanfaat.
Download source code aplikasi sistem informasi pelayanan puskesmas berbasis web yang dibuat dengan menggunakan framework codeigniter secara gratis (freebies) melalui tombol download dibawah ini
