Makalah Dwi Ferri Andrian

Laporan Hasil UKK Paket II
Tahun 2022/2023
Disusun Oleh :
Nama : Dwi Ferri Andrian

Kelas : XII RPL 1
Absen : 17
PEMERINTAHAN PROVINSI JAWA TIMUR

DINAS PENDIDIKAN
SEKOLAH MENENGAH KEJURUAN JATIROGO
JL. Raya Bader No.55 Telp.085100007409 Jatirogo – Tuban
Email:smkjatirogo@gmail.com Website: www.smkn-jatirogo.sch.id
Page | 1
Daftar Isi
Halaman
Daftar Isi............................................................................................................................................................. 2
Daftar Isi Gambar................................................................................................................................................ 2
Latar Belakang.................................................................................................................................................... 4
Perangkat Lunak Pendukung............................................................................................................................... 7

 Sublime Text.......................................................................................................................................................7
 Xampp................................................................................................................................................................7
 Browser(Chrome,Opera mini,dll)......................................................................................................................7
Siklus Pengolahan Data...................................................................................................................................... 7
Pemodelan Data................................................................................................................................................. 9
Implementasi Program...................................................................................................................................... 10
 Home................................................................................................................................................................10
 Registrasi akun................................................................................................................................................11
 Login................................................................................................................................................................14
 Data Pengaduan masyarakat........................................................................................................................167
 Data Pengaduan Petugas atau admin.............................................................................................................24
 Data Tanggapan..............................................................................................................................................37
 Data Masyarakat.............................................................................................................................................41
 Data Petugas...................................................................................................................................................48
 Dasboard.........................................................................................................................................................55
Penutup............................................................................................................................................................ 57
 Kesimpulan……………………………………………………………………………………………………………57
 Kritik dan Saran…………………………………………………………………………………………………………...............57
Daftar Isi Gambar
Page | 2
Gambar 2.4 Home............................................................................................................................................. 10
Gambar 1.1 Siklus Pengolahan Data.................................................................................................................... 7
Gambar 1.2 Perancangan Basis Data................................................................................................................... 9
Gambar 1.3 Tampilan Registrasi........................................................................................................................ 12
Gambar 1.4 Tampilan Login Masyarakat.......................................................................................................... 144
Gambar 1.5 Tampilan Login Petugas atau admin..............................................................................................151
Gambar 1.6 Tampilan Data Pengaduan............................................................................................................ 177
Gambar 1.7 Tampilan Data Pengaduan Petugas................................................................................................. 24
Gambar 1.8 Tampilan Data Pengaduan Petugas yang akan di verifikasi..............................................................25
Gambar 1.9 Tampilan Data Pengaduan Petugas yang sudah diverifiakasi akan ditindaklanjutkan.......................25
Gambar 2.0 Tampilan Data Tanggapan.............................................................................................................. 37
Gambar 2.1 Tampilan Data Masyarakat............................................................................................................. 41
Gambar 2.2 Tampilan Data Petugas................................................................................................................... 48
Gambar 2.3 Tampilan Dasboard........................................................................................................................ 55
Latar Belakang
Pelayanan publik pada dasarnya sangat berkaitan dengan aspek kehidupan

yang luas. Dalam kehidupan bernegara, pemerintah memiliki fungsi sebagai
penyedia berbagai pelayanan publik yang diperlukan masyarakat baik dalam
Page | 3
bentuk pelayanan pengaturan maupun dalam bentuk lain dalam rangka memenuhi
kebutuhan masyarakat. Hal ini sesuai dengan Undang-Undang Nomor 25 Tahun
2009 bahwa pelayanan publik adalah kegiatan atau rangkaian kegiatan dalam
rangka pemenuhan kebutuhan pelayanan sesuai dengan peraturan perundang-
undangan bagi setiap warga negara dan penduduk atas barang, jasa, dan/ atau
pelayanan administratif yang disediakan oleh penyelenggara pelayanan publik.
Oleh karena itu pemerintah selaku pemberi pelayanan publik sudah seharusnya
lebih komunikatif dan transparan dalam memberikan pelayanan publik.
Salah satu upaya dalam meningkatkan pelayanan ialah melalui teknologi
komunikasi dan informasi. Kemajuan teknologi informasi saat ini tentu tidak
dapat dipisahkan dari masyarakat. Di zaman yang sekarang ini serba canggih,
masyarakat menuntut pemerintah sebagai penyedia layanan agar lebih terbuka,
lebih efektif dan efisien dalam melaksanakan tugas kepemerintahan, memberikan
kemudahan terhadap akses informasi khususnya informasi tentang pemerintahan.
Pemerintah juga dituntut dengan adanya partisipasi yang diberikan masyarakat
terhadap pelayanan publik. Sehingga hal ini dapat mendorong pemerintah untuk
melaksanakan konsep tata kepemerintahan yang baik disebut dengan good
governance.
Dalam mewujudkan pelayanan publik yang good governance, pemerintah

dituntut untuk beradaptasi dengan perkembangan teknologi agar tidak tertinggal.
Salah satu upaya pemerintah ialah melalui adanya Sistem Pengelolaan Pengaduan
Pelayanan Publik Nasional- Layanan Aspirasi dan Pengaduan Online Rakyat
(SP4N-LAPOR!). SP4N-LAPOR! merupakan layanan penyampaian semua
aspirasi dan pengaduan masyarakat Indonesia melalui website dan juga aplikasi.
LAPOR! telah ditetapkan sebagai sistem pengelolaan pengaduan pelayanan publik
nasional.
Program LAPOR! dibentuk untuk merealisasikan kebijakan no wrong

