Thursday, April 29, 2021

Membuat Aplikasi Pengaduan Masyarakat dengan Php & MySQL

12:11 PM  guru  No comments

Untuk membuat sebuah aplikasi / sistem informasi dengan web diperlukan pengetahuan mengenai alat yang akan digunakan, contoh dalam hal ini kita akan menyiapkan software seperti Apache, MySQL yang dipaket kedalam XAMPP untuk membuat Sistem Informasi Pengaduan Masyarakat


Untuk database yang berisi tabel dapat dilihat dibawah ini,

Setelah peralatan dan bahan berupa tabel sudah siap, maka akan kita lakukan pengkodingan, lanjut pada langkah-langkah dibawah ini :

1. Siapkan folder didalam XAMPP/HTDOCS berupa folder dengan nama UKK sehingga bisa dilihat sebagai berikut :

2. Didalam folder UKK, buat lagi folder-folder seperti css dan img untuk menampung file-file css dan gambar seperti terlihat pada gambar dibawah ini 


3. Setelah itu, buat file koneksi.php dan simpan di folder UKK


4. Uji file koneksi.php tersebut lewat localhost/ukk/koneksi.php di Chrome/Firefox/IE, jika berhasil maka akan muncul tampilan kosong seperti gambar dibawah ini

5. Selanjutkan buat file index.php sebagai file utama di folder UKK

Untuk Source Code bisa dilihat dibawah ini :
nama file : index.php

  1. <?php
  2.     @session_start();
  3.     include "koneksi.php";

  5.     if(@$_SESSION['nama']) {

  7. ?>

  9. <!DOCTYPE html>
  10. <html lang="en" dir="ltr">
  11. <head>
  12.     <meta charset="utf-8">
  13.     <title>Aplikasi Pengaduan Masyarakat</title>
  14.     <link href="css/main.css" rel="stylesheet" type="text/css">
  15. </head>
  16. <body>
  17. <div id="canvas">
  18.     <div id="header">
  19.         Sistem Informasi Pengaduan Masyarakat
  20.     </div>

  22.     <div id="menu">
  23.         <ul>
  24.             <li class="utama"><a href="/2021/UKK">Beranda</a></li>
  25.             <li class="utama"><a href="">Registerasi</a>
  26.                 <ul>
  27.                     <li><a href="?page=masyarakat">Lihat Data</a></li>
  28.                     <li><a href="?page=masyarakat&action=tambah">Tambah Data</a></li>
  29.                 </ul>
  30.             </li>
  31.             <li class="utama"><a href="">Menulis Laporan Pengaduan</a>
  32.                 <ul>
  33.                     <li><a href="?page=pengaduan">Lihat Data</a></li>
  34.                     <li><a href="?page=pengaduan&action=tambah">Tambah Data</a></li>
  35.                 </ul>
  36.             </li>           
  37.             <li class="utama right" style="background-color: #f60"><a href="logout.php">Logout</a></li>
  38.             <li class="utama right">
  39.                 <?php
  40.                 if(@$_SESSION['nama']){
  41.                     $user_terlogin = @$_SESSION['nama'];                
  42.                 } 
  43.                 ?>
  44.                 <a>Selamat datang, <?php echo $user_terlogin; ?></a>
  45.             </li>
  46.         </ul>
  47.     </div>

  49.     <div id="isi">
  50.         <?php
  51.         $page = @$_GET['page'];
  52.         $action = @$_GET['action'];
  53.         if($page == "masyarakat"){
  54.             if($action == ""){
  55.                 include "masyarakat.php";
  56.             } else if($action == "tambah") {
  57.                 include "tambah_masyarakat.php";
  58.             } else if($action == "edit") {
  59.                 include "edit_masyarakat.php";
  60.             } else if($action == "hapus") {
  61.                 include "hapus_masyarakat.php";
  62.             }
  63.         } else if($page == "pengaduan"){
  64.              if($action == ""){
  65.                 include "pengaduan.php";
  66.             } else if($action == "tambah") {
  67.                 include "tambah_pengaduan.php";
  68.             } else if($action == "edit") {
  69.                 include "edit_pengaduan.php";
  70.             } else if($action == "hapus") {
  71.                 include "hapus_pengaduan.php";
  72.             }
  73.         } else {
  74.             echo "halaman tidak ditemukan<br><br>";
  75.             echo "Anda login sebagai masyarakat<br>";
  76.             echo("Menu yang bisa anda akses sbb :<br>");
  77.             echo("1. Registerasi<br>");
  78.             echo("2. Membuat laporan pengaduan<br>");
  79.         }
  80.         ?>
  81.     </div>

  83.     <div id="footer">
  84.         Copyright 2021 - Hari Zulianto
  85.     </div>
  86. </div>
  87. </body>
  88. </html>

  90. <?php
  91. } else {
  92.     header("location: login.php");
  93. }
  94. ?>
