RANCANG BANGUN SISTEM WEBSITE PELAYANAN

PENGADUAN MASYARAKAT DI KELURAHAN

KARAMAT BERBASIS MVC

SKRIPSI
Diajukan untuk memenuhi salah satu syarat kelulusan Program Sarjana

GALIH SETYO ALAM

NIM : 15160267

Program Studi Ilmu Komputer Kampus Kota Sukabumi

Fakultas Teknik dan Informatika
Universitas Bina Sarana Informatika
2020
 PERSEMBAHAN

1. Karena kalian berdua, hidup terasa begitu mudah dan penuh kebahagiaan. Terima

kasih karena selalu menjaga saya dalam doa-doa ayah dan ibu serta selalu

membiarkan saya mengejar impian saya apa pun itu.

2. Skripsi ini saya persembahkan untuk ayah dan ibu yang telah mengisi dunia saya

dengan begitu banyak kebahagiaan sehingga seumur hidup tidak cukup untuk

menikmati semuanya. Terima kasih atas semua cinta yang telah ayah dan ibu

berikan kepada saya.

3. Segala perjuangan saya hingga titik ini saya persembahkan pada dua orang paling

berharga dalam hidup saya. Hidup menjadi begitu mudah dan lancar ketika kita

memiliki orang tua yang lebih memahami kita daripada diri kita sendiri. Terima

kasih telah menjadi orang tua yang sempurna.

4. Skripsi ini adalah persembahan kecil saya untuk kedua orangtua saya. Ketika

dunia menutup pintunya pada saya, ayah dan ibu membuka lengannya untuk saya.

Ketika orang-orang menutup telinga mereka untuk saya, mereka berdua membuka

hati untukku. Terima kasih karena selalu ada untukku.

5. Ibu dan ayah telah melalui banyak perjuangan dan rasa sakit. Tapi saya berjanji

tidak akan membiarkan semua itu sia-sia. Saya ingin melakukan yang terbaik

untuk setiap kepercayaan yang diberikan. Saya akan tumbuh, untuk menjadi yang

terbaik yang saya bisa. Pencapaian ini adalah persembahan istimewa saya untuk

ayah dan ibu.

ii
 SURAT PERNYATAAN KEASLIAN SKRIPSI

Yang bertanda tangan di bawah ini:

Nama : GALIH SETYO ALAM

NIM : 15160267
Jenjang : Strata Satu ( S1 )
Program Studi : Ilmu Komputer
Fakultas : Teknik dan Informatika
Perguruan Tinggi : Universitas Bina Sarana Informatika

Dengan ini menyatakan bahwa Skripsi yang telah saya buat dengan judul: “Rancang
Bangun Sistem Website Pelayanan Pengaduan Masyarakat di Kelurahan Karamat
Berbasis MVC”, adalah asli (orsinil) atau tidak plagiat (menjiplak) dan belum pernah
diterbitkan/dipublikasikan dimanapun dan dalam bentuk apapun.
Demikianlah surat pernyataan ini saya buat dengan sebenar-benarnya tanpa ada
paksaan dari pihak manapun juga. Apabila di kemudian hari ternyata saya
memberikan keterangan palsu dan atau ada pihak lain yang mengklaim bahwa
Skripsi yang telah saya buat adalah hasil karya milik seseorang atau badan tertentu,
saya bersedia diproses baik secara pidana maupun perdata dan kelulusan saya dari
Universitas Bina Sarana Informatika dicabut/dibatalkan.
Dibuat di Sukabumi
Pada tanggal : 02 Agustus 2020
Yang menyatakan,

Galih Setyo Alam

iii
 SURAT PERNYATAAN PERSETUJUAN PUBLIKASI KARYA
ILMIAH UNTUK KEPENTINGAN AKADEMIS

Yang bertanda tangan di bawah ini, saya:

Nama : Galih Setyo Alam
NIM : 15160267
Jenjang : Strata Satu (S1)
Program Studi : Ilmu Komputer
Fakultas : Teknik dan Informatika
Perguruan Tinggi : Universitas Bina Sarana Informatika

Dengan ini menyetujui untuk memberikan ijin kepada pihak Universitas Bina Sarana
Informatika, Hak Bebas Royalti Non- Eksklusif (Non-exclusive Royalti-Free Right)
atas karya ilmiah kami yang berjudul: “Rancang Bangun Sistem Website Pelayanan
Pengaduan Masyarakat di Kelurahan Berbasis MVC”, beserta perangkat yang
diperlukan (apabila ada).
Dengan Hak Bebas Royalti Non-Eksklusif ini pihak Universitas Bina Sarana
Informatika berhak menyimpan, mengalih-media atau mem-format-kan,
mengelolanya dalam pangkalan data (database), mendistribusikannya dan
menampilkan atau mempublikasikannya di internet atau media lain untuk
kepentingan akademis tanpa perlu meminta ijin dari kami selama tetap
mencantumkan nama kami sebagai penulis/pencipta karya ilmiah tersebut.
Saya bersedia untuk menanggung secara pribadi, tanpa melibatkan pihak Universitas
Bina Sarana Informatika, segala bentuk tuntutan hukum yang timbul atas
pelanggaran Hak Cipta dalam karya ilmiah saya ini.
Demikian pernyataan ini saya buat dengan sebenarnya.
Dibuat di : Sukabumi
Pada tanggal : 02 Agustus
2020
Yang menyatakan,

Galih Setyo Alam

iv
 PERSETUJUAN DAN PENGESAHAN SKRIPSI

Tugas Akhir ini diajukan oleh:

Nama : Galih Setyo Alam
NIM : 15160267
Jenjang : Sarjana (S1)
Program Studi : Ilmu Komputer
Fakultas : Teknik dan Informatika
Perguruan Tinggi : Universitas Bina Sarana Informatika
Judul Skripsi : Rancang Bangun Sistem Website Pelayanan Pengaduan
Masyarakat Berbasis MVC.

Telah dipertahankan pada periode I-2020 di hadapan Penguji dan diterima sebagai
bagian persyaratan yang diperlukan untuk memperoleh Sarjana Ahli Madya
Komputer (S.Kom) pada Program Sarjana (S1) Program Studi Ilmu Komputer di
Universitas Bina Sarana Informatika.

Sukabumi, Agustus 2020

PEMBIMBING SKRIPSI

Dosen Pembimbing : Rusda Wajhillah, M.Kom

Asisten Pembimbing : Irwan Tanu Kusnadi, M. Kom

DEWAN PENGUJI

Penguji I : Agung Wibowo, M.Kom

Penguji II : Denny Pribadi, M.Kom

v
 PEDOMAN PENGGUNAAN HAK CIPTA

Skripsi sarjana yang berjudul “Rancang Bangun Sistem Website Pelayanan

Pengaduan Masyarakat di Kelurahan Berbasis MVC” adalah hasil karya tulis asli
GALIH SETYO ALAM dan bukan hasil terbitan sehingga peredaran karya tulis
hanya berlaku dilingkungan akademik saja, serta memiliki hak cipta. Oleh karena itu,
dilarang keras untuk menggandakan baik sebagian maupun seluruhnya karya tulis
ini, tanpa seizin penulis.
Referensi kepustakaan diperkenankan untuk dicatat tetapi pengutipan atau
peringkasan isi tulisan hanya dapat dilakukan dengan seizin penulis dan disertai
ketentuan pengutipan secara ilmiah dengan menyebutkan sumbernya.
Untuk keperluan perizinan pada pemilik dapat menghubungi informasi yang
tertera di bawah ini:

Nama : Galih Setyo Alam

Alamat : Jl. Bhayangkara Gg. Dewa Rt.002/012 Kel. Gunungpuyuh
Kec. Gunungpuyuh Kota Sukabumi Prov. Jawa
Barat(34123).
No. Telp : 083871370378
E-mail : galihsa666@gmail.com

vi
 KATA PENGANTAR
Alhamdulillah, dengan mengucapkan puji syukur kehadirat Allah SWT, yang

telah melimpahkan rahmat dan karunia-Nya, sehingga pada akhirnya penulis dapat

menyelesaikan tugas ini dengan baik. Skripsi pada Program Sarjana (S1) ini penulis

sajikan dalam bentuk buku yang sederhana. Adapun judul Skripsi, yang penulis

ambil sebagai berikut, “Rancang Bangun Website Pelayanan Pengaduan Masyarakat

di Kelurahan Karamat Berbasis MVC ”.

Tujuan penulisan Skripsi pada Program Sarjana (S1) ini dibuat sebagai salah

satu syarat kelulusan Sarjana Universitas Bina Sarana Informatika. Sebagai bahan

penulisan diambil berdasarkan hasil penelitian (eksperimen), observasi dan beberapa

sumber literatur yang mendukung penulisan ini. Penulis menyadari bahwa tanpa

bimbingan dan dorongan dari semua pihak, maka penulisan Skripsi ini tidak akan

berjalan lancar. Oleh karena itu pada kesempatan ini, ijinkanlah penulis

menyampaikan ucapan terima kasih kepada:

1. Rektor Universitas Bina Sarana Informatika.

2. Dekan Fakultas Teknik dan Informatika

3. Ketua Program Studi Ilmu Komputer Universitas Bina Sarana Informatika.

4. Bapak Rusda Wajhillah, M.Kom selaku Dosen Pembimbing Skripsi.

5. Bapak Irwan Tanu Kusnadi, M.Kom selaku Asisten Pembimbing Skripsi.

6. Staff / karyawan / dosen di lingkungan Universitas Bina Sarana Informatika.

7. Bapak Hery Purnomo,S.H,.M.H. selaku Kepala Kantor Kelurahan Karamat.

8. Staff / karyawan di lingkungan Kantor Kelurahan Karamat.

9. Orang tua tercinta yang telah memberikan dukungan moral maupun spiritual.

10. Rekan-rekan mahasiswa kelas IK-8B.

vii
Serta semua pihak yang terlalu banyak untuk disebut satu persatu sehingga

terwujudnya penulisan ini. Penulis menyadari bahwa penulisan Skripsi ini masih jauh