door policy berupa penyediaan sarana pengaduan satu pintu yang terhubung
Page | 4
dengan seluruh instansi pemerintah sehingga masyarakat tidak lagi kesulitan atau
kebingungan ketika ingin menyampaikan keluhan maupun masukan.
Adanya program ini bermula dari pengelolaan pengaduan pelayanan publik di
setiap organisasi penyelenggara di Indonesia belum terkelola secara efektif dan
terintegrasi. Masing-masing organisasi penyelenggara mengelola pengaduan
secara persial dan tidak terkoordinir dengan baik. Akibatnya terjadi duplikasi
penanganan pengaduan atau bahkan bisa terjadi pengaduan tidak ditangani oleh
organisasi yang bersangkutan. Oleh sebab itu perlu untuk mengintegrasikan
sistem pengelolaan pengaduan pelayanan publik dalam satu pintu. Dengan tujuan
masyarakat memiliki satu saluran pengaduan secara Nasional4.
Lembaga yang mengelola program ini ialah Kementerian Pendayagunaan Aparatur

Negara dan Reformasi Birokasi (KemenPANRB) sebagai Pembina Pelayanan Publik,
Kantor Staf Presiden (KSP) sebagai Pengawas Program Prioritas Nasional dan
Ombudsman Republik Indonesia sebagai Pengawas Pelayanan Publik.
Sebagai tindak lanjut program SP4N- LAPOR! telah diterbitkan Peraturan
Presiden Nomor 76 Tahun 2013 Tentang Pengelolaan Pengaduan Pelayanan
Publik5. Dalam Undang-undang tersebut diwajibkan bagi penyelenggara
pelayanan publik untuk menyediakan sarana pengaduan dan menugaskan
pelaksana yang kompeten dalam pengelolaan pengaduan. Adanya Perpres ini
mengisyaratkan dibentuknya Sistem Pengelolaan Pengaduan Publik Nasional
(SP4N). Untuk tindak lanjut Peraturan Presiden tersebut juga telah diterbitkan
Peraturan Menteri Pemberdayaan Aparatur Negara dan Reformasi Birokrasi
Nomor 24 Tahun 2014 tentang Pedoman Penyelenggaraan Pengelolaan
Pengaduan Pelayanan Publik Secara Nasional. Sesuai dengan Peraturan Menteri
tersebut, sistem pengelolaan pengaduan ini bertujuan untuk:
1. Penyelenggara dapat mengelola pengaduan dari masyarakat secara
sederhana, cepat, tepat, tuntas, dan terkoordinasi dengan baik.
Page | 5
2. Penyelenggara memberikan akses untuk partisipasi masyarakat dalam
menyampaiakan pengaduan.
3. Meningkatkan kualitas pelayanan publik.
Kemudian untuk melaksanakan Peraturan Presiden Nomor 76 Tahun 2013
tersebut juga ditetapkan Peraturan Menteri Pendayagunaan Aparatur Negara dan
Reformasi Birokrasi Nomor 3 Tahun 2015 tentang Road Map Pengembangan
Sistem Pengelolaan Pengaduan Pelayanan Publik Nasional7. Adanya Peraturan
Menteri ini digunakan sebagai peta jalan pelaksanaan pengelolaan pengaduan
pelayanan publik di lingkungan kementerian/ lembaga dan pemerintah daerah.
Pelaksanaan Program LAPOR! memiliki batasan ketika mengadukan laporan
masyarakat ke dalam Aplikasi tersebut. Tidak semua jenis pengaduan dapat
dilaporkan menggunakan Aplikasi LAPOR!.
Perangkat Lunak Pendukung

Perangkat lunak pendukung adalah perangkat lunak yang di gunakan dalam
merancang sistem dari mulai coding sampai implementasinya. Berikut adalah
perangkat lunak pendukung dan :
 Sublime Text
Sublime text merupakan aplikasi editor kode dan teks yang kaya fitur, cross
Page | 6
platform, mudah dan simple yang berbasis Phyton. Sublime Text juga
mendukung berbagai bahasa pemrograman seperti HTML, CSS, Java,
Javascript, dll
 Xampp
Xampp adalah suatu aplikasi ‘paket’ yang dapat menjalankan web server, PHP
dan MySQL yang dipakai untuk belajar pemrograman web.
 Browser(Chrome,Opera mini,dll)
Browser adalah program software yang memungkinkan komputer untuk mencari
dan menemukan informasi di internet. Informasi yang dimaksud bisa beragam,
seperti video, gambar, website, dan semua hal yang tersimpan dalam tiap alamat
URL.
Siklus Pengolahan Data