Untuk dowload file bisa langsung klik : index.php

Jika dijalankan, outputnya sebagai berikut :



6. Langkah selanjutnya, buat file main.css yang terletak didalam folder UKK/css , dengan source code sebagai berikut :

  1. body{
  2.     font-family: arial;
  3.     font-size: 14px;
  4. }

  6. #canvas{
  7.     width: 1024px;
  8.     margin: 0 auto;
  9.     border: 1px solid silver;
  10. }

  12. #header{
  13.     font-size: 20px;
  14.     padding: 20px;
  15.     /*border: 1px solid silver; */    
  16. }

  18. #menu{
  19.     background-color: #0066ff;
  20. }
  21. #menu ul{
  22.     list-style: none;
  23.     margin: 0;
  24.     padding: 0;
  25. }
  26. #menu ul li.utama{
  27.     display: inline-table;
  28. }
  29. #menu ul li:hover{
  30.     background-color: #0033cc;
  31. }
  32. #menu ul li a{
  33.     display: block;
  34.     text-decoration: none;
  35.     line-height: 40px;
  36.     padding: 0 10px;
  37.     color: #fff;
  38. }
  39. .utama ul{
  40.     display: none;
  41.     position: absolute;
  42.     z-index: 2;
  43. }
  44. .utama:hover ul{
  45.     display: block;
  46. }
  47. .utama ul li{
  48.     display: block;
  49.     background-color: #6cf;
  50.     width: 140px;
  51. }
  52. .right{
  53.     float: right;
  54. }
  55. /*
  56. .utama_kanan {
  57.     display: block;
  58.     background-color: #FF8C00;
  59. }*/

  61. #isi{
  62.     min-height: 400px;
  63.    /* border: 1px solid silver;     */
  64.     padding: 20px;
  65. }

  67. #footer{
  68.     text-align: center;
  69.     border: 1px solid silver;
  70.     background-color: #ccc;
  71. }

Untuk download filenya bisa langsung klik link disamping : main.css dan simpan kedalam folder CSS

7. Langkah berikutnya membuat file login.php 

  1. <?php
  2. session_start();
  3. include 'koneksi.php';
  4. if(@$_SESSION['nama']) {
  5. header("location: index.php");
  6. } else {
  7. ?>

  9. <!DOCTYPE html>
  10. <html>
  11. <head>
  12. <title>Sistem Informasi Pengaduan Masyarakat</title>
  13. <link href="css/style.css" rel="stylesheet" type="text/css">
  14. </head>
  15. <body>
  16. <div id="utama">
  17. <div id="judul">
  18. Halaman Login Masyarakat
  19. </div>

  21. <div id="inputan">
  22. <form action="" method="post">
  23. <div>
  24. <input type="text" name="user" placeholder="Username" class="lg" />
  25. </div>
  26. <div style="margin-top: 10px;">
  27. <input type="password" name="pass" placeholder="Password" class="lg">
  28. <div style="margin-top: 10px;">
  29. <input type="submit" name="login" value="Login" class="btn" />
  31. <a style="float: right; margin-top: 10px; color: #fff; text-decoration: none;" href="register.php">Register</a>
  32. <br>
  33. <br>
  34. Belum punya akun ? 
  35. <br>Silahkan klik Register dulu.
  36. </div>
  37. </form>

  39. <?php
  40. if(isset($_POST['login'])){
  41. //if($user == "" || $pass = "") {
  42. if(empty($_POST['user']) || empty($_POST['pass'])) {
  43. /*echo "<br><center><font color='#ff0000'>Username / Password tidak boleh kosong</font></center>";
  44. */
  45. ?> 
  46. <script type="text/javascript">alert("Username / password tidak boleh kosong")</script>
  47. <?php
  48. } else {
  49. $user = $_POST['user'];
  50. $pass = $_POST['pass'];
  52. //$query = "SELECT username,password FROM petugas WHERE username='$user' AND password=md5('$pass')";
  53. $query = "SELECT * FROM masyarakat WHERE username='$user' AND password='$pass'";
  54. $sql = mysqli_query($koneksi, $query);
  55. $rows = mysqli_fetch_array($sql);
  56. if ($rows) {
  57. @$_SESSION['nama']=$rows['nama'];
  58. echo "Sukses Admin";
  59. header("location: index.php");
  60. } else {
  61. echo "<script language=\"JavaScript\">\n";
  62. echo "alert('Username atau Password Salah!');\n";
  63. echo "window.location='index.php'";
  64. echo "</script>";
  65. //echo "<br><center><font color='#ff0000'>Username / Password Salah</font></center>";
  66. }
  67. }
  68. }
  69. ?>
  70. </div>
  71. </div>

  73. </body>
  74. </html>

  76. <?php
  77. } 
  78. ?>
