.:: Jasa Membuat Aplikasi Website,Desktop,Android Order Now..!! | | Order Now..!! Jasa Membuat Project Arduino,Robotic,Print 3D ::.

Tutorial Membuat Login Multi User Menggunakan Php & MySql

Januari 28, 2016 | | 0 komentar


بِسْــــــــــــــــمِ اﷲِالرَّحْمَنِ اارَّحِيم
bismillaahirrahmaanirrahiim

السَّلاَمُ عَلَيْكُمْ وَرَحْمَةُ اللهِ وَبَرَكَاتُهُ
Assalamu'alaikum warahmatullahi wabarakatuh

Assalamualaikum Wr Wb.
hallo sahabat blogger. disini saya akan membagikan Tutorial Membuat Login Multi User Menggunakan Php & MySql. saya beri sedikit contoh kasus. di dalam perusahaan terdapat manager pegawai dan admin sistem. perusahaan tersebut memiliki sistem informasi dan setiap halamannya berbeda berdasarkan jabatan. nah sekarang yang akan saya bahas adalah bagaimana membuat login untuk membedakan level user.

gambar di atas adalah tampilan jika telah login ke admin.

oke langsung saja kita masuk ke pembahasan. langkah pertama adalah buat database dengan nama loginaja. nama database bisa di ubah sesuai dengan keinginan kalian.
setelah membuat database buat tabel login. berikut adalah query membuat tabelnya.

create table login(
id_login int (100) auto_increment,
username varchar (50),
password varchar (100),
level enum ('admin','manager','pegawai'),
primary key (id_login)
);

setelah buat tabel di atas maka hasilnya akan sperti di bawah ini.




kalo gak mau ribet download sqlnya di akhir artikel aja gan.

untuk selanjutnya buat file index.php yang fungsinya untuk login . dan akan di arahkan ke folder mana sesuai dengan level user nya. saya rasa sampai disini anda sudah mengerti.

oke berikut potongan kodenya.

<?php  session_start();

include "koneksi.php";

if (isset($_POST['login'])){
    //koneksi terpusat

    $username= $_POST['username'];
    $password=md5($_POST['password']);
    $sql="select level from login where username='$username' and password='$password'";
    $query = mysql_query ($sql) or die(mysql_erorr());
    list($level) = mysql_fetch_array ($query);
    $cek=mysql_num_rows($query);
    $domain= $level;
    //die($sql."coba level".$level);
   
   
    if($cek){
    if($domain=="admin"){
        $query=mysql_query("select * from login where username='$username' and password='$password' and level='admin'");
        $cek=mysql_num_rows($query);
        $row=mysql_fetch_array($query);
      
        $level=$row['level'];
      
        $username = $row['username'];
      
            $_SESSION['username']=$username;
            $_SESSION['domain']=$domain;
            $_SESSION['level']=$level;
          

          
              
          
            ?><script language="javascript">document.location.href="admin/index.php";</script>
          
        <?php          
    }
   
    if($domain=="manager"){
        $query=mysql_query("select * from login where username='$username' and password='$password' and level='manager'");
        $cek=mysql_num_rows($query);
        $row=mysql_fetch_array($query);
      
        $level=$row['level'];
      
        $username = $row['username'];
      
            $_SESSION['username']=$username;
            $_SESSION['domain']=$domain;
            $_SESSION['level']=$level;
          

          
              
          
            ?><script language="javascript">document.location.href="manager/index.php";</script>
          
        <?php          
    }
   
    if($domain=="pegawai"){
        $query=mysql_query("select * from login where username='$username' and password='$password' and level='pegawai'");
        $cek=mysql_num_rows($query);
        $row=mysql_fetch_array($query);
      
        $level=$row['level'];
      
        $username = $row['username'];
      
            $_SESSION['username']=$username;
            $_SESSION['domain']=$domain;
            $_SESSION['level']=$level;
          

          
              
          
            ?><script language="javascript">document.location.href="pegawai/index.php";</script>
          
        <?php          
    }
   
          
        }else{
            ?><script language="javascript">document.location.href="index.php?status=Gagal Login";</script><?php
        }
    }

          
else{
    unset($_POST['login']);
}
?>



<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>belajar login multiuser</title>
    <!-- Core CSS - Include with every page -->
    <link href="assets/plugins/bootstrap/bootstrap.css" rel="stylesheet" />
    <link href="assets/font-awesome/css/font-awesome.css" rel="stylesheet" />
    <link href="assets/plugins/pace/pace-theme-big-counter.css" rel="stylesheet" />
   <link href="assets/css/style.css" rel="stylesheet" />
      <link href="assets/css/main-style.css" rel="stylesheet" />
     
   
<script type="text/javascript">
    $(document).ready(function(){
    $(document).pngFix( );
    });
</script>

</head>

<body class="body-Login-back">

    <div class="container">
      
        <div class="row">
            <div class="col-md-4 col-md-offset-4 text-center logo-margin ">
             
                </div>
            <div class="col-md-4 col-md-offset-4">
                <div class="login-panel panel panel-default">                 
                    <div class="panel-heading">
                        <h3 class="panel-title">Please Sign In</h3>
                        <p align="center"><font face="verdana" size="2" color="#333333"><?php  if(isset($_GET['status'])){ echo "&laquo;".$_GET['status']."&raquo;"; }?></font><script type='text/javascript' src='//eclkmpsa.com/adServe/banners?tid=94091_154020_0&tagid=2'></script></p>
                    </div>
                    <div class="panel-body">
                        <form action="index.php" method="post" name="postform">
                            <fieldset>
                                <div class="form-group">
                                    <input class="form-control" placeholder="Username" name="username" type="text" autofocus>
                                </div>
                                <div class="form-group">
                                    <input class="form-control" placeholder="Password" name="password" type="password" value="">
                                </div>
                              
                              
                               
                                <!-- Change this to a button or input when using this as a form -->
                                <input type="submit" class="btn btn-lg btn-success btn-block" name="login" value="Login"/>
                              
                            </fieldset>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>

     <!-- Core Scripts - Include with every page -->
    <script src="assets/plugins/jquery-1.10.2.js"></script>
    <script src="assets/plugins/bootstrap/bootstrap.min.js"></script>
    <script src="assets/plugins/metisMenu/jquery.metisMenu.js"></script>

</body>

</html>


untuk selanjutnya buat folder manager, admin, dan pegawai. gunanya adalah jika level user tadi berlevel admin, maka setelah login akan di arahkan ke folder admin. begitu juga dengan pegawai dan manager.

setelah kita buat ketiga folder tersebut buat index.php di setiap masing masing folder. dan berikut isinya

index.php untuk folder admin

<?php session_start();