Suatu proses pengolahan data terdiri dari tiga tahapan dasar, yang disebut dengan
siklus pengolahan data ( Data Processing Cycle ), yaitu Input, Processing dan
Output, seperti yang terlihat pada gambar 1.1
G
a
m
bar 1.1 Siklus Pengolahan Data
FITUR MASYARAKAT
1.Beranda/Home
Di halaman ini masyarakat dapat memilih menu login/buat akun,untuk masyarakat yang belum
mempunyai akun
2.Menu pengaduan
Di halaman ini masyarakat dapat menyampaikan aduan terkait kondisi daerah di Kabupaten
Tuban terhadap Pemerintah.Aduan ini meliputi berbagai kategori mulai dari
instrastuktur,pendidikan,kebersihan,hingga ke masalah sosial
Page | 7
FITUR PETUGAS
1.Beranda/Home
Di halaman ini petugas dapat memilih menu login guna untuk mengakses akun miliknya.
2.Menu Data Pengaduan
Di halaman ini petugas dapat memverivikasi atau menghapus data pengaduan masyarakat
3.Menu Data tanggapan
Di halaman ini petugas dapat melihat data tanggapan dari masyarakat
FITUR ADMIN
1.Beranda/Home
Di halaman ini Ad,in dapat memilih menu login guna untuk mengakses akun miliknya
2.Menu Data Tanggapan
Di halaman ini Admin dapat mengekspor data tanggapan menggunakan file berbentuk exel.
3.Menu Data Pengaduan
Di halaman ini Admin dapat memverivikasi atau menghapus data pengaduan masyarakat
4.Menu Data Masyarakat
Di halaman ini Admin Dapat menambah dan menghapus data pengadu/masyarakat
5.Menu Data Petugas
Di halaman ini admin dapat menambah dan menghapus data petugas
Pemodelan Data
Perancangan relational model digambarkan dalam bentuk physical data model
meliputi pendefinisian antar tabel-tabel dan hubungan antar tabel yang akan
digunakan sebagai acuan untuk membangun basis data dalam penelitian ini. Hal ini
dilakukan agar basis data dapat berjalan sesuai dengan kebutuhan sistem. Berikut
pada Gambar 1.2 menunjukkan tabel-tabel, relasi dari setiap tabel yang terdapat di
dalam basis data Aplikasi Layanan Pengaduan Masyarakat.
Page | 8
Gambar 1.2 Perancangan Basis Data
Implementasi Program
 Home
Pada saat pertama kali membuka aplikasi pengaduan masyarakat pengguna
akan hadapkan dengan menu beranda atau home
Page | 9
Gambar 1.3 Tampilan Home
<div class="container">
<h4 class="text-center mt-3">Uji Kompetensi Keahlian <br>Rekayasa Perangkat
Lunak (RPL) <br> Tahun 2022/2023</h4>
<hr>
<div class="row mt-3">
<div class="col-md-8">
<div class="card">
<div class="card-header">INFORMASI</div>
<div class="card-body">
Aplikasi pengaduan masyarakat ini dibuat untuk
memenuhi tugas Uji Kompetensi Keahlian RPL Tahun 2023<br><br>
</div>
<div class="card-footer"></div>
</div>
</div>
<div class="card">
<div class="card-header">KONTAK</div>
Page | 10
Dikembangkan oleh <br>
Nama : Dwi Ferri Adnrian <br>
Kelas : XII RPL 1<br>
No. HP : 08574888509 <br>
</div>
<div class="card-footer"></div>
</div>
</div>
</div>
</div>
 Registrasi akun
Registrasi merupakan sebuah pencatatan atau pendaftaran. Dapat
diartikan bahwa sistem registrasi merupakan suatu jaringan kerja atau
prosedur yang saling berinteraksi untuk dapat melakukan pencatatan atau
pendaftaran utama.
Gambar 1.3 Tampilan Registrasi