Untuk download file, bisa klik link berikut : login.php 

Hasil dari file ini seperti terlihat pada gambar dibawah ini.


8. Langkah berikutnya membuat file css untuk login, simpan dengan nama style.css dan letakkan dalam folder CSS.

  1. body{
  2. font-family: arial;
  3. font-size: 14px;
  4. background-color: #222;
  5. }

  7. #utama{
  8. width: 300px;
  9. margin: 0 auto;
  10. margin-top: 12%;
  11. /*background-color: #fff;*/
  12. }

  14. #judul{
  15. padding: 15px;
  16. text-align: center;
  17. color: #fff;
  18. font-size: 20px;
  19. /*background-color: #339966;*/
  20. background-color: #0066ff;
  21. border-top-right-radius: 10px;
  22. border-top-left-radius: 10px;
  23. /*border-bottom: 3px solid #336666;*/
  24. border-bottom: 3px solid #0033cc;
  25. }

  27. #inputan{
  28. background-color: #ccc;
  29. padding: 20px;
  30. border-bottom-right-radius: 10px;
  31. border-bottom-left-radius: 10px;
  32. }

  34. input{
  35. padding: 10px;
  36. border: 0;
  37. }

  39. .lg{
  40. width: 240px;
  41. }

  43. .btn{
  44. background-color: #0066ff;
  45. border-radius: 5px;
  46. color: #fff;
  47. }
  48. .btn:hover{
  49. background-color: #336666;
  50. cursor: pointer;
  51. }

Untuk download file style.css bisa klik link disamping : style.css


9. Selanjutnya membuat register.php dengan output seperti terlihat pada gambar dibawah ini



Untuk source code bisa dilihat dibawah ini :

  1. <?php include("koneksi.php"); ?>
  2. <!DOCTYPE html>
  3. <html>
  4. <head>
  5. <title>Sistem Informasi Pengaduan Masyarakat</title>
  6. <link href="css/style.css" rel="stylesheet" type="text/css">
  7. </head>
  8. <body>
  9. <div id="utama">
  10. <div style="background-color: #339966;" id="judul">
  11. Halaman Register
  12. </div>

  14. <div id="inputan">
  15. <form action="" method="post">
  16. <div>
  17. <input type="text" name="user" placeholder="Username" class="lg" required="required" />
  18. </div>
  19. <div style="margin-top: 10px;">
  20. <input type="password" name="pass" placeholder="Password" class="lg" required="required">
  21. </div>
  22. <div style="margin-top: 10px;">
  23. <input type="text" name="nik" placeholder="NIK" class="lg" required="required">
  24. </div>
  25. <div style="margin-top: 10px;">
  26. <input type="text" name="nama" placeholder="Nama" class="lg">
  27. </div>
  28. <div style="margin-top: 10px;">
  29. <input type="text" name="telp" placeholder="No Telp" class="lg">
  30. </div>
  31. <div style="margin-top: 10px;">
  32. <input style="background-color: #339966;" type="submit" name="register" value="Register" class="btn" />
  33. <a style="float: right; margin-top: 10px; color: #fff; text-decoration: none;" href="login.php">Login</a>
  34. </div>
  35. </form>

  37. <?php
  38. if(isset($_POST['register'])){
  39. //if($user == "" || $pass = "") {
  40. if(empty($_POST['user']) || empty($_POST['pass']) || empty($_POST['nik']) || empty($_POST['nama']) || empty($_POST['telp'])) {
  41. echo "<br><center><font color='#ff0000'>Mohon Data diisi semua.</font></center>";
  42. /*?> <script type="text/javascript">alert("Username / password tidak boleh kosong")</script>
  43. <?php */
  44. } else {
  45. $user = $_POST['user'];
  46. $pass = $_POST['pass'];
  47. $nik = $_POST['nik'];
  48. $nama = $_POST['nama'];
  49. $telp = $_POST['telp'];
  51. $query = "INSERT INTO masyarakat VALUES('$nik','$nama','$user','$pass','$telp')";
  52. $sql = mysqli_query($koneksi, $query);
  53. //echo "Register Berhasil";
  54. //header("location:login.php");
  55. echo "<script language=\"JavaScript\">\n";
  56. echo "alert('Register Berhasil!');\n";
  57. echo "window.location='login.php'";
  58. echo "</script>";
  59. }
  60. }
  61. ?>
  62. </div>
  63. </div>

  65. </body>
  66. </html>