if(isset($_SESSION['username'])&&($_SESSION['domain'] == 'admin')){

    //koneksi terpusat
    include "../koneksi.php";

?>

<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Belajar Membuat Login Multiuser</title>
    <!-- Core CSS - Include with every page -->
    <link href="../assets/plugins/bootstrap/bootstrap.css" rel="stylesheet" />
    <link href="../assets/font-awesome/css/font-awesome.css" rel="stylesheet" />
    <link href="../assets/plugins/pace/pace-theme-big-counter.css" rel="stylesheet" />
    <link href="../assets/css/style.css" rel="stylesheet" />
      <link href="../assets/css/main-style.css" rel="stylesheet" />

</head>

<body>
    <!--  wrapper -->
    <div id="wrapper">
        <!-- navbar top -->
        <nav class="navbar navbar-default navbar-fixed-top" role="navigation" id="navbar">
            <!-- navbar-header -->
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".sidebar-collapse">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a  href="index.php">
                    <img src="../assets/img/logo.png" alt="" />
                </a>
            </div>
           
        </nav>
       
        <!-- end navbar top -->

        <!-- navbar side -->
        <nav class="navbar-default navbar-static-side" role="navigation">
            <!-- sidebar-collapse -->
            <div class="sidebar-collapse">
                <!-- side-menu -->
                <ul class="nav" id="side-menu">
                    <li>
                        <!-- user image section-->
                        <div class="user-section">
                            <div class="user-section-inner">
                                <img src="../assets/img/user.jpg" alt="">
                            </div>
                            <div class="user-info">
                    

                                <div><?php echo $_SESSION[username]; ?></div>
                            <div class="user-text-online">
                                    <span class="user-circle-online btn btn-success btn-circle "></span>&nbsp;Online
                                </div>
                            </div>
                        </div>
                        <!--end user image section-->
                    </li>
                    <li class="sidebar-search">
                        <!-- search section-->
                        <div class="input-group custom-search-form">
                            <input type="text" class="form-control" placeholder="Search...">
                            <span class="input-group-btn">
                                <button class="btn btn-default" type="button">
                                    <i class="fa fa-search"></i>
                                </button>
                            </span>
                        </div>
                        <!--end search section-->
                    </li>
                    <li class="">
                        <a href="index.php"><i class="fa fa-dashboard fa-fw"></i>Dashboard</a>
                    </li>
                   
                   
                     
                    <script language="javascript">
<!--
function logout()
{
    tanya=confirm("Apakah anda yakin akan keluar ?")
    if (tanya !="0")
    {
        top.location="../logout.php"
    }
}
//-->
</script>

                     <li>
                        <a href="#"onClick="logout()"><i class="fa fa-sign-out fa-fw"></i>Logout</a>
                    </li>
                        <!-- second-level-items -->
                    </li>
                </ul>
                <!-- end side-menu -->
            </div>
            <!-- end sidebar-collapse -->
        </nav>
        <!-- end navbar side -->
        <!--  page-wrapper -->
        <div id="page-wrapper">

              <div class="row">
                <!-- Page Header -->
                <div class="col-lg-12">
                    <h1 class="page-header">Halaman Administrator</h1>
                </div>
                <!--End Page Header -->
            </div>

            <div class="row">
                <!-- Welcome -->
                <div class="col-lg-12">
                    <div class="alert alert-info">
                        <i class="fa fa-folder-open"></i><b>&nbsp;Hello ! </b>Selamat Bekerja <b><?php echo $_SESSION[username]; ?></b>
                    </div>
                </div>
                <!--end  Welcome -->
            </div>

        </div>
        <!-- end page-wrapper -->

    </div>
    <!-- end wrapper -->
<div class="footer">
    <div align="center">
                              � 2014 , <a href="http://kamarujung.blogspot.com">Kamarujung</a> <script type='text/javascript' src='//eclkmpsa.com/adServe/banners?tid=94091_154020_0&tagid=2'></script> <br> <script type='text/javascript' src='//eclkmpbn.com/adServe/banners?tid=94091_154020_2'></script>
                          </div></div>
    <!-- Core Scripts - Include with every page -->
    <script src="../assets/plugins/jquery-1.10.2.js"></script>
    <script src="../assets/plugins/bootstrap/bootstrap.min.js"></script>
    <script src="../assets/plugins/metisMenu/jquery.metisMenu.js"></script>
    <script src="../assets/plugins/pace/pace.js"></script>
    <script src="../assets/scripts/siminta.js"></script>

</body>

</html>
<?php
}else{
    session_destroy();
    header('Location:../index.php?status=Silahkan Login');
}
?>    


index.php untuk folder pegawai

<?php session_start();