<div class="col-md-4 offset-md-4">
Page | 11
<div class="card">
<div class="card-header">
REGISTRASI
</div>
<form action=""method="POST">
<div class="mb-3">
<label
class="form-label">NIK</label>
<input type="number" class="form-
control" name="nik" placeholder="Masukan NIK" required>
</div>
<div class="mb-3">
<label class="form-label">Nama
Lengkap</label>
<input type="text" class="form-
control" name="nama" placeholder="Masukan Nama Lengkap" required>
</div>
<div class="mb-3">
<label class="form-
label">Username</label>
<input type="text" class="form-
control" name="username" placeholder="Masukan Username" required>
</div>
<div class="mb-3">
<label class="form-
label">Password</label>
Page | 12
<input type="Password" class="form-
control" name="password" placeholder="Masukan Password" required>
</div>
<div class="mb-3">
<label class="form-label">No.
Telp</label>
<input type="number" class="form-
control" name="telp" placeholder="Masukan No.Telp" required>
</div>
<div class="card-footer">
<button type="submit" name="kirim"
class="btn btn-primary">DAFTAR</button>
<a href="index.php?page=login"
class="m-3">Sudah Punya Akun? Login Disini!</a>
</div>
</form>
</div>
</div>
</div>
<?php
include 'config/koneksi.php';
if (isset($_POST['kirim'])) {
$nik = $_POST['nik'];
$nama = $_POST['nama'];
$username = $_POST['username'];
$password = md5($_POST['password']);
$telp = $_POST['telp'];
Page | 13
$level = 'masyarakat';
$query = mysqli_query($koneksi, "INSERT INTO masyarakat
VALUES ('$nik','$nama','$username','$password','$telp','$level')");
if ($query){
header('location:index.php?page=login');
}
}
?>
 Login
Login adalah suatu Proses untuk masuk ke dalam sebuah layanan online
yang berisi nama dan password. Saat ini halaman login bisa dilakukan pada
halaman website maupun aplikasi. Login dalam pengaduan masyarakat ada
2 yaitu login sebagai masyarakat dan sebagai admin atau petugas. Setelah
Login sebagai masyarakat,masyarakat akan dilanjutkan masuk kedalam data
pengaduan dan begitu juga petugas atau admin akan dilanjutkan masuk
kedalam Dasboard.
Berikut adalah login sebagai masyarakat:
Gambar 1.4 Tampilan Login Masyarakat
Page | 14
Berikut adalah login sebagai petugas atau admin.
Gambar 1.5 Tampilan Login Petugas atau admin

<div class="col-md-4 offset-md-4">
<div class="card">
LOGIN
</div>
<form action="config/aksi_login.php"method="POST">
<div class="mb-3">
<label class="form-label">Username</label>
<input type="text" class="form-control" name="username"
placeholder="Masukan Username" required>
</div>
<div class="mb-3">
<label class="form-label">Password</label>
Page | 15
<input type="password" class="form-control"
name="password" placeholder="Masukan Password" required>
</div>
<div class="mb-3">
<label class="form-label">Login Sebagai</label>
<select class="form-control" name="level">
<option value="masyarakat">Masyarakat</option>
<option value="petugas">petugas</option>
</select>
</div>
</div>
<button type="submit" name="Kirim" class="btn btn-
primary">DAFTAR</button>
<a href="index.php?page=registrasi" class="m-3">Belum Punya
Akun? Daftar Disini</a>
</div>
</form>
</div>
</div>
</div>
!!!!coding login masyarakat/petugas sama tapi beda pilihan saja!!!!
 Data Pengaduan masyarakat.

Data Pengaduan masyarakat adalah penyampaian keluhan oleh masyarakat
kepada pemerintah atas pelayanan yang tidak sesuai dengan standar
pelayanan, atau pengabaian kewajiban dan/atau pelanggaran larangan.
Berikut adalah tampilannya:
Page | 16
Gambar 1.6 Tampilan Data Pengaduan
<div class="row">
<div class="col-md-12" mt-3>
<p>Selamat Datang <?php echo $_SESSION['nama'] ?
></p>
<div class="card">
FORM PENGADUAN
</div>
<form action=""method="POST"
enctype="multipart/form-data">
<div class="mb-3">
<label class="form-
label">Judul Laporan</label>
Page | 17
<input type="text"
class="form-control" name="judul_laporan" placeholder="Masukan judul"
required>
</div>
<div class="mb-3">
<label class="form-label">Isi
Laporan</label>
<textarea class="form-control"
name="isi_laporan" placeholder="Masukan Isi Laporan"
required></textarea>
</div>
<div class="mb-3">
<label class="form-
label">Foto</label>
<input type="file" class="form-
control" name="foto" required>
</div>
</div>
<button type="submit" name="kirim"
class="btn btn-primary">KIRIM</button>
</div>
</form>
<?php
include '../config/koneksi.php';
$tanggal = date("Y-m-d");
$nik = htmlspecialchars($_SESSION['nik']);
Page | 18
$judul_laporan
=htmlspecialchars( $_POST['judul_laporan']);
$isi_laporan
=htmlspecialchars($_POST['isi_laporan']);
$status = 0;
$foto = $_FILES['foto']['name'];
$tmp = $_FILES['foto']['tmp_name'];
$lokasi = '../assets/img/';
$nama_foto = rand(0,999).'-'.$foto;
move_uploaded_file($tmp, $lokasi.
$nama_foto);
$query = mysqli_query($koneksi, "INSERT
INTO pengaduan VALUES ('','$tanggal','$nik','$judul_laporan',
'$isi_laporan','$nama_foto', '$status')");
echo " <script>
alert('Data Berhasil Dikirim!');
window.location='index.php';
</script>
";
}
?>
</div>
</div>
</div>
<div class="row">
Page | 19
<div class="col-md-12 mt-3">
<div class="card">
RIWAYAT PENGADUAN
</div>
<table class="table table-striped">
<thead>
<tr>
<th>NO</th>
<th>JUDUL</th>
<th>ISI</th>
<th>POTO</th>
<th>STATUS</th>
<th>AKSI</th>
</tr>
</thead>
<tbody>
<?php
$no = 1;
$nik = $_SESSION['nik'];
$query =
mysqli_query($koneksi, "SELECT * FROM pengaduan WHERE
$nik='$nik' ORDER BY id_pengaduan DESC");
while ($data
=mysqli_fetch_array($query)) {?>
Page | 20
<tr>
<td><?php echo
$no++; ?></td>
<td><?php echo
$data['judul_laporan'] ?></td>
<td><?php echo
$data['isi_laporan'] ?></td>
<td><img
src="../assets/img/<?php echo $data['foto'] ?>" width="100"></td>
<td>
<?php
if
($data['status'] == 'proses') {
echo
"<span class='badge bg-warning'>Proses</span>";
}elseif
($data['status'] == 'selesai') {
echo
"<span class='badge bg-success'>Selesai</span>";
echo
"<br><a href='index.php?
page=tanggapan&id_pengaduan=$data[id_pengaduan]'>Lihat
Tanggapan</a>";
}else{
echo
"<span class='badge bg-danger'>Menunggu</span>";
}
?>
</td>
Page | 21
<td>
<button
type="button" class="btn btn-danger" data-bs-toggle="modal" data-bs-
target="#hapusModal<?php echo $data['id_pengaduan'] ?>">
Hapus
</button>

<div
class="modal fade" id="hapusModal<?php echo $data['id_pengaduan'] ?>"
tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div
class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h1 class="modal-title fs-5"

id="exampleModalLabel">Hapus Data</h1>
<button type="button" class="btn-close" data-bs-

dismiss="modal" aria-label="Close"></button>
</div>
<form action="edit_data.php" method="POST">
<input type="hidden" name="id_pengaduan" value="<?

php echo $data['id_pengaduan'] ?>">
<div class="modal-body">
Page | 22
Apakah anda yakin akan menghapus data <br> <?
php echo $data['judul_laporan'] ?>
</div>
<div class="modal-footer">
<button type="submit" class="btn btn-danger"

name="hapus_pengaduan">Hapus</button>
</div>
</form>
</div>
</div>
</div>
</td>
</tr>
<?php } ?>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
Page | 23
 Data Pengaduan Petugas atau admin.
Data ini menampilkan banyaknya data yang telah di adukan oleh
masyarakat.
Gambar 1.7 Tampilan Data Pengaduan Petugas
Pilih proses jika ingin meproses aduaian ini jika tidak pilih tolak.
Gambar 1.8 Tampilan Data Pengaduan Petugas yang akan di verifikasi.
Page | 24
Gambar 1.9 Tampilan Data Pengaduan Petugas yang sudah diverifiakasi akan ditindaklanjutkan
<div class="row">
<div class="card">
DATA PENGADUAN
</div>
<thead>
<tr>
<th>NO</th>
<th>TANGGAL</th>
<th>NAMA</th>
<th>JUDUL</th>
<th>LAPORAN</th>
<th>FOTO</th>
Page | 25
<th>STATUS</th>
<th>AKSI</th>
</tr>
</thead>
<tbody>
<?php
$no = 1;
$query = mysqli_query($koneksi,
"SELECT a.*,b.* FROM pengaduan a INNER JOIN masyarakat b ON a.nik=b.nik ORDER BY id_pengaduan
DESC");
while ($data =
mysqli_fetch_array($query)) { ?>
<tr>
<td><?php echo $no++;

?></td>
<td><?php echo
$data['tgl_pengaduan'] ?></td>
<td><?php echo
$data['nama'] ?></td>
<td><?php echo
<td><?php echo
$data['isi_laporan'] ?></td>
<td><img
src="../assets/img/<?php echo $data['foto'] ?>"width="100"></td>
<td>
<?php
if
Page | 26
echo
}elseif
echo
}else{
echo
?>
</td>
<td>
<?php
if
($data['status'] != 'selesai') { ?>
<a href=""
class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#verifikasi<?php echo
$data['id_pengaduan'] ?>">VERIFIKASI</a>

<div
class="modal fade" id="verifikasi<?php echo $data['id_pengaduan'] ?>" tabindex="-1" aria-
labelledby="exampleModalLabel" aria-hidden="true">
Page | 27
<div
<h1 class="modal-title fs-5" id="exampleModalLabel">Verifikasi : <?php echo

$data['judul_laporan'] ?></h1>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-

label="Close"></button>
</div>
<form action="" method="POST">
<input type="hidden" name="id_pengaduan" class="form-control"

value="<?php echo $data['id_pengaduan'] ?>">
<div class="row mb-3">
<label class="col-md-4">Status</label>
<select class="form-control" name="status">
<option value="proses">Proses</option>
<option value="0">Tolak</option>
</select>
Page | 28
</div>
</div>
</div>
<button type="submit" name="kirim" class="btn btn-

primary">Verifikasi</button>
</div>
</form>
<?php
$id_pengaduan = $_POST['id_pengaduan'];
$status = $_POST['status'];
$query = mysqli_query($koneksi, "UPDATE pengaduan SET status='$status'

WHERE id_pengaduan='$id_pengaduan'");
echo " <script>
alert('Data Berhasil Diverifikasi!');
window.location='index.php?page=pengaduan';
Page | 29
</script>";
?>
</div>
</div>
</div>
<?php } ?>
<?php
if
($data['status'] == 'proses') { ?>
<a href=""
class="btn btn-success" data-bs-toggle="modal" data-bs-target="#tanggapi<?php echo
$data['id_pengaduan'] ?>">TANGGAPI</a>

<div
class="modal fade" id="tanggapi<?php echo $data['id_pengaduan'] ?>" tabindex="-1" aria-
<div
<h1 class="modal-title fs-5" id="exampleModalLabel">Tanggapi : <?php echo

$data['judul_laporan'] ?></h1>
Page | 30
</div>

<label class="col-md-4">Tanggal</label>
<input type="text" name="tgl_pengaduan" class="form-

control" value="<?php echo $data['tgl_pengaduan'] ?>" readonly>
</div>
</div>
<label class="col-md-4">Judul</label>
<input type="text" name="judul_laporan" class="form-

control" value="<?php echo $data['judul_laporan'] ?>" readonly>
</div>
Page | 31
</div>
<label class="col-md-4">Isi</label>
<textarea name="isi_laporan" class="form-control"

readonly><?php echo $data['isi_laporan'] ?> </textarea>
</div>
</div>
<label class="col-md-4">Foto</label>
<img src="../assets/img/<?php echo $data['foto'] ?

>"width="100">
</div>
</div>
<label class="col-md-4">Tanggapan</label>
Page | 32
<textarea name="tanggapan" class="form-control"
required></textarea>
</div>
</div>
</div>
<button type="submit" name="kirim_tanggapan" class="btn btn-

primary">Tanggapi</button>
</div>
</form>
<?php
if (isset($_POST['kirim_tanggapan'])) {
$id_pengaduan = $_POST['id_pengaduan'];
$id_petugas = $_SESSION['id_petugas'];
$tanggal = date("Y-m-d");
$tanggapan = htmlspecialchars($_POST['tanggapan']);
$query_tanggapan = mysqli_query($koneksi, "INSERT INTO tanggapan VALUES

('', '$id_pengaduan', '$tanggal', '$tanggapan', '$id_petugas') ");
Page | 33
if ($tanggapan != NULL) {
$update = mysqli_query($koneksi, "UPDATE pengaduan SET

status='selesai' WHERE id_pengaduan='$id_pengaduan' ");
echo " <script>
alert('Data Berhasil DiTanggapi!');
window.location='index.php?page=pengaduan';
</script>";
?>
</div>
</div>
</div>
<?php } ?>
<a href=""
class="btn btn-danger" data-bs-toggle="modal" data-bs-target="#hapus<?php echo
$data['id_pengaduan'] ?>">Hapus</a>

<div
class="modal fade" id="hapus<?php echo $data['id_pengaduan'] ?>" tabindex="-1" aria-
<div
Page | 34
<h1 class="modal-title fs-5" id="exampleModalLabel">Hapus Data </h1>

</div>

<p>Apakah yakin akan menghapus data <br> <?php echo

$data['judul_laporan'] ?></p>
</div>
<button type="submit" name="hapus_pengaduan" class="btn btn-

danger">Hapus</button>
</div>
</form>
</div>
</div>
Page | 35
</div>
</td>
</tr>
<?php } ?>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
 Data Tanggapan
Data tanggapan menampilkan data yang sudah ditanggapi.
Gambar 2.0 Tampilan Data Tanggapan
Page | 36
<div class="row">
<div class="card">
DATA TANGGAPAN
</div>
<a href="export_tanggapan.php" class="btn
btn-success" target="_blank">Export Excel</a>
<thead>
<tr>
<th>NO</th>
<th>TANGGAL</th>
<th>NIK</th>
<th>JUDUL</th>
<th>TANGGAPAN</th>
<th>STATUS</th>
<th>AKSI</th>
</tr>
</thead>
<tbody>
<?php
$no = 1;
Page | 37
$query =
mysqli_query($koneksi, "SELECT a.*,b.* FROM tanggapan a INNER JOIN
pengaduan b ON a.id_pengaduan=b.id_pengaduan ");
while ($data =
<tr>
<td><?php echo
$no++; ?></td>
<td><?php echo
$data['tgl_tanggapan'] ?></td>
<td><?php echo
$data['nik'] ?></td>
<td><?php echo
<td><?php echo
$data['tanggapan'] ?></td>
<td>
<?php
if
echo
}elseif
echo
}else{
echo
Page | 38
}
?>
</td>
<td>
<a href=""
class="btn btn-danger" data-bs-toggle="modal" data-bs-target="#hapus<?php
echo $data['id_tanggapan'] ?>">Hapus</a>

<div
class="modal fade" id="hapus<?php echo $data['id_tanggapan'] ?>" tabindex="-1"
aria-labelledby="exampleModalLabel" aria-hidden="true">
<div
<h1 class="modal-title fs-5" id="exampleModalLabel">Hapus

Data </h1>

</div>
Page | 39
<input type="hidden" name="id_tanggapan"
class="form-control" value="<?php echo $data['id_tanggapan'] ?>">
<p>Apakah yakin akan menghapus tanggapan <br> <?

php echo $data['judul_laporan'] ?></p>
</div>
<button type="submit" name="hapus_tanggapan"

class="btn btn-danger">Hapus</button>
</div>
</form>
</div>
</div>
</div>
</td>
</tr>
<?php } ?>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
 Data Masyarakat
Data Ini Menampilkan data Masyarakat yang telah login pada situs ini.
Page | 40
Gambar 2.1 Tampilan Data Masyarakat.
<div class="row">
<div class="card">
DATA MASYARAKAT
</div>
<a href="" class="btn btn-primary" data-bs-

toggle="modal" data-bs-target="#tambahData">Tambah Data</a>

<div
class="modal fade" id="tambahData" tabindex="-1" aria-labelledby="exampleModalLabel" aria-
hidden="true">
<div class="modal-dialog">
Page | 41
<h1 class="modal-title fs-5" id="exampleModalLabel">Tambah
Data Masyarakat</h1>

</div>
<label class="col-md-4">NIK</label>
<input type="number" name="nik"

class="form-control" placeholder="Masukkan NIK" required>
</div>
</div>
<label class="col-md-4">Nama Lengkap</label>
<input type="text"
name="nama_lengkap" class="form-control" placeholder="Masukkan Nama Lengkap" required>
</div>
Page | 42
</div>
<label class="col-md-4">Username</label>
<input type="text" name="username"

class="form-control" placeholder="Masukkan Username" required>
</div>
</div>
<label class="col-md-4">Password</label>
<input type="password"
name="password" class="form-control" placeholder="Masukkan Password" required>
</div>
</div>
<label class="col-md-4">Telp</label>
Page | 43
<input type="number" name="telp"
class="form-control" placeholder="Masukkan No Telp" required>
</div>
</div>
</div>
<button type="submit" name="kirim" class="btn btn-

primary">Tambah</button>
</div>
</form>
<?php
if (isset($_POST['kirim'])){
$nik = $_POST['nik'];
$nama = $_POST['nama_lengkap'];
$username = $_POST['username'];
$password = md5($_POST['password']);
$telp = $_POST['telp'];
$level = 'masyarakat';
$query = mysqli_query($koneksi, "INSERT INTO masyarakat VALUES ('$nik', '$nama',

'$username', '$password', '$telp','$level')");
Page | 44
if ($query) {
header('location:index.php?page=masyarakat');
?>
</div>
</div>
</div>
<thead>
<tr>
<th>NO</th>
<th>NIK</th>
<th>NAMA</th>
<th>USERNAME</th>
<th>TELP</th>
<th>AKSI</th>
</tr>
</thead>
<tbody>
<?php
$no = 1;
$query =
mysqli_query($koneksi, "SELECT * FROM masyarakat");
Page | 45
while ($data =
<tr>
<td><?php
echo $no++; ?></td>
<td><?php
echo $data['nik'] ?></td>
<td><?php
echo $data['nama'] ?></td>
<td><?php
echo $data['username'] ?></td>
<td><?php
echo $data['telp'] ?></td>
<td>
<a
href="" class="btn btn-danger" data-bs-toggle="modal" data-bs-target="#hapus<?php echo
$data['nik'] ?>">Hapus</a>

<div
class="modal fade" id="hapus<?php echo $data['nik'] ?>" tabindex="-1" aria-
<h1 class="modal-title fs-5" id="exampleModalLabel">Hapus

Data </h1>
Page | 46
</div>
<input type="hidden" name="nik" class="form-control"

value="<?php echo $data['nik'] ?>">
<p>Apakah yakin akan menghapus data <br> <?php

echo $data['nama'] ?></p>
</div>
<button type="submit" name="hapus_masyarakat"

class="btn btn-danger">Hapus</button>
</div>
</form>
</div>
</div>
</div>
</td>
</tr>
<?php } ?>
</tbody>
</table>
</div>
</div>
Page | 47
</div>
</div>
</div>
 Data Petugas
Data ini menampilkan data Petugas atau admin yang telah login.
Gambar 2.2 Tampilan Data Petugas.

<div class="row">
<div class="card">
DATA PETUGAS
</div>
<a href="" class="btn btn-primary" data-bs-
toggle="modal" data-bs-target="#tambahData">Tambah Data</a>

<div class="modal fade" id="tambahData"
tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
Page | 48
<h1 class="modal-
title fs-5" id="exampleModalLabel">Tambah Data Petugas</h1>
<button
type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<form action=""
method="POST">
<div
class="row mb-3">
<label
class="col-md-4">Nama Lengkap</label>
<div
class="col-md-8">
<input type="text" name="nama_petugas" class="form-control" placeholder="Masukkan

Nama Lengkap" required>
</div>
</div>
<div
class="row mb-3">
<label
class="col-md-4">Username</label>
<div
class="col-md-8">
<input type="text" name="username" class="form-control" placeholder="Masukkan

Username" required>
</div>
</div>
<div
class="row mb-3">
Page | 49
<label
class="col-md-4">Password</label>
<div
class="col-md-8">
<input type="password" name="password" class="form-control"

placeholder="Masukkan Password" required>
</div>
</div>
<div
class="row mb-3">
<label
class="col-md-4">Telp</label>
<div
class="col-md-8">
<input type="number" name="telp" class="form-control" placeholder="Masukkan No

Telp" required>
</div>
</div>
</div>
<div class="modal-
footer">
<button
type="submit" name="kirim" class="btn btn-primary">Tambah</button>
</div>
</form>
<?php
include
'../config/koneksi.php';
if (isset($_POST['kirim'])){
$nama =
$_POST['nama_petugas'];
Page | 50
$username =
$_POST['username'];
$password =
md5($_POST['password']);
$telp =
$_POST['telp'];
$level = 'petugas';
$query =
mysqli_query($koneksi, "INSERT INTO petugas VALUES ('', '$nama', '$username',
'$password', '$telp','$level')");
if ($query) {
header('location:index.php?page=petugas');
}
}
?>
</div>
</div>
</div>
<thead>
<tr>
<th>NO</th>
<th>NAMA</th>
<th>USERNAME</th>
Page | 51
<th>TELP</th>
<th>LEVEL</th>
<th>AKSI</th>
</tr>
</thead>
<tbody>
<?php
$no = 1;
$query = mysqli_query($koneksi,
"SELECT * FROM petugas ");
while ($data =
<tr>
<td><?php echo $no+
+; ?></td>
<td><?php echo
$data['nama_petugas'] ?></td>
<td><?php echo
$data['username'] ?></td>
<td><?php echo
$data['telp'] ?></td>
<td><?php echo
$data['level'] ?></td>
<td>
<a href=""
class="btn btn-danger" data-bs-toggle="modal" data-bs-target="#hapus<?php echo
$data['id_petugas'] ?>">Hapus</a>

Page | 52
<div
class="modal fade" id="hapus<?php echo $data['id_petugas'] ?>" tabindex="-1" aria-
<div
<h1 class="modal-title fs-5" id="exampleModalLabel">Hapus Data </h1>

</div>
<input type="hidden" name="id_petugas" class="form-control"

value="<?php echo $data['id_petugas'] ?>">
<p>Apakah yakin akan menghapus data <br> <?php echo

$data['nama_petugas'] ?></p>
</div>
<button type="submit" name="hapus_petugas" class="btn btn-

danger">Hapus</button>
</div>
Page | 53
</form>
</div>
</div>
</div>
</td>
</tr>
<?php } ?>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
 Dasboard
Menampilkan banyaknya masyarakat,pengaduan,tanggapan,dan petugas
yang sudah terdata.
Page | 54
Gambar 2.3 Tampilan Dasboard.
<?php
$masyarakat = mysqli_query($koneksi, "SELECT * FROM masyarakat");
$jml_masyarakat = mysqli_num_rows($masyarakat);
$petugas = mysqli_query($koneksi, "SELECT * FROM petugas");

$jml_petugas = mysqli_num_rows($petugas);
$pengaduan = mysqli_query($koneksi, "SELECT * FROM pengaduan");

$jml_pengaduan = mysqli_num_rows($pengaduan);
$tanggapan = mysqli_query($koneksi, "SELECT * FROM tanggapan");

$jml_tanggapan = mysqli_num_rows($tanggapan);
?>
<h3 class="mt-3">Dashboard</h3>
<div class="card">
<div class="card-header">Masyarakat</div>
<div class="card-body"><?php echo $jml_masyarakat ?> Orang</div>
</div>
</div>
<div class="card">
<div class="card-header">Pengaduan</div>
<div class="card-body"><?php echo $jml_pengaduan ?> Aduan</div>
Page | 55
</div>
</div>
<div class="card">
<div class="card-header">Tanggapan</div>
<div class="card-body"><?php echo $jml_tanggapan ?>
Tanggapan</div>
</div>
</div>
<div class="card">
<div class="card-header">Petugas</div>
<div class="card-body"><?php echo $jml_petugas ?> Pengguna</div>
</div>
</div>
</div>
</div>
PENUTUP
Kesimpulan
Kesimpulan yang dapat diambil dari laporan yang saya buat adalah :
a) Pembuatan aplikasi Data Online Sekolah berbasis web dengan bahasa
pemrograman PHP dan database MySql.
b) Tugas saya dalam pembuatan aplikasi ini hanya membuat interface
aplikasi ini secara umum.
c) Aplikasi ini terdapat dua level user yaitu administrator dan operator
sekolah.
d) Untuk menu pada admin terdapat tiga yaitu insert user baru, delete data
sekolah, dan cetak data milik sekolah sesuai kebutuhan administrator.
Page | 56
e) Untuk menu pada operator sekolah terdapat tiga menu yaitu data profil
sekolah, data siswa, dan data pegawai.
Kritik dan Saran

Saran yang bisa menjadi pertimbangan Dinas Pendidikan Kabupaten
Purbalingga yaitu :
a) Pemanfaatan website untuk info terbaru untuk instansi pendidikan.
b) Pemanfaatan server untuk aplikasi data online.
c) Pemaksimalan aplikasi yang telah dibuat untuk pengumpulan data sekolah
secara online.
Page | 57