dan file register.php bisa didownload pada link berikut : register.php


10. Langkah selanjutnya kita buat file logout.php seperti terlihat pada gambar

Source code dapat dilihat dibawah ini :

  1. <?php
  2. @session_start();
  3. session_destroy();
  4. header("location: /UKK/login.php");
  5. ?>


11. Pada langkah ini kita perlu memperhatikan soal yang sudah disampaikan


Bahwa hak akses (privilege) masyarakat hanya login, logout, registerasi dan menulis laporan pengaduan. pada kesempatan ini kita akan membuat file masyarakat.php yang berfungsi untuk menampilkan data registerasi masyarakat. bisa dilihat pada gambar dibawah ini



Source code bisa dilihat dibawah ini :

  1. <?php
  2.     @session_start();
  3.     include "koneksi.php";

  5.     if(@$_SESSION['nama']) {
  6. ?>

  8. <fieldset>
  9. <legend>Tampil Data Masyarakat</legend>
  10. <div style="margin-bottom: 15px"; align="right">
  11. <form action="" method="post">
  12. <input type="text" name="input_pencarian" placeholder="Ketik nama disini" style="width: 300px padding:5px;" />
  13. <input type="submit" name="cari" value="Cari" style="padding: 3px;" />
  14. </form>
  15. </div>
  16. <table width="100%" border="1px" style="border-collapse: collapse;">
  17. <tr style="background-color: #fc0;">
  18. <th>No</th>
  19. <th>NIK</th>
  20. <th>Nama</th>
  21. <th>Username</th>
  22. <th>Password</th>
  23. <th>Telepon</th>
  24. <th>Aksi</th>
  25. </tr>
  26. <?php
  27. $input_pencarian = @$_POST['input_pencarian'];
  28. $cari = @$_POST['cari'];
  30. $no = 1;
  32. if(isset($_POST['cari'])){
  33. if(isset($_POST['input_pencarian'])){
  34. $sql = mysqli_query($koneksi, "SELECT * FROM masyarakat where nama like '%$input_pencarian%'");
  35. } else {
  36. $sql = mysqli_query($koneksi, "SELECT * FROM masyarakat");
  37. }
  38. } else {
  39. $sql = mysqli_query($koneksi, "SELECT * FROM masyarakat");
  40. }

  42. $cek = mysqli_num_rows($sql);
  43. if($cek < 1){
  44. ?>
  45. <tr>
  46. <td colspan="7" align="center" style="padding: 10px;">Data tidak ditemukan</td>
  47. </tr>
  48. <?php
  49. } else {
  50. while ($data = mysqli_fetch_assoc($sql)) {
  51. ?>
  52. <tr>
  53. <td><?php echo $no++; ?></td>
  54. <td><?php echo $data['nik']; ?></td>
  55. <td><?php echo$data['nama']; ?></td>
  56. <td><?php echo$data['username']; ?></td>
  57. <td><?php echo$data['password']; ?></td>
  58. <td><?php echo$data['telp']; ?></td>
  59. <td align="center">
  60. <a href="?page=masyarakat&action=edit&nik=<?php echo $data['nik'] ?>"><button>Edit</button></a>
  61. <a onclick="return confirm('Yakin mau menghapus data ?')" href="?page=masyarakat&action=hapus&nik=<?php echo $data['nik'] ?>"><button disabled="disabled">Hapus</button></a>
  62. </td>
  63. </tr>
  64. <?php
  65. }
  66. }
  67. ?>
  68. </table>
  69. </fieldset>
  70. <?php
  71. } else {
  72. header("location: login.php");
  73. }
  74. ?>
