Belajar Ngoding: Sistem Informasi Rawat Jalan Rumah Sakit Dengan PHP,Javascript,Bootstrap

bentuk dari form login dan menu utama yang akan di buat seperti berikut :

pada tahap ini kita hanya akan mengkases tabel user pada databse untuk login ke menu utama, menu utama di sini berfungsi sebagai file index, dengan bantuan session halaman utama hanya akan bisa di akses apabila user telah login, jika tidak user akan di arahkan kembali ke pada halaman login.
untuk pembuatan halaman web diatas saya menggunakan :
1. XAMPP
2. PHP
2. Mysql
3. CSS
4. Bootstrap-3.3.6
5. jquery-ui-1.12.1

berikut langkah langkah yang akan di lakukan:
1. buatlah sebuah folder dengan nama "sirs" dan tempatkan di C:\xampp\htdocs\sirs
2. Download Bootstrap-3.3.6 dan jquery-ui-1.12.1 dan tempatkan di dalam folder "sirs".
2. buatlah sebuah file dengan nama "login.php" dan tempatkan di dalam folder sirs
3. Syntax untuk login.php sbb:

<?php
  session_start(); //memulai session
   if (isset($_SESSION['namauser']))     //jika session masih aktif karna nama user yang di pakai saat login sebelumnya
    {             //maka halaman akan langsung menuju menu utama
     header("location:halamanutama.php");//jika tidak maka akan melanjutakn ke halaman login kembali dan memproses 
 }else{                //syntax dari <html> sampai dengan </html>
?>

<html>
    <head>
    <title> Login </title>
 <link rel="stylesheet" href="bootstrap-3.3.6/dist/css/bootstrap.min.css"/>
 <link rel="stylesheet" href="bootstrap-3.3.6/dist/css/login.css"/>
 <script src="bootstrap-3.3.6/dist/js/bootstrap.min.js"></script>

    </head>
    <body>

    <div class="col-md-4 col-md-offset-4 form-login">
    <div class="outter-form-login">
        <div class="logo-login">
            <i class="glyphicon glyphicon-user"></i>
 </div>
<form action="" method="post" class="inner-login">
  <input type="text" name="txtusername" placeholder="username" class="form-control" required>
  <input type="password" name="txtpassword" placeholder="password" class="form-control" required>
  <input type="submit" name="btnlogin" value="login" class="btn btn-block btn-custom-green">
 </form>
<?php
  include "koneksi.php";// memanggil syntax pada file koneksi.php
  if(isset($_POST['btnlogin'])){ 
  $cek = mysqli_query($conn,"select * from user where namauser = '".$_POST['txtusername']."' and 
                             password=md5('".$_POST['txtpassword']."')");
  $hasil = mysqli_fetch_array($cek);
  $count = mysqli_num_rows($cek);
  $nama_user = $hasil['namauser'];
  if($count > 0){
    session_start();
    $_SESSION['namauser'] = $nama_user;
    header("location:halamanutama.php");
  }else{
    echo "<center>
";
    echo "anda belum terdaftar";
  }
  }
?>
          </div>
</div>
</div>
</body>
</html>
 <?php 
  } //mengakhiri syntax untuk session 
 ?>

4. berikut syntax untuk halamanutama.php

<?php
 session_start();
   if (!isset($_SESSION['namauser']))
    {
  header("location:login.php");
 }else{             
?>
<!DOCTYPE html>
<html>
  <head> 
   <title> SIRS</title> 
 </head>
 
 <style type="text/css">
  #footer{
   text-align:center;
   border: 1px solid silver;
  }
  
  #header{
   text-align:center;
   font-size :28px;
   border: 2px solid silver;
  }
  
  #isi{
   min-height: 400px;
  }
  
  #menu{
   background-color : #077bb1 ;
  }  
   #menu ul{
    list-style : none;
    margin: 0 ;
    padding: 0;
   }
   #menu ul li.utama{
    display: inline-table;
   }
   #menu ul li:hover{
    background-color:#000066;
   }
   #menu ul li a{
    display:block;
    text-decoration:none;
    line-height: 30px;
    padding: 0 50px;
    color:#FFFFFF;
   }
   .utama ul{
    display:none;
    position:absolute;
    z-index:2;
   }
   .utama:hover ul{
    display:block;
   }
   .utama ul li{
    display:block;
    background-color:#077bb1;
    width: 100%;
   }
 </style>
 
     <body> 
  <div id="header">
 </div>
<div id = "menu">
   <ul>
<li class="utama"><a href="/sirs"> Home </a></li>
<li class="utama"><a href=""> Master </a>
     <ul>
<li><a href="?page=master&action=listdatauser">Data User </a></li>
<li><a href="?page=master&action=listdatadokter">Data Dokter </a></li>
<li><a href="?page=master&action=listdatalayanan"> Data Layanan </a></li>
<li><a href="?page=master&action=listdatadepartment"> Data Department </a></li>
<li><a href="?page=master&action=listdataasuransi"> Data Asuransi </a></li>
<li><a href="?page=master&action=listdataperusahaan"> Data Perusahaan </a></li>
<li><a href="?page=master&action=listdataobat"> Data Obat </a></li>
<li><a href="?page=master&action=listdatalabor"> Data Laboratorium </a></li>
<li><a href="?page=master&action=listdataradiologi"> Data Radiologi </a></li>
</ul>
</li>
<li class="utama"><a href=""> Transaksi </a>  
     <ul>