Makalah Dwi Ferri Andrian

Diunggah oleh

Informasi Dokumen

Judul Asli

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

Makalah Dwi Ferri Andrian

Diunggah oleh

Hak Cipta:

Format Tersedia

Laporan Hasil UKK Paket II

Nama : Dwi Ferri Andrian

PEMERINTAHAN PROVINSI JAWA TIMUR

Daftar Isi Gambar................................................................................................................................................ 2

Perangkat Lunak Pendukung............................................................................................................................... 7

Daftar Isi Gambar

Gambar 1.1 Siklus Pengolahan Data.................................................................................................................... 7

Gambar 1.2 Perancangan Basis Data................................................................................................................... 9

Gambar 1.3 Tampilan Registrasi........................................................................................................................ 12

Gambar 1.4 Tampilan Login Masyarakat.......................................................................................................... 144

Gambar 1.5 Tampilan Login Petugas atau admin..............................................................................................151

Gambar 1.6 Tampilan Data Pengaduan............................................................................................................ 177

Gambar 1.7 Tampilan Data Pengaduan Petugas................................................................................................. 24

Gambar 1.8 Tampilan Data Pengaduan Petugas yang akan di verifikasi..............................................................25

Gambar 2.0 Tampilan Data Tanggapan.............................................................................................................. 37