Untuk download file masyarakat.php, bisa diklik link disamping : masyarakat.php

12. Langkah selanjutnya kita akan membuat file tambah_masyarakat.php yang fungsinya sama dengan register.php, tampilan bisa dilihat pada gambar dibawah ini :





Source code bisa dilihat dibawah ini :

  1. <?php
  2.     @session_start();
  3.     include "koneksi.php";

  5.     if(@$_SESSION['nama']) {

  7. ?>

  9. <fieldset>
  10. <legend>Tambah Data Masyarakat</legend>
  11. <form action="" method="post">
  12. <table>
  13. <tr>
  14. <td>NIK</td>
  15. <td>:</td>
  16. <td><input type="text" name="nik" /></td>
  17. </tr>
  18. <tr>
  19. <td>Nama</td>
  20. <td>:</td>
  21. <td><input type="text" name="nama" /></td>
  22. </tr>
  23. <tr>
  24. <td>Username</td>
  25. <td>:</td>
  26. <td><input type="text" name="username" /></td>
  27. </tr>
  28. <tr>
  29. <td>Password</td>
  30. <td>:</td>
  31. <td><input type="text" name="password" /></td>
  32. </tr>
  33. <tr>
  34. <td>No Telp</td>
  35. <td>:</td>
  36. <td><input type="text" name="telp" /></td>
  37. </tr>
  38. <tr>
  39. <td></td>
  40. <td></td>
  41. <td><input type="submit" name="tambah" value="Tambah" /> <input type="reset" name="" value="Reset" /></td>
  42. </tr>
  43. </table>
  44. </form>

  46. <?php
  47. $nik = @$_POST['nik'];
  48. $nama = @$_POST['nama'];
  49. $username = @$_POST['username'];
  50. $password = @$_POST['password'];
  51. $telp = @$_POST['telp'];

  53. if(isset($_POST['tambah'])){
  54. if(empty($nik) || empty($nama) || empty($username) || empty($password) || empty($telp)) {
  55. echo "Data tidak boleh kosong ";
  56. } else {
  57. $query = "INSERT INTO masyarakat VALUES ('$nik','$nama','$username','$password','$telp')";
  58. $sql = mysqli_query($koneksi, $query);
  59. echo "Proses simpan";
  60. header("location:?page=masyarakat");
  61. }
  62. }
  63. ?>
  64. </fieldset>

  66. <?php
  67. } else {
  68. header("location: login.php");
  69. }
  70. ?>

Untuk bisa donwload file tambah_masyarakat.php bisa di klik link disamping : tambah_masyarakat.php


13. Pada langkah ini, kita sudah bisa membuat file edit_masyarakat.php yang berguna untuk melakukan perubahan data registerasi masyarakat, bisa dilihat pada gambar dibawah ini 