sekali dari sempurna, untuk itu penulis mohon kritik dan saran yang bersifat

membangun demi kesempurnaan penulisan di masa yang akan datang.

Akhir kata semoga Skripsi ini dapat berguna bagi penulis khususnya dan bagi para

pembaca yang berminat pada umumnya.

Sukabumi, Agustus 2020

Penulis,

Galih Setyo Alam

viii
 ABSTRAK

Galih Setyo Alam (15160267), Rancang Bangun Website Pelayanan Pengaduan

Masyarakat di Kelurahan Karamat Berbasis MVC.

Kelurahan karamat adalah salah satu kelurahan yang ada di Kecamatan

Gunungpuyuh, Kota Sukabumi, Provinsi Jawa Barat. Kelurahan karamat menerima
pengaduan masyarakat dengan cara masyarakat datang langsung ke kantor kelurahan
karamat untuk menyampaikan pengaduan dan butuh proses untuk menyampaikan
pada setiap petugas sesuai kategori pengaduan, namun untuk menampung aspirasi
masyarakat terkadang dengan cara manual kurang efektif karena berkas pengaduan
dapat hilang dan juga rusak selain itu rekap data yang dilakukan juga sulit karena
harus melakukan pengecekan berkas satu persatu. Penelitian ini bertujuan untuk
membuat rancang bangun sistem informasi pengaduan masyarakat di Kelurahan
karamat berbasis MVC untuk menyampaikan pengaduan secara cepat sesuai
pengaduan yang ditujukan. Pada tahap perancangan aplikasi ini menggunakan model
UML yaitu : use case diagram, activity diagram sequence diagram, class diagram,
dan ERD. sedangkan teknologi pemrograman menggunakan Framework CodeIgniter.
Sebagai hasilnya, sistem ini mampu memberikan website bagi petugas kelurahan,
sehingga dapat dipergunakan sebagai media publikasi dan komunikasi dengan
masyarakat yang ada di kelurahan karamat.
Kata Kunci : MVC,Pengaduan, Kantor Kelurahan Karamat, Framework CodeIgniter

ix
 ABSTRACT
Galih Setyo Alam (15160267), Design of Website for Community complaint
service in Karamat based MVC.

Karamat Village is one of the villages in Gunungpuyuh Subdistrict, Sukabumi City,

West Java Province. Karamat Kelurahan receives complaints from the community by
coming directly to the Karamat Kelurahan office to receive complaints and requires
a process to answer each complaint according to the complaints category, but to
meet the aspirations of the community using manual data recapitulation methods are
also difficult because they have to check one by one. This study aims to create a
design of community-based MVC karamat community complaint system based on
MVC to submit complaints quickly according to the complaints intended. At the
design stage of this application using the UML model, namely: use case diagrams,
activity diagrams, sequence diagrams, class diagrams and ERD. while the
programming technology using the CodeIgniter Framework. As a result, this system
is able to provide a website for village officials, so that it can be used as a medium of
publication and communication with the people in the Karamat village.

Keywords: MVC, Complaint, Karamat Village Office, Framework CodeIgniter

x
 DAFTAR ISI

Lembar Judul Skripsi .................................................................................................... i

Lembar Persembahan ................................................................................................... ii
Lembar Pernyataan Keaslian Skripsi .......................................................................... iii
Lembar Pernyataan Persetujuan Publikasi Karya Ilmiah ............................................ iv
Lembar Persetujuan Dan Pengesahan Skripsi .............................................................. v
Lembar Pedoman Penggunaan Hak Cipta................................................................... vi
Kata Pengantar ........................................................................................................... vii
Abstrak ........................................................................................................................ ix
Daftar Isi...................................................................................................................... xi
Daftar Simbol ............................................................................................................ xiii
Daftar Gambar........................................................................................................... xvi
Daftar Tabel ............................................................................................................. xvii
Daftar Lampiran ...................................................................................................... xviii
BAB I PENDAHULUAN .................................................................................... 1
1.1 Latar Belakang Masalah ..................................................................... 1
1.2 Identifikasi Permasalahan .................................................................. 2
1.3 Perumusan Masalah ........................................................................... 3
1.4 Tujuan dan Manfaat ........................................................................... 4
1.5 Metode Penelitian............................................................................... 4
1.5.1 Teknik Pengumpulan Data ....................................................... 4
1.5.2 Model Pengembangan Sistem .................................................. 5
1.6 Ruang Lingkup ................................................................................... 5

BAB II LANDASAN TEORI ............................................................................... 6

2.1 Tinjauan Pustaka ................................................................................ 6
2.2 Penelitian Terkait ............................................................................... 9

BAB III ANALISIS SISTEM BERJALAN ....................................................... 11

3.1 Tinjauan Institusi/Organisasi ........................................................... 11
3.1.1 Sejarah Institusi/Organisasi .................................................... 11
3.1.2 Struktur Organisasi ................................................................. 13
3.2 Proses Bisnis Sistem ........................................................................ 18

xi
 3.3 Spesifikasi Dokumen Sistem Berjalan ............................................. 19
3.3.1 Spesifikasi Bentuk Dokumen Masukan ................................. 19
3.3.2 Spesifikasi Bentuk Dokumen Keluran ................................... 20
BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN ..................... 21
4.1 Analisis Kebutuhan Software ........................................................... 21
4.1.1 Tahapan Analisis ..................................................................... 21
4.2 Desain............................................................................................... 32
4.2.1 Basis Data ............................................................................... 32
4.2.2 Arsitektur Perangkat Lunak .................................................... 36
4.2.3 Antarmuka Pengguna ............................................................. 41
4.3 Code Generation............................................................................... 44
4.4 Pengujian .......................................................................................... 50
4.5 Pendukung ........................................................................................ 51
4.5.1 Publikasi Web ......................................................................... 52
4.5.2 Spesifikasi Hardware dan Software ........................................ 52
4.6 Spesifikasi Dokumen Sistem Usulan ............................................... 53

BAB V PENUTUP .............................................................................................. 54

5.1 Kesimpulan ...................................................................................... 54
5.2 Saran................................................................................................. 54

DAFTAR PUSTAKA
DAFTAR RIWAYAT HIDUP
LEMBAR KONSULTASI BIMBINGAN
SURAT KETERANGAN RISET
LAMPIRAN
Lampiran A. Dokumen Sistem Berjalan
Lampiran B. Dokumen Usulan

xii
 DAFTAR SIMBOL

A. Simbol UML (Unifield Modeling Language)

1. Simbol Use Case Diagram

No. Simbol Nama Keterangan

1 Menspesifikasikan himpunan peran
Aktor yang pengguna mainkan ketika
berintaksi dengan use case.
2 Include Menspesifikasikan bahwa use case
sumber secara sksplisit.

3 Association Suatu yang menghubungkan antara

objek satu dengan objek lainnya.

4 Menspesifikasikan paket yang

System menampilkan sistem secara terbatas.

5 Deskripsi dari urutan aksi-aksi yang

Use Case ditampilkan sistem yang
menghasilkan suatu hasil yang
terukur bagi suatu actor

2. Simbol Activity Diagram

No. Simbol Nama Keterangan

1 Memperlihatkan bagian masing-
Activity masing kelas antarmuka saling
berintraksi.

2 Digunakan untu menggambarkan

Decision suatu keputusan atau -tindakan yang
harus diambil pada kondisi tertentu.

3
Initial Node Bagian objek dibentuk untk diawali.

4
Final Node Bagian objek dibentuk dan diakhiri.

xiii
 5 Digunakan untuk memisahkan
Swimlane organisasi bisnis yang bertanggung
jawab terhadap aktivitas yang terjadi.

3. Simbol Sequence Diagram

NO. Simbol Nama Keterangan

1 Mempresentasikan entitas yang
Aktor berbeda diluar sistem dan
berinteraksi fengan sistem
2 Menghubungkan objek selama
Lifeline sequence
3 Berupa tepi dari sistem, seperti user
Boundary interface atau suatu alat yang
berinteraksi dengan sistem yang lain
4 Element mengatur aliran dari
Control informasi untuk sebuah scenario
5 Element yang bertanggung jawab
Entitas menyimpan data atau informasi
6 Suatu titik dimana sebuah objek
dimulai berpartisipasi di dalam
Activation sebuah sequence yang menunjukkan
kapan sebuah objek mengirim atau
menerima objek
7 Berfungsi untuk menggambarkan
pesan/hubungan antar objek yang
Message Entry
menunjukkan urutan kejadian yang
terjadi

4. Simbol Class Diagram

NO. Simbol Nama Keterangan

1 Himpunan dari objek-objek yang

Class berbagi atribut serta opersi yang
sama.

2 Association Apa yang mengubunngkan antara

objek satu dengan objek lainnya.

3 Generalisasi Untuk menghubungkan antar kelas

dengan arti umum-khusus

xiv
5. Simbol Componet Diagram

NO. Simbol Nama Keterangan

1 Component Komponen sistem

2 Dependency Ketergantungan antar

komponen, arah panah
mengarah pada komponen
yang dipakai.
3 Package Sebuah simbol yang dipakai
untuk tempat komponen

6. Simbol Deployment Diagram

NO. Simbol Nama Keterangan

1 Menggambarkan bagian-bagian
Node hardware dalam sebuah sistem.
Notasi untuk node digambarkan
sebagai sebuah kubus 3 dimensi
2
Component Komponen sistem
3 Association Apa yang mengubunngkan antara
objek satu dengan objek lainnya.

B. Simbol ERD (Entity Relationship Diagram)

No. Simbol Nama Keterangan

1 Kumpulan dari objek yang dapat
Entitas diidentifikasikan secara unik.

2 Hubungan yang terjadi antara salah

satu atau lebih entitas. Jenis
Relasi hubungan atara lain : one to one, one
to many, dan many to many.
3 Karatristik dari entitas atau relasi
Atribut yang merupakan penjelasan detail
tentang entitas.
4 Hubungan antar entitas dengan
Garis Relasi atributnya dan himpunan entitas
dengan himpunan relasinya.

xv
 DAFTAR GAMBAR