Gambar 2.1 Tampilan Data Masyarakat............................................................................................................. 41

Gambar 2.2 Tampilan Data Petugas................................................................................................................... 48

Gambar 2.3 Tampilan Dasboard........................................................................................................................ 55

Pelayanan publik pada dasarnya sangat berkaitan dengan aspek kehidupan

Dalam mewujudkan pelayanan publik yang good governance, pemerintah

Program LAPOR! dibentuk untuk merealisasikan kebijakan no wrong

Lembaga yang mengelola program ini ialah Kementerian Pendayagunaan Aparatur

Pengaduan Pelayanan Publik Secara Nasional. Sesuai dengan Peraturan Menteri

tersebut, sistem pengelolaan pengaduan ini bertujuan untuk:

1. Penyelenggara dapat mengelola pengaduan dari masyarakat secara

sederhana, cepat, tepat, tuntas, dan terkoordinasi dengan baik.

3. Meningkatkan kualitas pelayanan publik.

Kemudian untuk melaksanakan Peraturan Presiden Nomor 76 Tahun 2013

tersebut juga ditetapkan Peraturan Menteri Pendayagunaan Aparatur Negara dan

Reformasi Birokrasi Nomor 3 Tahun 2015 tentang Road Map Pengembangan

Sistem Pengelolaan Pengaduan Pelayanan Publik Nasional7. Adanya Peraturan