Source code file edit_masyarakat.php bisa dilihat dibawah ini :

  1. <?php
  2.     @session_start();
  3.     include "koneksi.php";

  5.     if(@$_SESSION['nama']) {

  7. ?>

  9. <fieldset>
  10. <legend>Edit Data Masyarakat</legend>
  11. <?php
  12. $nik = @$_GET['nik'];
  13. $query = "SELECT * FROM masyarakat WHERE nik = '$nik'";
  14. $sql = mysqli_query($koneksi, $query);
  15. $rows = mysqli_fetch_array($sql);
  16. ?>
  17. <form action="" method="post" enctype="multipart/form-data">
  18. <table>
  19. <tr>
  20. <td>NIK</td>
  21. <td>:</td>
  22. <td><input type="text" name="nik" value="<?php echo $rows['nik']; ?>" disable="disable"/></td>
  23. </tr>
  24. <tr>
  25. <td>Nama</td>
  26. <td>:</td>
  27. <td><input type="text" name="nama" value="<?php echo $rows['nama']; ?>" /></td>
  28. </tr>
  29. <tr>
  30. <td>Username</td>
  31. <td>:</td>
  32. <td><input type="text" name="username" value="<?php echo $rows['username']; ?>" /></td>
  33. </tr>
  34. <tr>
  35. <td>Password</td>
  36. <td>:</td>
  37. <td><input type="text" name="password" value="<?php echo $rows['password']; ?>" /></td>
  38. </tr>
  39. <tr>
  40. <td>No Telp</td>
  41. <td>:</td>
  42. <td><input type="text" name="telp" value="<?php echo $rows['telp']; ?>" /></td>
  43. </tr>
  44. <tr>
  45. <td></td>
  46. <td></td>
  47. <td><input type="submit" name="edit" value="Edit" /> <input type="reset" name="" value="Batal" /></td>
  48. </tr>
  49. </table>
  50. </form>
  51. <?php
  52. $nik = @$_POST['nik'];
  53. $nama = @$_POST['nama'];
  54. $username = @$_POST['username'];
  55. $password = @$_POST['password'];
  56. $telp = @$_POST['telp'];
  58. if(isset($_POST['edit'])){
  59. if(empty($nik) || empty($nama) || empty($username) || empty($password) || empty($telp)) {
  60. echo "Data tidak boleh kosong ";
  61. } else {
  62. $query = "update masyarakat set nama = '$nama',
  63. username = '$username',
  64. password = '$password',
  65. telp = '$telp' where nik = '$nik'";
  66. $sql = mysqli_query($koneksi, $query);
  67. ?>
  68. <script type="text/javascript">
  69. alert('Data berhasil diedit');
  70. window.location.href="?page=masyarakat";
  71. </script>
  72. <?php
  73. }
  74. }
  75. ?>
  76. </fieldset>

  78. <?php
  79. } else {
  80. header("location: login.php");
  81. }
  82. ?>


Untuk download file edit_masyarakat.php bisa di klik link disamping : edit_masyarakat.php

14. Selanjutnya bisa anda kembangkan untuk menu Menulis Laporan Pengaduan yang berisi menu Lihat Data Pengaduan dan Tambah Data Pengaduan seperti terlihat pada gambar dibawah ini :




Source Code pengaduan.php :
  1. <?php
  2.     @session_start();
  3.     include "koneksi.php";

  5.     if(@$_SESSION['nama']) {

  7. ?>

  9. <fieldset>
  10. <legend>Tampil Data Pengaduan</legend>
  11. <div style="margin-bottom: 15px"; align="right">
  12. <form action="" method="post">
  13. <input type="text" name="input_pencarian" placeholder="Ketik sebagian isi laporan" style="width: 500px padding:5px;" />
  14. <input type="submit" name="cari" value="Cari" style="padding: 3px;" />
  15. </form>
  16. </div>
  17. <table width="100%" border="1px" style="border-collapse: collapse;">
  18. <tr style="background-color: #fc0;">
  19. <th>No</th>
  20. <th>Tgl. Pengaduan</th>
  21. <th>NIK</th>
  22. <th>Isi Laporan</th>
  23. <th>Foto</th>
  24. <th>Status</th>
  25. <th>Aksi</th>
  26. </tr>
  27. <?php
  28. $input_pencarian = @$_POST['input_pencarian'];
  29. $cari = @$_POST['cari'];
  30. /*include 'koneksi.php';*/
  31. $no = 1;
  32. if(isset($_POST['cari'])){
  33. if(isset($_POST['input_pencarian'])){
  34. $sql = mysqli_query($koneksi, "SELECT * FROM pengaduan where isi_laporan like '%$input_pencarian%'");
  35. } else {
  36. $sql = mysqli_query($koneksi, "SELECT * FROM pengaduan");
  37. }
  38. } else {
  39. $sql = mysqli_query($koneksi, "SELECT * FROM pengaduan");
  40. }

  42. $cek = mysqli_num_rows($sql);
  43. if($cek < 1){
  44. ?>
  45. <tr>
  46. <td colspan="7" align="center" style="padding: 10px;">Data tidak ditemukan</td>
  47. </tr>
  48. <?php
  49. } else {
  50. while ($data = mysqli_fetch_assoc($sql)) {
  51. ?>
  52. <tr>
  53. <td><?php echo $no++; ?></td>
  54. <td><?php echo $data['tgl_pengaduan']; ?></td>
  55. <td><?php echo$data['nik']; ?></td>
  56. <td><?php echo$data['isi_laporan']; ?></td>
  57. <td><img src="img/<?php echo$data['foto']; ?>" width="40" height="30"> </td>
  58. <td><?php echo$data['status']; ?></td>
  59. <td align="center">
  60. <a href="?page=pengaduan&action=edit&id_pengaduan=<?php echo $data['id_pengaduan'] ?>"><button>Edit</button></a>
  61. <a onclick="return confirm('Yakin mau menghapus data ?')" href="?page=pengaduan&action=hapus&id_pengaduan=<?php echo $data['id_pengaduan'] ?>"><button disabled="disabled">Hapus</button></a>
  62. </td>
  63. </tr>
  64. <?php
  65. }
  66. }
  67. ?>
  68. </table>
  69. </fieldset>

  71. <?php
  72. } else {
  73. header("location: login.php");
  74. }
  75. ?>

File pengaduan.php bisa didownload pada link disamping : pengaduan

Source code tambah_pengaduan.php :

<?php
    @session_start();
    include "koneksi.php";

    if(@$_SESSION['nama']) {

?>

<fieldset>
<legend>Tambah Data Pengaduan</legend>
<form action="" method="post" enctype="multipart/form-data">
<table>
<tr>
<td>Tanggal Pengaduan</td>
<td>:</td>
<td><input type="text" name="tgl_pengaduan" placeholder="cth: 2021-04-20" required="required" /></td>
</tr>
<tr>
<td>NIK</td>
<td>:</td>
<td><input type="text" name="nik" placeholder="cth: 333xxx" required="required" /></td>
</tr>
<tr>
<td>Isi Laporan</td>
<td>:</td>
<td>
<textarea name="isi_laporan" rows="4" cols="50" required="required" placeholder="Ketik Laporan disini..">
</textarea>
</td>
</tr>
<tr>
<td>Foto</td>
<td>:</td>
<td><input type="file" name="foto" accept="image/*" required="required" /></td>
</tr>
<!--<tr>
<td>Status</td>
<td>:</td>
<td>
<select name="status">
<option value="">- Pilih Status -</option>
<option value="0">0</option>
<option value="proses">Proses</option>
<option value="selesai">Selesai</option>
</select>
</td>
</tr> -->
<tr>
<td></td>
<td></td>
<td><input type="submit" name="tambah" value="Tambah" /> <input type="reset" name="" value="Reset" /></td>
</tr>
</table>
</form>

<?php
$nik = @$_POST['nik'];
$tgl_pengaduan = @$_POST['tgl_pengaduan'];
$isi_laporan = @$_POST['isi_laporan'];
$status = '0';
$foto = @$_POST['foto'];
/*$sumber = @$_FILES['foto']['tmp_name'];
$target = 'img/';
$nama_foto = @$_FILES['foto']['name'];*/
$ektensi = array('png','jpg','jpeg','gif');
$filename = @$_FILES['foto']['name'];
$ukuran = @$_FILES['foto']['size'];
$ext = pathinfo($filename, PATHINFO_EXTENSION);

/*if(!in_array($ext, $ektensi)){
?>
<script type="text/javascript">
alert("Ekstensi Salah");
</script>
<?php */
if(isset($_POST['tambah'])){
/*if(empty($nik) || empty($tgl_pengaduan) || empty($isi_laporan)) {
echo "Data tidak boleh kosong ";
} else {*/
if($ukuran < 1044070){
//$xx = $filename;
move_uploaded_file($_FILES['foto']['tmp_name'], 'img/'.$filename);
$query = "INSERT INTO pengaduan VALUES (NULL,'$tgl_pengaduan','$nik','$isi_laporan','$filename','$status')";
$sql = mysqli_query($koneksi, $query);
/*echo "Proses simpan";
header("location:?page=masyarakat");*/
?>
<script type="text/javascript">
alert("Tambah Data berhasil");
window.location.href="?page=pengaduan";
</script>
<?php
} else {
?>
<script type="text/javascript">
alert("Foto gagal diupload");
</script>
<?php
}
}
?>
</fieldset>

<?php
} else {
header("location: login.php");
}
?>


Source Code tambah_pengaduan.php bisa didownload pada link disamping : tambah_pengaduan

Source code edit_pengaduan.php :

  1. <?php
  2.     @session_start();
  3.     include "koneksi.php";

  5.     if(@$_SESSION['nama']) {

  7. ?>

  9. <fieldset>
  10. <legend>Edit Data pengaduan</legend>
  11. <?php
  12. $id_pengaduan = @$_GET['id_pengaduan'];
  13. $query = "SELECT * FROM pengaduan WHERE id_pengaduan = '$id_pengaduan'";
  14. $sql = mysqli_query($koneksi, $query);
  15. $rows = mysqli_fetch_array($sql);
  16. ?>
  17. <form action="" method="post" enctype="multipart/form-data">
  18. <table>
  19. <tr>
  20. <td>ID Pengaduan</td>
  21. <td>:</td>
  22. <td><input type="text" name="id_pengaduan" value="<?php echo $rows['id_pengaduan']; ?>" disable="disable" /></td>
  23. </tr>
  24. <tr>
  25. <td>Tanggal Pengaduan</td>
  26. <td>:</td>
  27. <td><input type="text" name="tgl_pengaduan" value="<?php echo $rows['tgl_pengaduan']; ?>" /></td>
  28. </tr>
  29. <tr>
  30. <td>NIK</td>
  31. <td>:</td>
  32. <td><input type="text" name="nik" value="<?php echo $rows['nik']; ?>" /></td>
  33. </tr>
  34. <tr>
  35. <td>Isi Laporan</td>
  36. <td>:</td>
  37. <td><input type="text" name="isi_laporan" value="<?php echo $rows['isi_laporan']; ?>" /></td>
  38. </tr>
  39. <tr>
  40. <td>Foto</td>
  41. <td>:</td>
  42. <td><input type="text" name="foto" value="<?php echo $rows['foto']; ?>" /></td>
  43. </tr>
  44. <tr>
  45. <td>Status</td>
  46. <td>:</td>
  47. <td><input type="text" name="status" value="<?php echo $rows['status']; ?>" /></td>
  48. </tr>
  49. <tr>
  50. <td></td>
  51. <td></td>
  52. <td><input type="submit" name="edit" value="Edit" /> <input type="reset" name="" value="Batal" /></td>
  53. </tr>
  54. </table>
  55. </form>
  56. <?php
  57. $id_pengaduan = @$_POST['id_pengaduan'];
  58. $tgl_pengaduan = @$_POST['tgl_pengaduan'];
  59. $nik = @$_POST['nik'];
  60. $isi_laporan = @$_POST['isi_laporan'];
  61. $foto = @$_POST['foto'];
  62. $status = @$_POST['status'];
  64. if(isset($_POST['edit'])){
  65. if(empty($id_pengaduan) || empty($tgl_pengaduan) || empty($nik) || empty($isi_laporan)) {
  66. echo "Data tidak boleh kosong ";
  67. } else {
  68. $query = "update pengaduan set tgl_pengaduan = '$tgl_pengaduan',
  69. nik = '$nik',
  70. isi_laporan = '$isi_laporan',
  71. foto = '$foto',
  72. status = '$status' where id_pengaduan = '$id_pengaduan'";
  73. $sql = mysqli_query($koneksi, $query);
  74. ?>
  75. <script type="text/javascript">
  76. alert('Data berhasil diedit');
  77. window.location.href="?page=pengaduan";
  78. </script>
  79. <?php
  80. }
  81. }
  82. ?>
  83. </fieldset>

  85. <?php
  86. } else {
  87. header("location: login.php");
  88. }
  89. ?>

untuk download file edit_pengaduan.php bisa di klik link disamping : edit_pengaduan


Demikian aplikasi pengaduan masyarakat untuk hak akses / priviledge masyarakat. 
sedangkan untuk hak akses admin & petugas akan kita bahas pada pertemuan selanjutnya.
































Posted by at 12:11 PM
Labels: , , , , , , , , , , , , , , , , , , ,

0 comments:

Post a Comment

Subscribe to: Post Comments (Atom)
 

© Copyright 2010 oleh HariZ| Powered By : Blogger