Cara Membuat Login Siakad Sekolah Dengan Php dan MySQL

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">&nbsp;</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>&nbsp;</td>
      <td><input type="submit" name="Submit" value="MASUK"></td>
    </tr>
  </table>
</form>
		  
		  </p>
          <p>&nbsp;</p>
          <div align="center"><a href="../index.php">Kembali ke Home</a> </div></td>
      </tr>
       <tr>
         <td valign="top"><p>&nbsp;</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

login siakad php

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">&nbsp;</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>&nbsp;</p>
          <p>&nbsp;</p>
          </td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td colspan="2" bgcolor="#999999"><p>&nbsp;</p>
      <p>
        <? include "footer.php"; ?>
      </p>
    <p>&nbsp; </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.

Keyword:

  • cara membuat siakad
  • cara login php sebagai admin siswa dan guru
  • cara masuk siakad admin
  • cara membuat web akademik sekolah dengan phpmyadmin
  • Cara posting di diakad
  • siakad dengan php

Get real time updates directly on you device, subscribe now.

loading...

Ingin Berkomentar?

×
Lewat ke baris perkakas