Halaman
Gambar III. 1 Struktur Organisasi Kelurahan Karamat Kota Sukabumi ................... 14
Gambar III. 2 Activity Diagram Pengaduan ............................................................... 19
Gambar IV. 1 Use Case Diagram petugas ................................................................. 21
Gambar IV. 2 Use Case Diagram pelapor ................................................................. 23
Gambar IV. 3 Acitivity Diagram login petugas ......................................................... 25
Gambar IV. 4 Acitivity Diagram data pelapor ........................................................... 26
Gambar IV. 5 Acitivity Diagram hasil laporan .......................................................... 27
Gambar IV. 6 Acitivity Diagram login pelapor.......................................................... 28
Gambar IV. 7 Acitivity Diagram cara pengaduan ...................................................... 29
Gambar IV. 8 Acitivity Diagram lapor pengaduan .................................................... 30
Gambar IV. 9 Entitiy Relationship diagram .............................................................. 31
Gambar IV. 10 Logical Record Structure .................................................................. 32
Gambar IV. 11 Class Diagram Pelapor ..................................................................... 33
Gambar IV. 12 Sequence diagram petugas ................................................................ 38
Gambar IV. 13 Sequence diagram pelapor ................................................................ 39
Gambar IV. 14 component diagram .......................................................................... 40
Gambar IV. 15 deployment diagram.......................................................................... 40
Gambar IV. 16 Halaman Beranda .............................................................................. 41
Gambar IV. 17 Halaman Login Petugas .................................................................... 41
Gambar IV. 18 Halaman Utama Petugas ................................................................... 42
Gambar IV. 19 Halaman Data Pelapor ...................................................................... 42
Gambar IV. 20 Halaman laporan ............................................................................... 43
Gambar IV. 21 Halaman tindak Lanjut ...................................................................... 43

xvi
 DAFTAR TABEL

Halaman
Tabel III. 1 Jumlah Penduduk Kelurahan Karamat Awal Tahun 2020 ...................... 12
Tabel IV. 1 deskripsi dari Use Case Diagram admin mengelola data pelapor .......... 22
Tabel IV. 2 deskripsi dari Use Case Diagram admin mengelola data laporan .......... 22
Tabel IV. 3 deskripsi dari Use Case Diagram admin mengelola data hasil laporan .. 23
Tabel IV. 4 deskripsi dari Use Case Diagram pelapor untuk cara pengaduan .......... 24
Tabel IV. 5 deskripsi dari Use Case Diagram pelapor untuk lapor pengaduan ......... 24
Tabel IV. 6 Spefisikasi table User ............................................................................. 34
Tabel IV. 7 Spefisikasi table pelapor ......................................................................... 34
Tabel IV. 7 Spefisikasi table idnolaporan .................................................................. 35
Tabel IV. 7 Spefisikasi table hasil_laporan ............................................................... 35
Tabel IV. 8 Testing login petugas .............................................................................. 51
Tabel IV. 9 Spesifikasi Hardware ............................................................................. 52

xvii
 DAFTAR LAMPIRAN

Halaman
Lampiran A. 1 Fotocopy KK , KTP dan Surat Pengantar RT/RW ............................ 59
Lampiran A. 2 Pengaduan .......................................................................................... 60
Lampiran B. 1 Laporan Pelayanan Pengaduan .......................................................... 61

xviii
 BAB I

PENDAHULUAN

1.1. Latar Belakang

Informasi merupakan hal yang sangat penting bagi setiap individu maupun

instansi pemerintahan didalam mengambil keputusan. Semakin berkembangnya

teknologi informasi, maka setiap instansi pemerintahan saat ini diharapkan dapat

menyampaikan setiap informasi yang mereka miliki dengan cepat dan tepat serta

solusi atas permasalahan yang terjadi ditengah-tengah masyarakat(Suryadi et al.,

2019).

Pengaduan masyarakat merupakan suatu bentuk partisipasi masyarakat untuk

ikut berperan dalam membangun lingkungannya serta sebagai bentuk pengawasan

terhadap kinerja instansi pemerintahan. Keluhan maupun aspirasi masyarakat dapat

dipergunakan sebagai bahan masukan untuk mengevaluasi kebijakan dan peraturan

yang telah dibuat atau peraturan yang telah dilaksanakan untuk mengetahui masalah

yang ada didalam masyarakat secara efektif (nuraeni, 2018).

Pada kenyataannya masyarakat masih sulit dalam menyampaikan pengaduan

kepada Pemerintahan Desa Gunungtanjung. Apabila pengaduan permasalahan masih

bersifat manual maka waktu yang dipergunakan akan tidak efisien. Baik bagi

pemerintah maupun masyarakat itu sendiri. Untuk Untuk itu Desa Gunungtanjung

senantiasa selalu berusaha dengan berbagai cara untuk meningkatkan pelayanan

public sehingga dapat mengefisienkan waktu(C. Firmansyah & Tohir, 2018).

Dilihat dari tingkat fleksibilitas yang ditawarkan oleh teknologi website,

maka rancang bangun website sistem informasi pengaduan masyarakat dapat

1
 2

dikembangkan dengan menggunakan pola Model-View-Controller (MVC). MVC

(Model-Veiw-Controller) merupakan arsitektur berupa pemisahan komponen utama

aplikasi antara tampilan atau interface (View) dengan logika pengontrol (Controller)

serta bagian yang menangani data (Model) dimana cara ini akan membantu

meringankan kinerja pemograman dalam hal query database, manajemen source

code, validasi data, keamanan dan lain-lain (Asrul, 2018).

Melihat permasalahan yang ada maka dari itu penelitian ini bertujuan untuk

membantu kelurahan siantan tengah dalam hal membuat sebuah sistem informasi

pengaduan warga dengan tujuan dapat memudahkan sistem pengaduan warga

dikelurahan siantan tengah, serta dapat mempercepat waktu pengaduan tersebut

dapat dibaca oleh staff maupun pak lurah, serta dapat memberikan sebuah tempat

penyampaian informasi terbaru yang dapat dilihat secara langsung oleh masyarakat

(Y. Firmansyah et al., 2020).

1.2. Identifikasi Permasalahan

Bedasarkan latar belakang diatas, maka dapat didefinisikan masalah sebagai

berikut:

1. Masih adanya pegawai yang kurang teliti dalam hal pelaksanaan pelayanan,

dengan begitu kualitas pelayanan dianggap kurang sesuai.

2. Pengaduan masih dicatat didalam buku besar.

3. Pengaduan masyarakat masih manual sehingga pengaduan harus datang ke

kelurahan.
 3

1.3. Perumusan Masalah

Berdasarkan latar belakang tersebut dapat dirumuskan bahwa permasalahan

yang ada antara lain:

1. Bagaimana merancang sebuah website yang dapat digunakan untuk pelayanan

pengaduan masyarakat?

2. Bagaimana perancangan dibuat sehingga informasi pengaduan yang di

laporkan oleh pelapor dapat di proses dari Kelurahan?

3. Bagaimana menyediakan layanan pengaduan tersebut sehingga setiap

pengaduan tidak perlu lagi datang ke Kelurahan untuk mengantarkan surat

pengaduan dan setelah jangka waktu yang ditentukan?

4. Website dengan menggunakan pola Model-View- Controller (MVC),

memberikan kualitas proses pembangunan dan akses pengelolaan laporan

pengaduan. Fitur pada situs web yang dibangun sangat berguna untuk proses

laporan pengaduan kelurahan.

1.4. Tujuan dan Manfaat

Berdasarkan uraian latar belakang masalah, maka tujuan penelitian ini adalah:

Perancangan sebuah website sebagai salah satu sarana untuk pelayanan pengaduan

dan permintaan informasi publik agar lebih efisien dalam bekerja.

Manfaat yang diharapkan dari penelitian ini adalah:

Mempermudah masyarakat untuk menyampaikan permohonan/pengaduan di

Kelurahan dan mempermudah pihak Kelurahan untuk memberikan pelayanan kepada

pihak pelapor.
 4

1.5. Metode Penelitian

1.5.1 Teknik Pengumpulan Data

Teknik pengumpulan data yang digunakan pada penelitian untuk aplikasi ini:

a. Observasi

Merupakan metode pengumpulan data dengan cara melakukan pengamatan

terhadap objek penelitian secara langsung yaitu kegiatan proses penelitian dan

pengelolaan penelitian pada Kantor Kelurahan Karamat dan kemudian menarik

kesimpulan dari seluruh kegiatan pada objek tersebut.

b. Wawancara

Merupakan metode pengumpulan data melalui tatap muka secara langsung

dengan pihak-pihak tertentu, yaitu Lurah, Sekretaris Lurah, Kasi Transtibum, Kasi

Kesos dan Kasi PPM.

1.5.2. Model Pengembangan Sistem

MVC yang merupakan salah satu design pattern yang sekarang banyak

dipergunakan oleh berbagai framework merupakan salah metode pengembangan

aplikasi yang harus dikuasai. Dengan menggunakan MVC perawatan sebuah program

akan lebih mudah, mengingat semua bagian program telah dipetakan dalam struktur

yang jelas, sehingga pengubahan desain tidak mengubah logic maupun data.

Demikian pula pengubahan data akan terhindar dari pengubahan tampilan

secara tidak sengaja. Pengubahan logic atau program juga lebih dimudahkan karena

dapat dilakukan di bagian program yang terpisah.

 5

1.6. Ruang Lingkup

Ruang lingkup pengelolaan pengaduan masyarakat meliputi:

a. Manfaat, Prinsip, Pengelola, dan Tugas Pengelola Pengaduan Masyarakat.

b. Sarana, Syarat, Klasifikasi dan Mekanisme Pengelolaan Pengaduan

Masyarakat.

c. Kriteria Dinyatakan Selesai, Pelaporan dan Pendokumentasian.

d. Website pengaduan masyarakat ini diperuntukan bagi masyarakat kelurahan

karamat.

e. Website dibangun dengan menggunakan metode MVC untuk memudahkan

pengelolaan akses informasi pengaduan masyarakat dikelurahan karamat.

 BAB II

LANDASAN TEORI

2.1. Tinjauan Pusaka