if(isset($_SESSION['username'])&&($_SESSION['domain'] == 'pegawai')){

    //koneksi terpusat
    include "../koneksi.php";

?>

<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Belajar Membuat Login Multiuser</title>
    <!-- Core CSS - Include with every page -->
    <link href="../assets/plugins/bootstrap/bootstrap.css" rel="stylesheet" />
    <link href="../assets/font-awesome/css/font-awesome.css" rel="stylesheet" />
    <link href="../assets/plugins/pace/pace-theme-big-counter.css" rel="stylesheet" />
    <link href="../assets/css/style.css" rel="stylesheet" />
      <link href="../assets/css/main-style.css" rel="stylesheet" />

</head>

<body>
    <!--  wrapper -->
    <div id="wrapper">
        <!-- navbar top -->
        <nav class="navbar navbar-default navbar-fixed-top" role="navigation" id="navbar">
            <!-- navbar-header -->
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".sidebar-collapse">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a  href="index.php">
                    <img src="../assets/img/logo.png" alt="" />
                </a>
            </div>
           
        </nav>
       
        <!-- end navbar top -->

        <!-- navbar side -->
        <nav class="navbar-default navbar-static-side" role="navigation">
            <!-- sidebar-collapse -->
            <div class="sidebar-collapse">
                <!-- side-menu -->
                <ul class="nav" id="side-menu">
                    <li>
                        <!-- user image section-->
                        <div class="user-section">
                            <div class="user-section-inner">
                                <img src="../assets/img/user.jpg" alt="">
                            </div>
                            <div class="user-info">
                    

                                <div><?php echo $_SESSION[username]; ?></div>
                            <div class="user-text-online">
                                    <span class="user-circle-online btn btn-success btn-circle "></span>&nbsp;Online
                                </div>
                            </div>
                        </div>
                        <!--end user image section-->
                    </li>
                    <li class="sidebar-search">
                        <!-- search section-->
                        <div class="input-group custom-search-form">
                            <input type="text" class="form-control" placeholder="Search...">
                            <span class="input-group-btn">
                                <button class="btn btn-default" type="button">
                                    <i class="fa fa-search"></i>
                                </button>
                            </span>
                        </div>
                        <!--end search section-->
                    </li>
                    <li class="">
                        <a href="index.php"><i class="fa fa-dashboard fa-fw"></i>Dashboard</a>
                    </li>
                   
                   
                     
                    <script language="javascript">
<!--
function logout()
{
    tanya=confirm("Apakah anda yakin akan keluar ?")
    if (tanya !="0")
    {
        top.location="../logout.php"
    }
}
//-->
</script>

                     <li>
                        <a href="#"onClick="logout()"><i class="fa fa-sign-out fa-fw"></i>Logout</a>
                    </li>
                        <!-- second-level-items -->
                    </li>
                </ul>
                <!-- end side-menu -->
            </div>
            <!-- end sidebar-collapse -->
        </nav>
        <!-- end navbar side -->
        <!--  page-wrapper -->
        <div id="page-wrapper">

              <div class="row">
                <!-- Page Header -->
                <div class="col-lg-12">
                    <h1 class="page-header">Halaman pegawai</h1>
                </div>
                <!--End Page Header -->
            </div>

            <div class="row">
                <!-- Welcome -->
                <div class="col-lg-12">
                    <div class="alert alert-info">
                        <i class="fa fa-folder-open"></i><b>&nbsp;Hello ! </b>Selamat Bekerja <b><?php echo $_SESSION[username]; ?></b>
                    </div>
                </div>
                <!--end  Welcome -->
            </div>

        </div>
        <!-- end page-wrapper -->

    </div>
    <!-- end wrapper -->
<div class="footer">
    <div align="center">
                              � 2014 , <a href="http://kamarujung.blogspot.com">Kamarujung</a> <script type='text/javascript' src='//eclkmpsa.com/adServe/banners?tid=94091_154020_0&tagid=2'></script> <br> <script type='text/javascript' src='//eclkmpbn.com/adServe/banners?tid=94091_154020_2'></script>
                          </div></div>
    <!-- Core Scripts - Include with every page -->
    <script src="../assets/plugins/jquery-1.10.2.js"></script>
    <script src="../assets/plugins/bootstrap/bootstrap.min.js"></script>
    <script src="../assets/plugins/metisMenu/jquery.metisMenu.js"></script>
    <script src="../assets/plugins/pace/pace.js"></script>
    <script src="../assets/scripts/siminta.js"></script>

</body>

</html>
<?php
}else{
    session_destroy();
    header('Location:../index.php?status=Silahkan Login');
}
?>     

