BAB IV

PEMBAHASAN
4.1. Aplikasi
Aplikasi Pengaduan Masyarakat adalah sistem aplikasi yang ingin
menyampaikan aduan mengenai penyalahgunaan wewenang,
pengabaian kewajiban dan/atau pelanggaran larangan yang dilakukan
oleh pegawai di lingkungan sekitar.

4.2. Alat dan Bahan

4.2.1. Alat ( Tools )
1. Visual Studio Code
Studio Code (VS Code) ini adalah sebuah teks editor
ringan dan handal yang dibuat oleh Microsoft untuk sistem
operasi multi platform, artinya tersedia juga untuk versi
Linux, Mac, dan Windows, Teks editor ini secara langsung
mendukung bahasa pemrograman JavaScript, Typescript,
dan Node.js, serta bahasa pemrograman lainnya dengan
bantuan plugin yang dapat dipasang via marketplace.
2. Browser
Browser adalah salah satu jenis perangkat lunak
(software) yang umumnya digunakan untuk membuka
halaman website di internet. Browser disebut juga dengan
peramban web dan web browser.
4.2.2. Bahan ( Code Editor )
1. PHP
Bahasa skrip yang dapat ditanamkan atau disisipkan
ke dalam HTML. PHP banyak dipakai untuk memprogm
situs web dinamis
2. HTML
Bahasa pemrograman yang digunakan untuk membuat
halaman CMS Galang Bantuan, menampilkan berbagai
informasi di dalam sebuah browser web.
 3. Framework CodeIgniter
CodeIgniter merupakan aplikasi sumber terbuka yang
berupa kerangka kerja PHP dengan model MVC untuk
membangun situs web dinamis dengan menggunakan PHP.
CodeIgniter memudahkan pengembang web untuk
membuat aplikasi web dengan cepat dan mudah
dibandingkan dengan membuatnya dari awal.
Pada pengerjaan tugas PKL (Pelatihan Kerja
Lapangan) menggunakan Framework CodeIgniter sebagai
framework yang digunakan pada saat merancang dan
membangun Aplikasi Pengaduan Masyarakat.

4.3. Langkah Pembuatan Aplikasi

4.3.1. Installasi Framework CodeIgniter

1. Buka Web Browser

Gambar 4. 1 Instalasi Framework Codeigniter

2. Search CodeIgniter

Gambar 4. 2 1 Instalasi Framework Codeigniter 2

3. Klik Halaman Download di bagian atas kanan

Gambar 4. 3 1 Instalasi Framework Codeigniter 3

 4. Lalu Klik Download pada bagian CodeIgniter versi 3. Lalu
akan terdownload Framework CodeIgniter dalam bentuk file
ZIP.

Gambar 4. 4 1 Instalasi Framework Codeigniter 4

4.3.2. Membuat Halaman Dashboard Admin

1. Buka project CodeIgniter, kemudian Membuat Project Baru

buat folder dashboard dengan nama file index.php untuk
pembuatan halaman awal pada dashboard admin.
 Gambar 4. 5 Pembuatan Project 1

2. Setelah membuat file halaman dashboard pada project

CodeIgniter lalu membuat file laporan.php di dalam folder
dashboard.
 Gambar 4. 6 Pembuatan Project 2

3. Setelah membuat file halaman dashboard pada project

CodeIgniter lalu membuat file login.php di dalam folder
dashboard.
Gambar 4. 7 Pembuatan Project 3
4. Jika Sudah Membuat Folder pengaduan di folder views, Lalu
Membuat File detail.php Untuk halaman Pengaduan.

Gambar 4. 8 Pembuatan Project 4

5. Selanjutnya buat File index.php pada folder pengaduan.

Gambar 4. 9 Pembuatan Project 5

6. Lalu yang terakhir buat File tambah.php untuk tambah data
pengguna.

Gambar 4. 10 Pembuatan Project 6

7. Seteleh selesai lalu buat folder pengguna dan folder

masyarakat di folder views dan buat file bernama index.php

Gambar 4. 11 Pembuatan Project 7

8. Selanjutnya buat folder petugas di dalam folder pengguna di
folder views, lalu buat file bernama index.php

Gambar 4. 12 Pembuatan Project 8

9. Selanjutnya buat file tambah.php di folder petugas.

10. Dan yang terakhir buat file ubah.php di folder petugas.

 Gambar 4. 14 Pembuatan Project 10

4.4. Hasil Tampilan Aplikasi Pengaduan Masyarakat

1. Halaman Dashboard Admin

Gambar 4. 15 Tampilan Dashboard Admin

Gambar 4. 16 Tampilan Kelola

2. Tampilan Kelola
3. Tampilan Ekspor Laporan

Gambar 4. 17 Tampilan Ekspor Laporan

Gambar 4. 18 Tampilan Halaman Data Masyarakat – Pengguna

4. Halaman Data Masyarakat - Pengguna
5. Halaman Data Petugas - Pengguna

Gambar 4. 19 Tampilan Halaman Data Petugas - Pengguna

Gambar 4. 20 Tampilan Halaman Dashboard User

6. Halaman Dashboard User

7. Halaman Data Pengaduan – Pengaduan

Gambar 4. 21 Tampilan Halaman Data Pengaduan – Pengaduan

8. Halaman Tambah Pengaduan - Pengaduan

Gambar 4. 22 Tampilan Halaman Tambah Pengaduan - Pengaduan