Pada Tinjauan Pusaka, dilakukan kembali peninjuan berdasarkan jurnal dari

penelitian yang sesudahnya dilakukan, diantaranya:

A. Konsep Dasar Sistem

1. Pengertian Sistem

Sistem informasi dapat didefinisikan sebagai seperangkat entitas yang

terdiri dari hardaware, software dan brainware yang saling bekerjasama

untuk menyediakan data yang diolah sehingga berguna dan bermanfaat bagi

penerima data tersebut (Herliana & Rasyid, 2016).

2. Pengertian Pelayanan

Pelayanan adalah aktivitas atau kegiatan atau usaha yang dilakukan

seseorang atau sekelompok orang melalui hubungan interaksi antara satu

pihak ke pihak lain yang menggunakan peralatan berupa organisasi atau

lembaga perusahaan untuk kepuasan penerima/pelanggan/konsumen (Suandi,

2019).

3. Pengertian Pengaduan Masyarakat

Pengaduan masyarakat merupakan suatu bentuk partisipasi untuk ikut

berperan dalam membangun lingkungannya serta sebagai bentuk pengawasan

terhadap kinerja instansi pemerintahan. Laporan maupun aspirasi masyarakat

dapat dipergunakan sebagai bahan masukan untuk mengevaluasi kebijakan

dan peraturan yang telah dibuat atau peraturan yang telah dilaksanakan dan

6
 7

untuk mengetahui masalah yang ada didalam masyarakat secara efektif, cepat

dan up to date serta dapat langsung memberikan solusi dan jalan keluarnya

(Suryadi et al., 2019).

B. Entity Relation Diagram (ERD)

Entity Relationship Diagram ( ERD ) merupakan model konseptual yang

menggambarkan hubungan antar penyimpanan. Entity Relationship Diagram dapat

membantu kita dalam mempelajari hubungan antar file database yang kita rancang

(Andalia & Setiawan, 2015).

C. Pengertian Unifield Modeling Language (UML)

Unifield Modelling Language (UML) adalah bahasa pemodelan untuk sistem

atau perangkat lunak yang berorientasi objek. Pemodelan sesungguhnya digunakan

untuk penyederhanaan permasalahan yang kompleks sedemikian rupa sehingga lebih

mudah dipelajari dan dipahami (Wahyu Hidayat Ibrahim, 2017).

1. Pengertian Use Case Diagram

Use Case Diagram merupakan pemodelan untuk kelakuan (behavior) sistem

informasi yang akan dibuat (Destiningrum & Adrian, 2017).

2. Pengertian Activity Diagram

Activity diagram adalah sesuatu yang menggambarkan berbagai alir

aktivitas dalam sistem yang sedang dirancang (Wahyu Hidayat Ibrahim, 2017).

3. Pengertian Class Diagram

Class Diagram menggambarkan sistem dari segi pendefinisian kelas-kelas

yang akan dibuat untuk membangun sistem (Witanto & Solihin, 2016).

4. Pengertian Sequence Diagram

 8

Sequence Diagram menggambarkan kelakuan objek pada usecase dengan

mendepenelitiankan waktu hidup objek dan pesan yang dikirimkan dan diterima

antar objek (Siregar & Melani, 2019).

D. Konsep Dasar Sistem

1. Pengertian MySQL

MySQL adalah sebuah perangkat lunak system manajemen basis data

SQL (bahasa Inggris: database management system) atau , multiuser,

dengan sekitar 6 juta instalasi di seluruh dunia. MySQL tersedia sebagai

perangkat lunak gratis dibawah lisensi GNU General Public License

(GPL), tetapi mereka juga menjual dibawah lisensi komersial untuk kasus-

kasus dimana penggunaannya tidak cocok dengan penggunaan GPL

(Jatmika, 2019).

2. Pengertian PHP

PHP adalah sebuah bahasa pemrograman scripting untuk membuat

halaman web yang dinamis. Walaupun dikenal sebagai bahasa untuk

membuat halaman web, tapi sebenarnya PHP juga bisa digunakan untuk

membuat aplikasi command line dan juga GUI. Cara kerja PHP adalah

dengan menyelipkan diantara kode HTML (M et al., 2020).

Dengan kata lain jika kita menggunakan sebuah browser untuk

memanggil sebuah file PHP, maka browser tersebut mengirimkan

permintaan ke web server, kemudian server tersebut mengekskusi setiap

script yang ada dan hasilnya dikirimkan kembali ke browser anda.

Karena berbasis server-site, maka untuk dapat dijalankan pada sebuah PC

biasa yang berbasis Windows, PC tersebut perlu disimulasikan menjadi

 9

sebuah web server dengan Apache atau Microsoft Internet Information

Services (IIS) (Wahyu Hidayat Ibrahim, 2017).

3. HTML

HTML (Hyper Text Markup Language) adalah sekumpulan simbol-

simbol atau tag-tag yang dituliskan dalam sebuah file yang digunakan

untuk menampilkan halaman pada web browser (M et al., 2020).

4. CSS

CSS singkatan dari Cascading Style Sheet, yaitu skrip yang digunakan

untuk mengatur desain website (Journal, 2020).

5. XAMPP

Xampp adalah aplikasi tools untuk menyediakan paket lunak yang

berisi konfigurasi Web Server, Apache, PHP, MySQL untuk membantu

kita dalam proses pembuatan aplikasi web yang menyatu menjadi satu

sehingga memudahkan kita dalam membuat program web (Josi, 2017).

6. Framework Codeigniter

Codeigniter adalah aplikasi open source berupa framework dengan

model MVC (Model, View, Controller) untuk membangun web dinamis

dengan menggunakan PHP(Destiningrum & Adrian, 2017).

2.2. Penelitian Terkait

Dengan judul Sistem Informasi Pengaduan Pada Kelurahan Karamat

Peningkatan pelayanan publik adalah salah satu reformasi birokrasi peningkatan

pelayanan masyarakat. Selama ini dapat dikatakan bahwa, kualitas pelayanan publik
 10

masih dalam kondisi memprihatinkan. Salah satunya perihal tentang pengaduan,

namun untuk menampung pengaduan dari masyarakat terkadang dengan cara manual

kurang efisien karena form pengaduan seringkali mudah hilang dan rusak. Selain itu

rekapitulasi data yang dilakukan juga sulit karena harus mengecek berkasi satu

persatu. Juga kurang terserapnya informasi seputar kegiatan-kegiatan yang ada pada

masyarakat setempat (Firmansyah, 2019).

Semakin tingginya tingkat kebutuhan sistem informasi dan teknologi informasi

menuntut Instansi Pemerintahan untuk mengikuti perkembangan zaman. Kebutuhan

akan sebuah system pasti sangat diperlukan, karena untuk menjadikan suatu program

yang sukses dijalankan maka diperlukan adanya suatu sistem yang mendukung dan

menjadikan Instansi Pemerintahan tersebut semakin maju (Y. Firmansyah et al.,

2020).

Arsitektur MVC memiliki manfaat yaitu pemisahan antara model dan view

memungkinkan beberapa view menggunakan model yang sama. Akibatnya,

komponen model sebuah aplikasi lebih mudah untuk diterapkan, diuji, dan

dipelihara, karena semua akses ke model berjalan melalui komponen ini (Ambo &

Ghufron, 2015).

Dari hasil penelitian sebelumnya, dapat disimpulkan bahwa metode Model View

Cotroller (MVC) dapat dijadikan suatu metode yang diperlukan sistem untuk

mendukung dan menjadikan sebuah website lebih mudah untuk diterapkan, diuji dan

dipelihara.

Untuk menangani permasalahan tersebut maka dibuatlah Rancang Bangun

Website Sistem Informasi Pelayanan Pengaduan Masyarakat di Kelurahan

Karamat Berbasis MVC yang dapat membantu staff kelurahan untuk menjalankan
 11

tugasnya, mulai dari proses pengaduan masyarakat hingga pembuatan laporan , serta

dapat menampung aspirasi atau pengaduan masyarakat dilingkungan kelurahan.

 BAB III

ANALISIS SISTEM BERJALAN

3.1 Tinjauan Institusi/Organisasi

Kelurahan Karamat merupakan salah satu lembaga pelayanan yang berada di

daerah Kota Sukabumi. Kantor kelurahan merupakan tempat dimana biasanya

dikunjungi oleh masyarakat sekitar wilayahnya dalam melakukan kegiatan pelayanan

serta pengaduan.

3.1.1 Sejarah Institusi/Organisasi

Kelurahan Karamat sebelumnya merupakan lingkungan hasil pemekaran dari

lingkungan Gunungpuyuh berdasarkan SK Gubernur KDH Tingkat I Jawa Barat

Nomor 128/Pm.121/SK/1979 tanggal 10 Desember 1979. Perubahan status

lingkungan menjadi Kelurahan mulai diberlakukan pada Tahun 1981 berdasarkan

UU No. 5 Tahun 1979 tentang Pemerintahan Desa/Kelurahan sampai sekarang.

Peraturan Pemerintah No. 73 Tahun 2005 tentang Kelurahan. Peraturan Daerah No.

15 Tahun 2000 tentang Pembentukan Kecamatan dan Kelurahan. Surat Camat

Gunung Puyuh No. 07 Tahun 2014 tentang Penetapan Juara Hasil Penilaian

Perlombaan Kelurahan Tingkat Kecamatan Gunung Puyuh Kota Sukabumi Tahun

2014. Surat Keputusan Walikota Sukabumi No. 72 Tahun 2014 tentang Penetapan

Juara Hasil Penilaian Lomba Kelurahan Tingkat Kota Sukabumi Tahun 2014.

Kelurahan Karamat adalah bagian dari Kecamatan Gunungpuyuh dengan luas

wilayah 110,25 ha, meliputi : Pemukiman 41.30 Ha, Persawahan 31.04 ha,

Perkantoran 16.75 ha, Pemakaman 0.80 ha serta Prasarana Umum 4.77 ha.

Mata pencaharian mayoritas penduduk adalah buruh, petani,

pedagang/wiraswasta, POLRI, pegawai swasta dan pegawai pemerintah.Jumlah

11
 12