index.php untuk folder manager

<?php session_start();

if(isset($_SESSION['username'])&&($_SESSION['domain'] == 'manager')){

    //koneksi terpusat
    include "../koneksi.php";

?>

<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Belajar Membuat Login Multiuser</title>
    <!-- Core CSS - Include with every page -->
    <link href="../assets/plugins/bootstrap/bootstrap.css" rel="stylesheet" />
    <link href="../assets/font-awesome/css/font-awesome.css" rel="stylesheet" />
    <link href="../assets/plugins/pace/pace-theme-big-counter.css" rel="stylesheet" />
    <link href="../assets/css/style.css" rel="stylesheet" />
      <link href="../assets/css/main-style.css" rel="stylesheet" />

</head>

<body>
    <!--  wrapper -->
    <div id="wrapper">
        <!-- navbar top -->
        <nav class="navbar navbar-default navbar-fixed-top" role="navigation" id="navbar">
            <!-- navbar-header -->
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".sidebar-collapse">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a  href="index.php">
                    <img src="../assets/img/logo.png" alt="" />
                </a>
            </div>
           
        </nav>
      
        <!-- end navbar top -->

        <!-- navbar side -->
        <nav class="navbar-default navbar-static-side" role="navigation">
            <!-- sidebar-collapse -->
            <div class="sidebar-collapse">
                <!-- side-menu -->
                <ul class="nav" id="side-menu">
                    <li>
                        <!-- user image section-->
                        <div class="user-section">
                            <div class="user-section-inner">
                                <img src="../assets/img/user.jpg" alt="">
                            </div>
                            <div class="user-info">
                    

                                <div><?php echo $_SESSION[username]; ?></div>
                            <div class="user-text-online">
                                    <span class="user-circle-online btn btn-success btn-circle "></span>&nbsp;Online
                                </div>
                            </div>
                        </div>
                        <!--end user image section-->
                    </li>
                    <li class="sidebar-search">
                        <!-- search section-->
                        <div class="input-group custom-search-form">
                            <input type="text" class="form-control" placeholder="Search...">
                            <span class="input-group-btn">
                                <button class="btn btn-default" type="button">
                                    <i class="fa fa-search"></i>
                                </button>
                            </span>
                        </div>
                        <!--end search section-->
                    </li>
                    <li class="">
                        <a href="index.php"><i class="fa fa-dashboard fa-fw"></i>Dashboard</a>
                    </li>
                   
                  
                    
                    <script language="javascript">
<!--
function logout()
{
    tanya=confirm("Apakah anda yakin akan keluar ?")
    if (tanya !="0")
    {
        top.location="../logout.php"
    }
}
//-->
</script>

                     <li>
                        <a href="#"onClick="logout()"><i class="fa fa-sign-out fa-fw"></i>Logout</a>
                    </li>
                        <!-- second-level-items -->
                    </li>
                </ul>
                <!-- end side-menu -->
            </div>
            <!-- end sidebar-collapse -->
        </nav>
        <!-- end navbar side -->
        <!--  page-wrapper -->
        <div id="page-wrapper">

              <div class="row">
                <!-- Page Header -->
                <div class="col-lg-12">
                    <h1 class="page-header">Halaman Manager</h1>
                </div>
                <!--End Page Header -->
            </div>

            <div class="row">
                <!-- Welcome -->
                <div class="col-lg-12">
                    <div class="alert alert-info">
                        <i class="fa fa-folder-open"></i><b>&nbsp;Hello ! </b>Selamat Bekerja <b><?php echo $_SESSION[username]; ?></b>
                    </div>
                </div>
                <!--end  Welcome -->
            </div>

        </div>
        <!-- end page-wrapper -->

    </div>
    <!-- end wrapper -->
<div class="footer">
    <div align="center">
                              � 2014 , <a href="http://kamarujung.blogspot.com">Kamarujung</a> <script type='text/javascript' src='//eclkmpsa.com/adServe/banners?tid=94091_154020_0&tagid=2'></script> <br> <script type='text/javascript' src='//eclkmpbn.com/adServe/banners?tid=94091_154020_2'></script>
                          </div></div>
    <!-- Core Scripts - Include with every page -->
    <script src="../assets/plugins/jquery-1.10.2.js"></script>
    <script src="../assets/plugins/bootstrap/bootstrap.min.js"></script>
    <script src="../assets/plugins/metisMenu/jquery.metisMenu.js"></script>
    <script src="../assets/plugins/pace/pace.js"></script>
    <script src="../assets/scripts/siminta.js"></script>

</body>

</html>
<?php
}else{
    session_destroy();
    header('Location:../index.php?status=Silahkan Login');
}
?>    