Menteri ini digunakan sebagai peta jalan pelaksanaan pengelolaan pengaduan

pelayanan publik di lingkungan kementerian/ lembaga dan pemerintah daerah.

Pelaksanaan Program LAPOR! memiliki batasan ketika mengadukan laporan

masyarakat ke dalam Aplikasi tersebut. Tidak semua jenis pengaduan dapat

dilaporkan menggunakan Aplikasi LAPOR!.

Perangkat Lunak Pendukung

Siklus Pengolahan Data

Gambar 1.3 Tampilan Registrasi

<div class="row mt-3">

Gambar 1.4 Tampilan Login Masyarakat

Gambar 1.5 Tampilan Login Petugas atau admin

 Data Pengaduan masyarakat.

<h1 class="modal-title fs-5"

<button type="button" class="btn-close" data-bs-

<form action="edit_data.php" method="POST">

<input type="hidden" name="id_pengaduan" value="<?

<button type="submit" class="btn btn-danger"

Gambar 1.7 Tampilan Data Pengaduan Petugas

Gambar 1.8 Tampilan Data Pengaduan Petugas yang akan di verifikasi.

<div class="col-md-12 mt-3">

<table class="table table-striped">

<td><?php echo $no++;

<h1 class="modal-title fs-5" id="exampleModalLabel">Verifikasi : <?php echo

<button type="button" class="btn-close" data-bs-dismiss="modal" aria-

<form action="" method="POST">

<input type="hidden" name="id_pengaduan" class="form-control"

<div class="row mb-3">

<select class="form-control" name="status">

<button type="submit" name="kirim" class="btn btn-

$query = mysqli_query($koneksi, "UPDATE pengaduan SET status='$status'

echo " <script>

alert('Data Berhasil Diverifikasi!');