penduduk sampai dengan awal januari 2020 sebanyak 10.171 jiwa dan 2.822 KK,

yang tersebar di 9 RW dan 37 RT dengan kepadatan penduduk 924 jiwa/KM (Fauzi,

2020).

Wilayah :

1. Batas Wilayah Kelurahan Karamat

Sebelah Utara berbatasan : dengan Desa Parungseah.

Sebelah Timur berbatasan : dengan Kelurahan Selabatu.

Sebelah Selatan berbatasan : dengan Kelurahan Sriwidari.

Sebelah Barat berbatasan : dengan Kelurahan Karang Tengah.

2. Kependudukan :

Jumlah Penduduk Kelurahan Karamat sampai dengan awal tahun 2020

adalah sebagai berikut :

Tabel III. 1

Jumlah Penduduk Kelurahan Karamat awal tahun 2020

Kewarganegaraan KK Laki-laki Perempuan Jumlah

WNI. Asli 2533 4194 4008 8202

WNI. Keturunan 11 19 20 39

Jumlah 2543 4213 4028 8241

Sumber: Database Kelurahan Karamat

 13

Visi Dan Misi

VISI :

“ Dengan Iman dan Taqwa Mewujudkan Kelurahan Karamat sebagai Kelurahan

Unggulan yang Rahmatan Lil’Alamin.

MISI :

1. Memberikan pelayanan terbaik guna terwujudnya masyarakat yang mandiri, sehat

dan sejahtera.

2. Menciptakan tata kelola Pemerintahan yang baik.

3. Mendorong partisipasi masyarakat dalam pembangunan guna percepatan

penanganan dan pengendalian tingkat Kemiskinan dan Infrastruktur yang lebih baik.

Mendorong tumbuh dan berkembangnya organisasi kemasyarakatan dan lembaga

pendidikan, baik formal maupun non formal guna meningkatkan Sumber Daya

Manusia yang berkualitas.

3.1.2 Struktur Organisasi

Berpedoman kepada dasar Peraturan WaliKota Sukabumi Nomor 50 tahun

2016, tujuan dan fungsi di Kantor Kelurahan Karamat telah terpangpang dan juga

mengenai Struktur Organisasi Kelurahan Karamat adalah sebagai berikut :

 14

LURAH

SEKRETARIS

PELAKSANA

KASI
KASI KASI
KESEJAHTERAAN
PEMERINTAHAN PEMBANGUNAN
SOSIAL

PELAKSANA PELAKSANA PELAKSANA

Sumber : Mamat, S.E. (KASI Pemerintahan & Trantibum)

Gambar III. 1
Struktur Organisasi Kelurahan Karamat Kota Sukabumi

1. Lurah

a) Pelaksanaan kegiatan pemerintahan, ketentraman dan ketertiban umum,

pemberdayaan masyarakat dan kesejahteraan sosial di tingkat Kelurahan ;

b) Penyelenggaraan administrasi pemerintahan, ketentraman dan ketertiban

umum, pemberdayaan masyarakat dan kesejahteraan sosial di tingkat

Kelurahan ;

c) Pemeliharaan sarana dan prasarana serta fasilitas pelayanan umum ;

d) Pembinaan lembaga kemasyarakatan ;

e) Pelaksanaan koordinasi dengan dinas, instansi, atau lembaga terkait lainnya

untuk kepentingan pelaksanaan tugas ;

f) Pelaksanaan koordinasi, pengawasan dan pengendalian seluruh kegiatan

Kelurahan;
 15

g) Pembinaan dan motivasi serta pemeliharaan prestasi kerja pegawai di

lingkungan Kelurahan guna peningkatan produktivitas kerja ;

h) Pengkajian, pengkoreksian, dan pemberian perizinan atau rekomendasi dan

keterangan lainnya sesuai dengan pendelegasian wewenang yang diberikan

oleh Camat ;

i) Pemberian saran dan pertimbangan kepada Camat dalam pelaksanaan

tugasnya ;

j) Pertanggungjawaban tugas Kelurahan secara administratif kepada sekretaris

kecamatan ;

k) Pertanggungjawaban tugas Kelurahan secara operasional kepada Camat ;

l) Melaksanakan tugas lain yang diberikan oleh atasan sesuai dengan tugas

dan fungsinya.

2. Sekretaris

a) Pengumpulan dan pengolahan data dalam rangka penyusunan rencana kerja

ditingkat Kelurahan ;

b) Penyiapan bahan penyusunan anggaran Kelurahan ;

c) Pemberian pelayanan dan pengelolaan administrasi umum, perlengkapan,

kepegawaian, perencanaan, dan keuangan di lingkungan Kelurahan ;

d) Penyelenggaraan pemeliharaan dan pengelolaan perlengkapan barang

inventaris Kelurahan ;

e) Pembinaan dan pengendalian di bidang administrasi umum, perlengkapan,

kepegawaian, perencanaan dan keuangan ;

f) Pengelolaan kebersihan, keamanan, dan ketertiban di lingkungan kantor

Kelurahan ;
 16

g) Pelaksanaan administrasi kependudukan ;

h) Pelaksanaan pemberian pengantar dan legalisasi surat atau keterangan yang

dibutuhkan masyarakat ;

i) Penyampaian data hasil pembangunan dan informasi lainnya terkait layanan

publik secara berkala melalui website Pemerintah Daerah.

3. Fungsional

a) Kelompok Jabatan Fungsional mempunyai tugas pokok melaksanakan

sebagian kegiatan Kecamatan secara prodesional sesuai dengan kebutuhan ;

b) Dalam melaksanakan tugas pokoknya bertanggung jawab kepada Camat.

4. Kasi Pemerintahan & Trantibum

a) Pengumpulan dan pengolahan data dalam rangka penyusunan rencana kerja

seksi pemerintahan, ketentraman, dan ketertiban umum ;

b) Pelaksanaan kegiatan pemerintahan kelurahan ;

c) Penyelenggaraan ketenteraman dan ketertiban umum Kelurahan ;

d) Pembinaan, pengoordinasian, dan pemantauan kegiatan rukun warga atau

rukun tetangga dan masyarakat yang ada di wilayahnya ;

e) Penyusunan monografi Kelurahan ;

f) Pengumpulan dan pengolahan data pemerintahan, ketenteraman dan

ketertiban umum serta perlindungan masyarakat ;

g) Pelaksanaan pembinaan perlindungan masyarakat ;

h) Pelaksanaan koordinasi kegiatan organisasi sosial dan kemasyarakatan

i) Pelaksanaan koordinasi penerapan dan pencegahan peraturan perundang-

undangan ;

j) Pelaksanaan koordinasi pencegahan dan penanggulangan bencana ;

 17

k) Pelaksanaan pemberian pengantar untuk pemberian pertimbangan teknis

izin keramaian di wilayah Kelurahan ;

l) Pemantauan dan pelaporan pelaksanaan perizinan di wilayah Kelurahan ;

m) Penyelenggaraan koordinasi dengan satuan kerja perangkat daerah maupun

kelompok masyarakat di tingkat Kelurahan ;

n) Pemonitoran, evaluasi, dan pelaporan pelaksanaan tugas ;

o) Pelaksanaan tugas lain yang diberikan oleh atasan sesuai dengan tugas dan

fungsinya.

5. Kasi Kesejahteraan Sosial

a) Pengumpulan dan pengelolaan data dalam rangka penyusunan rencana kerja

seksi kesejahteraan sosial ;

b) Fasilitas pelaksanaan pemberian bantuan sosial ;

c) Pelaksanaan pembinaan kehidupan keagamaan, pendidikan, kebudayaan,

kesenian, kesehatan masyarakat, dan program keluarga berencana ;

d) Pemantauan dan pelaporan kejadian kerawanan sosial, wabah penyakit

menular, kesehatan masyarakat dan program keluarga berencana ;

e) Pelaksanaan administrasi dan pemberian pertimbangan teknis nikah, talak,

cerai, dan rujuk;

f) Pelaksanaan pemberian pengantar pergi haji;

g) Pelaksanaan pemberian keterangan kelahiran dan kematian;

h) Pelaksanaan pengawasan atas kondisi terjadinya rawan pangan;

i) Pelaksanaan pemberian pertimbangan teknis status sosial;

 18

j) Pembinaan dan pengawasan terhadap keseluruhan unit kerja baik

pemerintah maupun swasta yang mempunyai progam kerja dan kegiatan

kesejahteraan sosial di wilayah Kelurahan;

3.2 Proses Bisnis Sistem

Proses pelayanan pengaduan di Kelurahan Karamat yang berjalan saat ini,

warga mendatangi kantor kelurahan dengan membawa berkas atau persyarakat

seperti fotocopy ktp ,kartu keluarga dan surat pengantar dari RT/RW bila di

perlukan, selanjutnya akan di proses oleh petugas sesuai dengan pengaduannya.

Sistem pengaduan yang akan dikembangkan dalam penelitian ini yaitu sistem

aplikasi pelaporan masyarakat berbasis web, yang merupakan media baru bagi

masyarakat untuk menyampaikan laporan terkait permasalahan yang ditemui di

Kelurahan Karamat. Masyarakat dapat melaporkan permasalahannya dengan cara

mengajukan pengaduan di website dan melakukan daftar diri.

Laporan yang disampaikan selanjutnya akan proses oleh pihak kelurahan,

dimana kelurahan memiliki akun untuk masuk ke sistem sehingga dapat langsung

merespon dan menindaklanjuti laporan tersebut. Dari laporan tersebut dapat dilihat

masyarakat dengan cara login website . Sistem juga akan mengubah status laporan

menjadi tidak aktif ketika mencapai tanggal expired laporan, yaitu 3 hari setelah

respon diberikan. Penentuan 3 hari mengacu pada ketentuan pemerintah yang

diwajibkan untuk memberikan respon kepada masyarakat maksimal 3 hari,

Masyarakat juga dapat melihat penilaian kinerja kelurahan dalam hal merespon

laporan masyarakat yang masuk ke dalam sistem dan rekapitulasi laporan yang

masuk ke kelurahan. Sistem ini diharapkan dapat menjadi solusi permasalahan dari
 19

sistem pelaporan masyarakat yang saat ini berlaku di Kelurahan Karamat. Adapun

activity diagram dari prosedur tersebut yaitu :

Sumber: Kelurahan Karamat

Gambar III. 2
Activity Diagram pengaduan

3.3 Spesifikasi Dokumen Sistem Berjalan

3.3.1 Spesifikasi Bentuk Dokumen Masukkan

Dokumen masukkan adalah semua dokumen yang digunakan sebagai dasar

untuk memperoleh data-data yang akan diproses untuk menghasilkan suatu keluaran.

Dokumen masukkan yang digunakan adalah :

1. Nama dokumen : Fotocopy KTP dan KK

Fungsi : Sebagai persyaratan pengaduan

Sumber : Masyarakat setempat

Tujuan : Pengaduan
 20

Media : Kertas

Frekuensi : Setiap ada warga yang ingin mengajukan pengaduan

Format : Lampiran A.1

3.3.2 Spesifikasi Bentuk Dokumen Keluaran

Dokumen keluaran adalah segala bentuk dokumen yang akan mendukung

kegiatan manajemen serta merupakan dokumen dari hasil catatan laporan. Dokumen

keluaran yang digunakan adalah :

1. Nama dokumen : Pengaduan

Fungsi : Laporan pengaduan

Sumber : Petugas kelurahan

Tujuan : Instansi/Perusahaan

Media : Kertas

Frekuensi : Satu instansi/perusahaan

Format : Lampiran A.2

 BAB IV

RANCANG SISTEM DAN PROGRAM USULAN

4.1 Analisis Kebutuhan Software

Analisis kebutuhan software yang akan dikembangkan yaitu untuk pelayanan

pengaduan masyarakat yang nantinya akan digunakan di Kelurahan Karamat.

4.1.1 Tahapan Analisis

Pada rancang bangun website sistem informasi pelayanan pengaduan

masyarakat kelurahan karamat ini, hak akses tertinggi sebagai admin diberikan

kepada petugas untuk mengelola pengaduan masyarakat.

A1. Petugas dapat mengelola data pelapor

A2. Petugas dapat mengelola laporan

A3. Petugas dapat mencetak hasil laporan

B1. Pelapor dapat melihat cara pengaduan

B2. Pelapor dapat melakukan pengaduan

1 Use Case Diagram Petugas

Gambar IV. 1
Use Case Diagram Petugas

21
 22

Tabel IV. 1
Deskripsi dari Use Case Diagram admin untuk mengelola data pelapor

Usecase Name: Mengelola data pelapor

Request A1
Admin dapat melakukan tambah,
Short Description:
ubah, dan hapus data pelapor.
Precondition: Petugas sudah melakukan login.
Postcondition: Data pelapor berhasil di masukan.
Actors: Petugas
(1) Petugas melakukan login.
Standard process:
(2) Petugas menambah data pelapor
Alternative
(1) Petugas mengubah data pelapor.
processes:

Tabel IV. 2
Deskripsi dari Use Case Diagram admin untuk mengelola data laporan

Name: Mengelola data laporan

Request: A2
Petugas dapat melakukan tambah,
Short Description:
ubah, dan hapus data laporan.
Precondition: Petugas sudah melakukan login.
Postcondition: Data laporan berhasil di masukan.
Actors: Petugas
(1) Petugas melakukan login.
Standard process:
(2) Petugas menambah data laporan.
Alternative
(1) Petugas mengubah data laporan.
processes:
 23

Tabel IV. 3
Deskripsi dari Use Case Diagram admin untuk mengelola data hasil laporan

Name: Mengelola data hasil laporan

Requirement A3
Petugas dapat mencetak hasil
Short Description:
laporan.
Petugas dapat mengakses halaman
Precondition:
laporan.
Petugas dapat mencetak laporan
Postcondition:
pengaduan
Actors: Petugas
(1) Petugas dapat mengakses laporan
hasil pengaduan sebelum di cetak.
Standard process:
(2) Petugas dapat mencetak laporan
hasil pengaduan.
Alternative (1) Petugas cetak laporan hasil
processes: pengaduan.

2. Usecase Diagram Pelapor

Gambar IV. 2
Use Case Pelapor
 24

Tabel IV. 4
Deskripsi dari Use Case Diagram pelapor untuk cara pengaduan.

Usecase Name: Cara pengaduan

Request B1
Pelapor dapat melihat cara
Short Description:
pengaduan.
Precondition: Pelapor sudah melakukan login.
Postcondition: Data pelapor berhasil di masukan.
Actors: Pelapor
(1) Admin melakukan login.
Standard process:
(2) Admin menambah data pelapor
Alternative
(1) Admin mengubah data pelapor.
processes:

Tabel IV. 5
Deskripsi dari Use Case Diagram pelapor untuk laporan pengaduan.

Name: Mengelola laporan pengaduan

Request: B2
Petugas dapat melakukan tambah,
Short Description:
ubah, dan hapus laporan pengaduan .
Precondition: Petugas sudah melakukan login.
Postcondition: Data laporan berhasil di masukan.
Actors: Pelapor
(1) Pelapor melakukan login.
Standard process: (2) Pelapor menambah laporan
pengaduan.
Alternative (1) Pelapor mengubah laporan
processes: pengaduan
 25

3. Activity Diagram

Berikut merupakan gambaran activity diagram website Sistem Pelayanan

Pengaduan Masyarakat.

A. Activity Diagram Petugas

1. Activity diagram login petugas

Gambar IV. 3
Activity Diagram Login Petugas
 26

2. Activity Diagram Data Pelapor

Gambar IV. 4
Activity Diagram Data Pelapor
 27

3. Activity Diagram Data Laporan

Gambar IV. 5
Activity Diagram Data Laporan
 28

4. Activity Diagram Hasil Laporan

Gambar IV. 6
Activity Diagram Hasil Laporan
 29

B. Activity Diagram Pelapor

1. Activity Diagram Login Pelapor

Gambar IV. 7
Activity Diagram Login Pelapor
 30

2. Activity Diagram Cara Pengaduan

Gambar IV. 8
Activity Diagram Cara Pengaduan
 31

3. Activity Diagram Lapor Pengaduan

Gambar IV. 9
Activity Diagram Lapor Pengaduan
 32

4.2. Desain

4.2.1. Basis Data

1. Entity Relatioship Diagram

Entity Relationship Diagram (ERD) menjelaskan hubungan basis data

digunakan untuk pemodelan basis data relasional. Berikut adalah gambar ERD yang

ada dalam rancang bangun website sistem informasi pelayanan pengaduan

masyarakat di kelurahan karamat kota sukabumi berbasis MVC.

a. One to Many

Setiap basis data dari table pertama dapat dihubungkan ke satu baris

atau lebih data pada table ke dua.

Gambar IV. 10
Entity Relationship Diagram
 33

2. Logical Record Structure (LRS)

Gambar IV. 11
Logical Record Structure

3. Spesifikasi File

a. Spesifikasi Table User

Nama file : User

Akrononi : User

Fungsi : Untuk Login Petugas

Tipe File : File Master

Organisasi File :-

Akses File : Random

 34

Media : Memory internal

Panjang record : 105 Byte

Kunci File : id

Software : Mysql

Tabel IV. 6
Spesifikasi File Table User

No Elemen Data Nama Field Type Size Keterangan

1. Id Id Int 11 Primari Key
2. Username Username Varchar 32
3. Password Password Varchar 32
4. Nama Nama Varchar 30

b. Spesifikasi Table pelapor

Nama file : pelapor

Akrononi : pelapor
Fungsi : Untuk data diri pelapor
Tipe File : File Master
Organisasi File :-
Akses File : Random
Media : Memory internal
Panjang record : 212 Byte
Kunci File : id
Software : Mysql

Tabel IV. 7
Spesifikasi File Table User

No Elemen Data Nama Field Type Size Keterangan

1. Id Id Int 11 Primari Key
2. Noktp Noktp Varchar 16
3. Nama Nama Varchar 40
4. Tempatlhr Tempatlhr Varchar 50
 35

5. Tglahr Tglahr Varchar 30

6. Jenkel Jenkel Varchar 50
7. Alamat Alamat text
8. No hp No hp Varchar 30
9. Foto Foto text
10. password Password Varchar 35

c. Spesifikasi Table laporan

Nama file : laporan

Akrononi : laporan
Fungsi : Untuk data laporan pengaduan
Tipe File : File Master
Organisasi File :-
Akses File : Random
Media : Memory internal
Panjang record : 137 Byte
Kunci File : idnolaporan
Software : Mysql

Tabel IV. 8
Spesifikasi File Table Laporan

No Elemen Data Nama Field Type Size Keterangan

1. Idnolaporan Idnolaporan Int 11 Primari Key
2. Noktp Noktp Varchar 16
3. Isi_laporan Isi_laporan Text
4. Lokasi_kejadian Lokasi_kejadian Varchar 50
5. Tgl_kejadian Tgl_kejadian Varchar 30
6. Jam_kejadian Jam_kejadian Varchar 30
7. tanggal Tanggal Date

d. Spesifikasi Table hasil_laporan

Nama file : hasil_laporan

Akrononi : hasil_laporan
Fungsi : Untuk hasil laporan
 36

Tipe File : File Master

Organisasi File :-
Akses File : Random
Media : Memory internal
Panjang record : 41 Byte
Kunci File : notlhp
Software : Mysql

Tabel IV. 9
Spesifikasi File Table User

No Elemen Data Nama Field Type Size Keterangan

1. Notlhp Notlhp Char 10 Primari Key
2. Tgl_tlhp Tgl_tlhp Varchar 30
3. Nolaporan Nolaporan Int 11
4. Hasil_laporan Hasil_laporan Text

4.2.2. Arsitektur Perangkat Lunak

Arsitektur Perangkat Lunak adalah proses yang mendefinisikan solusi

terstruktur yang memenuhi kebutuhan operasional dan teknis. Dalam Aristektur

Perangkat Lunak terdapat Component Diagram dan Deployment Diagram.

 37

1. Class Diagram Petugas

Gambar IV. 12
Class diagram petugas

2. Class Diagram Pelapor

Gambar IV. 13
Class Diagram Pelapor
 38

3. Sequence Diagram petugas

Sequence Diagram Petugas

Gambar IV. 14
Sequence Diagram Petugas
 39

4. Sequence Diagram Pelapor

Gambar IV. 15
Sequence Diagram Pelapor

5. Component Diagram

Component Diagram menggambarkan struktur dan hubungan antar

komponen piranti lunak termasuk ketergantungan diantaranya. Componen Diagram

juga dapat berupa interface yang berupa kumpulan layanan yang disediakan oleh

komponen lainnya berikut gambar component diagram yang di gunakan :

 40

Gambar IV. 16
Component Diagram
6. Deployment Diagram

Deployment Diagram menggambarkan tataletak sebuah sistem secara fisik,

memperlihatkan bagian perangkat lunak yang berjalan pada bagian-bagina perangkat

keras.

deployment dd

Database Web Serv er

serv er Database request

Page request

«device»
Client Brow ser

Gambar IV. 17
Deployment Diagram
 41

4.2.3. Antarmuka Pengguna

A. Halaman Beranda

Gambar IV. 18
Halaman Beranda

B. Halaman Login Petugas

Gambar IV. 19
Halaman Login Petugas
 42

C. Halaman Utama Petugas

Gambar IV. 20
Halaman Utama Petugas

D. Halaman Data Pelapor

Gambar IV. 21
Halaman Data Pelapor
 43

E. Halaman Laporan

Gambar IV. 22
Halaman Laporan

F. Halaman Tindak Lanjut

Gambar IV. 23
Halaman Tidak Lanjut
 44

4.3 Code Generation

Code Generation merupakan listing koding sebuah program. Berikut adalah

lampiran Code Generation dari rancang bangun sistem informasi pelayan pengaduan.

<div class="panel-heading">

<center><span style="color: #0000FF;"> Lapor

Online</center>

</div>

<div class="panel-body">

<div class="col-md-8 col-sm-8">

<form method="post" action="simpan.php"

enctype="multipart/form-data">

<div class="panel panel-primary">

<div class="panel-heading">

<center> Lapor Online </center>

</div>

<div class="panel-body">

<ul class="nav nav-pills">

<li class=""><a href="#pelapor" data-

toggle="tab">Pelapor</a>

</li>

<li class=""><a href="#peristiwa" data-

toggle="tab">Pengaduan</a>

</li>

</ul>

<div class="tab-content">
 45

<div class="tab-pane fade active in" id="pelapor">

<h4>Data Diri Pelapor</h4>

<div class="form-group">

<label for="form-field-select-3">Foto Pelapor</label>

<div>

<input type="file" name="fupload" class="form-

control" />

</div>

</div>

<div class="form-group">

<label for="form-field-select-3">Nomor KTP</label>

<div>

<input type="text" id="noktp" name="noktp"

placeholder="Nomor KTP" class="form-control"/>

</div>

</div>

<div class="space-4"></div>

<div class="form-group">

<label for="form-field-select-3">Nama</label>

<div>

<input type="text" id="nama" name="nama"

placeholder="Nama Pelapor" class="form-control"/>

</div>

</div>

<div class="space-4"></div>
 46

<div class="form-group">

<label for="form-field-select-3">Tempat Lahir</label>

<div>

<input type="text" id="tempatlhr" name="tempatlhr"

placeholder="Tempat Lahir" class="form-control"/>

</div>

</div>

<div class="space-4"></div>

<div class="form-group">

<label for="form-field-select-3">Tanggal Lahir</label>

<div>

<input type="text" id="tgllahr" name="tgllahr"

placeholder="tanggal Lahir" class="form-control"/>

</div>

</div>

<div class="space-4"></div>

<div class="form-group">

<label for="form-field-select-3">Jenis Kelamin</label>

<div>

<input type="radio" class="form-check-input" id="radio1"

name="jenkel" value="l" checked> Laki-laki

<input type="radio" class="form-check-input" id="radio1"

name="jenkel" value="P" checked> Perempuan

</div>

</div>
 47

<div class="space-4"></div>

<div class="form-group">

<label for="form-field-select-3">Alamat</label>

<div>

<textarea class="form-control" name="alamat"

placeholder="Alamat"></textarea>

</div>

</div>

<div class="space-4"></div>

<div class="form-group">

<label for="form-field-select-3">Nomor Hp</label>

<div>

<input type="text" id="nohp" name="nohp"

placeholder="Nomor Hp" class="form-control"/>

</div>

</div>

<div class="space-4"></div>

</div>

<div class="tab-pane fade" id="peristiwa">

<h4>Pengaduan Yang Dilaporkan</h4>

<div class="form-group">

<label for="form-field-select-3">Tanggal Laporan</label>

<div>

<input type="text" id="tanggal" name="tanggal"

placeholder="Tanggal Laporan" class="form-control"/>

 48

</div>

</div>

<div class="space-4"></div>

<div class="form-group">

<label for="form-field-select-3">Isi Laporan</label>

<div>

<input type="text" id="isi_laporan" name="isi_laporan"

placeholder="Isi Laporan" class="form-control"/>

</div>

</div>

<div class="space-4"></div>

<div class="form-group">

<label for="form-field-select-3">Lokasi Kejadian</label>

<div>

<input type="text" id="lokasi_kejadian"

name="lokasi_kejadian" placeholder="Lokasi Kejadian" class="form-

control"/>

</div>

</div>

<div class="space-4"></div>

<div class="form-group">

<label for="form-field-select-3">Tanggal

Kejadian</label>

<div>
 49

<input type="text" id="tgl_kejadian"

name="tgl_kejadian" placeholder="Tanggal Kejadian" class="form-

control"/>

</div>

</div>

<div class="space-4"></div>

<div class="form-group">

<label for="form-field-select-3">Jam Kejadian</label>

<div>

<input type="text" id="jam_kejadian"

name="jam_kejadian" placeholder="Jam Kejadian" class="form-control"/>

</div>

</div>

</div>

</div>

</div>

</div>

<div class="panel-footer">

<center><button type="submit" class="btn btn-info"><span

class="glyphicon glyphicon-user">Laporkan</button></center>

</div>

</form>

</div>

<div class="col-md-4 col-sm-4">

<div class="panel panel-primary">

 50

<div class="panel-heading">

<center> Petunjuk </center>

</div>

<div class="panel-body">

<div class="alert alert-danger">

<p>semua data yang ada di <b>Pelapor, Pengaduan Yang

Dilaporkan</b> Harus disi !</p>

</div>

<ol><b>Pelapor</b> adalah pihak yang melaporkan

Pengaduan, silahkan isi data diri anda dengan benar dan dapat

dipertanggungjawabkan.</ol>

<ol><b>Pengaduan yang dilaporkan</b> harus dibuat

dengan rinci apa pengaduan yang anda laporkan.</ol>

</div>

</div>

</div>

</div>

4.3. Pengujian

Pengujian terhadap program yang dibuat menggunakan blackbox testing yang

focus terhadap proses masukan dan keluaran program.

 51

1. Form Login Admin

Tabel IV. 10
Testing Login Petugas

No Skenario Test Case Hasil yang Hasil Kesimpulan

pengujian diharapkan pengujian

1 Username dan Username : Sistem akan Tidak In Valid

password tidak (kosong) menolak dan Sesuai
diisi kemudian klik Password : menyatakan harapan
tombol login (kosong) “data yang
anda maskan
salah atau
masih kosong”
2 Mengetikkan Username: Sistem akan Tidak In Valid
username dan admin menolak dan Sesuai
password tidak Password: menampilkan. harapan
diisi atau kosong (kosong) “data yang
kemudian klik anda maskan
tombol login salah atau
masih kosong”

3 User ID tidak isi Username : Sistem akan Tidak In Valid

(kosong) dan (kosong) menolak dan Sesuai
password disi password : menyatakan harapan
kemudian klik admin123 “data yang
tombol login anda maskan
salah atau
masih
kosong”
4 Mengetikkan Username: Sistem Sesuai Valid
username dan admin (benar) menerima harapan
password dengan Password: akses login
data yang benar admin (benar) dan
kemudian klik
kemudian
tombol login
langsung
menampilkan
halaman
home

4.4. Support / Pendukung

Pada tahap ini menjelaskan mengenai publikasi web serta spesifikasi software

dan hardware yang digunakan untuk menjalankan aplikasi rancang bangun website.
 52

4.5.1 Publikasi Web

Rancang Bangun Website Pengaduan Masyarakat yang penulis buat, akan

dipublikasikan secara online dan offline dengan mempublikasikannya di lingkungan

Kelurahan Karamat Kota Sukabumi.

4.5.2 Spesifikasi Hardware dan Software

1. Spesifikasi Hardware

Spesifikasi Hardware yang diperlukan untuk menjalankan aplikasi Rancang

Bangun Website Sistem Informasi Pelayanan Pengaduan Masyarakat di Kelurahan

Karamat kota Sukabumi berbasis MVC adalah sebagai berikut :

Tabel IV. 11
Spesifikasi Hardware

No Hardware Spesifikasi
1 Processor Intel(R) Core i3-3217U CPU @ 1.80 GHz

2 RAM 4 GB

3 HHD 500 GB

4 Display 15.6” HD

5 Operang System Windows 10 64-bit

2. Spesifikasi Software

Spesifikasi Software yang diperlukan untuk menjalakan aplikasi sistem

pendukung keputusan pemilihan calon penerima beasiswa adalah sebagai berikut:

a. Operating System : Windows 10 Pro

b. Bahasa Pemrograman : PHP, Java dan HTML

c. Database Software : MySQL

 53

4.5. Spesifikasi dokumen Sistem Usulan

Spesifikasi dokumen sistem usulan merupakan bentuk sistem di Kelurahan

Karamat Kota Sukabumi. Mengenai sistem usulan yang diajukan adalah sebagai

berikut:

1. Nama Dokumen : Surat Pengaduan

Fungsi : Sebagai dokumen persyaratan yang dibutuhkan warga

Sumber : Petugas kelurahan

Tujuan : Instansi/Perusahaan

Media : Kertas

Frekuensi : Satu instansi/perusahaan

Format : Lampiran B.1

 BAB V

PENUTUP

5.1 Kesimpulan

Berdasarkan hasil pembuatan aplikasi Rancang Bangun Sistem Informasi

Pelayanan Pengaduan ini, maka peneliti dapat membuat kesimpulan sebagai berikut:

1. Dengan adanya aplikasi Rancang Bangun Sistem Informasi Pelayanan

Pengaduan ini, petugas menjadi lebih cepat dan efisien dan kepuasan masyarakat

meningkat karena fitur pelayanan dalam website aplikasi sistem informasi ini.

2. Memudahkan masyarakat dalam melakukan pengaduan masalah yang ada di

lingkungan kelurahan karamat.

3. Meningkatkan kinerja dan pelayanan petugas informasi dalam memberikan

informasi pengaduan masyarakat.

5.2 Saran

Berdasarkan kesimpulan yang dijelaskan dengan hasil dari pembuatan aplikasi

Rancang Bangun Sistem Informasi Pelayanan Pengaduan ini, peneliti ingin

memberikan saran yang bermanfaat untuk nantinya guna dalam pengembangan

aplikasi ini kedepannya yaitu:

1. Menggunakan template yang lebih menarik untuk menarik perhatian pengunjung

Website.

2. Agar sistem informasi ini dikembangkan lagi menjadi sistem informasi yang tidak

hanya menangani masalah yang berkaitan dengan keluhan masyarakat namun juga

bisa sebagai forum masyarakat untuk bertanya jawab dengan pemerintah secara

Langsung.

54
3. Diterapkan fasilitas untuk backup/restore basis data sehingga keamanan data dari

sistem layanan pengaduan masyarakat di Kelurahan Karamat lebih terjamin.

 DAFTAR PUSTAKA

Ambo, S. N., & Ghufron, M. (2015). Rancang Bangun Aplikasi Human Resource
Information System (HRIS) Menggunakan Metode View Controller (MVC).
Universitas Muhammadiyah Jakarta, November, 1–7.
https://jurnal.umj.ac.id/index.php/semnastek/article/view/539/505

Andalia, F., & Setiawan, E. B. (2015). Pengembangan Sistem Informasi Pengolahan

Data Pencari Kerja Pada Dinas Sosial Dan Tenaga Kerja Kota Padang. Komputa :
Jurnal Ilmiah Komputer Dan Informatika, 4(2), 93–97.
https://doi.org/10.34010/komputa.v4i2.2431

Destiningrum, M., & Adrian, Q. J. (2017). Sistem Informasi Penjadwalan Dokter

Berbassis Web Dengan Menggunakan Framework Codeigniter (Studi Kasus: Rumah
Sakit Yukum Medical Centre). Jurnal Teknoinfo, 11(2), 30.
https://doi.org/10.33365/jti.v11i2.24

Firmansyah, C., & Tohir, C. (2018). Sistem layanan pengaduan masyarakat lingkup
desa gunungtanjung berbasis web dan sms gateway dengan metode antrian fifo 1.
Jurnal Manajemen Dan Teknik Informatika (JUMANTAKA), 01(01), 201–210.
http://jurnal.stmik-dci.ac.id/index.php/jumantaka/article/download/283/371

Firmansyah, Y., Maulana, R., & Fatin, N. (2020). Sistem Informasi Pengaduan
Warga Berbasis Website ( Studi Kasus : Kelurahan Siantan Tengah , Pontianak
Utara ). XIX(April), 397–404.

Herliana, A., & Rasyid, P. M. (2016). Sistem Informasi Monitoring Perkembangan

Software pada tahap Development Berbasi Web. 1, 41–50.

Jatmika, A. (2019). Perancangan Sistem Informasi Portal Alumni Universitas

Muhammadiyah Ponorogo Berbasis Php Dan Mysql. Journal of Chemical
Information and Modeling, 53(9), 1689–1699.
https://doi.org/10.1017/CBO9781107415324.004

Josi, A. (2017). Penerapan Metode Prototyping Dalam Membangun Website Desa

(Studi Kasus Desa Sugihan Kecamatan Rambang). Jti, 9(1), 50–57.

Journal, I. (2020). Ijns.org Indonesian Journal on Networking and Security - Volume

9 No 1 – 2020. 9(1), 18–25.

M, K., Kom, B. S. S., Idris, H., Sis, T., & St, S. (2020). Yayasan Griya Yatim
Dhuafa. III(01).

Siregar, H. F., & Melani, M. (2019). Perancangan Aplikasi Komik Hadist Berbasis
Multimedia. Jurnal Teknologi Informasi, 2(2), 113.
https://doi.org/10.36294/jurti.v2i2.425

Suandi. (2019). Analisis Kepuasan Masyarakat Terhadap Pelayanan Publik

Berdasarkan Indeks Kepuasan Masyarakat Di Kantor Kecamatan Belitang
Kabupaten Oku Timur. Jurnal Ilmu Administrasi Dan Studi Kebijakan, 1(2), 13–22.

Suryadi, A., Asmoro, P. T., & Raihan, R. (2019). Pemanfaatan Turbin Ventilator
sebagai Pembangkit Listrik Alternatif. Seminar Nasional Teknoka, 4(2502), 15–19.
https://doi.org/10.22236/teknoka.v

Wahyu Hidayat Ibrahim, I. M. (2017). Sistem Informasi Pelayanan Publikberbasis

Web Pada Dinas Pekerjaan Umum Kabupaten Kampar. Jurnal Ilmiah Rekayasa Dan
Manajemen Sistem Informasi, 3(2), 17–22.

Witanto, R., & Solihin, H. H. (2016). PERANCANGAN SISTEM INFORMASI

PENERIMAAN SISWA BARU BERBASIS WEB ( STUDI KASUS : SMP PLUS
BABUSSALAM BANDUNG ). 1(1), 54–63.
 DAFTAR RIWAYAT HIDUP

I. Biodata Mahasiswa
NIM : 15160267
Nama Lengkap : Galih Setyo Alam
Tempat,Tanggal Lahir : Sukabumi, 10 Januari 1998
Alamat : Jl. Bhayangkara Gg. Dewa Rt.002 Rw.012
Kel. Gunungpuyuh Kec. Gunungpuyuh
Kota Sukabumi.
II. Pendidikan
a) Formal
1. SDN Gunung Puyuh CBM Kota Sukabumi, lulus tahun 2010
2. SMP Negeri 7 Kota Sukabumi, lulus tahun 2013
3. SMAN 2 Kota Sukabumi, lulus tahun 2016
b) Non Formal
-
III. Riwayat Pengalaman Organisasi/Pekerjaan
1. Karang taruna tahun 2016.
2. Usaha rumahan makanan tahun 2017.
3. Pelaksana di Kelurahan Karamat Sukabumi tahun 2019 s.d sekarang.

Sukabumi, Juli 2020

Galih Setyo Alam

 LEMBAR KONSULTASI BIMBINGAN

LEMBAR KONSULTASI SKRIPSI

UNIVERSITAS BINA SARANA INFORMATIKA

Nim : 15160267
Nama : Galih Setyo Alam
Dosen Pembingbing : Rusda Wajhillah, M.Kom.
Judul Skripsi : Rancang Bangun Website Pelayanan Pengaduan
Masyarakat di Kelurahan Karamat Berbasis MVC.

Tanggal Paraf Dosen

NO Pokok Bahasan
Bimbingan Pembingbing
1. 2 April 2020 Bimbingan Pertama

2. 7 April 2020 Pengajuan Judul dan BAB I

3. 27 April 2020 Revisi BAB I

4. 19 Juli 2020 Pengajuan BAB II

5. 16 Juni 2020 ACC BAB II dan BAB III

6. 07 Juli 2020 Pengajuan BAB IV dan BAB V

7. 21 Juli 2020 Demo Aplikasi

8. 02 Agustus 2020 ACC Keseluruhan

Catatan Untuk Dosen Pembimbing,

Bimbingan Skripsi
 Dimulai pada tanggal : 13 April 2020
 Diakhiri pada tanggal : 03 Agustus 2020
 Jumlah Pertemuan bimbingan : 8 pertemuan

Disetujui oleh,
Dosen Pembimbing

(Rusda Wajhillah, M.Kom.)

 LEMBAR KONSULTASI SKRIPSI

UNIVERSITAS BINA SARANA INFORMATIKA

Nim : 15160267
Nama : Galih Setyo Alam
Dosen Pembingbing : Irwan Tanu Kusnadi, M.Kom.
Judul Skripsi : Rancang Bangun Website Pelayanan Pengaduan
Masyarakat di Kelurahan Karamat Berbasis MVC.

Tanggal Paraf Asisten

NO Pokok Bahasan
Bimbingan Pembingbing
1. 11 April 2020 Bimbingan Pertama

2. 23 April 2020 Pengajuan Judul dan BAB I

3. 07 Mei 2020 ACC Judul dan BAB I

4. 21 Mei 2020 Pengajuan BAB II dan BAB III

5. 16 Juni 2020 ACC BAB II dan BAB III

6. 07 Juli 2020 Pengajuan BAB IV dan BAB V

7. 21 Juli 2020 Demo Aplikasi

8. 02 Agustus 2020 ACC Keseluruhan

Catatan Untuk Dosen Pembimbing,

Bimbingan Skripsi
 Dimulai pada tanggal : 13 April 2020
 Diakhiri pada tanggal : 02 Agustus 2020
 Jumlah Pertemuan bimbingan : 8 pertemuan

Disetujui oleh,
Asisten Pembimbing

(Irwan Tanu Kusnadi, M.Kom.)

SURAT KETERANGAN RISET
 LAMPIRAN

Lampiran A. Dokumen Sistem Berjalan

Lampiran A. 1 Fotocopy KK , KTP dan Surat Pengantar RT/RW
Lampiran A. 2 Pengaduan
Lampiran B. Dokumen Sistem Usulan
Lampiran B. 1 Laporan Pelayanan Pengaduan