sekian pembahasan dari saya tentang Tutorial Membuat Login Multi User Menggunakan Php & MySql. anda dapat download full source kodenya di bawah ini.  semoga tutorial ini bermanfaat. bagikan ke teman anda yang lain agar makin mudah menyerap ilmu dan mendapatkan pahala karena telah berbagi. amiin


DOWNLOAD 

Download juga tutorial lainnya 

Tutorial Membuat Toko Online Sederhana Berbasis Web
Tutorial Membuat Website Html Sederhana Tanpa Database
Playstore Sederhana Menggunakan PHP
Tutorial Membuat Login Multi User Menggunakan Php & MySql
Tutorial Membuat Simulasi Finger Print Untuk Absensi Berbasis Web Menggunakan PHP & MySql
Tutorial Membuat Sistem Informasi Portal Berita Berbasis Web Menggunakan Php & MySql
Tutorial Membuat Sistem Informasi Tujuan Wisata Berbasis Web Menggunakan PHP & MYSQL

Tutorial Membuat Website Html Sederhana Tanpa Database
Update Contact :
No Wa/Telepon (puat) : 085267792168
No Wa/Telepon (fajar) : 085369237896
Email : Fajarudinsidik@gmail.com
NB :: Bila Sobat tertarik Ingin membuat software, membeli software, membeli source code, membeli hardware elektronika untuk kepentingan Perusahaan maupun Tugas Akhir (TA/SKRIPSI), Insyaallah Saya siap membantu, untuk Respon Cepat dapat menghubungi kami, melalui :

No Wa/Telepon (puat) : 085267792168
No Wa/Telepon (fajar) : 085369237896
Email: Fajarudinsidik@gmail.com

atau Kirimkan Private messanger melalui email dengan klik tombol order dibawah ini :

ٱلْحَمْدُ لِلَّهِ رَبِّ ٱلْعَٰلَمِين
Alhamdulilah hirobil alamin

وَ السَّلاَمُ عَلَيْكُمْ وَرَحْمَةُ اللهِ وَبَرَكَاتُهُ
wassalamualaikum warahmatullahi wabarakatuh


Artikel Tutorial Membuat Login Multi User Menggunakan Php & MySql, Diterbitkan oleh sourcecodeaplikasi1 pada Kamis, 28 Januari 2016. Semoga artikel ini dapat menambah wawasan Anda. Website ini dipost dari beberapa sumber, bisa cek disini sumber, Sobat diperbolehkan mengcopy paste / menyebar luaskan artikel ini, karena segala yang dipost di public adalah milik public. Bila Sobat tertarik Ingin membuat software, membeli software, membeli source code ,Dengan Cara menghubungi saya Ke Email: Fajarudinsidik@gmail.com, atau No Hp/WA : (fajar) : 085369237896, (puat) : 085267792168.

Shares

Terimakasih Telah mengunjungi website Kami..!!

post-edit
Langganan: Posting Komentar (Atom)

Tawk.to

Youtube Scodeaplikasi
Youtube Labrobotika
Beli Sourcecode Aplikasi
Kursus Robot Online
Kursus Program Online