<li><a href="?page=transaksi&action=pasienrj"> Daftar Pasien Rawat Jalan </a></li>
<li><a href="?page=transaksi&action=listdataregistrasi"> List Registrasi pasien </a></li>
<li><a href="?page=inputlayanan"> Input Layanan </a></li>
<li><a href="?page=inputpenunjangdiagnostik"> Input Penunjang Diagnostik </a></li>
<li><a href="?page=inputfarmasi"> Input farmasi </a></li>
<li><a href="?page=prosespembayaran"> Proses Pembayaran </a></li>
</ul>
</li>
<li class="utama"><a href="logout.php"> logout </a></li>
</ul>
</div>
<div id="isi">
  <br>
  <?php
   $page = @$_GET['page'];
   $action = @$_GET['action'];
   if($page == "master"){
    if ($action == ""){
     include "daftar.php";
    }else if($action == "listdatauser"){
     include "list_data_user.php";
    }else if($action == "editdatauser"){
     include "edit_data_user.php";
    
    }else if($action == "entrydatadokter"){
     include "entry_data_dokter.php";
    }else if($action == "listdatadokter"){
     include "list_data_dokter.php";
    }else if($action == "editdatadokter"){
     include "edit_data_dokter.php";
    
    }else if($action == "listdatalayanan"){
     include "list_data_layanan.php";
    }else if($action == "entrydatalayanan"){
     include "entry_data_layanan.php";
    }else if($action == "editdatalayanan"){
     include "edit_data_layanan.php";
    
    }else if($action == "entrydatadepartment"){
     include "entry_data_department.php";
    }else if($action == "listdatadepartment"){
     include "list_data_department.php";
    }else if($action == "editdatadepartment"){
     include "edit_data_department.php";

    }else if($action == "entrydataasuransi"){
     include "entry_data_asuransi.php";
    }else if($action == "listdataasuransi"){
     include "list_data_asuransi.php";
    }else if($action == "editdataasuransi"){
     include "edit_data_asuransi.php";
    
    }else if($action == "entrydataperusahaan"){
     include "entry_data_perusahaan.php";
    }else if($action == "listdataperusahaan"){
     include "list_data_perusahaan.php";
    }else if($action == "editdataperusahaan"){
     include "edit_data_perusahaan.php";
    
    }else if($action == "entrydataobat"){
     include "entry_data_obat.php";
    }else if($action == "listdataobat"){
     include "list_data_obat.php";
    }else if($action == "editdataobat"){
     include "edit_data_obat.php";

    }else if($action == "listdatalabor"){
     include "list_data_labor.php";
    }else if($action == "listdataradiologi"){
     include "list_data_radiologi.php";
    }

   }else if($page == "transaksi"){
    if ($action == ""){
     include "FProsesDaftarPxRJ.php";
    }else if($action == "pasienrj"){
     include "FProsesDaftarPxRJ.php";
    }else if($action == "listpasien"){
     include "list_data_pasien_rj.php";
    }else if($action == "editpasien"){
     include "edit_data_pasien.php";
    }else if($action == "editpasien2"){
     include "edit_data_pasien2.php";
    }else if($action == "pasienbaru"){
     include "FdaftarPxBaru.php";
    }else if($action == "cariasuransi"){
     include "cariasuransi.php";
    }else if($action == "listdataregistrasi"){
     include "list_reg_px.php";
    }else if($action == "tambahpoli"){
     include "ftambahpoli.php";
    }else if($action == "hapuspoli"){
     include "proseshapuspoli.php";
    }else if($action == "listdataregistrasi"){
     include "list_data_pasien_rj_ly.php";
    }else if($action == "tambahlayanan"){
     include "tambahlayanan.php";
    }

   }else if($page == "inputlayanan"){
    if ($action == ""){
     include "list_data_pasien_rj_ly.php";
    }else if($action == "tambahlayanan"){
     include "ftambahlayanan.php";
    }else if($action == "hapuslayanan"){
     include "proseshapuslayanan.php";
    }

   }else if($page == "inputpenunjangdiagnostik"){
    if ($action == ""){
     include "list_data_pasien_rj_pd.php";
    }else if($action == "tambahpd"){
     include "ftambah_pd.php";
    }

   }else if($page == "inputfarmasi"){
    if ($action == ""){
     include "list_data_pasien_rj_farmasi.php";
    }else if($action == "tambahfarmasi"){
     include "ftambah_farmasi.php";
    }

   }else if($page == "prosespembayaran"){
    if ($action == ""){
     include "list_data_pasien_rj_pembayaran.php";
    }else if($action == "pembayaran"){
     include "fpembayaran.php";
    }

   }else if($page == ""){
    echo "SELAMAT DATANG ";
    echo $_SESSION['namauser']; 
   }else{
    echo "404: halaman tidak ditemukan";
   }
  ?>
  
  </div>
</body>
 
<footer>
 <div id="footer">
 copyright
 </div>
</footer>
</html>
 <?php } ?>

Sunday, 25 February 2018

Sistem Informasi Rawat Jalan Rumah Sakit Dengan PHP,Javascript,Bootstrap - Part 2 (Pembuatan login dan menu utama)

No comments:

Post a Comment