[php] index.php

Viewer

copydownloadembedprintName: index.php
  1. <?php 
  2. include 'config/koneksi.php';
  3. if(isset($_POST['login'])){
  4.         $username = mysqli_real_escape_string($koneksi,$_POST['username']);
  5.         $password = mysqli_real_escape_string($koneksi,md5($_POST['password']));
  6.  
  7.         $sql = mysqli_query($koneksi,"SELECT * FROM masyarakat WHERE username='$username' AND password='$password' ");
  8.         $cek = mysqli_num_rows($sql);
  9.         $data = mysqli_fetch_assoc($sql);
  10.  
  11.         $sql2 = mysqli_query($koneksi,"SELECT * FROM petugas WHERE username='$username' AND password='$password' ");
  12.  
  13.         $cek2 = mysqli_num_rows($sql2);
  14.         $data2 = mysqli_fetch_assoc($sql2);
  15.  
  16.         if($cek>0){
  17.                 session_start();
  18.                 $_SESSION['username']=$username;
  19.                 $_SESSION['data']=$data;
  20.                 $_SESSION['level']='masyarakat';
  21.                 echo "
  22.                 <script>
  23.                 alert('Login berhasil, anda login sebagai Msyarakat');
  24.                 document.location.href = 'masyarakat/';
  25.                 </script>
  26.                 ";
  27.         }
  28.         elseif($cek2>0){
  29.                 if($data2['level']=="admin"){
  30.                         session_start();
  31.                         $_SESSION['username']=$username;
  32.                         $_SESSION['data']=$data2;
  33.                         echo "
  34.                         <script>
  35.                         alert('Login berhasil, anda login sebagai Admin');
  36.                         document.location.href = 'admin/';
  37.                         </script>
  38.                         ";
  39.                 }
  40.                 elseif($data2['level']=="petugas"){
  41.                         session_start();
  42.                         $_SESSION['username']=$username;
  43.                         $_SESSION['data']=$data2;
  44.                         echo "
  45.                         <script>
  46.                         alert('Login berhasil, anda login sebagai Petugas');
  47.                         document.location.href = 'petugas/';
  48.                         </script>
  49.                         ";
  50.                 }
  51.         }
  52.         else{
  53.                 echo "<script>alert('Maaf username atau password yang anda masukkan tidak sesuai!')</script>";
  54.         }
  55.  
  56. }
  57. ?>
  58.  
  59. <!DOCTYPE html>
  60. <html>
  61. <head>
  62.         <title>Welcome to Desa Batutulis</title>
  63.         <link rel="stylesheet" type="text/css" href="assets/bootstrap/css/bootstrap.css">
  64.         <link rel="stylesheet" type="text/css" href="assets/css/style.css">
  65.         <link rel="stylesheet" type="text/css" href="assets/fontawesome/css/all.min.css">
  66.         <link rel="icon" type="icon" href="assets/img/icon.png">
  67.  
  68.         <style type="text/css">
  69.                 strong {
  70.                         color: #6C63FF;
  71.                 }
  72.         </style>
  73. </head>
  74. <body class="login-body">
  75.         <nav class="navbar navbar-light bg-light">
  76.               <div class="container">
  77.                       <a href="../index.php" class="navbar-brand mb-0 h1" style="color: #6C63FF;">Desa Batutulis</a>
  78.                       <button type="button" class="btn btn-dark btn-sm ml-auto h5" data-toggle="modal" data-target="#bantuan" style="background: #6C63FF; border: none;">Bantuan <i class="fas fa-question-circle"></i></button>
  79.               </div>
  80.  
  81.               <!-- Modal -->
  82.               <div class="modal fade" id="bantuan" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
  83.                 <div class="modal-dialog modal-dialog-scrollable">
  84.                   <div class="modal-content">
  85.                     <div class="modal-header">
  86.                       <h5 class="modal-title" id="exampleModalLabel" style="color: #6C63FF;">Bantuan</h5>
  87.                       <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  88.                         <span aria-hidden="true">×</span>
  89.                       </button>
  90.                     </div>
  91.                     <div class="modal-body">
  92.                       <h3 class="text-justify" style="color: #6C63FF;">Tentang</h3>
  93.                       <div class="container text-justify">
  94.                               <p>Aplikasi ini merupan aplikasi Pengaduan Masyarakat berbasis web, tujuan pembuatan aplikasi ini adalah untuk memudahkan masyarakat membuat laporan tentang keluhan yang ada di lingkunan Masyarakat.</p>
  95.                               <p>Keluhan anda akan langsung tersimpan dan akan di tanggapi oleh petugas dalam waktu kurang lebih <strong>24 Jam.</strong></p>
  96.                       </div>
  97.  
  98.                       <h3 class="text-justify" style="color: #6C63FF;">Cara Menggunakan Aplikasi Ini</h3>
  99.                       <ol class="text-justify">
  100.                               <li>Silahkan buat akun terlebih dahulu dengan cara klik tombol <strong>Sign Up</strong> di bawah tombol <strong>Login.</strong></li>
  101.                               <li>Isi data yang di minta sesuaikan dengan form yang tersedia.</li>
  102.                               <li>Pastikan memasukkan data dengan sesuai.</li>
  103.                               <li>Setelah mengisi semua data klik tombol <strong>Simpan.</strong></li>
  104.                               <li>Setelah data berhasil di simpan kembali ke halaman <strong>Login</strong> dengan cara klik tombol <strong>Login</strong> di bawah tombol <strong>Simpan.</strong></li>
  105.                       </ol>
  106.  
  107.                       <h3 class="text-justify" style="color: #6C63FF;">Cara Membuat Pengaduan</h3>
  108.                       <ol class="text-justify">
  109.                               <li>Silahkan login menggunakan <strong>Username dan Password</strong> Yang sudah di buat tadi.</li>
  110.                               <li>Setelah berhasil Login klik tombol <strong>Fitur Masyarakat</strong> yang ada di navigasi atau yang ada di tengah bawah halaman.</li>
  111.                               <li>Lihat beberapa fitur yang tersedia untuk <strong>Masyarakat.</strong></li>
  112.                               <li>Untuk membuat pengaduan klik tulisan atau tombol <strong>Buat Pengaduan.</strong></li>
  113.                               <li>Isikan pengaduan anda di kolom yang tersedia.</li>
  114.                               <li>Masukkan foto dengan cara klik tulisan <strong>Pilih Foto Pendukung</strong> sebagai bukti tambahan dari pengaduan anda.</li>
  115.                               <li>Klik tombol <strong>Submit</strong> untuk mengirim pengaduan.</li>
  116.                               <li>Untuk melihat <strong>Daftar Pengaduan</strong> yang pernah di buat klik tulisan <strong>Daftar Pengaduan</strong> yang ada di sidebar.</li>
  117.                               <li>Daftar pengaduan akan muncul apabila pengaduan yang di buat tadi sudah di <strong>Tanggapai</strong> oleh petugas.</li>
  118.                       </ol>
  119.                     </div>
  120.                     <div class="modal-footer">
  121.                       <button type="button" class="btn btn-primary" data-dismiss="modal" style="background: #6C63FF; border: none;">Paham</button>
  122.                     </div>
  123.                   </div>
  124.                 </div>
  125.               </div>
  126.         </nav>
  127.  
  128.         <div class="row">
  129.                 <div class="col-lg">
  130.                         <img src="assets/img/login.png" style=" width: 800px; margin-top: 50px; display: block; margin: auto;">
  131.                 </div>
  132.                 <div class="col-lg">
  133.                         <div class="login" style="margin-top: 50px;">
  134.                                 <div class="form-login card" style="width: 300px; border: none; display: block; margin: auto;">
  135.                                         <h4 class="">Sign In</h4>
  136.                                         <small class="text-muted mb-4 text-justify">Silahkan Login Untuk Mulai Menggunakan Aplikasi Ini!</small class="text-muted mb-4">
  137.                                                 <form action="" method="POST" style="display: block; margin: auto;">
  138.                                                         <div class="form-group">
  139.                                                                 <input class="form-control mb-2" type="text" name="username" id="username" placeholder="Username" autocomplete="off">
  140.                                                                 <input class="form-control" type="password" name="password" id="password" placeholder="Password" autocomplete="off">
  141.                                                         </div>
  142.                                                         <div class="form-check mb-3">
  143.                                                                 <input class="form-check-input" type="checkbox" id="remember">
  144.                                                                 <label class="form-check-label text-muted" for="remember">
  145.                                                                         Remember me
  146.                                                                 </label>
  147.                                                         </div>
  148.                                                         <button class="btn btn-primary" name="login" id="login" style="width: 100%; background: #6C63FF;">LOGIN</button>
  149.  
  150.                                                         <p class="signup">Don't have an account yet? <a href="register.php" class="text-decoration-none" style="color: #6C63FF;">Sign Up</a></p>
  151.  
  152.                                                         <p class="text-center text-muted mt-4">- Follow Us -</p>
  153.                                                         <div class="sosmed text-center" style="font-size: 30px;">
  154.                                                                 <a href="https://www.facebook.com/arya.dwinata.543"><i class="fab fa-facebook-square m-3" style="color: #3b5998;"></i></a>
  155.                                                                 <a href="https://www.instagram.com/arya.dwinata.543/"><i class="fab fa-instagram m-3" style="color: #c32aa3;"></i></a>
  156.                                                                 <i class="fab fa-whatsapp m-3" style="color: #00acee;"></i>
  157.                                                                 <a href="https://www.youtube.com/channel/UCL6Brv5QkUFwM2vidb2RmNg"><i class="fab fa-youtube m-3" style="color: #c4302b;"></i></a>
  158.                                                         </div>
  159.  
  160.                                                 </form>
  161.                                         </div>
  162.                                 </div>
  163.                         </div>
  164.                 </div>
  165.  
  166.         <script src="assets/js/jquery-3.5.1.slim.min.js"></script>
  167.         <script src="assets/js/bootstrap.bundle.min.js"></script>
  168.  
  169.         </body>
  170.         </html>

Editor

You can edit this paste and save as new:


File Description
  • index.php
  • Paste Code
  • 12 May-2021
  • 7.73 Kb
You can Share it: