Anda di halaman 1dari 132

KEMENTERIAN PENDIDIKAN DAN KEBUDAYAAN

POLITEKNIK PALCOMTECH

LAPORAN TUGAS AKHIR

RANCANG BANGUN WEBSITE SISTEM INFORMASI


PELAYANAN MASYARAKAT PADA KELURAHAN
TALANG KELAPA PALEMBANG

Diajukan oleh:

1. ESTA APRILLIA /031180036


2. RISNA APRILIA NURSETIAWATI/ 031180005

Untuk Memenuhi Sebagian dari Syarat


Mencapai Gelar Ahli Madya

PALEMBANG

2021
KEMENTERIAN PENDIDIKAN DAN KEBUDAYAAN
POLITEKNIK PALCOMTECH

LAPORAN TUGAS AKHIR

RANCANG BANGUN WEBSITE SISTEM INFORMASI


PELAYANAN MASYARAKAT PADA KELURAHAN
TALANG KELAPA PALEMBANG

Diajukan oleh:

1. ESTA APRILLIA /031180036


2. RISNA APRILIA NURSETIAWATI/ 031180005

Untuk Memenuhi Sebagian dari Syarat


Mencapai Gelar Ahli Madya

PALEMBANG

2021

i
KEMENTERIAN PENDIDIKAN DAN KEBUDAYAAN
POLITEKNIK PALCOMTECH

HALAMAN PENGESAHAN PEMBIMBING LAPORAN TUGAS AKHIR

NAMA/NPM : 1. ESTA APRILLIA/ 031180036


2. RISNA APRILIA NURSETIAWATI/ 031180005
PROGRAM STUDI : D3 SISTEM INFORMASI
JENJANG PENDIDIKAN : DIPLOMA TIGA (D3)
JUDUL : RANCANG BANGUN WEBSITE SISTEM
INFORMASI PELAYANAN MASYARAKAT
PADA KELURAHAN TALANG KELAPA
PALEMBANG

Tanggal : 21 juli 2021 Mengetahui,


Pembimbing Direktur

M. Ridho Ardiansyah, S.Kom., M.Kom. Benedictus Effendi S.T.,M.T.


NIDN: 0208088801 NIP: 09.PCT.13

ii
KEMENTERIAN PENDIDIKAN DAN KEBUDAYAAN
POLITEKNIK PALCOMTECH

HALAMAN PENGESAHAN PENGUJI LAPORAN TUGAS AKHIR

NAMA/NPM : 1.ESTA APRILLIA / 031180036


2. RISNA APRILIA NURSETIAWATI / 031180005
PROGRAM STUDI : D3 SISTEM INFORMASI
JENJANG PENDIDIKAN : DIPLOMA TIGA (D3)
JUDUL : RANCANG BANGUN WEBSITE SISTEM
INFORMASI PELAYANAN MASYARAKAT
PADA KELURAHAN TALANG KELAPA
PALEMBANG

Tanggal : 04 Agustus 2021 Tanggal : 04 Agustus 2021


Penguji 1 Penguji 2

Meidyan Permata Putri, S.Kom., M.Kom. Dini Hari Pertiwi, S.Kom., M.Kom.
NIDN: 0204048604 NIDN: 0219078701

Menyetujui,
Direktur

Benedictus Effendi, S.T., M.T.


NIP : 09.PCT.13

iii
MOTTO:

“ Belajarlah berdiri dengan kedua kakimu sendiri. Semua


orang punya masalahnya masing-masing, maka kamu tidak
bisa mengharapkan orang lain untuk menyelesaikan
masalahmu “

Kupersembahkan kepada:

- Kepada Allah SWT yang telah memberikan Rahmat

serta Karunia-Nya

- Kepada Papa dan mama tercinta

- Kepada Saudara- saudara ku tersayang

- Kepada para Dosen Pendidik yang saya hormati

- Dosen pembimbing bapak M. Ridho Ardiansyah,

S.Kom., M.kom

- Kepada pihak terkait Kelurahan Talang Kelapa

Palembang

- Kepada teman-teman seperjuangan

iv
KATA PENGANTAR

Puji syukur Penulis panjatkan ke hadirat Tuhan Yang Maha Esa,atas segala
berkat dan karunia-Nya sehingga Penulis dapat menyelesaikan Laporan Tugas Akhir
(LTA) ini dengan baik. Laporan ini diberi judul “Rancang Bangun Website Sistem
Informasi Pelayanan Informasi pada Kelurahan Talang Kelapa Palembang”.
Adapun tujuan penulisan Laporan Tugas Akhir (LTA) ini adalah untuk memenuhi
sebagian syarat mencapai gelar ahli madya.
Adapun selama penulisan dan penyusunan LTA ini, Penulis mendapatkan
banyak bimbingan, bantuan dan dukungan dari berbagai pihak. Oleh karena itu,
sudah menjadi kewajiban bagi Penulis untuk mengucapkan terima kasih kepada
berbagai pihak tersebut, yaitu kepada Direktur Politeknik PalComtech, Bapak
Benedictus Effendi, S.T., M.T. kepada Ketua Program Studi D3 Sistem Informasi,
Bapak Andri Saputra, S.Kom., M.Kom, kepada Dosen Pembimbing LTA Bapak M.
Ridho Ardiansyah, S.Kom., M.Kom, kepada Pihak terkait Kelurahan Talang Kelapa
Palembang, kepada orang tua Penulis yang tercinta, kepada seluruh dosen D3
Sistem Informasi, kepada teman dan sahabat yang terkasih serta kepada semua pihak
yang telah banyak membantu dan member dukungan.
Demikian kata pengantar dari penulis, dengan harapan semoga LTA ini dapat
bermanfaat dan berguna bagi para pembaca. Terima kasih.

Palembang, Agustus 2021

Penulis

v
DAFTAR ISI

HALAMAN JUDUL ................................................................................................... i


HALAMAN PENGESAHAN PEMBIMBING ......................................................... ii
HALAMAN PENGESAHAN PENGUJI ................................................................. iii
HALAMAN MOTTO DAN PERSEMBAHAN ...................................................... iv
KATA PENGANTAR ................................................................................................. v
DAFTAR ISI ............................................................................................................... vi
DAFTAR GAMBAR ................................................................................................. ix
DAFTAR TABEL ..................................................................................................... xi
DAFTAR LAMPIRAN ........................................................................................... xiii
ABSTRAK ................................................................................................................ xiv
BAB I PENDAHULUAN
1.1 Latar Belakang ............................................................................................ 1
1.2 Rumusan Masalah ....................................................................................... 3
1.3 Batasan Masalah.......................................................................................... 4
1.4 Tujuan Penelitian ........................................................................................ 4
1.5 Manfaat Penelitian ...................................................................................... 5
1.5.1 Manfaat Bagi Mahasiswa ................................................................... 5
1.5.2 Manfaat Bagi Kelurahan Talang Kelapa ............................................ 5
1.5.3 Manfaat Bagi Akademik .................................................................... 6
1.6 Sistematika Penulisan ................................................................................. 6

BAB II TUJUAN PUSTAKA


2.1 Landasan Teori ........................................................................................... 7
2.1.1 Rancang Bangun ............................................................................... 7
2.1.2 Website .............................................................................................. 7
2.1.3 PHP ................................................................................................... 8

vi
2.1.4 Prototype ........................................................................................... 9
2.1.5 MySQL ............................................................................................. 11
2.1.6 Black BoxTesting.............................................................................. 12
2.1.7 Penelitian Terdahulu ........................................................................ 12
2.1.8 Kerangka Penelitian ........................................................................ 14
2.2 Objek Penelitian ......................................................................................... 15
2.2.1 Sejarah Perusahaan............................................................................ 15
2.2.2 Visi dan Misi ..................................................................................... 15
2.2.3 Struktur Organisasi............................................................................ 16
2.2.4 Tugas Wewenang .............................................................................. 17
BAB III METODE PENELITIAN

3.1 Lokasi dan Waktu Penelitian ................................................................. 21


3.1.1 Lokasi ............................................................................................. 21
3.1.2 Waktu Penelitian ............................................................................ 21
3.2 Jenis Data ................................................................................................ 22
3.2.1 Data Primer .................................................................................... 22
3.2.2 Data Skunder .................................................................................. 22
3.3 Teknik Pengumpulan Data. ..................................................................... 22
3.3.1 Observasi ...................................................................................... 22
3.3.2 Wawancara.................................................................................... 23
3.3.3 Dokumentasi ................................................................................. 23
3.3.4 Studi Pustaka................................................................................. 24
3.4 Metode Perancangan atau Pengembangan .............................................. 24
BAB IV HASIL DAN PEMBAHASAN
4.1 Hasil ........................................................................................................ 29
4.1.1 Prosedur yang Berjalan .................................................................. 29
4.1.2 Permasalahan dan Kendala............................................................. 30
4.1.3 Pemecahan Masalah ....................................................................... 30

vii
4.2 Pembahasan............................................................................................. 31
4.2.1Identifikasi Kebutuhan ................................................................... 31
4.2.2 Membangun Prototype ................................................................. 33
4.2.2.1 Desain Proses. .................................................................. 33
4.2.2.2 Desain Tabel. .................................................................... 54
4.2.2.3 Desain Interface. .............................................................. 66
4.2.3 Evaluasi Prototype ........................................................................ 83
4.2.4 Pengkodean Sistem ....................................................................... 90
4.2.5 Pengujian Sistem......................................................................... 108
BAB V PENUTUP
5.1 Kesimpulan ............................................................................................ 112
5.2 Saran ....................................................................................................... 113
DAFTAR PUSTAKA .............................................................................................. xvii
HALAMAN LAMPIRAN ......................................................................................... xx

viii
DAFTAR GAMBAR

Gambar 2.1Tahapan-Tahapan Metode Prototype.. ....................................................... 9


Gambar 2.2 Kerangka Penelitian.. .............................................................................. 14
Gambar 2.3 Struktur Organisasi Kelurahan Talang Kelapa........................................ 16
Gambar 4.1 Prosedur Yang Berjalan.. ........................................................................ 29
Gambar 4.2 Flowchart Yang Diusulkan Untuk Admin.. ............................................ 34
Gambar 4.3 Flowchart Yang Diusulkan Untuk Masyarakat.. .................................... 36
Gambar 4.4 Flowchart Yang Diusulkan Untuk Masyarakat1.. .................................. 37
Gambar 4.5 Flowchart Yang Diusulkan Untuk Staf Pemerintahan. ........................... 40
Gambar 4.6 Flowchart Yang Diusulkan Untuk Staf Pembangunan.. ......................... 43
Gambar 4.7 Flowchart Yang Diusulkan Untuk Kasi Pemerintahan.. ......................... 45
Gambar 4.8 Flowchart Yang Diusulkan Untuk Kasi Pembangunan .......................... 46
Gambar 4.9 Diagran Konteks ...................................................................................... 48
Gambar 4.10 Data Flow Diagram (DFD) Level 0. .................................................... 49
Gambar 4.11 Data Flow Diagram (DFD) Level 1. .................................................... 52
Gambar 4.12 Entity Relationship Diagram (ERD) ..................................................... 53
Gambar 4.13 Desain Interface Halaman Beranda Web.. ............................................ 67
Gambar 4.14 Desain Interface Login Kelurahan. ....................................................... 67
Gambar 4.15 Desain Interface Login Masyarakat. ..................................................... 68
Gambar 4.16 Desain Interface Data Pengguna….......................................................68
Gambar 4.17 Desain Interface Data Masyarakat . ...................................................... 69
Gambar 4.18 Desain Interface Dashboard Pelayanan.. .............................................. 69
Gambar 4.19 Desain Interface Pelayanan.. ................................................................. 70
Gambar 4.20 Desain Interface Pengajuan Surat Keterangan Izin Keramaian.. .......... 71
Gambar 4.21 Desain Interface Pengajuan Surat Belum Menikah . ............................ 72
Gambar 4.22 Desain Interface Pengajuan Surat Kepemilikan Tanah......................... 73

ix
Gambar 4.23 Desain Interface Pengajuan Surat IMB ................................................. 74
Gambar 4.24 Desain Interface Pengajuan Surat Keterangan Kematian ..................... 75
Gambar 4.25 Desain Interface Pengajuan Surat Keterangan Belum Punya Rumah... 76
Gambar 4.26 Desain Interface Pengajuan Surat Keterangan Cerai Ghoib ................. 77
Gambar 4.27 Desain Interface Pengajuan Surat KeteranganIzin Usaha..................... 78
Gambar 4.28 Desain Interface Pengajuan Surat KeteranganKIP Sekolah ................. 79
Gambar 4.29 Desain Interface Pengajuan Surat Keterangan Persyaratan KIS .......... 80
Gambar 4.30 Desain Interface Pengajuan Surat KeteranganBuat Akte Kelahiran ..... 81
Gambar 4.31 Desain Interface Pengajuan Surat Keterangan Domisili ...................... 82
Gambar 4.33 Tampilan Halaman Website... ............................................................... 90
Gambar 4.34 TampilanHalaman Form Login Kelurahan.. ......................................... 91
Gambar 4.35 Tampilan Halaman Form Login Pelayanan .......................................... 92
Gambar 4.36 Tampilan Halaman Data Masyarakat .................................................... 92
Gambar 4.37 Tampilan Halaman Data Pengguna ....................................................... 93
Gambar 4.38 Tampilan Halaman Dashboard Pelayanan ............................................ 93
Gambar 4.39 Tampilan Halaman Pelayanan Pengajuan Surat.................................... 94
Gambar 4.40 Tampilan Form Pengajuan Surat Izin Keramaian ................................. 95
Gambar 4.41 Tampilan Form Pengajuan Surat Ket Belum Menikah ......................... 96
Gambar 4.42 Tampilan Form Pengajuan Surat Kepemilikan Tanah .......................... 97
Gambar 4.43 Tampilan Form Pengajuan SuratKet IMB ............................................ 98
Gambar 4.44 Tampilan Form Pengajuan Surat Ket Kematian ................................... 99
Gambar 4.45 Tampilan Form Pengajuan Surat Ket Belum Menikah ....................... 100
Gambar 4.46 Tampilan Form Pengajuan Surat Cerai Ghoib .................................... 101
Gambar 4.47 Tampilan Form Pengajuan Surat Izin Usaha ...................................... 102
Gambar 4.48 Tampilan Form Pengajuan Surat Pengantar KIP Sekolah .................. 103
Gambar 4.49 Tampilan Form Pengajuan Surat Pengantar KIS ................................ 104
Gambar 4.50 Tampilan Form Pengajuan Surat Pembuatan Akte Kelahiran ............ 105
Gambar 4.51 Tampilan Form Pengajuan Surat Ket Domisili Tempat Tinggal ........ 106
Gambar 4.52 Tampilan Halaman Dashboard Kasi Verifikasi Surat ........................ 107

x
DAFTAR TABEL

Tabel 2.1 Penelitian Terdahulu ................................................................................... 13


Tabel 3.1 Waktu Penelitian ........................................................................................ 21
Tabel 3.2 Simbol-Simbol Flowchart .......................................................................... 25
Tabel 3.3 Simbol-Simbol DFD. .................................................................................. 26
Tabel 3.4 Simbol-Simbol ERD ................................................................................... 27
Tabel 4.1 Tabel Permasalahan .................................................................................... 30
Tabel 4.2 Tabel Pemecahan Permasalahan ................................................................. 31
Tabel 4.3 Tabel tb_Pengguna ...................................................................................... 54
Tabel 4.4 Tabel s_bmenikah ....................................................................................... 54
Tabel 4.5 Tabel s_brumah ........................................................................................... 55
Tabel 4.6 Tabel s_aktekelahiran ................................................................................. 56
Tabel 4.7 Tabel s_aktekematian .................................................................................. 57
Tabel 4.8 Tabel s_domisili .......................................................................................... 58
Tabel 4.9 Tabel s_imb ................................................................................................. 59
Tabel 4.10 Tabel s_keramaian ................................................................................... 60
Tabel 4.11 Tabel s_kip ................................................................................................ 61
Tabel 4.12 Tabel s_kis ................................................................................................ 62
Tabel 4.13 Tabels_ktanah ........................................................................................... 63
Tabel 4.14 Tabel s_usaha ............................................................................................ 64
Tabel 4.15 Tabel Verifikasi_Pemerintahan................................................................. 65
Tabel 4.16 Tabel Masyarakat ...................................................................................... 66
Tabel 4.17 Tabel Nilai Cronbach’s Alpha .................................................................. 84
Tabel 4.18 Tabel Learnability ..................................................................................... 85
Tabel 4.19 Tabel Memorability ................................................................................... 86
Tabel 4.20 Tabel Effciency.......................................................................................... 87

xi
Tabel 4.21 Tabel Errors .............................................................................................. 88
Tabel 4.22 Tabel Satisfaction...................................................................................... 88
Tabel 4.23 Tabel Nilai Keseluruhan ........................................................................... 89
Tabel 4.24 Tabel Proses Pengujian Form Login Kelurahan ..................................... 108
Tabel 4.25 Tabel Proses Pengujian Admin ............................................................... 109
Tabel 4.26 Tabel Proses Pengujian Pelayanan Masyarakat ...................................... 111

xii
DAFTAR LAMPIRAN

1. Lampiran 1. Form Topik dan Judul (Fotocopy)

2. Lampiran 2.Surat Balasan dari Perusahaan (Fotocopy)

3. Lampiran 3. Form Konsultasi (Fotocopy)

4. Lampiran 4. Surat Pernyataan (Fotocopy)

5. Lampiran 5. Form Revisi Ujian Pra Sidang (Fotocopy)

6. Lampiran 6. Form Revisi Ujian Kompre (Asli)

7. Lampiran 7. Listing Code

xiii
ABSTRACT

ESTA APRILLIA AND RISNA APRILLIA NURSETIAWATI. Design and Build a


Website for Community Service Information System in Talang Kelapa Village.

Talang Kelapa Village is an agency engaged in community services whose


implementation is still done manually, and there is still a lack of information on file
requirements when taking care of a cover letter or statement, so that the service
process takes a long time and causes community services to be less effective and
efficient. at the time of the current pandemic which does not allow people to linger in
Talang Kelapa Village.
Therefore, to improve the quality services that exist at the Talang Kelapa
village office, in this case a Public Service Information System Website Design is
made using the system development method is the Prototype Method with the PHP
programming language and MySQL database, system development tools in the form
of Flowcharts, Data Flow Diagrams (DFD), Entity Relationship Diagram (ERD).
This system is expected to help facilitate the process of public administration services
in online application for cover letters and information such as crowd permits,
unmarried certificates, residence domicile certificates, business license certificates,
building construction permits, and birth certificates. , death certificate, certificate of
not owning a house, certificate of Smart Indonesia Card for schools, letter of
requirements for making Healthy Indonesia Card, certificate of land ownership,
certificate of unseen divorce.

Keywords: Design, Information, System, Prototype, Website.

xiv
ABSTRAK

ESTA APRILLIA DAN RISNA APRILLIA NURSETIAWATI. Rancang Bangun


Website Sistem Informasi Pelayanan Masyarakat Kelurahan Talang Kelapa.

Kelurahan Talang Kelapa merupakan suatu instansi yang bergerak di bidang


pelayanan masyarakat yang pelaksanaanya masih dilakukan secara manual, sering
terjadinya permasalahan yang timbul yaitu terjadinya duplikasi data, tercecernya
data, tidak terintegrasinya data secara menyeluruh, serta masih kurangnya informasi
persyaratan berkas pada saat mengurus surat pengantar atau keterangan, sehingga
proses pelayanan membutuhkan waktu yang lama dan menyebabkan pelayanan
masyarakat kurang efektif dan efisien, apalagi pada saat masa pandemi saat ini yang
tidak memungkinkan masyarakat berlama-lama di Kelurahan Talang Kelapa.
Oleh karena itu untuk meningkatkan pelayanan mutu yang ada pada kantor
kelurahan Talang Kelapa dalam hal ini dibuatlah sebuah Rancang Bangun Website
Sistem Informasi Pelayanan Masyarakat menggunakan Metode pengembangan
sistem adalah Metode Prototype dengan bahasa pemrograman PHP dan database
MySQL, alat pengembangan sistem berupa Flowchart, Data Flow Diagram (DFD),
Entity Relationship Diagram (ERD). Sistem ini diharapkan dapat membantu
memudahkan proses pelayanan administrasi masyarakat dalam permohonan surat
pengantar dan keterangan secara online seperti surat izin keramaian, surat keterangan
belum menikah, surat keterangan domisili tempat tinggal, surat keterangan izin
usaha, surat keterangan izin mendirikan bangunan, surat pengantar pembuatan akte
kelahiran, surat keterangan kematian, surat keterangan belum memiliki rumah, surat
keterangan Kartu Indonesia Pintar untuk sekolah, surat persyaratan pembuatan Kartu
Iindonesia Sehat, surat kepemilikan tanah, surat keterangan cerai ghoib.

Kata kunci : Rancangan, Sistem Informasi, Prototype, Website.

xv
BAB I

PENDAHULUAN

1.1 Latar Belakang

Menurut Moenir (2015:26) di dalam penelitian Habeahan (2019) pelayanan

publik merupakan kegiatan yang dilakukan oleh seseorang atau kelompok orang

dengan landasan faktor melalui sistem, prosedur dan metode tertentu dalam

rangka usaha memenuhi kepentingan orang lain sesuai haknya. Hakikatnya

pelayanan publik adalah pemberian pelayanan prima kepada masyarakat yang

merupakan perwujudan kewajiban aparatur pemerintah sebagai abdi masyarakat.

Fungsi pelayanan masyarakat menjadi salah satu fokus perhatian dalam

peningkatan kinerja instansi pemerintah daerah, peningkatan kinerja dapat

dilakukan melalui sarana yang digunakan salah satunya dengan memanfaatkan

pengembangan teknologi. Perkembangan teknologi yang sangat pesat saat ini,

baik di instansi pemerintah maupun swasta dituntut untuk dapat menggunakan

informasi dalam segala bidang khususnya dalam bidang komputer dan internet.

Kelurahan Talang Kelapa merupakan suatu instansi yang bergerak di bidang

pelayanan publik yang berada di JL. Kelapa Gading Km. 12

Palembang.Kelurahan Talang Kelapa memiliki struktur organisasiyang pertama

Lurah dimanamempunyai tugas pokok menyelenggarakan urusan pemerintahan,

pembangunan dan kemasyarakatan. Lalu yang kedua Sekretaris, mempunyai

1
2

tugas pokok administrasi umum yang meliputi urusan surat menyurat,

administrasi kepegawaian dan perlengkapan.Ketiga Kepala Seksi (Kasi)

Pemerintahan dan Kesejahteraan Sosial (Kesra)melaksanakan sebagian tugas

lurah dibidang pemerintahan seperti membuat laporan warga dan memberikan

masukan serta saran kepada masyarakat dan melayani semua pelayanan

administrasi. KeempatKasi Pembangunan Masyarakat Kelurahan (PMK)

melaksanakan sebagian tugas lurah dibidang pembangunan masyarakat seperti,

Melakukan upaya pembinaan pembersihan lingkungan yang mencangkup

wilayah kelurahan dan juga melayani semua pelayanan administrasi. Kelima Kasi

Ketentraman dan Ketertiban (Trantib) melaksanakan tugas sebagian tugas lurah

dibidang ketentraman dan ketertiban seperti, Melakukan penyelusuran spanduk,

banner, Baleho, yang sudah kadaluarsa, Melakukan penertiban terhadap

pelanggaran dan peraturan undang-undang di lingkungan Kelurahan, serta

melayani semua pelayanan administrasi.

Di dalam proses pelayanan administrasi sebelumnya mengharuskan

masyarakat untuk mendatangi kantor lurah secara langsung untuk melakukan

proses administrasi, namun terdapat kendala di dalam aktivitas pelayanan

masyarakat dalammasa pendemi saat ini,apalagi dampak dari penyebaran virus

Covid-19 yang membuat warga atau masyarakat yang datang kekantor lurahharus

dibatasi jumlahnya dan mengikuti sejumlah prosedur kesehatan yang membuat

proses administrasi sedikit terhambat.Selain itu di dalam sistem administrasi yang

terdapat pada kelurahan talang kelapa hanya akan melayanipengeluaran surat


3

keterangan dan surat pengantar apabila masyarakat sudah mendapatkan surat

pengantar dari RT terlebih dahulu serta berkas yang lainya, seperti fotokopi KTP

(kartu tanda penduduk), fotokopi KK (kartu keluarga), dan fotokopi PBB (pajak

bumi bangunan). Dalam pemrosesan menggunakan word ini terjadinya

permasalahan-permasalahan yang timbul yaitu terjadinya duplikasi data,

tercecernya data, tidak terintegrasinya data secara menyeluruh, dan tidak adanya

arsip data masyarakat yang tersimpan di kelurahan, sehingga apabila

membutuhkan data warga maka harus mengumpulkan salinan KK (kartu

keluarga) terlebih dahulu yang bersifat sekali pakai, hal ini juga berdampak

sulitnya untuk mendapatkan informasi yang cepat tepat dan akurat. Kemudian

pada pelaporan atau pengaduan masyarakat juga masih secara manual, Oleh

sebab itu peneliti akan melakukan sebuah rancang bangun website sistem

informasi yang diharapkan dapat membantu kelurahan talang kelapa mengatasi

kendala tersebut.

Berdasarkan uraian diatas, maka penelitian ini berjudul “Rancang Bangun

Website Sistem Informasi Pelayanan Masyarakat pada Kelurahan Talang

Kelapa Palembang”

1.2 Rumusan Masalah

Berdasarkan latar belakang penelitian diatas penulis merumuskan masalah

yaitu bagaimana membuatrancang bangunwebsite sistem informasi pelayanan

masyarakat pada Kelurahan Talang Kelapa?


4

1.3 Batasan Masalah

Adapun batasan masalah yang akan dibahas adalah sebagai berikut:

1. Sistem yang dibuat adalah sistem informasi pelayanan masyarakat pada

Kelurahan Talang Kelapa Palembang berbasis website, yang dapat diakses

oleh Lurah, Kasi Pemerintahan, Kasi Pembangunan, dan masyarakat.

2. Metode pengembangan sistem yang digunakan adalah metode prototype

3. Bentuk pemrograman yang digunakan adalah pemrograman terstruktur.

4. Bahasa pemrograman yang digunakan adalah PHP dan Database yang

digunakan adalah MySQL..

5. Alat pengembangan sistem yang digunakan adalah Flowchart,Data Flow

Diagram (DFD) dan Entity Relationship Diagram (ERD).

6. Evaluasi prototype menggunakan Usability Testing yang dilakukan

menggunakan metode kuesioner. Penyebaran kuesioner diberikan kepada 6

responden, dengan syarat harus dari lingkungan Kelurahan Talang Kelapa

Setelah data berupa kuisioner terisi dan terkumpul, maka akan dilakukan

tahapan pengolahan data.

1.4 Tujuan Penelitian

Adapun tujuan dari penelitian ini adalah untuk membuat Rancang bangun

website sistem informasi pelayanan masyarakat pada kelurahan talang kelapa

berbasis web, sehingga proses pelayanan administrasi dapat lebih mudah dan

cepat. Serta menjadi salah satu syarat menyelesaikan tugas akhir.


5

1.5 Manfaat Penelitian

1.5.1 Manfaat Bagi Mahasiswa

Adapun manfaat bagi mahasiswa yaitu:

1. Dapat menambah ilmu, wawasan dan informasi serta bahan referensi

bagi mahasiswa.

2. Menerapkan ilmu yang telah diperoleh selama belajar di Politeknik

Palcomtech.

3. Menambah pengalaman dengan menganalisis, merancang dan

membangun sebuah sistem berbasis websitesesuai dengan kebutuhan

tempat penelitian.

1.5.2 Manfaat Bagi Kelurahan Talang Kelapa

Manfaat yang diperoleh kelurahan talang kelapa dengan sistem

informasi ini diantaranya sebagai berikut:

1. Dapat membantu masyarakat mempermudah dalam proses permohonan

administrasi serta mengetahui informasi yang akurat tentang Kelurahan

Talang Kelapa.

2. Mempermudah kelurahan talang kelapa dalam melayani masyarakat

dalam permohonan administrasi.

3. Menekan jumlah penyebaran Covid-19 di Kelurahan Talang Kelapa.


6

1.5.3 Manfaat Bagi Akademik

Dapat dijadikan sebagai arsip atau dokumen yang diharapkan akan

bermanfaat untuk proses kegiatan perkuliahan atau sebagai referensi untuk

penelitian selanjutnya.

1.6 Sistematika Penulisan

Sistematika penulisan Laporan Tugas Akhir (LTA) adalah sebagai berikut:

BAB I PENDAHULUAN

Bab ini membahas tentang latar belakang, perumusan masalah, batasan

masalah, tujuan penelitian, manfaat penelitian dan sistematika penulisan.

BAB II TINJAUAN PUSTAKA

Bab ini membahas tentang teori-teori pendukung yang terkait dengan

penelitian.

BAB III METODE PENELITIAN

Bab ini membahas tentang tempat dan waktu penelitian, jenis data, teknik

pengumpulan data serta metode pengembangan sistem.

BAB IV HASIL DAN PEMBAHASAN

Bab ini membahas tentang hasil serta pembahasan sistem yang dibangun

menggunakan metode Prototype.

BAB V KESIMPULAN DAN SARAN

Bab ini kesimpulan dari hasil penelitian dan saran untuk pengembangan

lebih lanjut kepada pengembang sistem selanjutnya dengan topik sama.


BAB II

TINJAUAN PUSTAKA

2.1 Landasan Teori

2.1.1 Rancang Bangun

Menurut Maulani dkk (2018:157), rancang bangun adalah

menciptakan dan membuat suatu aplikasi ataupun sistem yang belum ada

pada suatu instansi atau objek tersebut.

Dari definisi diatas dapat disimpulkan bahwa rancang bangun adalah

gambaran dari sistem untuk menciptakan sistem baru atau memperbaharui

sistem sebelumnya.

2.1.2 Website

Menurut Al-Husain dkk (2016:134), website atau situs dapat diartikan

sebagai kumpulan halaman-halaman yang digunakan untuk menampilkan

informasi teks, gambar diam atau gerak, animasi, suara, dan atau gabungan

dari semuanya, baik yang bersifat statis maupun dinamis yang membentuk

satu rangkaian bangunan yang saling terkait, yang masing-masing

dihubungkan dengan jaringan-jaringan halaman.

Menurut Rahmadi (2013:1) website(lebih dikenal dengan sebutan

situs) adalah sejumlah halaman web yang memiliki topik saling terkait,

terkadang disertai pula dengan berkas-berkas gambar, video atau jenis-

jenis berkas lainnya.

7
8

` Dari definisi diatas dapat disimpulkan bahwa website adalah

kumpulan halaman yang bersifat dinamis maupun statis yang bertujuan

untuk memberikan sebuah informasi.

2.1.3 PHP

Menurut Kustiyaningsih (2011:114) mengemukakan bahwa PHP

(hypertext pre-processor) adalah skrip bersifat server sideyang

ditambahkan ke dalam HTML. PHP memungkinkan perancang webuntuk

menulis halaman web dinamik dengan cepat dan untuk membuat aplikasi

yang dijalankan diatas teknologi web.

Menurut Sonata dan Rochmawati (2017:60), PHP (hypertext pre-

processor) merupakan suatu bahasa pemrograman server-side

scriptingyang berarti bahwa sintaks dan perintah-perintah PHP akan

dieksekusi di server kemudian hasilnya dikirim ke browser dalam format

HTML. Halaman web yang dibangun menggunakan bahasa pemrograman

PHP memiliki tingkat keamanan lebih baik dikarenakan kode program

yang ditulis dalam PHP tidak akan terlihat oleh user.

Beberapa kelebihan bahasa pemrograman PHP dibandingkan bahasa

pemrograman lainnya yaitu antara lain:

1. Tidak melakukan kompilasi dalam pemrogramanya.

2. Memiliki tingkat akses dan lifecylcle lebih cepat sehingga selalu

mengikuti perkembangan teknologi internet.


9

3. Mendukung akses ke beberapa database, seperti: MySQL, PostgresSQL,

infomix, dan MicrosoftSQL Server.

4. Didukung oleh banyak web server, seperti: Apache, IIS, AOserver,

PWS, Lighttpd, Xitami dan lain-lain.

5. Bersifat free atau gratis.

Dari definisi diatas dapat disimpulkan bahwa PHP adalah bahasa

pemrograman untuk membuat atau mengembangkan aplikasi berbasis web

dan bersifat open source dan ditanamkan ke dalam script HTML.

2.1.4 Prototype

Menurut Kusnandar dan Yunup (2015:4) metode prototype adalah

suatu teknik analisis dan rancangan yang memungkinkan pengguna ikut

serta dalam menentukan kebutuhan dan pembentukan sistem apa saja yang

akan dikerjakan untuk memenuhi kebutuhan tersebut.

Menurut Jaya dan Widyawati dalam Jurnal Rohimah, dkk (2019:28)

tahapan-tahapan metode prototype yaitu seperti pada gambar 2.1

Gambar 2.1 Tahapan-Tahapan Metode Prototype


10

1. Pengumpulan Kebutuhan

Dilakukan untuk mendeskripsikan kebutuhan sistem yang

akan dibuat berdasarkan keinginan dan kebutuhan user. Dari hasil

observasi peneliti mendapatkan data terkait dengan analisis yang

berjalan identifikasi masalah dan usulan penyelesaian masalah.

2. Mengembangkan Prototype

Setelah mendapatkan data yang dibutuhkan, langkah

selanjutnya yaitu membuat gambaran sistem yang akan dibangun

menggunakan Flowchart, Data Flow Diagram (DFD) dan Entity

Relationship Diagram (ERD). Pada tahapan ini peneliti juga membuat

desain tampilan untuk sistem yang akan dibangun.

3. Evaluasi Prototype

Setelah prototype dibangun langkah selanjutnya adalah

mengevaluasi prototype dengan user, dimana prototype akan

disesuaikan dengan keinginan user dan akan memberikan feedback

berupa masukan agar sistem lebih mudah digunakan.

4. Mengkodekan Sistem

Setelah tahap evaluasi perancangan prototype selesai dan telah

disepakati maka akan diterjemahkan kedalam bahasa pemrograman

yang sesuai yaitu PHP dan database menggunakan MySQL.


11

5. Pengujian Sistem

Setelah pengkodean sistem selesai, langkah selanjutnya adalah

melakukan pengujian terhadap fitur dan konten sistem yang telah

dibuat. Pada tahap ini, peneliti menggunakan metode pengujian Black

Box.

6. Evaluasi Sistem

Setelah pengujian sistem, tahap selanjutnya yaitu user yang

akan melakukan evaluasi apakah sistem sudah sesuai dengan yang

diharapkan.

7. Penggunaan Sistem

Tahap terakhir adalah sistem yang telah siap digunakan diserahkan

kepada user.

2.1.5 MySQL

Menurut Kurniawan (2017:98), MySQL sebagai database

server lebih unggul dibandingkan database server lainnya dalam hal

query data. Hal ini terbukti untuk query yang dilakukan oleh single user,

kecepatan query data MySQL sepuluh kali lebih cepat daripada

PostgreSQL dan lima lebih cepat dibandingkan Interbase.

Kelebihan lainnya yang dimiliki MySQL antara lain:

1. Bersifat open source dan mampu lintas platform.

2. Menggunakan bahasa SQL (structure query language) yang

merupakan standard bahasa dunia dalam pengolahan data.


12

3. Super performance dan reliable, tidak bisa diragukan

pemprosesan database-nya sangat cepat dan stabil.

4. Multiuser, yang berarti dapat digunakan oleh beberapa nuser dalam

waktu yang bersamaan tanpa mengalami konflik.

2.1.6 Black Box Testing

Menurut Khasanah (2015:45) black box testing dilakukan dengan

membuat kasus uji (skenario) yang bersifat mencoba semua fungsi

dengan memakai perangkat lunak apakah sudah sesuai dengan spesifikasi

yang dibutuhkan. Kasus uji yang dibuat untuk menguji harus dibuat

dengan skenario benar dan salah.

Beberapa keuntungan yang diperoleh dari pengujian menggunakan

black box testing antara lain:

1. Penguji tidak harus dari seseorang yang memiliki kemampuan teknis

di bidang pemrograman.

2. Hasil dari pengujian dapat memperjelaskan kontradiksi yang

mungkin ditimbulkan dari eksekusi perangkat lunak.

3. Proses pengujian dapat dilakukan lebih cepat dibandingkan

menggunakan pengujian white box.

2.1.7 Penelitian Terdahulu

Salah satu acuan penulis agar dapat memperkaya teori

pendukung dalam melakukan penelitian yaitu dengan mengkaji penelitian


13

terdahulu yang berasal dari beberapa jurnal terkait dengan penelitian

yang dilakukan penulis. Penelitian terdahulu dapat dilihat pada tabel 2.1.

Tabel 2.1 Penelitian Terdahulu

No Peneliti Judul Hasil penelitian


1 1. Syelfiyananda Rancang Bangun Menghasilkan sistem
2. Tukino Sistem Informasi informasi pelayanan
Pelayanan pada administrasi pada
Kelurahan Baloi kelurahan baloi permai,
Permai. 2021. disediakan melalui
Jurnal Comasie, jaringan sehingga warga
Vol. 04, No. 05, dapat menggunakan
ISSN:27156265 layanan administrasi
dirumahnya masing-
masing.
2 1. Ade Chintia Sistem Informasi Menghasilkan sistem
Desy Pelayanan informasi pelayanan
2. Enny Dwi Masyarakat di masyarakat pada
Oktaviyani Kelurahan kelurahan penarung
3. Felicia Sylviana Penarung, berbasis web, bertujuan
Kecamatan untuk membuat sebuah
Pahandut sistem informasi yang
Palangkaraya dapat digunakan oleh
Berbasis WEB. pegawai kelurahan untuk
2020. Vol. 14, No. melaksanakan kegiatan
01, E-ISSN 2656- pelayanan masyarakat
0321 yang menggunakan
bahasa pemrograman
PHP dan MySQL.
3 1. Iwan Setiawan Rancang Bangun Membangun sistem untuk
2. Suhartini Website Kecamatan mempermudah
3. Sebri Hesinto Prabumilih Selatan. masyarakat dalam
2018. Vol. 08, No. menemukan informasi
02, E-ISSN: 2541- tentang pelayanan apa
335X saja yang ada dikantor
kecamatan Prabumulih
Selatan dengan cepat dan
terpercaya.
14

2.1.8 Kerangka Penelitian

Berikut kerangka penelitian yang dapat dilihat pada gambar 2.2.

Identifikasi Masalah
Belum adanya sistem yang mendukung pelayanan masyarakat di Kelurahan
Talang Kelapa Palembang, sehingga dalam proses pembuatan surat-
menyurat membutuh waktu lama.

Teori Pendukung
A. Landasan Teori Metode Pengembangan Sistem
RancangBangun, Website, Hypertext prototype
Preprocessor (PHP), Database, MySQL,
Flowchart, Data Flow Diagram (DFD),
Entity Relationship Diagram (ERD),
Black Box Testing.
B. Penelitian Terdahulu
1) RancangBangun Sistem Informasi
Pelayanan Pada Kelurahan Baloi
Permai (2021).
2) Sistem Informasi Pelayanan
Masyarakat di Kelurahan
Panarung, Kecamatan Pahandut
Palangkaraya Berbasis
Web(2020).
3) Rancang Bangun Website
Kecamatan Prabumulih Selatan
(2018).

Hasil Penelitian
Rancang Bangun Website Sistem Informasi pelayanan masyarakat
pada Kelurahan Talang Kelapa Berbasis Web

Gambar 2.2 Kerangka Penelitian


15

2.2 Objek penelitian

2.2.1 Sejarah Perusahaan

Kelurahan talang kelapa dibentuk sekitar tahun 1981, kelurahan talang

kelapa merupakan suatu kelurahan dengan luas tanah ± 1.303,36 Ha. Pada

tahun 2015 terjadi pergantian lurah yang dipimpin oleh lurah Bapak Aldani

Marliansyah, S.Sos. hingga sekarang.

Kelurahan talang kelapa merupakan salah satu dari 4 (empat)

kelurahan di wilayah kecamatan Alang-Alang Lebar Kota Palembang

dengan batas wilayah:

a. Sebelah utara berbatasan dengan kelurahan Alang-Alang Lebar.

b. Sebelah selatan berbatasan dengan ilir barat 1.

c. Sebelah timur berbatasan dengan kelurahan Karya Baru.

d. Sebelah barat berbatasan dengan tanah mas (banyuasin).

Adapun jarak antara kelurahan dengan pusat kota palembang adalah

lebih kurang 20 km sedangkan jarak dengan pusat kecamatan Alang-Alang

Lebar adalah 2 km.

2.2.2 Visi dan Misi

a. Visi

Menjadikan Kelurahan Talang Kelapa Kecamatan Alang-

Alang Lebar sebagai percontohan yang mampu memberikan

pelayanan yang terbaik di bidang pemerintahan, pembangunan, sosial


16

kemasyarakatan dalam mendukung Good Govermance dan Palembang

Emas 2018.

b. Misi

a. Pro aktif terhadap program dan kebijaksanaan pemerintah kota

Palembang.

b. Meningkatkan etos kerja dan profesionalisme aparatur kelurahan

dalam memberikan pelayanan kepada masyarakat.

c. Menjadikan kelurahan Talng Kelapa sebagai percontohan dalam

memberi pelayanan yang terbaik kepada masyarakat.

2.2.3 Struktur Organisasi

Adapun struktur organisasi pada Kelurahan Talang Kelapa

Palembang seperti pada gambar 2.3

Gambar 2.3 Struktur organisasi Kelurahan Talang Kelapa


17

2.2.4 Tugas Wewenang

Pada kelurahan talang kelapa memiliki beberapa perangkat kelurahan yang

dibentuk berdasarkan Peraturan Walikota Palembang No.24 Tahun 2010

tentang tugas pokok yaitu :

a. Lurah

1. Menyusun program kerja dan kegiatan kelurahan.

2. Mengatur kegiatan kelurahan meliputi penyiapan perumusan kebijakan

teknis dan operasional di kelurahan.

3. Mengatur dan mendistribusikan tugas kepada bawahan sesuai tugasnya

masing- masing.

4. Memberi petunjuk kepada bawahan dalam melaksanakan tugas sesuai

ketentuan yang berlaku.

5. Memeriksa hasil pelaksanaan tugas bawahan dan melakukan perbaikan

apabila terdapat kesalahan- kesalahan.

6. Mengkoordinasikan penyelenggaraan pemerintahan di wilayah, dalam

kegiatan pembangunan, sosial, ekonomi, pelayanan masyarakat, serta

pemberdayaan masyarakat agar terpadu dan terarah.

7. Melaksanakan tugas-tugas kedinasan lain yang diberikan oleh camat

baik lisan maupun tertulis dalam rangka pelaksanaan tugas.


18

b. Sekretaris Lurah

1. Menyusun program dan rencana kerja serta anggaran kegiatan

kelurahan.

2. Mengatur dan mendistribusikan tugas kepada kepala seksi sesuai

tugasnya masing-masing member petunjuk kepada kepala seksi dalam

melaksanakan tugas sesuai ketentuan yang berlaku.

3. Melaksakan kebijakan dibidang kesekretariatan meliputi pengolahan

administrasi umum, kepegawaian keuangan dan perlengkapan serta

rumah tangga kelurahan.

4. Melakukan pengawasan dan pembinaan pegawai di lingkungan

kelurahan

5. Mempersiapkan kegiatan rapat-rapat yang di selenggarakan oleh

kelurahan dan menyiapakan daftar hadir serta notulen rapat dll.

6. Dalam melaksanakan tugasnya sekretaris kelurahan berada dibawah dan

bertanggung jawab kepada lurah.

c. Kasi Pemerintahan dan Kesejahteraan

1. Menyusun program kerja bidang seksi pemerintahan di kelurahan.

2. Mengatur dan mendistribusikan tugas kepada staf sesuai dengan

tugasnya masing-masing.

3. Mengawasi dan memeriksa berkas pelayanan kepada masyarakat

dibidang pemerintahan.
19

4. Membina dan mengarahkan staf dalam peningkatan kinerja pelayanan

kepada masyarakat berdasarkan standar pelayanan yang sudah

ditetapkan.

5. Pelaksanaan pengumpulan, pengolahan, penganalisaan data, penyiapan

bahan pelayanan kelurahan di bidang pemerintahan.

6. Memfasilitasi dan koordinasi pengumpulan, pengolahan dan publikasi

data profil atau monografi kelurahan.

7. Membantu tugas - tugas di bidang pemungutan PBB di kelurahan.

8. Mengavaluasi setiap pelaksanaan kegiatan serta melaporkanya kepada

lurah.

d. Kasi Pemberdayaan Masyarakat

1. Membimbing pelaksanaan kegiatan yang meliputi fasilitasi penyusunan

program dan pelaksanaan pemberdayaan masyarakat kelurahan.

2. Membimbing pelaksanaan kegiatan pemberdayaan yang meliputi

koordinasi dengan satuan kerja perangkat daerah atau instansi terkait

dalam rangka penanggulangan masalah kesehatan akibat bencana dan

wabah penyakit skala Kecamatan, masalah pencemaran lingkungan serta

masalah kesejahteraan sosial di Kecamatan.

3. Melakukan pengawasan terhadap keseluruhan unit kerja baik

pemerintahan maupun swasta yang mempunyai program kerja dan

kegiatan pemberdayaan masyarakat maupun swasta.

4. Membuat laporan pelaksanaan.


20

5. Memfasilitasi pelaksanaan tugas yang dilimpahkan bupati kepada camat

dalam bidang ekonomi, pekerjaan umum dan pembangunan skala

kelurahan.

e. Kasi Ketentraman dan Ketertiban

1. Mengontrol setiap kegiatan pekerjaan meliputi pelaksanaan kebijakan

teknis dan operasional seksi ketentraman dan ketertiban serta

menyiapakan bahan pelayanan kelurahan sesuai dengan standar

pelayanan yang sudah ditetapkan.

2. Pelaksanaan pengawasan terhadap sarana ibadah, sarana pendidikan,

sarana kesehatan, fasilitas umum, fasilitas sosial, aset milik

pemerintahan daerah yang ada di wilayah kelurahan.

3. Membina dan memberdayakan anggoa satuan perlindungan masyrakat

dalam memberikan perlindungan kepada masyarakat.

4. Membantu dalam meningkatkan sistem keamanan terpadu di wilayah

kelurahan untuk meminimalisir gangguan keamanan.

5. Mengevaluasi setiap pelaksanaan kegiatan dan melaporkan kepada

Lurah.
BAB III

METODE PENELITIAN

3.1 Lokasi dan Waktu penelitian

3.1.1 Lokasi

Penelitian ini dilakukan di Kantor Lurah Talang Kelapa Palembang yang

berlokasi di Jl. Kelapa Gading Kelurahan Talang Kelapa, Kecamatan

Alang-Alang Lebar Palembang.

3.1.2 Waktu Penelitian

Adapun waktu penelitian berdasarkan metode Prototype dapat dilihat

pada table 3.1.

Tabel 3.1 waktu penelitian

Juni Juli
No Uraian Minggu Ke
1 2 3 4 1 2 3 4
Pengumpulan
1
Kebutuhan
Membangun
2
Prototype
Evaluasi
3
Prototype
Pengkodean
4
Sistem
Pengujian
5
Sistem

21
22

3.2 Jenis Data

3.2.1 Data Primer

Menurut Gani Amalia (2018:2) data primer adalah data yang didapat

dari sumber pertama dari individu atau perseorangan seperti hasil

wawancara yang biasa dilakukan oleh peneliti. Dalam penelitian ini data

primer yang didapat dari hasil observasi dan wawancara yaitu informasi

mengenai pelayanan pelayanan kepada masyarakat serta permasalahan-

permasalahan yang terdapat pada Kelurahan Talang Kelapa.

3.2.2 Data Sekunder

Menurut Gani dan Amalia (2018:2) data sekunder adalah data primer

yang telah diolah lebih lanjut dan disajikan oleh pihak pengumpulan data

primer atau oleh pihak lain. Data sekunder biasanya data yang sudah

diterbitkan atau digunakan pihak lain, bisa melalui majalah, jurnal,

Koran, atau publikasi lainnya. Dalam penelitian terdahulu yang berkaitan

dengan yang dilakukan peneliti untuk digunakan sebagai bahan referensi.

3.3 Teknik Pengumpulan Data

Adapun teknik pengumpulan data yang peneliti gunakan antara lain:

3.3.1 Observasi

Menurut Prasitowo dalam penelitian Agustina (2017).

Observasi adalah pengamatan langsung para pembuat keputusan berikut

lingkungan fisiknya dan atau pengamatan langsung suatu kegiatan yang

sedang berjalan.
23

Pada penelitian ini penulis melakukan observasi dengan cara

melakukan pengamatan secara langsung bagaimana alur prosedur

pelayanan yang dilakukan saat melakukan pelayanan kepada masyarakat

yang masih secara konvensional, dari hasil observasi tersebut informasi

yang didapat yaitu berupa informasi data penduduk serta informasi data

surat menyurat.

3.3.2 Wawancara

Wawancara menurut Moleong dalam penelitian Yulia (2017)

wawancara adalah percakapan dengan maksud tertentu, yang melibatkan

dua pihak, yaitu wawancara (interview) yang mengajukan pertanyaan dan

terwawancara yang memberikan jawaban atas pertanyaan itu.

Pada metode ini penulis melakukan wawancara langsung dengan

Ketua Pemberdayaan Masyarakat di Kelurahan Talang Kelapa yang

bernama ibu Riniati, dari hasil wawancara informasi yang didapat yaitu

alur proses pelayanan administrasi.

3.3.3 Dokumentasi

Menurut Sugiyono dalam penelitian Susanti (2017) dokumen

merupakan catatan peristiwa yang sudah berlalu. Dokumen bisa berbentuk

tulisan, gambar, atau karya-karya dari seseorang.

Dokumentasi yang didapatkan oleh penulis dalam penelitian ini antara

lain Form surat-surat, visi-misi, struktur organisasi.


24

3.3.4 Studi Pustaka

Menurut Destiningrum(2017) studi pustaka adalah metode

pengumpulan data dilakukan dengan cara mempelajari berbagai laporan-

laporan ilmiah dan dokumenatau sumber bacaan serta buku-buku yang

berkaitan atau berhubungan dengan topik usulan penelitian.

Metode ini dilakukan penulis dengan cara mempelajari beberapa

dokumen penelitian yang berada pada internet, melakukan pengamatan

teori-teori jurnal yang berkaitan dengan penelitian serta mempelajari

konsep dari sejumlah sumber referensi yang relevan dengan topic

penelitian.

3.4 Metode Perancangan atau Pengembangan

Adapun alat pengembangan sistem yang digunakan dalam penelitian ini

antara lain:

a. Flowchart

Menurut Rommeydan Steinbart(2015:91). Flowchart adalah teknis

analisis yang digunakan untuk mendeskripsikan beberapa aspek dari sistem

informasi secara jelas, ringkas dan logis. Adapun simbol-simbol flowchart

dapat dilihat pada tabel.


25

Tabel 3.2 Simbol-simbol flowchart

No Simbol Nama Keterangan


1 Dokumen Dokumen atau laporan:
dokumen tersebut dapat
dipersiapkan dengan tulisan
tangan atau dicetak dengan
computer

2 Beberapa tembus Digambarkan dengan cara


an menumpuk beberapa simbol
dari beberapa do dokumen.
kumen
3 Input atau proses input atau output data,
output, jurnal representasi jurnal atau buku
atau buku besar besar.
4 Pengetikan Memasukkan (entry) data
Online melalui peralatan online
seperti terminal atau personal
computer.
5 Manual Proses Pelaksanaan pemrosesan
yang dilaksanakan secara
manual.
6 Pemrosesan Fungsi pemrosesan yang
dengan dilaksanakan dengan komput
komputer er, biasanya menghasilkan
perubahan atas data atau
informasi.
7 Proses Fungsi pemrosesan yang
Pendukung dilaksanakan secara manual.

8 Disk magnetis Data disimpan secara


permanen di dalam disk
magnetis dipergunakan untuk
file utama dan database
9 Keputusan Langkah pengambilan
keputusan, dipergunakan
dalam sebuah program
komputer bagan alir untuk
memperlihatkan pembuatan
cabang ke jalan alternatif.
26

No Simbol Nama Keterangan


10 Terminal Menyatakan permulaan atau
akhir dari suatu program.
Sumber: Romney dan Steinbart(2015:9)

b. Data Flow Diagram (DFD)

Menurut Maniah dan Hamidin (2017:44), Data Flow Diagram (DFD)

merupakan pemodelan sistem yang menggambarkan sistem operasional

dimana fungsi sistem sangat penting dan kompleks dibandingkan data yang

dimanipulasi sistem.

DFD mudah dipahami oleh orang teknik maupun non teknik. DFD

dapat memberikan gambaran sistem secara menyeluruh, lengkap dengan

lingkup sistem dan hubungan ke sistem lainnya. Selain itu, DFD juga

memberikan komponen-komponen sistem secara detail. Simbol-simbol

DFD versi Yourdon/De Marco dapat dilihat pada tabel 3.3

Tabel 3.3 Simbol-simbol DFD

No Simbol Nama Keterangan


1 Entitas Eksternal Menyatakan entitas atau
entitas eksternal asal atau
tujuan dari data, dimana
data melakukan komunikasi.
2 Proses Menyatakan proses pekerjaa
n, atau tindakan yang
dilakukan pada data sehingga
data berubah, disimpan, atau
didistribusikan.
3 Arus Data (Data Menyatakan data yang
Flow) bergerak dari satu tempat
didalam sistem ke tempat
27

No Simbol Nama Keterangan


4 Data store Menunjukkan penyimpanan
data, seperti file atau
database terkomputerisasi.
Sumber: Maniah dan Hamidin (2017:46)

c. Entity Relationship Diagram (ERD)

Menurut Sulianta dan Umbara (2015:100) Entity Relationship

Diagram (ERD) adalah diagram yang digunakan untuk merancang tabel-

tabel yang nantinya akan diimplementasikan pada database. ERD berfungsi

untuk menggambarkan hubungan antara entitas dengan atribut

penghubungnya.

Dari definisi diatas dapat disimpulkan bahwa Entity Relationship

Diagram merupakan tahapan perancangan basis yang menggunakan

susunan data berupa gambar atau simbol untuk menggambarkan hubungan

basis data yang terjadi.

Adapun simbol-simbol yang digunakan pada Entity Relationship

Diagramdapat dilihat pada tabel 3.4.

Tabel 3.4 Simbol-simbol ERD

No Simbol Nama Keterangan


1 Entitas Entitas merupakan objek dalam
bentuk fisik atau konsep.
28

No Simbol Nama Keterangan


2 Atribut Atribut merupakan karakteristik
atau properti dari entitas. Atribut
dibagi menjadi beberapa tipe
antara lain, atribut kunci, atribut
bernilai tunggal, atribut bernilai
banyak, atribut komposit, dan
atribut derivative.
3 Relasi Relasi adalah hubungan antara
entitas satu dengan yang
lainnya.
4 Link Link (garis) penghubung antara
himpunan relasi dengan
himpunan entitas dan himpunan
entitas dengan atributnya.
Sumber : Sulianta dan Umbara (2015:100)
BAB IV
HASIL DAN PEMBAHASAN

4.1 Hasil

4.1.1 Prosedur yang Berjalan

Adapun prosedur yang berjalan pada Kelurahan Talang Kelapa yang

digambarkan dalam bentuk flowchart seperti gambar 4.1.

Flowchart Prosedur yang berjalan

warga pegawai lurah

mulai

Persyaratan Persyaratan
administrasi administrasi

Membuat
surat ket
umum

Surat ket umum Surat ket umum

Surat ket umum Surat ket umum Tanda


tangan

selesai

Gambar 4.1 Prosedur yang Berjalan

Berdasarkan flowchart prosedur yang berjalan pada gambar 4.1

dapat diuraikan sebagai berikut:

29
30

1. Warga membawa persyaratan administrasi seperti pengantar RT, fotokopi

pajak bumi bangunan (PBB), fotokopi KTP dan KK, fotokopi surat-surat

yang akan diperlukan, dan administrasi lain yang diperlukan.

2. Penduduk menyerahkan surat ke bagian pelayanan yang telah diberikan

tugas untuk pelayanan administrasi.

3. Pembuatan surat keterangan umum oleh bagian pelayanan.

4. Surat di tanda tangani oleh lurah.

5. Pembuatan surat selesai.

4.1.2 Permasalahan dan Kendala

Berdasarkan dari pengamatan yang telah dilakukan, maka permasalah

yang didapat seperti pada tabel 4.1.

Tabel 4.1 Permasalahan

Masalah Penyebab masalah


Penyampaian informasi Pada kegiatan tersebut, masyarakat
kepada masyarakat diwajibkan untuk mendatangi kantor
kelurahan apabila terdapat perubahan yang
belum disampaikan kepada masyarakat.

4.1.3 Pemecahan Masalah

Dari permasalahan yang telah dijabarkan sebelumnya maka peneliti

menentukan pemecahan masalah dari masing-masing penyebab masalah

tersebut seperti pada tabel 4.2.


31

Tabel 4.2 Pemecahan Permasalahan

Penyebab Masalah Pemecahan Lokasi


Masalah
Pada kegiatan tersebut, masyarakat Pembuatan Staf kelurahan
diwajibkan untuk mendatangi kantor website dan kasi
kelurahan apabila terdapat perubahan sistem
yang belum disampaikan kepada informasi
masyarakat administrasi

4.2 Pembahasan

Dalam pembuatan sistem ini peneliti menggunakan metode teknik

pengembangan sistem yaitu metode prototype. Pada pembahasan ini, peneliti

akan membahas tahap-tahap dalam pembuatan aplikasi ini sesuai dengan tahap-

tahap yang ada pada metode prototypeyang akan dijelaskan sebagai berikut:

4.2.1 Identifikasi Kebutuhan

1. Kebutuhan Pengguna

Kebutuhan pemakai dari sistem adalah sebagai berikut:

1) Sistem yang dibuat harus dapat membantu pekerjaan admin, kasi

pemerintah, kasi pembangunan, staf pemerintah dan staf

pembangunan.

2) Sistem harus dapat dioperasikan oleh warga, admin, kasi pemerintah,

kasi pembangunan, staf pemerintah dan staf pembangunan.

3) Sistem yang dapat diakses secara online dapat membantu warga yang

ingin membuat surat di Kelurahan Talang Kelapa secara cepat,

sehingga warga tidak perlu menunggu lama saat pengambilan surat di


32

Kelurahan Talang Kelapa.

4) Semua proses yang ada terintegrasi dalam satu paket perangkat

lunak.

2. KebutuhanAplikasi/Proses

Kebutuhan aplikasi/proses dari sistem adalah sebagai berikut:

1) Bagian Admin

Sistem melakukan proses pengolahan data warga,

PengaduandanPenggunaSistem (User).

2) Bagian Kasi Pembangunan dan Kasi Pemerintah

Sistem akan melakukan proses pengolahan Verifikasi Surat.

3) Bagian Staf Pembangunan

Sistem akan melakukan proses Surat Keterangan Izin Keramaian

dan Surat Keterangan Izin Mendirikan Bangunan.

4) Bagian staf pemerintahan

Sistem akan melakukan proses Surat Belum Menikah, Surat

Kepemilikan Tanah, Surat Akte Kematian, Surat Belum Memiliki

Rumah, Surat Cerai Ghoib, SuratI zin Usaha, Surat Pengantar KIP

Sekolah, Surat Pembuatan KIS, Surat Akte Kelahiran dan Surat

Domisili Tempat Tinggal.

5) Masyarakat/Warga

Untuk dapat mengakses sistem untuk mengajukan surat yang

diperlukan warga harus login menggunakan NIK.


33

3. Kebutuhan Perangkat Keras

Adapun perangkat keras yang dibutuhkan oleh server maupun

client adalah sebagai berikut:

1) Hardware Server

a. Personal computer dengan Processor core 2 duo 3,2 Ghz

b. Harddisk 500 GB

c. Memory 2 GB

2) Hardware Client

a. Personal komputer dengan Processorcore 2 duo 2,7 Ghz

b. Harddisk 320 GB

c. Memory 2 GB

4. Kebutuhan Perangkat Lunak (Software)

Adapun perangkat lunak yang dibutuhkan oleh server maupun

clientadalah sebagai berikut:

a. Software server: Xampp dan Web Browser

b. Software Client: Web Browse

4.2.2 Membangun Prototype

4.2.2.1 Desain Proses

1. Flowchart yang Diusulkan Untuk Admin

Adapun flowchart yang diusulkan untuk pimpinan dapat

dilihat pada gambar 4.2.


34

Flowchart yang diusulkan Admin

Admin Sistem Databse

mulai

login login

tidak cek Tb_pengguna

ya

Menu utama

masyarakat

Data
masyarakat

masyarakat masyarakat

Pengguna

Data pengguna

pengguna Tb_pengguna

logout

logout

selesai

Gambar 4.2 Flowchart yang diusulkan untuk admin


35

Berdasarkan gambar 4.2 Flowchart yang diusulkan untuk admin

dapat dijelaskan sebagai berikut:

1. Admin melakukan proses login pada sistem, dengan cara

memasukkan Username dan password.

2. sistem akan melakukan pengecekan username dan password,

apabila username dan password yag dimasukkan benar maka

sistem akan masuk ke halaman utama (dashboard), jika tidak

maka akan kembali ke menu login.

3. Admin melakukan proses manajemen data masyarakat pada menu

masyarakat dimana data akan disimpan pada tabel nik.

4. Admin melakukan proses manajemen data pengguna pada menu

penggunan sistem dimana data akan disimpan pada tabel

tb_pengguna.

5. Diakhiri dengan admin melakukan proses logout dari aplikasi.

2. Flowchart yang diusulkan untuk masyarakat


Adapun flowchart yang diusulkan untuk masyarakat dapat

dilihat pada Gambar 4.3.


36

FLOWCHART YANG DIUSULKAN UNTUK MASYARAKAT

MASYARAKAT SISTEM
DATABASE

mulai

Membuka
Menu utama
aplikasi

Profil

Sambutan
lurah

Visi dan misi

Struktur
organisasi

kontak

pelayanan

NIK

tidak

cek NIK

ya

Dashboard
pelayanan

Info Surat

Req Surat

Srt izin
keramaian
Srt izin
keramaian
Srt izin
keramaian S_izinkeramaian

Informasi Surat
Keramaian

Selesai 1

Gambar 4.3 Flowchart yang diusulkan untuk masyarakat


37

Flowchart yang Diusulkan Untuk Masyarakat

Masyarakat Sistem Database

Srt blm menikah

Srt blm menikah

Srt blm
S_bmenikah
menikah
Informasi Srt blm
menikah

selesai
Srt kepemilikan
tanah

Srt kepemilikan
tanah
Srt
kepemilikan S_ktanah
tanah
Informasi Srt
kepemilikan tanah

selesai
Srt akte kematian

Srt akte kematian

Srt akte
S_aktekematian
kematian

Informasi Srt akte


kematian

selesai
Srt blm memiliki
rumah

Srt bllm memiliki


rumah
Srt blm
memiliki S_brumah
rumah
Informasi Srt blm
memiliki rumah

selesai
Srt ket cerai
ghoib

Sr ket cerai ghoib

Srt ket cerai


S_cerai
ghoib

Informasi Sr ket
cerai ghoib

selesai
Srt ke izin
usaha

Sr ket izin usaha

Srt ket izin


S_usaha
usaha

Informasi Sr ket
izin usaha

selesai

Srt pengantar
KIP sekolah
Srt pengantar KIP
sekolah

Srt pengantar
S_kip
KIP sekolah

Informasi Srt
pengantar KIP
sekoiah

selesai

Srt persyaratan
KIS
Srt persyaratan
KIS
Srt
persyaratan S_KIS
KIS
Informasi Srt
persyaratan KIS

selesai
Srt ket akte
kelahiran
Srt ket akte
kelahiran

Srt ket akte


S_lahiran
kelahiran

Informasi Srt ket


akte kelahiran

selesai
Srt ket domisili
tempat tinggal
Srt ket domisili
tempat tinggal

Srt ket domisili


S_domisili
tempat tinggal
Informasi Srt ket
domisili tempat
tinggal

selesai Srt imb

Srt imb

Srt imb S_imb

Informasi Srt imb

selesai

Gambar 4.4 Flowchart yang diusulkan untuk masyarakat


38

Berdasarkan gambar 4.3 dan gambar 4.4 Flowchart yang diusulkan

untuk masyarakat dapat dijelaskan sebagai berikut:

1. Warga melakukan proses login pada sistem menu pelayanan,

dengan cara memasukkan NIK.

2. sistem akan melakukan pengecekanNIK, apabila NIK yang

dimasukkan benar maka sistem akan masuk ke halaman utama

(dashboardpelayanan), jika tidak maka akan kembali ke menu

login.

3. Pada dashboard pelayanan terdapat beberapa menu diantaranya

home anda dan requesh buat surat.

4. Pada menu requesh buat surat warga dapat memilih beberapa surat.

5. Warga dapat melakukan proses input data surat izin keramaian

dimana data surat izin keramaian akan disimpan pada tabel

S_keramaian.

6. Warga dapat melakukan proses input data surat belum menikah

dimana data surat belum menikah akan disimpan pada tabel

S_bmenikah.

7. Warga dapat melakukan proses input data surat kepemilikan tanah

dimana data surat izin kepemilikan tanah akan disimpan pada tabel

S_ ktanah.

8. Warga dapat melakukan proses input data surat akte kematian

dimana data surat akte kematian akan disimpan pada tabel matian.
39

9. Warga dapat melakukan proses input data surat belum memiliki

rumah dimana data surat belum memiliki rumah akan disimpan

pada tabel S_brumah.

10. Warga dapat melakukan proses input data surat cerai ghoib dimana

data surat cerai ghoib akan disimpan pada tabel S_cerai.

11. Warga dapat melakukan proses input data surat izin usaha dimana

data surat izin usaha akan disimpan pada tabel S_usaha.

12. Warga dapat melakukan proses input data surat pengantar KIP

sekolah dimana data surat pengantar KIP sekolah akan disimpan

pada tabel S_kip.

13. Warga dapat melakukan proses input data surat pengantar KIS

dimana data surat pengantar KIS akan disimpan pada tabel S_kis.

14. Warga dapat melakukan proses input data surat keterangan akte

kelahiran dimana data surat keterangan akte kelahiran akan

disimpan pada tabel S_aktekelahiran.

15. Warga dapat melakukan proses input data surat domisili tempat

tinggal dimana data surat domisili tempat tinggal akan disimpan

pada tabel S_domisili.

16. Warga dapat melakukan proses input data surat IMB dimana data

surat IMB akan disimpan pada tabel S_imb.

17. Diakhiri dengan warga melakukan proses logout dari aplikasi.


40

3. Flowchart yang Diusulkan Untuk Staf Pemerintahan

Adapun flowchart yang diusulkan untuk staff pemerintahan dapat

dilihat pada Gambar 4.5.


FLOWCHART YANG DIUSULKAN STAFF PEMERINTAHAN

STAFF PEMERINTAHAN SISTEM DATABASE

MULAI

LOGIN Log in

tidak cek Tb_pengguna


ya

Menu utama

srt belum menikah S_bmenikah


Verifikasi srt
belum menikah
Srt belum
menikah

Srt kepemilikan tanah S_ktanah


Verifikasi srt
kepemilikan
tanah
Srt kepemilikan
tanah

Srt blm memiliki rumah S_brumah


Verifikasi srt belum
memiliki rumah
Srt ket blm
memiliki rmh

Srt ket cerai ghoib S_cerai


Verifikasi srt ket
cerai ghoib
Srt ket cerai
ghoib

Srt izin usaha S_usaha


Verifikasi srt izin
usaha
Srt izin usaha

Srt p kip sekolah S_kip


Verifikasi Srt p kip
sekolah
Srt p kip sekolah

Srt ket kematian S_aktekematian


Verifikasi srt Srt ket
kematian

Srt ket kematian

Srt persyaratan KIS Srt persyaratan KIS

Verifikasi Srt
persyaratan KIS
Srt persyaratan
KIS

Srt P akte kelahiran S_kis

Verifikasi srt Srt P


akte kelahiran
Srt P akte
kelahiran

Srt domisili tempat


S_domisili
tinggal
Verifikasi srt Srt domisili
tempat tinggal
Srt domisili
tempat tinggal

Log out

Log out

selesai
41

Gambar 4.5Flowchart yang diusulkan untuk staf pemerintahan

Berdasarkan gambar 4.5 Flowchart yang diusulkan untuk staff

pemerintahan dapat dijelaskan sebagai berikut:

1. Staf pemerintahan melakukan proses login pada sistem, dengan

cara memasukkan Username dan password.

2. Sistem akan melakukan pengecekan username dan password,

apabila username dan password yag dimasukkan benar maka

sistem akan masuk ke halaman utama (dashboard), jika tidak

maka akan kembali ke menu login.

3. Staf pemerintahan dapat melakukan proses verifikasi pada surat

kepemilikan tanah dimana verifikasi surat belum kepemilikan

tanah akan disimpan pada tabel s_ktanah.

4. Staf pemerintahan dapat melakukan proses verifikasi pada surat

akte kematian dimana verifikasi surat akte kematian akan

disimpan pada tabel s_aktekematian.

5. Staf pemerintahan dapat melakukan proses verifikasi pada surat

belum memiliki rumah dimana verifikasi surat belum memiliki

rumah akan disimpan pada tabel s_brumah.

6. Staf pemerintahan dapat melakukan proses verifikasi pada surat

cerai ghoib dimana verifikasi surat cerai ghoib akan disimpan

pada tabel s_cerai


42

7. Staf pemerintahan dapat melakukan proses verifikasi pada surat

izin usaha dimana verifikasi surat izin usaha akan disimpan pada

tabel s_usaha

8. Staf pemerintahan dapat melakukan proses verifikasi pada surat

pengantar kip sekolah dimana verifikasi surat pengantar kip

sekeloah akan disimpan pada tabel s_kip.

9. Staf pemerintahan dapat melakukan proses verifikasi pada surat

pembuatan kis dimana verifikasi surat pembuatan kis akan

disimpan pada tabel s_kis.

10. Staf pemerintahan dapat melakukan proses verifikasi pada surat

akte kelahiran dimana verifikasi surat akte kelahiran akan

disimpan pada tabel s_aktelahiran.

11. Staf pemerintahan dapat melakukan proses verifikasi pada surat

domisili tempat tinggal dimana verifikasi surat domisili tempt

tinggal akan disimpan pada tabel s_domisili.

12. Staf pemerintahan dapat melakukan proses verifikasi pada surat

izin keramaian dimana verifikasi surat izin keramaian akan

disimpan pada tabel s_keramaian.

13. Staf pemerintahan dapat melakukan proses verifikasi pada surat

ket imb dimana verifikasi surat ket imb akan disimpan pada tabel ,

s_imb.

14. Diakhiri staf pemerintahan melakukan logout.


43

15. Flowchart Yang Diusulkan Untuk Staff Pembangunan

Adapun flowchart yang diusulkan untuk staf pembangunan

dapat dilihat pada gambar 4.6.

Flowchart yang diusulkan staff pembangunan

Staff pembangunan Sistem database

mulai

login login

tidak cek Tb_pengguna

ya

Menu utama

Surat ket izin


keramaian

Verifikasi surat
izin keramaian

Surat ket izin


S_izinkeramaian
keramaian

Surat ket imb

Verifikasi surat
ket imb

Surat ket imb S_imb

logout

logout

selesai

Gambar 4.6Flowchart yang diusulkan untuk staf pembangunan

Berdasarkan gambar 4.6 Flowchart yang diusulkan untuk staf

pemerintahan dapat dijelaskan sebagai berikut:

1. Staf pembangunan melakukan proses login pada sistem, dengan

cara memasukkan Username dan password.


44

2. sistem akan melakukan pengecekan username dan password,

apabila username dan password yag dimasukkan benar maka

sistem akan masuk ke halaman utama (dashboard), jika tidak

maka akan kembali ke menu login.

3. Staf pembangunan dapat melakukan proses verifikasi pada surat

izin keramaian yang dimana akan direkam pada tabel

s_keramaian.

4. Staf pembangunan dapat melakukan proses verifikasi pada surat

izin imb yang dimana akan direkam pada tabel s_imb.

5. Diakhiri dengan staf pembangunan melakukan proses logout dari

aplikasi.

16. Flowchart Yang Diusulkan Untuk Kasi Pemerintahan

Adapun flowchart yang diusulkan untuk kasi pembangunan dapat

dilihat pada gambar 4.7.


45

Flowchart yang diusulkan kasi pemerintahan

Kasi pemerintahan sistem database

mulai

login login

ya

tidak cek Tb_pengguna

Menu utama

Verifikasi surat

Verifikasi
surat

Verifikasi
Verifikasi_pemerintahan
surat

logout

logout

selesai

Gambar 4.7Flowchart yang diusulkan untuk Kasi


Pemerintahan
Berdasarkan gambar 4.7Flowchart yang diusulkan untuk kasi

pemerintahan dapat dijelaskan sebagai berikut:

1. Kasi pemerintahan melakukan proses login pada sistem, dengan

cara memasukkan Username dan password.

2. sistem akan melakukan pengecekan username dan password,

apabila username dan password yag dimasukkan benar maka


46

sistem akan masuk ke halaman utama (dashboard), jika tidak

maka akan kembali ke menu login.

3. Kasi pemerintahan dapat melakukan proses verifikasi/validasi

pada surat yang dimana akan direkam pada tabel

verifikasi_pemerintahan.

4. Diakhiri dengan kasi pemerintahan melakukan proses logout dari

aplikasi.

17. Flowchart yang Diusulkan Kasi Pembangunan

Adapun flowchart yang diusulkan untuk kasi pembangunan dapat

dilihat pada gambar 4.8.

Flowchart yang diusulkan kasi pembangunan

Kasi pembangunan sistem database

mulai

login login

tidak cek Tb_pengguna

ya

Menu utama

Verifikasi surat

Verifikasi
surat

Verifikasi Verifikasi_pemb
surat angunan

logout

logout

selesai
47

Gambar 4.8Flowchart yang diusulkan untuk Kasi


pembangunan

Berdasarkan gambar 4.8 Flowchart yang diusulkan untuk kasi

pembangunan dapat dijelaskan sebagai berikut:

1. Kasi pembangunan melakukan proses login pada sistem, dengan

cara memasukkan Username dan password.

2. sistem akan melakukan pengecekan username dan password,

apabila username dan password yag dimasukkan benar maka

sistem akan masuk ke halaman utama (dashboard), jika tidak

maka akan kembali ke menu login.

3. Kasi pembangunan dapat melakukan proses verifikasi/validasi

pada surat yang dimana akan direkam pada tabel

verifikasi_pemerintahan.

4. Diakhiri dengan kasi pemerintahan melakukan proses logout dari

aplikasi.

18. Diagram Konteks

Berikut merupakan diagram konteks dari sistem informasi

pelayanan masyarakat pada kelurahan talang kelapa yang dapat dilihat

pada gambar 4.9


48

Warga

- Informasi Profil
- Informasi Visi dan Misi
- Informasi Pelayanan
- Informasi Sambutan - Data Surat Belum Menikah
- Informasi Kontak dan Pengaduan - Data Surat Cerai Ghoib
- Informasi Surat Belum Menikah - Data Surat Domisili Tempat Tinggal
- Informasi Surat Cerai Ghoib - Data Surat Pengantar Akte Kelahiran
- Informasi Informasi Surat Domisili - Data Pengantar KIP Sekolah
Tempat Tinggal - Data Surat P Kematian
- Informasi Surat Pengantar Akte - Data Surat Izin Keramaian
Kelahiran - Data Surat Izin Usaha
- Informasi Surat Pengantar KIP Sekolah - Data Surat Kepemilikan Tanah
- Informasi Surat P Kematian - Data Surat IMB
- Informasi Surat Izin Keramaian - Data Surat Belum Memiliki Rumah
- Informasi Surat Izin Usaha - Data Pengantar KIS
- Informasi Surat Kepemilikan Tanah
- Informasi Surat IMB
- Informasi Surat Belum Memiliki Rumah
- Informasi Surat Pengantar KIS
Admin

- Data Pengguna
- Data Masyarakat

- verifikasi Surat IMB


- verifikasi Surat Keramaian Rancang Bangun Website Sistem
Kasi Pembangunan Informasi Pelayanan Masyarakat Staff Pemerintahan
- Informasi Surat Belum Menikah
pada Kelurahan Talang Kelapa - Informasi Surat Cerai Ghoib
- Informasi Surat Domisili Tempat Tinggal - Verifikasi Surat
- Informasi Surat Pengantar Akte Kelahiran
- Verifikasi Surat
- Informasi Pengantar KIP Sekolah
- Informasi Surat P Kematian
- Informasi Surat Izin Usaha
- Informasi Surat Kepemilikan Tanah
- Informasi Surat IMB - Informasi Surat Belum Memiliki Rumah
- Informasi Surat Keramaian - Informasi Pengantar KIS

- verifikasi Surat Belum Menikah


- verifikas Surat Domisili Tempat Tinggal
- verifikasi Surat Pengantar Akte Kelahiran
Staff Pembangunan - verifikasi Pengantar KIP Sekolah
- verifikasi Surat P Kematian
- verifikasi Surat Izin Usaha
- Verifikasi Surat Kepemilikan Tanah
- verifikasi Surat Belum Memiliki Rumah
- verifikasi Pengantar KIS

Kasi Pemerintahan

Gambar 4.9Diagram Konteks

Berdasarkan diagram konteks yang telah digambarkan pada

gambar 4.9, bahwa sistem informasi pada Kelurahan talang kelapa

memiliki 6 entitas yaitu admin, kasi pemerintahan, kasi pembangunan,

lurah, warga, staff pemerintahan, staff pembangunan.

19. Data Flow Diagram

Berikut merupakan DFD level 0, dan level 1yang menunjukan

semua proses yang menyusun keseluruhan sistem yang dapat dilihat

pada gambar 4.10

1) Data Flow Diagram level 0


49

1.0.P
Admin Data Pengguna Data Rekam T_pengguna
Pengguna

Data masyarakat

2.0.P
Data Rekam Tb_masyarakat
masyarakat

Data masyarakat

3.0.P
Data Surat
Warga Data Surat Belum Menikah Rekam S_bmenikah
Belum
Menikah

Data masyarakat

4.0.P
Data Surat Cerai Ghoib Data Surat Rekam S_cerai
Cerai Ghoib

Data masyarakat

5.0.P
Data Surat
Data Surat Domisili Tempat Tinggal Domisili Rekam S_Domisili
Tempat
Tinggal

Data masyarakat

6.0.P
Data
Data Pengantar KIP Rekam S_KIP
Pengantar KIP
Sekolah

Data masyarakat

7.0.P
Data Surat P Kematian Data Surat P Rekam S_aktekematian
Kematian

Data masyarakat

8.0.P
Data Surat Izin usaha Data Surat Rekam S_usaha
Izin Usaha

Data masyarakat

9.0.P
Data Surat
Data Surat Kepemilikan Tanah Rekam S_ktanah
Kepemilikan
Tanah

Data masyarakat

10.0.P
Data Surat
Data Surat Belum Memiliki Rumah Belum Rekam S_brumah
Memiliki
Rumah

Data masyarakat

11.0.P
Data Pengantar KIS Data Rekam S_kis
Pengantar KIS

Data masyarakat

12.0.P
Data Surat Pengantar Akte Kelahiran Data Surat
Rekam S_aktekelahiran
Pengantar
Akte Kelahiran

Data masyarakat

13.0.P
Data Surat
Data Surat Izin Keramaian Rekam S_izinkeramaian
Izin
Keramaian

Data masyarakat

14.0.P
Data Surat IMB Data Surat Rekam S_imb
IMB

Data Surat IMB


Data Surat Izin Keramaian

Data Surat Akte Kelahiran


Data Pengantar KIS
Data Surat Belum Memiliki Rumah
Data Surat Izin usaha
15.0 Data Surat Kepemilikan Tanah
Staff Pemerintahan Verifikasi Surat Data Surat P Kematian
Verifikasi surat Verifikasi Data Pengantar KIP
Informasi Verifikasi Data Surat Domisili Tempat Tinggal
Data Surat Cerai Ghoib
Informasi Verifikasi Data Surat Belum Menikah

Kasi Pembangunan verifikasi surat

Kasi Pemerintahan verifikasi surat

Informasi Verfikasi

Staff Pembangunan Cetak Surat

Cetak Surat
- Informasi Surat Belum Menikah
- Informasi Surat Cerai Ghoib
- Informasi Informasi Surat Domisili Tempat Tinggal
- Informasi Surat Pengantar Akte Kelahiran
- Informasi Surat Pengantar KIP Sekolah
- Informasi Surat P Kematian
- Informasi Surat Izin Keramaian
- Informasi Surat Izin Usaha
- Informasi Surat Kepemilikan Tanah 16.0.P
- Informasi Surat IMB cetak
- Informasi Surat Belum Memiliki Rumah
- Informasi Surat Pengantar KIS
50

Gambar 4.10 dfd level 0

BerdasarkanData Flow Diagram (DFD) level 0 pada gambar

4.10 dapat dijelaskan sebagai berikut:

1) Proses 1.0P adalah admin melakukan Proses data pengguna

dimana data akan di rekam pada tabel tb_pengguna.

2) Proses 2.0P adalah admin melakukan proses data warga, dimana

data akan direkam pada tabel warga

3) Proses 3.0P adalah warga melakukan proses data surat belum

menikah, dimana data akan direkam pada tabel s_bmenikah.

4) Proses 4.0.P adalah warga melakukan proses data surat cerai ghoib

, dimana data akan direkam pada tabel s_cerai.

5) Proses 5.0.P adalah warga melakukan proses data surat domisili

tempat tinggal, dimana data akan direkam pada tabel s_domisili.

6) Proses 6.0.P adalah warga melakukan proses data pengantar KIP

sekolah, dimana data akan direkam pada tabel s_KIP.

7) Proses 7.0.P adalah warga melakukan proses data surat p kematian,

dimana data akan direkam pada tabel s_akte kematian.

8) Proses 8.0.P adalah warga melakukan proses data surat izin usaha,

dimana data akan direkam pada tabel s_usaha.

9) Proses 9.0.P adalah warga melakukan proses data surat

kepemilikan tanah, dimana data akan direkam pada tabel s_ktanah.


51

10) Proses 10.0.P adalah warga melakukan proses data surat belum

memiliki rumah, dimana data akan direkam pada tabel s_brumah.

11) Proses 11.0.P adalah warga melakukan proses data pengantar KIS,

dimana data akan direkam pada tabel s_KIS.

12) Proses 12.0.P adalah warga melakukan proses data surat pengantar

akte kelahiran, dimana data akan direkam pada tabel

s_aktekelahiran.

13) Proses 13.0.P adalah warga melakukan proses data surat izin

keramaian, dimana data akan direkam pada tabel s_izinkeramaian.

14) Proses 14.0.P adalah warga melakukan proses Data Surat IMB,

dimana data akan direkam pada tabel s_imb.

15) Proses 15.0 adalah staf pemerintahan dan staf pembangungan

melakukan verifikasi data semua surat.

2) Data Flow Diagram level 1


52

15.1.P
Kasi Pemerintahan Verifikasi Surat Belum Menikah Verifikasi Surat Rekam S_bmenikah
Belum Menikah

15.2.P
Verifikasi Surat Cerai Ghoib Verifikasi Surat Rekam S_cerai
Cerai Ghoib

15.3.P
Verifikasi Surat
Verifikasi Surat Domisili Tempat Tinggal Rekam S_Domisili
Domisili Tempat
Tinggal

15.4.P
Verifikasi S_KIP
Verifikasi Surat Domisili Tempat Tinggal Rekam
Pengantar KIP
Sekolah

15.5.P
Verifikasi Surat P Kematian Verifikasi Surat Rekam S_aktekematian
P Kematian

15.6.P
Verifikasi Surat P Kematian Verifikasi Surat Rekam S_usaha
Izin Usaha

15.7.P
Verifikasi Surat Kepemilikan Tanah Verifikasi Surat
Rekam S_ktanah
Kepemilikan
Tanah

15.8.P
Verifikasi Surat
Verifikasi Surat Belum Memiliki Rumah Rekam S_brumah
Belum Memiliki
Rumah

15.9.P
Verifikasi Surat Belum Memiliki Rumah Verifikasi Rekam S_kis
Pengantar KIS

15.10.P
Verifikasi Surat
Verifikasi Surat Pengantar Akte Kelahiran Pengantar Akte Rekam S_aktekelahiran
Kelahiran

15.11.P
Kasi Pembangunan Verifikasi Surat Izin Keramaian Verifikasi Surat Rekam S_izinkeramaian
Izin Keramaian

15.12.P
Verifikasi Surat IMB Verifikasi Surat Rekam S_imb
IMB

Data Surat IMB


Data Surat Izin Keramaian
Kasi Pembangunan Informasi Verifikasi
Data Surat Akte Kelahiran
Data Pengantar KIS
Data Surat Izin usaha
15.13.P Data Surat Belum Memiliki Rumah
Data Surat Kepemilikan Tanah
Kasi Pembangunan Informasi Verifikasi Informasi Data Surat P Kematian
Verifikasi Surat Data Pengantar KIP
Data Surat Domisili Tempat Tinggal
Data Surat Cerai Ghoib
Data Surat Belum Menikah

Gambar 4.11 dfd level 1

20. Entity Relationship Diagram (ERD)

Berikut merupakan Entity Relationship Diagram (ERD) yang

berisi komponen-komponen himpunan entitas dan himpunan relasi


53

yang masing-masing dilengkapi atribut-atribut yang dapat dilihat pada

gambar 4.12.

Nip* Nama_pengguna

*id
username level

**nik Keterangan_dokter
jabatan jabatan

Nama_pelapor No_hp *id No_hp

Tb_pengguna waktu Jenis_surat


**nik Status

status U_ktp
No_surat Jenis_surat

U_kk U_suratpengantar

*id status
M
*id **nik S_kis

**nik U_ktp M
U_kk Status S_aktekematian

U_suratpengantar No_rt

Jenis_surat U_kk persyaratan U_suratpengantar


U_ktp Tgl_suratrt

U_suratpengantar pekerjaan No_kk U_ktp


No_kk U_kk
Nik*
No_hp Jenis_surat
Alasan_surat No_kk
memiliki No_suratrt
No_kk

M
S_brumah M nama
S_bmenikah
memiliki
jk

memiliki alamat

*id U_rumahsakit
nohp

memiliki memiliki U_suratnikah


**nik

status
1 1 1 1 No_hp
1

M 1 1 Jenis_surat
S_kip memiliki masyarakat memiliki U_ktp
1
1
1
1 U_suratpengantar
1 1 U_kk

*id Nama_sekolah
M
S_aktekelahiran
memiliki
**nik U_kk memiliki

Jenis_surat U_ktp
1

1
No_hp U_suratpengantar memiliki
Verifikasi_pembangunan 1
Verifikasi_pemerintahan

status
*id nama
M
*id nama

**Id_surat No_hp S_domisili


**Id_surat No_hp

**nik Jenis_surat
**nik Jenis_surat Tujuan_surat
*id

status
**nik U_kk
status
memiliki
No_hp U_ktp

M memiliki U_suratpengantar
Jenis_surat

S_usaha
status
M
S_izinkeramaian memiliki
M
*id U_kk S_imb

**nik U_ktp *id


Jenis_surat

Nama_usaha *id No_gsituasi


No_hp
**nik U_ktp

**nik Jenis_surat
Lokasi_usaha U_suratpengantar
acara U_suratpengantar

status No_hp U_kk


U_usaha
Hari_p status

U_ktp
Jenis_surat No_sertifikat
Waktu_p No_hp

status
U_suratpengantar
memiliki

No_hp *id

No_kk **nik

S_cerai

kategori No_suratrt

Tgl_suratrt
Nama_cerai

Alasan_surat
Tgl_pergi

U_kk
No_surat

U_ktp
Jenis_surat

U_suratpengantar
status

Gambar 4.12 ERD


54

4.2.2.2 Desain Tabel

Berikut merupakan desain tabel yang ada di sistem informasi

pelayanan masyarakat pada kelurahan talang kelapa yang dubangun

didatabase.

1) Tabel tb_pengguna
Tabel pengguna digunakan untuk menampung data users.

Nama tabel: tb_pengguna

Primary Key: Nip*

Tabel 4.3 tb_pengguna

No Field Type Size Keterangan


1 Nip* Varchar 15 Primary
2 Nama_pengguna Varchar 30 Nama
3 Username Varchar 20 Username
4 Password Varchar 15 Maksimal 15
karakter dan
harus berisi
angka
5 Level Enum Posisi
6 Jabatan Varchar 40 Jabatan

2) Tabel S_bmenikah

Tabel s_bmenikah digunakan untuk menampung data surat

belum menikah.

Nama: S_bmenikah

Primary key: id*

Foreign key: Nik**

Tabel 4.4 S_bmenikah


55

No Field Type Size Keterangan


1 Id* Int 11 Primary
2 Nik** Int 15 Nomor induk
kependudukan
2 No_hp Varchar 15 Nomor telepon
3 Persyaratan Varchar 100 Alasan membuat
surat
4 U_kk Text Upload kk
5 U_ktp Varcha 50 Upload ktp
6 U_suratpengantar Varchar 50 Upload surat
pengantar RT
7 Status Enum Tolak,
menunggu,
lengkap, paraf
8 Jenis_surat Varchar 100 Jenis surat

3) Tabel S_brumah
Tabel s_brumah digunakan untuk menampung data surat belum

memiliki rumah.

Nama: S_brumah

Primary key: id*


Foreign key: nik**
Tabel 4.5 s_brumah
No Field Type Size Keterangan
1 Id* Int 11 Primary
2 Nik** Int 15 Nomor induk
kependudukan
3 No_hp Varchar 15 Nomor telepon
4 Alasan_surat varchar 100 Alasan membuat
surat
5 U_kk varchar 100 Upload kartu
keluarga
6 U_ktp Varcha 50 Upload kartu
tanda penduduk
56

No Field Type Size Keterangan


7 U_suratpengantar Varchar 50 Upload surat
pengantar RT
8 Status enum Tolak,
menunggu,
lengkap, paraf
9 Jenis_surat Varchar 100 Jenis surat

4) Tabel S_aktekelahiran

Tabel struktur digunakan untuk menampung data surat

keterangan akte kelahiran.

Nama tabel : S_aktekelahiran

Primary key: id*

Foreign key :nik**

Tabel 4.6 Tabel S_aktekelahiran

No Field Type Size Keterangan


1 Id* Int 11 Primary
2 Nik** Int 15 Nomor induk
kependudukan
2 No_hp Varchar 15 Nomor telepon
3 U_rmhsakit varchar 50 Upload surat
pengantar rumah
sakit/puskesmas
4 U_kk varchar 50 Upload kartu
keluarga
5 U_ktp Varchar 50 Upload kartu
tanda penduduk
6 U_suratnikah varchar 50 Upload surat
nikah
7 U_suratpengantar Varchar 50 Upload surat
pengantar RT
57

No Field Type Size Keterangan


8 Status enum Tolak,
menunggu,
lengkap, paraf

9 Jenis_surat Varchar 100 Jenis surat

5) Tabel S_aktekematian

Tabel sambutan digunakan untuk menampung data surat

keterangan kematian.

Nama tabel : S_aktekematian.

Primary key: id*

Foreign key: nik**

Tabel 4.7Tabel S_aktekematian

No Field Type size Keterangan


1 Id* Int 11 Primary
2 Nik** Int 15 Nomor induk
kepegawaian
2 No_hp Varchar 15 Nomor telepon
3 Nama varchar 30 Nama yang ingin
dibuat keterangan
kematian
4 Waktu varchar 50 Hari, tanggal dan
tempat yang
meninggal
5 U_ktp Varchar 50 Upload kartu
tanda penduduk
yang meninggal
6 U_kk varchar 50 Upload kartu
keluarga yang
meninggal
58

No Field Type size Keterangan


7 U_suratpengantar Varchar 50 Upload surat
pengantar RT
8 Keterangan varchar 50 upload
dokter keterangan dari
dokter/
puskesmas/rumah
sakit
9 Status enum Tolak,
menunggu,
lengkap, paraf
10 Jenis_surat Varchar 100 Jenis surat

6) Tabel S_domisili

Tabel S_domisili digunakan untuk menampung data surat

keterangan domisili tempat tinggal.

Nama tabel: S_domisili

Primary key: id*

Foreign key :nik**

Tabel 4.8Tabel S_domisili

No Field Type size Keterangan


1 Id* Int 11 Primary
2 Nik** Int 15 Nomor induk
kepegawaian
3 No_hp Varchar 15 Nomor telepon

4 U_ktp Varchar 50 Upload kartu


tanda penduduk
5 U_kk varchar 50 Upload kartu
keluarga
59

No Field Type size Keterangan


6 U_suratpengantar Varchar 50 Upload surat
pengantar RT
7 Tujuan_surat text Tujuan membuat
surat
8 Status enum Tolak,
menunggu,
lengkap, paraf
9 Jenis_surat Varchar 100 Jenis surat

7) Tabel S_imb
Tabel S_imb digunakan untuk menampung data surat

keterangan izin mendirikan bangunan.

Nama tabel: S_imb

Primary key: id*

Foreign key:nik**

Tabel 4.9Tabel S_imb

No Field Type size Keterangan


1 Id* Int 10 Primary
2 Nik** Int 15 Nomor induk
kependudukan
3 No_hp Varchar 15 Nomor telepon
4 No_sertifikat Varchar 30 Nomor sertifikat
hak bangunan
5 No_gsituasi Varchar 20 Nomor gambar
situasi
6 U_kk Varchar 50 Upload kartu
keluarga
7 U_ktp Varchar 50 Upload kartu
tanpa penduduk
8 U_suratpengantar Varchar 50 Upload surat
pengantar RT
60

No Field Type size Keterangan


9 Status enum Tolak,
menunggu,
lengkap, paraf
10 Jenis_surat Varchar 100 Jenis surat

8) Tabel S_izinkeramaian

Tabel S_izinkeramaian digunakan untuk menampung data

surat izin keramaian.

Nama tabel: S_izinkeramaian

Primary key: id*

Foreign key: nik**

Tabel 4.10Tabel S_izinkeramaian

No Field Type size Keterangan


1 Id* Int 11 Primary
2 Nik** Int 15 Nomor induk
kependudukan
3 No_hp Varchar 15 Nomor telepon
4 Acara Varchar 50 Acara kegiatan
5 Hari_p Varchar 30 Hari pelaksanaan
kegiatan
6 Waktu_p Varchar 30 Waktu
pelaksanaan
kegiatan
7 Hari_p Varchar 50 Hari pelaksanaan
kegiatan
8 U_ktp Varchar 100 Upload kartu
tanda penduduk
9 U_suratpengantar Varchar 50 Upload surat
pengantar RT
61

No Field Type size Keterangan


10 Status Enum Tolak,
menunggu,
lengkap, paraf
11 Jenis_surat Varchar 100 Jenis surat

9) Tabel S_kip

Tabel ini digunakan untuk menampung data surat pengantar

KIP sekolah.

Nama tabel: S_kip

Primary key: id*

Foreign key:nik**

Tabel 4.12 Tabel S_kip

No Field Type size Keterangan


1 Id* Int 11 Primary
2 Nik** Int 15 Nomor induk
kependudukan
3 No_hp Varchar 15 Nomor telepon
4 Nama_sekolah Varchar 50 Masukan nama
sekolah
5 U_ktp Varchar 100 Upload kartu
tanda penduduk
orang tua
6 U_suratpengantar Varchar 50 Upload surat
pengantar RT
7 U_kk Varchar 50 Upload kartu
keluarga
8 Status Enum Tolak,
menunggu,
lengkap, paraf
9 Jenis_surat Varchar 100 Jenis surat
62

10) Tabel S_kis

Tabel ini digunakan untuk menampung data surat keterangan

pengantar pembuatan kartu KIS.

Nama tabel: S_kis

Primary key: id*

Foreign key:nik**

Tabel 4.11 Tabel S_kis

No Field Type size Keterangan


1 Id* Int 11 Primary
2 Nik** Int Nomor induk
kependudukan
3 No_hp Varchar 15 Nomor telepon
4 U_ktp Varchar 100 Upload kartu
tanda penduduk
5 U_suratpengantar Varchar 50 Upload surat
pengantar RT
6 U_kk Varchar 50 Upload kartu
keluarga
7 Status Enum Tolak,
menunggu,
lengkap, paraf
8 Jenis_surat Varchar 100 Jenis surat

11) Tabel S_ktanah


Tabel ini digunakan untuk menampung data surat kepemilikan

tanah.

Nama tabel: S_tanah

Primary key: id*

Foreign key:nik**
63

Tabel 4.12 Tabel S_ktanah

No Field Type size Keterangan


1 Id* Int 11 Primary
2 Nik** Int Nomor induk
kependudukan
3 No_hp Varchar 15 Nomor telepon
4 Lokasi_tanah Text Lokasi tanah
yang ingin dibuat
surat keterangan
5 U_ktp Varchar 100 Upload kartu
tanda penduduk
6 U_suratpengantar Varchar 50 Upload surat
pengantar RT
7 U_kk Varchar 50 Upload kartu
keluarga
8 Status Enum Tolak,
menunggu,
lengkap, paraf
9 Jenis_surat Varchar 100 Jenis surat

12) Tabel S_usaha

Tabel ini digunakan untuk menampung data surat keterangan

izin usaha.

Nama tabel: S_usaha

Primary key: id*

Foreign key:nik**
64

Tabel 4.13 Tabel S_usaha

No Field Type size Keterangan


1 Id* Int 11 Primary
2 Nik Int Nomor induk
kependudukan
3 No_hp Varchar 15 Nomor telepon
4 Nama_usaha Varchar 100 Masukan Nama
usaha
5 Lokasi_usaha Varchar 100 Masukan lokasi
usaha
6 U_usaha Varchar 100 Upload foto
usaha
7 U_ktp Varchar 100 Upload kartu
tanda penduduk
8 U_suratpengantar Varchar 50 Upload surat
pengantar RT
9 U_kk Varchar 50 Upload kartu
keluarga
10 Status Enum Tolak,
menunggu,
lengkap, paraf
11 Jenis_surat Varchar 100 Jenis surat

13) Tabel Verifikasi_pemerintahan

Tabel ini digunakan untuk menampung data verifikasi kasi

pemerintahan.

Nama tabel: verifikasi_pemerintahan

Primary key: id*

Foreign key :id surat**


65

Tabel 4.14 Tabel Verifikasi_pemerintahan

No Field Type size Keterangan


1 Id* Int 11 Primary
2 Id_surat** Varchar 15 Id surat
3 Nama Varchar 50 Nama
4 No_hp Varchar 20 Nomor telepon
5 Status Enum Tolak,
menunggu,
lengkap, paraf
6 Jenis_surat Varchar 100 Jenis surat

14) Tabel Verifikasi_pembangunan

Tabel ini digunakan untuk menampung data verifikasi kasi

pembangunan.

Nama tabel: verifikasi_pembangunan

Primary key: id*

Foreign key :id surat**

Tabel 4.15 Tabel Verifikasi_pembangunan

No Field Type size Keterangan


1 Id* Int 11 Primary
2 Id_surat** Varchar 15 Id surat
3 Nama Varchar 50 Nama
4 No_hp Varchar 20 Nomor telepon
5 Status Enum Tolak,
menunggu,
lengkap, paraf
6 Jenis_surat Varchar 100 Jenis surat
66

15) Tabel masyarakat

Tabel ini digunakan untuk menampung data masyarakat.

Nama tabel: Nik

Primary key: nik*

Tabel 4.16 Tabel Masyarakat

No Field Type Size Keterangan


1 nik* Varchar 30 Primary
2 No_kk Varchar 50 Kartu keluarga
3 Nama Varchar 50 Nama
4 Ttl Varchar 40 Tempat tanggal
lahir
5 Jk Enum Laki-laki,
perempuan
6 Alamat Text Alamat
7 Agama Varchar 30 Agama
8 Pekerjaan Varchar 40 Pekerjaan
9 kewarganegaraan Varchar 20 Kewarganegaraan

4.2.2.3 Desain Interface

1) Desain Interface Halaman Beranda

Berikut dalah Desaininterface halaman berandaWebdapat

dilihat pada gambar 4.13 sebagai berikut:


67

Selamat Datang di Website

Kelurahan Talang Kelapa

BERANDA PROFIL PELAYANAN KONTAK & PENGADUAN LOG IN

GAMBAR GAMBAR GAMBAR

Gambar 4.13 Desain interfacehalaman beranda

2) Desain Interface LoginKelurahan

Desain form login untuk akses user masuk ke sistem yang

berisikan field username dan password. Adapun desain form login

dapat dilihat pada gambar4.14.

LOGIN FORM

USERNAME

PASSWORD

MASUK KEMBALI

Gambar 4.14 Desain Interface login


68

3) Desain Interface Login Masyarakat

Adapun desain login warga dapat dilihat pada gambar 4.15.

HARAP MENGISI NIK

NIK

MASUK KEMBALI

Gambar 4.15 Desain interface loginmasyarakat

4) Desain Interface Data Pengguna

Adapun desain data pengguna dapat dilihat pada 4.16.

Kelurahan
Pengguna Sistem
_ x
admin Tambah Data
Search
10
Main menu Show entries

Dashboard No Nama Username jabatan level aksi


xxxx xxxxx xxxxx xxxx
1
Data
Masyarakat

Kontak &
Pengaduan

SETTING

Pengguna
Sistem
Previous 1 Next

Logout

Gambar 4.16 Desain interface data pengguna

5) DesainInterface Data Masyarakat

Adapun desaininterface data masyarakat dapat dilihat pada gambar

4.17.
69

Kelurahan
DATA MASYARAKAT
_ x
Tambah Data
admin Search
10
Show entries
Main menu No NIK NO KK Nama TTL JK Alamat Agama Pekerjaan Kewarganegaraan Aksi
xxxx xxxxx xxxxx xxxx xxxx xxxxxx xxxx
1
Dashboard

Data
Masyarakat

Kontak &
Pengaduan
Previous 1 Next
SETTING

Pengguna
Sistem

Logout

Gambar 4.17 Desain Interface data masyarakat

6) Desain Interface Dashboard Pelayanan

Berikut adalah desain interface dashboard pelayanan dapat

dilihat pada gambar 4.18 sebagai berikut:

SELAMAT DATANG

BUKA BUKA

Gambar 4.18 Desain Interface dashboard Pelayanan

7) Desain Interface Pelayanan Masyarakat

Berikut adalah desain interface halaman pelayanan masyarakat

dapat dilihat pada gambar 4.19 sebagai berikut:


70

Pelayanan

Surat Ket
Surat Ket izin Surat Ket Belum kepemilikan Surat Membuat Surat Ket Belum
Surat Ket IMB
keramaian Menikah Tanah Akte Kemtian Memiliki Rumah

Buat Surat Buat Surat Buat Surat Buat Surat Buat Surat Buat Surat

Surat Ket Surat Ket


Surat Ket Cerai Surat Ket izin Surat Pengantar Pembuatan Kartu Surat Pembuatan Domisili Tempat
Ghoib Usaha KIP Sekolah KIS Akte Kelahiran Tinggal

Buat Surat Buat Surat Buat Surat Buat Surat Buat Surat Buat Surat

Gambar 4.19 Desain Interface Pelayanan masyarakat

8) Desain Interface Pengajuan Surat Keterangan Izin Keramaian

Berikut adalah desain interface pengajuan surat keterangan izin

keramaian dapat dilihat padagambar 4.20 Sebagai berikut:


71

SURAT KET IZIN KERAMAIAN

NO KK

xxxxxxxx

Nama

xxxxxxxx

Jenis Kelamin

Perempuan/laki-laki

Tempat/ Tanggal Lahir

Dd/mm/yy

Agama

xxxxxxx

Pekerjaan

xxxxxxxx

Alamat

xxxxxxxx

ISI FORM DIBAWAH INI!!!


No.HP

number

Tujuan membuat surat

text

Hari pelaksanaan kegiatan

Dd/mm/yy
Waktu pelaksanaan kegiatan

date

Upload KK

Choose Files

Upload KTP

Choose Files

Upload Surat Pengantar RT/RW


Choose Files

Kirim Batal

Gambar 4.20 Desain Interface pengajuan surat keterangan izin


keramaian

9) Desain Interface Pengajuan Surat Belum Menikah


Berikut adalah desain interfacepengajuan surat keterangan belum

menikah dapat dilihat padagambar 4.21 Sebagai berikut:


72

SURAT KET BELUM MENIKAH

NO KK

xxxxxxxx

Nama

xxxxxxxx

Jenis Kelamin

Perempuan/laki-laki

Tempat/ Tanggal Lahir

Dd/mm/yy

Agama

xxxxxxx

Pekerjaan

xxxxxxxx

Alamat

xxxxxxxx

ISI FORM DIBAWAH INI!!!


No.HP

number

Tujuan membuat surat

text

Upload KK

Choose Files

Upload KTP

Choose Files

Upload Surat Pengantar RT/RW

Choose Files

Kirim Batal

Gambar 4.21 Desain Interface pengajuan surat belum


menikah

10) Desain Interface Pengajuan Surat Kepemilikan Tanah


Berikut adalah desain interface pengajuan surat kepemilikan

tanah dapat dilihat padagambar 4.22 Sebagai berikut:


73

SURAT KET KEPEMILIKAN TANAH

NO KK

xxxxxxxx

Nama

xxxxxxxx

Jenis Kelamin

Perempuan/laki-laki

Tempat/ Tanggal Lahir

Dd/mm/yy

Agama

xxxxxxx

Pekerjaan

xxxxxxxx

Alamat

xxxxxxxx

ISI FORM DIBAWAH INI!!!


No.HP

number

Tujuan membuat surat

text

Lokasi Tanah

text

Upload KK

Choose Files

Upload KTP

Choose Files

Upload Surat Pengantar RT/RW

Choose Files

Upload Bukti Lunas PBB

Choose Files

Upload Sertifikat/akte notaris/SPH/GS

Choose Files

Kirim Batal

Gambar 4.22 Desain Interface pengajuan surat kepemilikan


tanah

11) Desain Interface Pengajuan Surat IMB

Berikut adalah desain interface pengajuan surat IMB dapat

dilihat padagambar 4.23 Sebagai berikut:


74

Gambar 4.23 Desain Interface pengajuan surat IMB

12) Desain Interface Pengajuan Surat Keterangan Kematian

Berikut adalah desain interface pengajuan surat keterangan

kematian dapat dilihat padagambar 4.24 Sebagai berikut:


75

SURAT MEMBUAT AKTE KEMATIAN

No. KK

12345678

Nama Pelapor
xxxxxxxx

No. HP

number

Tujuan Membuat Surat

Upload KK Almarhum

Choose Files

Upload KTP Almarhum

Choose Files

Upload Surat Pengantar RT/RW

Choose Files

Upload KTP Pelopor

Choose Files

Upload Ket Dari Dokter/Puskesmas/Rumah Sakit

Choose Files

Kirim Batal

Gambar 4.24 Desain Interface pengajuan surat keterangan


kematian

13) Desain Interface Pengajuan Surat Keterangan Belum Memiliki


Rumah

Berikut adalah desain interface pengajuan surat keterangan belum

memiliki rumah dapat dilihat padagambar 4.25 Sebagai berikut:


76

Gambar 4.25 Desain Interface pengajuan surat keterangan


belum memiliki rumah

14) Desain Interface Pengajuan Surat Keterangan Cerai Ghoib

Berikut adalah desain interface pengajuan surat keterangan

belum memiliki rumah dapat dilihat padagambar 4.26 Sebagai berikut:


77

Gambar 4.26 Desain Interface pengajuan surat keterangan cerai


ghoib

15) Desain Interface Pengajuan Surat Keterangan Izin Usaha

Berikut adalah desain interface pengajuan surat keterangan

izin usaha dapat dilihat padagambar 4.27 Sebagai berikut:


78

Gambar 4.27 Desain Interface pengajuan surat keterangan izin


usaha

16) Desain Interface Pengajuan Surat Keterangan KIP Sekolah

Berikut adalah desain interface pengajuan surat keterangan

KIP sekolah dapat dilihat padagambar 4.28 Sebagai berikut:


79

SURAT PENGANTAR PEMBUATAN KIP SEKOLAH

NO KK

xxxxxxxx

Nama

xxxxxxxx

Jenis Kelamin

Perempuan/laki-laki

Tempat/ Tanggal Lahir

Dd/mm/yy

Agama

xxxxxxx

Pekerjaan

xxxxxxxx

Alamat

xxxxxxxx

ISI FORM DIBAWAH INI!!!


No.HP

number

Tujuan membuat surat

text

Upload KK

Choose Files

Upload KTP orang tua

Choose Files

Upload Surat Pengantar RT/RW


Choose Files

Kirim Batal

Gambar 4.28 Desain Interface pengajuan surat keterangan KIP


sekolah

17) Desain Interface Pengajuan Surat Keterangan Persyaratan KIS

Berikut adalah desain interface pengajuan surat keterangan

persyaratan KIS sekolah dapat dilihat padagambar 4.29 Sebagai

berikut:
80

SURAT KET PEMBUATAN KIS

NO KK

xxxxxxxx

Nama

xxxxxxxx

Jenis Kelamin

Perempuan/laki-laki

Tempat/ Tanggal Lahir

Dd/mm/yy

Agama

xxxxxxx

Pekerjaan

xxxxxxxx

Alamat

xxxxxxxx

ISI FORM DIBAWAH INI!!!


No.HP

number

Tujuan membuat surat

text

Upload KK

Choose Files

Upload KTP orang tua

Choose Files

Upload Surat Pengantar RT/RW


Choose Files

Kirim Batal

Gambar 4.29 Desain Interface pengajuan surat keterangan


persyaratan KIS

18) Desain Interface Pengajuan Surat Keterangan Pembuatan Akte

Kelahiran

Berikut adalah desain interface pengajuan surat keterangan

pembuatan akte kelahiran dapat dilihat padagambar 4.30 Sebagai

berikut:
81

Gambar 4.30 Desain Interface pengajuan surat keterangan


pembuatan akte kelahiran

19) Desain Interface Pengajuan Surat Keterangan Domisili Tempat

Tinggal

Berikut adalah desain interface pengajuan surat keterangan pembuatan

akte kelahiran dapat dilihat pada gambar 4.31 Sebagai berikut:


82

SURAT KET DOMISILI TEMPAT TINGGAL

NO KK

xxxxxxxx

Nama

xxxxxxxx

Jenis Kelamin

Perempuan/laki-laki

Tempat/ Tanggal Lahir

Dd/mm/yy

Agama

xxxxxxx

Pekerjaan

xxxxxxxx

Alamat

xxxxxxxx

ISI FORM DIBAWAH INI!!!


No.HP

number

Tujuan membuat surat

text

Upload KK

Choose Files

Upload KTP

Choose Files

Upload Surat Pengantar RT/RW

Choose Files

Upload Bukti Lunas PBB

Choose Files

Kirim Batal

Gambar 4.31 Desain Interface pengajuan surat keterangan domisili


tempat tinggal
83

4.2.3 Evaluasi Prototype

Dalam penelitian ini, penulis membagikan kusioner kepada calon

pengguna masyarakat, admin, staf pemerintahan, staf pembangunan, kasi

pemerintahan, dan kasi pembangunan pada Kantor Kelurahan Talang Kelapa

Palembang yang berisi 18 pertanyaan. Calon pengguna menigisi kuisioner yang

telah dibagikan sesuai dengan pengalaman dalam menggunakan sistem

informasi yang telah dibangun.

a. Uji Validitas dan Reliabilitas

Hasil uji validitas yang diperoleh terhadap data hasil pengisian

kuisioner menunjukkan bahwa semua data dinyatakan valid.

Gambar 4. 32 tabel Correlations


84

Untuk uji reliabilitas di ketahui bahwa semua variable pengamatan

pada kuisioner dinyatakan reliabel hal ini ditunjukkan bahwa nilai

Cronbach’s Alpha yaitu 0,948.

Tabel 4. 17 nilai Cronbach’s Alpha

Variabel Jumlah Atribut Nilai Alpha Keterangan

Usability
Testing 18 0,948 Reliabel

b. Analisa Usability Testing

Dalam analisa Usability Testing dimana dihitung dan dilihat dari hasil

jawaban kuisioner Usability Testing berdasarkan Nielsen dan Teknik analisis

data yang digunakan adalah analisis persentase relatif, yaitu menafsirkan data

dengan cara membuat persentase dari setiap data responden yang diperoleh.

Hasil perhitungan dari masing-masing indikator Usability Testing

dengan Nielsen model di dapatkan sebagai berikut:

1. Learnability

Pada aspek ini adalah penilaian dalam kemudahan pengguna dalam

mengoperasikan website Kelurahan Talang Kelapa dan seberapa paham

pengguna ketika mengoperasikannya saat pertama kali.

Tabel 4. 18 Learnability
85

Aspek Alternatif Jumlah Bobot Hasil Persentase


penilaian Jawaban Jawaban

Sangat Setuju 6 5 30 27.27


Setuju 11 4 44 50
Cukup 5 3 15 22.72
Tidak Setuju 0 2 0 -
Sangat Tidak 0 1 0 -
Setuju

Jumlah 22 89 100,00
Learnability Rata- 4,04
Rata (Baik)

Dari data diatas menunjukkan bahwa kemudahan dalam

pengoperasian website Kelurahan Talang Kelapa memiliki bobot yang

tinggi dari responden, apabila dihubungkan dengan skala interpretasi

skornya adalah 4,04% yaitu tergolong baik.

2. Memorability

Pada aspek ini adalah penilaian dalam kemudahan responden dalam

mengingat tampilan website Kelurahan Talang Kelapa saat pertama kali

mengaksesnya dan dimana saat user sudah lama tidak mengaksesnya lagi

apakah masih dapat mengingat tampilan dari website tersebut.

Tabel 4. 19 Memorability
86

Aspek Alternatif Jumlah Bobot Hasil Persentase


penilaian Jawaban Jawaban
Sangat Setuju 6 5 30 50
Setuju 5 4 20 41.66
Cukup 1 3 3 0.83
Tidak Setuju 0 2 0 -
Memorability Sangat Tidak 0 1 0 -
Setuju
Jumlah 12 53 100,00
4,41
Rata- (Sangat
Rata Baik)

Dari data diatas menjukkan bahwa kemudahan dalam pengoperasian

website meimiliki bobot yang tinggi dari responden, apabila dihubungkan

dengan skala interpretasi skornya adalah, 4,41% yaitu tergolong sangat

baik.

3. Effciency

Pada aspek ini adalah penilaian dalam tingkat penguasaan kemampuan

pengguna dalam tingkat penguasaan kemampuan pengguna dalam

mengoperasikan fitur-fitur yang terdapat dalam website kelurahan talang

kelapa dan keefisiensinya website tersebut.


87

Tabel4.20 Efficiency

Aspek Alternatif Jumlah Bobot Hasil Persentase


penilaian Jawaban Jawaban
Sangat Setuju 6 5 30 33.33
Setuju 11 4 44 61.11
Cukup 1 3 3 5.55
Tidak Setuju 0 2 0 -
Effciency Sangat Tidak 0 1 0 -
Setuju
Jumlah 18 77 100,00
4,27
Rata- (Sangat
Rata Baik)

Dari data diatas menunjukkan bahwa kemudahan dalam

pengoperasian website memiliki bobot yang tinggi dari responden, apabila

dihubungkan dengan dengan skala interpretasi skornya adalah, 4,27%

yaitu tergolong sangat baik.

4. Errors

Dalam aspek ini adalah penilaian dimana responden merasa atau

mendapatkan website mengalami masalah yang terjadi saat diakses dan

menemukan error disaat menggunakan website tersebut.

Tabel 4. 21 Errors
88

Aspek Alternatif Jumlah Bobot Hasil Persentase


penilaian Jawaban Jawaban

Sangat Setuju 0 5 0 -

Errors Setuju 0 4 0 -
Cukup 0 3 0 -
Tidak Setuju 18 2 36 1.00
Sangat Tidak 0 1 0 -
Setuju
Jumlah 18 36 100,00
2.61
Rata- (cukup baik)
Rata

Dari data diatas menunjukkan bahwa dalam pengoperasian website

tidak terdapat error atau kendala sehingga mendapatkan skala interpretasi

skornya adalah 2,61%

5. Satisfaction

Dalam aspek ini adalah penilaian responden dalam kepuasan dan

kenyamanan menggunakan website dan mempermudah responden.

Tabel 4. 22 Satisfaction

Aspek Alternatif Jumlah Bobot Hasil Persentase


penilaian Jawaban Jawaban
Sangat Setuju 12 5 60 50
Setuju 11 4 44 45.83
Cukup 1 3 3 4.16
Tidak Setuju 0 2 0 -
Satisfaction Sangat Tidak 0 1 0 -
Setuju
Jumlah 24 107 100,00
4,45
Rata- (Sangat
Rata Baik)
89

Dari data diatas menunjukkan bahwa kemudahan dalam pengoperasian

website memiliki bobot yang tinggi dari responden apabila dihubungkan

dengan skala interpretasi skornya adalah 4,45%

C. Analisa dan Pembahasan


Tabel 4.23 Nilai Keseluruhan

No Variabel Rata-rata Kategori


1. Learnability 4,04 Baik
2. Memorability 4.41 Sangat baik
3. Effciency 4,27 Baik
4. Errors 2,61 Cukup
5. Satisfaction 4,45 Sangat baik
Rata-rata 3,95 Baik

Berikut adalah analisa hasil pengolahan dan penelitian yang telah

dilakukan. Berdasarkan analisa dan pengolahan data yang terdiri dari

penentuan jumlah responden, uji validitas, uji reliabilitas danperhitungan

usability berdasarkan Nielsen dengan metode usability testing adalah

sebagai berikut

1. Hasil uji validitas dengan jumlah responden sebanyak 6 orang

menunjukkan semua item atribut penelitian valid.

2. Hasil uji reliabilitas yang dilakukan dengan kuisioner usability memiliki

nilai Alpha 0,948 dimana menunjukkan bahwa kuisioner Usability

Reliabel.
90

3. Hasil perhitungan untuk mendapatkan kepuasan dan kenyamanan dalam

menggunakan website dengan Usability berdasarkan Nielsen dengan

metode Usability Testing mendapatkan nilai 3,95%.

4. Berdasarkan nilai tersebut meunjukkan bahwa responden nyaman dengan

menggunakan web.

4.2.4 Pengkodean Sistem

1) Tampilan Halaman Beranda Website

Berikut ini merupakan gambar tampilan halaman home pada

website Kelurahan Talang Kelapa. Tampilan halaman home

menampilkan informasi profil, pelayanan, kontak dan pengaduan serta

login kelurahan. Gambar tampilan website dapat dilihat pada gambar

4.33 Dibawah ini:

Gambar 4.33 Tampilan Halaman Website


91

2) Tampilan Halaman Form Login Kelurahan

Pada form login, user akan melakukan proses login dengan

memasukkan username dan password untuk dapat masuk ke

dashboard sistem. Adapun tampilan form login dapat dilihat pada

gambar 4.34.

Gambar 4.34 Tampilan halaman form login Kelurahan

3) Tampilan Halaman Login Pelayanan Masyarakat

Pada form login pelayanan masyarakat, masyarakat akan

melakukan proses login dengan memasukkan NIK untuk dapat masuk

ke dashboard pelayanan. Adapun tampilan form login pelayanan

masyarakat dapat dilihat pada gambar 4.35:


92

Gambar 4.35 Tampilan halaman form login pelayanan

4) Tampilan Halaman Data Masyarakat

Pada halaman data masyarakat dapat dilihat oleh admin, admin

bisa menambahkan data masyarakat untuk registrasi pelayanan.

Adapun tampilan halaman data masyarakat dapat dilihat pada gambar

4.36.

Gambar 4.36 Tampilan halaman data masyarakat

5) Tampilan Halaman Data Pengguna

Pada halaman data pengguna dapat dilihat oleh admin, admin

bisa mengubah username serta password user pengguna yang lain


93

Adapun tampilan halaman data pengguna dapat dilihat pada gambar

4.37.

Gambar 4.37 Tampilan halaman data pengguna

6) Tampilan Halaman Dashboard Pelayanan

Pada halaman dashboard pelayanan menampilkan dua piliha

menu yaitu cek surat dan requesh buat surat. Adapun tampilan

halaman dapat dilihat pada gambar 4.38.

Gambar 4.38 Tampilan halaman dashboard pelayanan

7) Tampilan Halaman Pelayanan Pengajuan Surat

Pada halaman pelayanan pengajuan surat yang dilihat oleh

masyarakat terdapat beberapa surat izin keramaian, surat keterangan


94

belum menikah, surat keterangan kepemilikan tanah, surat IMB, surat

keterangan belum memiliki rumah, surat keterangan cerai ghoib, surat

keterangan izin usaha, surat pengantar KIP sekolah, surat pengantar

persyaratan KIS, surat pembuatan akte kelahiran, surat keterangan

domisili tempat tinggal. Adapun tampilan halaman dapat dilihat pada

gambar 4.39.

Gambar 4.39 Tampilan halaman pelayanan pengajuan surat


95

8) Tampilan Form Pengajuan Surat Izin Keramaian

Pada tampilan form pengajuan surat izin keramaian

masyarakat melakukan input data yang dibutuhkan. Adapun tampilan

halaman dapat dilihat pada gambar 4.40.

Gambar 4.40 Tampilan form pengajuan surat izin keramaian


96

9) TampilanForm Pengajuan Surat Keterangan belum menikah

Pada tampilan form pengajuan surat Keterangan belum

menikah masyarakat melakukan input data yang dibutuhkan. Adapun

tampilan halaman dapat dilihat pada gambar 4.41.

Gambar 4.41 Tampilan form pengajuan surat keterangan belum


menikah
97

10) TampilanForm Pengajuan Surat Ket Kepemilikan Tanah

Pada tampilan form pengajuan surat ket kepemilikan tanah

masyarakat melakukan input data yang dibutuhkan. Adapun tampilan

halaman dapat dilihat pada gambar 4.42.

Gambar 4.42 Tampilan form pengajuan surat keterangan

kepemilikan tanah
98

11) Tampilan Form Pengajuan Surat Ket IMB

Pada tampilan form pengajuan surat ket IMB masyarakat

melakukan input data yang dibutuhkan. Adapun tampilan halaman

dapat dilihat pada gambar 4.43.

Gambar 4.43 Tampilan form pengajuan surat ket IMB


99

12) Tampilan Form Pengajuan Surat Ket Kematian

Pada tampilan form pengajuan surat ket kematian masyarakat

melakukan input data yang dibutuhkan. Adapun tampilan halaman

dapat dilihat pada gambar 4.44.

Gambar 4.44 Tampilan form pengajuan surat ket kematian

13) Tampilan Form Pengajuan Surat Ket Belum Memiliki Rumah

Pada tampilan form pengajuan surat ket belum memiliki rumah

melakukan input data yang dibutuhkan. Adapun tampilan halaman

dapat dilihat pada gambar 4.45.


100

Gambar 4.45 Tampilan form pengajuan surat ket belum memiliki


rumah

14) TampilanForm Pengajuan Surat Ket Cerai Ghoib

Pada tampilan form pengajuan surat ket cerai ghoib melakukan

input data yang dibutuhkan. Adapun tampilan halaman dapat dilihat

pada gambar 4.46.


101

Gambar 4.46 Tampilan form pengajuan surat cerai ghoib

15) TampilanForm Pengajuan Surat Ket Izin Usaha


Pada tampilan form pengajuan surat ket izin usaha melakukan

input data yang dibutuhkan. Adapun tampilan halaman dapat dilihat

pada gambar 4.47.


102

Gambar 4.47 Tampilan form pengajuan surat izin usaha

16) Tampilan Form Pengajuan Surat Pengantar KIP Sekolah


Pada tampilan form pengajuan surat pengantar KIP sekolah

melakukan input data yang dibutuhkan. Adapun tampilan halaman

dapat dilihat pada gambar 4.48.


103

Gambar 4.48 Tampilan form pengajuan surat pengantar KIP


sekolah

17) TampilanForm Pengajuan Surat Pengantar Pembuatan KIS


Pada tampilan form pengajuan surat pengantar pembuatan KIS

melakukan input data yang dibutuhkan. Adapun tampilan halaman

dapat dilihat pada gambar 4.49.


104

Gambar 4.49 Tampilan form pengajuan surat pengantar


pembuatan KIS

18) TampilanForm Pengajuan Surat Ket Pembuatan Akte Kelahiran


Pada tampilan form pengajuan surat keterangan pembuatan

akte kelahiran melakukan input data yang dibutuhkan. Adapun

tampilan halaman dapat dilihat pada gambar 4.50.


105

Gambar 4.50 Tampilan form pengajuan surat keterangan


pembuatan akte kelahiran

19) Tampilan Form Pengajuan Surat Ket Domisili Tempat Tinggal


Pada tampilan form pengajuan surat keterangan domisili

tempat tinggal melakukan input data yang dibutuhkan. Adapun

tampilan halaman dapat dilihat pada gambar 4.51.


106

Gambar 4.51 Tampilan form pengajuan surat keterangan domisili


tempat tinggal

20) Tampilan Halaman Dashboard Kasi Verifikasi Surat


Pada tampilan halaman verifikasi Surat melakukan verifikasi

dengan mengklik tombol setuju. Adapun tampilan halaman dapat

dilihat pada gambar 4.52.


107

Gambar 4.52 Tampilan Halaman Dashboard Kasi Verifikasi Surat


108

4.2.5 Pengujian Sistem

pada tahap pengujian sistem informasi pelayanan masyarakat pada

kelurahan talang kelapa menggunakan metode black box testing dalam

melakukan pengujiannya.

Tabel 4.24 proses pengujian form login kelurahan

No Skenario pengujian Hasil yang Hasil


diharapkan pengujian
1 Mengosongkan username dan Sistem akan Valid
password lalu klik “login” menolak akses login
Hasil Pengujian:

Test case:

2 Hanya mengisi salah satu Sistem akan Valid


data lalu klik “login” menolak akses login
Test case: Hasil Pengujian:

3 Mengisi dengan salah satu Sistem akan Valid


data benar dan data salah, menolak akses login
lalu klik “login” Hasil Pengujian:
Test case:

4 Menghasilkan username dan Sistem menerima Valid


password benar lalu klik akses login
“login” Hasil Pengujian:
Test case:
109

Tabel 4.25 proses pengujian admin

No Skenario pengujian Hasil yang Hasil


diharapkan pengujian
1 Sistem dapat melakukan Sistem sukses input Valid
tambah nik masyarakat data NIK
dengan mengklik tombol Hasil pengujian:
tambah maka sistem akan ke
halaman form tambah NIK
Test case:

2 Sistem dapat melakukan ubah Sistem sukses ubah Valid


NIK masyarakat dengan data NIK
mengklik tombol ubah maka Hasil pengujian:
sistem akan ke halaman form
edit NIK masyarakat
Test case:

3 Sistem dapat melakukan Sistem akan Valid


proses hapus data NIK menghapus data
dengan mengklik tombol NIK jika user
hapus lalu akan muncul memilih “oke
pilihan “oke” atau “cancel” Hasil pengujian:
Test case:

4 Sistem dapat melakukan Sistem akan Valid


proses hapus data pengaduan menghapus data
dengan mengklik tombol pengaduan jika user
hapus lalu akan muncul memilih “oke
pilihan “oke” atau “cancel” Hasil pengujian:
Test case:
110

No Skenario pengujian Hasil yang Hasil


diharapkan pengujian
5 Sistem dapat melakukan ubah Sistem sukses ubah Valid
data Pengguna sistem data pengguna
dengan mengklik tombol sistem
ubah maka sistem akan ke Hasil pengujian:
halaman form edit pengguna
sistem
Test case:

6 Sistem dapat melakukan Sistem akan Valid


proses hapus data pengguna menghapus data
sistem dengan mengklik pengguna sistem
tombol hapus lalu akan jika user memilih
muncul pilihan “oke” atau “oke
“cancel” Hasil pengujian:
Test case:

7 Sistem dapat melakukan sistem akan keluar Valid


proses logout dari halaman dari halaman admin,
admin dengan mengklik dan menuju
menu logout akan muncul halaman login
pilihan “oke” atau “cancel” kembali
Test case: hasil pengujian:
111

4.26 proses pengujian pelayanan masyarakat

No Skenario pengujian Hasil yang Hasil


diharapkan pengujian
1 Pada field upload file pada sistem sukses Valid
form surat masyarakat hanya menerima data yang
bisa upload dengan ekstensi di upload oleh
png, jpg, pdf. masyarakat
Test case: Hasil pengujian:

2 Pada field upload file pada sistem menolak data Valid


form surat masyarakat hanya yang di upload oleh
bisa upload dengan ekstensi masyarakat
png, jpg, pdf, tetapi akan Hasil pengujian:
memasukan file ekstensi
docx
Test case:

4.27 proses pengujian verifikasi surat

No Skenario pengujian Hasil yang Hasil


diharapkan pengujian
1 Sistem dapat melalukan cek Sistem akan ke Valid
form yang telah diinput halaman form surat
masyarakat dengan mengklik yang diinput
tombol lihat masyarakat
Test case: Hasil pengujian:

2 Sistem dapat melakukan Sistem sukses Valid


proses verifikasi surat dengan veifikasi surat
mengklik tombol “verifikasi” Hasil pengujian:
Test case:
BAB V

PENUTUP

5.1 Kesimpulan

Adapun pembahasan yang dilakukan sebelumnya, dapat diambil kesimpulan

sebagai berikut:

1. Telah dihasilkannya sebuah rancang bangun website sistem informasi

pelayanan masyarakat di kelurahan talang kelapa yang bermanfaat bagi staf

kelurahan dan masyarakat dalam melakukan proses kegiatan pelayanan yang

melibatkan masyarakat, staf Kelurahan serta Kasi (Kepala Seksi).

2. Sistem ini dibangun menggunakan metode prototype yang terdiri dari tahap

planning, design, coding dan test, yang menghasilkan sebuah sistem

informasi berbasis website.

3. Sistem informasi ini akan mempermudah masyarakat talang kelapa untuk

pengajuan surat keterangan karena masyarakat bisa mengisi data serta

melakukan pengajuan pembuatan surat secara mandiri sehingga bagian

pelayanan tinggal mencetak surat dari sistem yang ada.

4. Hasil perhitungan untuk mendapatkan kepuasan dan kenyamanan dalam

menggunakan website dengan usability berdasarkan Nielsen dengan metode

Usability Testing mendapatkan nilai 3,95% yang berarti baik.

112
113

5.2 Saran

Saran yang dapat diberikan untuk kelanjutan dalam penelitian ini yaitu:

1. Sistem informasi ini berbasis web, oleh karena itu disarankan untuk

menghindari dari hal-hal yang tidak diinginkan terhadap keamanan data,

yang meliputi kerusakan dan kehilangan data, perlunya pembuatan back up

file atau data.

2. Perancangan sistem informasi pelayanan masyarakat untuk kedepanya dapat

dikembangkan menjadi aplikasi berbasis mobile.


DAFTAR PUSTAKA

Agustina, T. 2017. Implementasi Pendidikan Karakter di Smp Negeri 1 Teluk Gelam


dalam Mengatasi Sikap Primodialisme. Jurnal Manajemen,
Kepemimpinan, dan Supervisi Pendidikan, 2(2), 203-216.
Al-Husain, F. A. (n.d.). Perancangan Database. Al-Husain, Felita Aryanti dan
Sinudarwati. 2016. Perancangan Database Relational pada Toko
Buku Online. Jurnal Cerita. Tangerang : Perguruan Tinggi Raharja.
ISSN : 2461-1417. Vol.2 No.2.
AnandaSyelfiy. 2021. Rancang Bangun Sistem Informasi Pelayanan pada Kelurahan
Baloi Permai. Jurnal Comasie, Vol.04, No 05.
Chintia Desy Ade, d. 2020. Sistem Informasi Pelayanan Masyarakat di Kelurahan
Panarung, Kecamatan Pahandut Palangkaraya Berbasis Web. Jurnal
Teknologi Informasi, Vol.14, No 01
Destiningrum, A. 2017. Sistem Informasi Penjadwalan Dokter Berbassis Web
Dengan Menggunakan Framework Codeigniter (studi kasus: rumah
sakit yukum medical centre). Jurnal teknoinfo, 11(2), 30-37
Gani, Irwan dan Siti Amalia. 2018. Alat Analisis Data: Aplikasi Statistik untuk
Penelitian Bidang Ekonomi dan Sosial. Yogyakarta: Andi.
Jaya, Tri Shandika dan Dewi Kania Widyawati. 2019. Pengembangan E-Market
Place Pertanian dengan Metode Prototype. Jurnal Prosiding Seminar
Nasional Pengembangan Teknologi Pertanian, 27-34, ISSN: 2715-
4917.
Khasanah, Asli Khatul. 2015. Pengembangan dan Analisis Kualitas Berdasarkan
ISO 9126 Aplikasi Pendeteksi Gaya Belajar Model VAK (Visul,
Auditorial, Kinestetik) Berbasis Web. Skripsi. Pendidikan Teknik
Informatika. Fakultas Teknik. Universitas Negeri Yogyakarta.

xvii
Kurniawan, Wahyu Joni. 2017. Sistem Informasi Pengelolaan Laboratorium
Komputer UPI-YPTK Padang.Jurnal Edik Informatika, Vol. 2, No. 1,
ISSN: 2407-0491.
Kusnandar dan Pawit M. Yusup. 2015. Pengembangan Modul Public Users pada
Sistem Informasi Kearsipan Akademik Elektronik (SIAMEL). Jurnal
Kajian Informatika & Perpustakaan, 3(1), 1-8.
Maniah dan Dini Hamidin. 2017. Analisis dan Perancangan Sistem Informasi.
Yogyakarta: Deepublish.
Maulani, Giandari., Septiani, D., dan Sahara, P. N. F. 2018.Rancang Bangun Sistem
Informasi Inventory Fasilitas Maintenance Pada Pt. Pln (Persero)
Tangerang. ICIT Journal. 4(2).
Rahmadi, Moch Luthfi. 2013. Tips Membuat Website tanpa Coding & Langsung
Online. Yogyakarta: Andi.
Romney, Marshall B. dan Paul John Steinbart. 2015. Accounting Information Systems
(Thirteenth Edition). Jakarta: Elex Media Komputindo.
Setiawan Iwan, dkk. 2018. Rancang Bangun Website Kecamatan Prabumulih
Selatan. Teknomatika, Vol.08, No 02
Shalahuddin, M. R. 2018. Rekayasa perangkat lunak terstruktuk dan berorientasi
objek . Bandung. Infomatika.
Simargolang. 2018. Aplikasi Pelayanan Jasa Laundry Berbasis WEB. Jurnal
Teknologi Informasi, 2(1), 9-4.
Sonata, R.Y dan N. Rochmawati. 2017. Sistem Informasi Manajemen Laboratorium
Teknik Informatika Universitas Negeri Surabaya. Jurnal Manajemen
Informatika, Vol.7, No.2.
Susanti, H. k. 2017. Pengaruh bauran pemasaran (4p) terhadap keputusan
pembelian perumahan pt. berlian bersaudara propertindo. Jurnal
ilmiah ekonomi global masa kini, 8(1), 43-49.
Sulianta, Feri dan Fajri Rakhmat Umbara. 2015. Teknik Hebat Merancang Aplikasi
Instan Berkualitas. Jakarta: Elex Media Komputindo.

xviii
Y. Kustiyahningsih, D. Rosa. 2011. Pemrograman Basis Data Berbasis
webMenggunakan PHP dan Mysql. Yogyakarta: Graha Ilmu.
Yulia, T. 2017. Peranan organisasi ikatan keluarga sumatera barat dalam
melestarikan kebudayaan minangkabau di kota batam tahun 2012-
2016. Jurnal Program Studi Pendidikan Sejarah, 2(2), 1-16.

xix

Anda mungkin juga menyukai