Top Banner
SKRIPSI IMPLEMENTASI SISTEM INFORMASI KEPENDUDUKAN BERBASIS WEB MOBILE UNTUK MENINGKATKAN PELAYANAN ADMINISTRASI KEPENDUDUKAN DESA BANTAR Diajukan untuk memenuhi salah satu syarat memperoleh gelar Sarjana Teknik Informatika Disusun oleh: Sri Maryati Afriani 311510188 PROGRAM STUDI TEKNIK INFORMATIKA FAKULTAS TEKNIK UNIVERSITAS PELITA BANGSA BEKASI 2019
132

1590608342507_SKRIPSI - Ok - fix.pdf

Mar 27, 2023

Download

Documents

Khang Minh
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: 1590608342507_SKRIPSI - Ok - fix.pdf

SKRIPSI

IMPLEMENTASI SISTEM INFORMASI KEPENDUDUKAN

BERBASIS WEB MOBILE UNTUK MENINGKATKAN

PELAYANAN ADMINISTRASI KEPENDUDUKAN

DESA BANTAR

Diajukan untuk memenuhi salah satu syarat

memperoleh gelar Sarjana Teknik Informatika

Disusun oleh:

Sri Maryati Afriani

311510188

PROGRAM STUDI TEKNIK INFORMATIKA

FAKULTAS TEKNIK

UNIVERSITAS PELITA BANGSA

BEKASI

2019

Page 2: 1590608342507_SKRIPSI - Ok - fix.pdf

i

Page 3: 1590608342507_SKRIPSI - Ok - fix.pdf

ii

Page 4: 1590608342507_SKRIPSI - Ok - fix.pdf

iii

Page 5: 1590608342507_SKRIPSI - Ok - fix.pdf

iv

Page 6: 1590608342507_SKRIPSI - Ok - fix.pdf

v

UCAPAN TERIMA KASIH

Segala puji dan syukur penulis panjatkan kehadirat Allah SWT yang telah

melimpahkan rahmat dan hidayah-Nya sehingga penulis dapat menyelesaikan skripsi

dengan judul “IMPLEMENTASI SISTEM INFORMASI KEPENDUDUKAN

BERBASIS WEB MOBILE UNTUK MENINGKATKAN PELAYANAN

ADMINISTRASI KEPENDUDUKAN DESA BANTAR” dapat penulis selesaikan

sesuai dengan rencana karena dukungan dari berbagai pihak. Oleh karena itu penulis

mengucapkan terimakasih kepada:

1. Allah SWT yang telah memberikan rahmat serta kesehatan kepada penulis.

2. Hamzah M. Mardi Putra, S.K.M., M.M sebagai Rektor Universitas Pelita Bangsa.

3. Putri Anggun Sari S.Pt., M.Si Sebagai Dekan Fakultas Teknik Universitas Pelita

Bangsa.

4. Aswan S. Sunge, S.E., M.Kom selaku ketua Program Studi Teknik Informatika.

5. Arif Siswandi, S.Kom., M.M, dan Dr. Ir. Supriyanto, M.P. selaku Dosen

Pembimbing yang telah memberikan bimbingan dan masukan kepada penulis.

6. Seluruh Dosen pengajar Teknik Informatika Universitas Pelita Bangsa yang telah

mendidik dan memberikan pengetahuan selama mengikuti perkuliahan.

7. Orang tua dan keluarga tercinta yang telah memberikan dukungan moril, do’a

dan kasih sayang.

8. Teman-teman mahasiswa Teknik Informatika Universitas Pelita Bangsa yang

selalu membantu dalam setiap kesempatan dan saling memberikan semangat.

Semoga Allah SWT memberikan balasan yang lebih besar kepada beliau-beliau.

Penulis berharap semoga skripsi ini dapat bermanfaat bagi semua pihak yang

membacanya.

Bekasi, 02 Desember 2019

Sri Maryati Afriani

Page 7: 1590608342507_SKRIPSI - Ok - fix.pdf

vi

ABSTRAK

Pada penelitian ini, dibagian staff pemerintahan sering terjadi kesalahan dalam

mengolah atau mendata penduduk mengenai pembuatan laporan jumlah penduduk

karena harus merekap satu persatu secara manual dari masing-masing buku tentang

peristiwa mutasi penduduk serta pada saat melayani pembuatan surat pengantar

pembuatan KTP (Kartu Tanda Penduduk), surat pengantar pembuatan KK (Kartu

Keluarga), akta kelahiran, surat kematian, surat penduduk pindah dan surat penduduk

datang masih menggunakan belangko. Pelayanan informasi kependudukan tersebut

tentunya kurang efektif dan efisien. Maka dari itu dibutuhkan sebuah aplikasi untuk

memudahkan pekerjaan-pekerjaan staff pemerintahan yang masih manual. Tujuan

dilakukannya penelitian ini adalah untuk merancang dan mengimplementasikan sistem

informasi kependudukan desa Bantar dalam proses pencarian data kependudukan di

desa Bantar agar lebih cepat. Metode penelitian yang digunakan menggunakan

pendekatan OOP (Object Oriented Programming) sedangkan metode pengembangan

sistem aplikasi ini menggunakan metode waterfall. Pembuatan perangkat luak dalam

skripsi ini penulis menggunakan PHP Framework Codeigniter, Sublime Text 3, dan

untuk database menggunakan PHPMyadmin. Hasil pembuatan aplikasi ini yaitu dapat

menginput menyimpan dan mencetak data-data penduduk. Pengujian terhadap aplikasi

ini menggunakan blackbox testing. Penelitian ini menunjukkan bahwa aplikasi sistem

informasi kependudukan ini dapat mempermudah staff pemerintahan dalam mengolah

data-data penduduk.

Kata kunci : Sistem informasi, php, mysql, kependudukan.

Page 8: 1590608342507_SKRIPSI - Ok - fix.pdf

vii

ABSTRACT

In this research, in the government staff section there is often a mistake in

processing or recording population data regarding the population report because they

have to manually recap one by one from each book about the population mutation event

and when serving in making a letter of introduction for KTP (Resident Identity Card),

cover letter for making KK (Family Card), birth certificate, death certificate, resident's

letter and resident's letter, still come using blank. The population information service

is certainly less effective and efficient. Therefore an application is needed to facilitate

the work of government staff who are still manual. The purpose of this research is to

design and implement a population information system in the Bantar village in the

process of finding population data in the Bantar village so that it is faster. The research

method used uses the OOP (Object Oriented Programming) approach while the

application system development method uses the waterfall method. Making badger

tools in this thesis the author uses PHP Framework Codeigniter, Sublime Text 3, and

for the database using PHPMyadmin. The result of making this application is that it

can input save and print population data. Testing of this application uses blackbox

testing. This study shows that the application of population information systems can

facilitate government staff in processing population data..

Keywords : Information Systems, php, mysql, population.

Page 9: 1590608342507_SKRIPSI - Ok - fix.pdf

viii

DAFTAR ISI

PERSETUJUAN SKRIPSI .......................................................................................... i

PENGESAHAN DEWAN PENGUJI ........................................................................ ii

PERNYATAAN KEASLIAN SKRIPSI ................................................................... iii

PERNYATAAN PERSETUJUAN PUBLIKASI KARYA ILMIAH .................... iv

UCAPAN TERIMA KASIH....................................................................................... v

ABSTRAK .................................................................................................................. vi

ABSTRACT ................................................................................................................ vii

DAFTAR ISI ............................................................................................................. viii

DAFTAR TABEL...................................................................................................... xii

DAFTAR GAMBAR ................................................................................................ xiii

DAFTAR LAMPIRAN ............................................................................................. xv

BAB I PENDAHULUAN ............................................................................................ 1

1.1 Latar Belakang .................................................................................................. 1

1.2 Identifikasi Masalah .......................................................................................... 3

1.3 Batasan Masalah ................................................................................................ 3

1.4 Rumusan Masalah ............................................................................................. 4

1.5 Tujuan Penelitian ............................................................................................... 4

1.6 Manfaat Penelitian ............................................................................................. 4

BAB II TINJAUAN PUSTAKA DAN LANDASAN TEORI .................................. 6

2.1 Tinjauan Pustaka ............................................................................................... 6

2.2 Landasan Teori .................................................................................................. 8

2.2.1 Sistem ............................................................................................................8

2.2.2 Informasi .......................................................................................................8

2.2.3 Kualitas Informasi ........................................................................................9

2.2.4 Sistem Informasi ........................................................................................10

2.2.5 Sistem Informasi Administrasi Kependudukan ......................................11

Page 10: 1590608342507_SKRIPSI - Ok - fix.pdf

ix

2.2.6 PHP (Hypertext Preprocessor) .................................................................12

2.2.7 XAMPP .......................................................................................................13

2.2.8 MySQL ........................................................................................................14

2.2.9 Blackbox Testing ........................................................................................14

2.2.10 Basis Data ...................................................................................................15

2.2.11 UML (Unified Modelling Language).......................................................15

2.2.11.1 Use Case Diagram ......................................................................16

2.2.11.2 Activity Diagram .........................................................................17

2.2.11.3 Sequence Diagram ......................................................................19

2.2.11.4 Class Diagram .............................................................................20

BAB III METODE PENELITIAN .......................................................................... 23

3.1 Objek Penelitian .............................................................................................. 23

3.1.1 Sejarah Singkat Desa Bantar .....................................................................23

3.1.2 Visi dan Misi ..............................................................................................23

3.1.3 Struktur Organisasi ....................................................................................24

3.1.4 Deskripsi Tugas dan Fungsi Pokok ..........................................................24

3.2 Analisa Permasalahan...................................................................................... 27

3.3 Sistem Yang Berjalan ...................................................................................... 27

3.3.1 Analisis Prosedur Sistem Yang Berjalan .................................................27

3.3.2 Analisis kelemahan sistem yang berjalan ................................................29

3.3.3 Evaluasi Sistem Yang Berjalan ................................................................29

3.4 Metode Pengumpulan Data ............................................................................. 30

3.5 Metode Pengembangan Sistem ....................................................................... 31

3.6 Analisa Kebutuhan Sistem .............................................................................. 33

3.6.1 Kebutuhan Fungsional ...............................................................................33

3.6.2 Kebutuhan Non Fungsional ......................................................................34

3.7 Perancangan Sistem ......................................................................................... 35

3.7.1 Use Case Diagram .....................................................................................35

Page 11: 1590608342507_SKRIPSI - Ok - fix.pdf

x

3.7.2 Activity Diagram ........................................................................................38

3.7.3 Sequence Diagram......................................................................................47

3.7.4 Class Diagram ............................................................................................55

3.8 Perancangan Database ..................................................................................... 56

3.9 Perancangan Desain Antarmuka Aplikasi ....................................................... 61

3.9.1 Tampilan Admin ........................................................................................61

3.9.2 Tampilan User ............................................................................................67

BAB IV HASIL PENELITIAN DAN PEMBAHASAN ......................................... 71

4.1 Tampilan Output Program ............................................................................... 71

4.1.1 Tampilan Menu Login ...............................................................................71

4.1.2 Tampilan Menu Utama ..............................................................................71

4.1.3 Tampilan Kartu Tanda Penduduk.............................................................72

4.1.4 Tampilan Akta Kelahiran ..........................................................................73

4.1.5 Tampilan Kartu Keluarga ..........................................................................73

4.1.6 Tampilan Data Kematian ..........................................................................74

4.1.7 Tampilan Detail KK...................................................................................75

4.1.8 Tampilan Data Pindah ...............................................................................75

4.1.9 Tampilan Data Datang ...............................................................................76

4.1.10 Tampilan Laporan ......................................................................................76

4.1.11 Tampilan Admin ........................................................................................77

4.1.12 Tampilan Keluar .........................................................................................78

4.1.13 Tampilan Login (User) ..............................................................................78

4.1.14 Tampilan Home (User) ..............................................................................79

4.1.15 Tampilan Data KTP ...................................................................................80

4.2 Pengujian Sistem ............................................................................................. 81

4.3 Analisa Hasil Pengujian .................................................................................. 85

BAB V PENUTUP ..................................................................................................... 86

5.1 Kesimpulan ...................................................................................................... 86

Page 12: 1590608342507_SKRIPSI - Ok - fix.pdf

xi

5.2 Saran ................................................................................................................ 86

DAFTAR PUSTAKA ................................................................................................ 88

DAFTAR LAMPIRAN ............................................................................................. 90

Page 13: 1590608342507_SKRIPSI - Ok - fix.pdf

xii

DAFTAR TABEL

Tabel 2.1 Simbol- simbol Use Case diagram ............................................................. 17

Tabel 2.2 Simbol-simbol activity diagram .................................................................. 18

Tabel 2.3 Simbol-simbol sequence diagram ............................................................... 19

Tabel 2.4 Simbol-simbol class diagram ...................................................................... 21

Tabel 3.1 Evaluasi sistem yang berjalan ..................................................................... 30

Tabel 3.2 Perangkat lunak yang dibutuhkan ............................................................... 34

Tabel 3.3 Definisi aktor............................................................................................... 36

Tabel 3.4 Definisi Use Case ........................................................................................ 37

Tabel 3.5 Daftar tabel database .................................................................................. 56

Tabel 3.6 Tabel admin................................................................................................. 57

Tabel 3.7 Tabel penduduk ........................................................................................... 57

Tabel 3.8 Tabel KTP ................................................................................................... 58

Tabel 3.9 Tabel KK ..................................................................................................... 59

Tabel 3.10 Tabel kelahiran .......................................................................................... 60

Tabel 3.11 Tabel kematian .......................................................................................... 60

Tabel 3.12 Tabel kepindahan ...................................................................................... 61

Tabel 3.13 Tabel pendatang ........................................................................................ 61

Tabel 4.1 Pengujian Sistem ......................................................................................... 82

Page 14: 1590608342507_SKRIPSI - Ok - fix.pdf

xiii

DAFTAR GAMBAR

Gambar 3.1 Struktur Organisasi Kantor Kepala Desa Bantar ..................................... 24

Gambar 3.2 Activity Diagram sistem yang sedang berjalan ........................................ 28

Gambar 3.3 Diagram model waterfall ........................................................................ 32

Gambar 3.4 Use Case diagram yang diusulkan .......................................................... 36

Gambar 3.5 Antarmuka menu login ............................................................................ 62

Gambar 3.6 Antarmuka menu utama .......................................................................... 62

Gambar 3.7 Antarmuka kartu tanda penduduk ........................................................... 63

Gambar 3.8 Antarmuka akta kelahiran ....................................................................... 63

Gambar 3.9 Antarmuka kartu keluarga ....................................................................... 64

Gambar 3.10 Antarmuka data kematian...................................................................... 64

Gambar 3.11 Antarmuka Detail KK ........................................................................... 65

Gambar 3.12 Antarmuka data pindah ......................................................................... 65

Gambar 3.13 Antarmuka data datang.......................................................................... 66

Gambar 3.14 Antarmuka laporan ................................................................................ 66

Gambar 3.15 Antarmuka admin .................................................................................. 67

Gambar 3.16 Antarmuka login (user) ......................................................................... 68

Gambar 3.17 Antarmuka home (user) ......................................................................... 69

Gambar 3.18 Antarmuka KTP (user) .......................................................................... 70

Gambar 4.1 Tampilan Menu Login ............................................................................. 71

Gambar 4.2 Tampilan Menu Utama............................................................................ 72

Gambar 4. 3 Tampilan Menu Kartu Tanda Penduduk ................................................ 72

Gambar 4.4 Tampilan Akta Kelahiran ........................................................................ 73

Gambar 4.5 Tampilan Kartu Keluarga ........................................................................ 74

Gambar 4.6 Tampilan Data Kematian ........................................................................ 74

Gambar 4.7 Tampilan Detail KK ................................................................................ 75

Gambar 4.8 Tampilan Data Pindah ............................................................................. 75

Page 15: 1590608342507_SKRIPSI - Ok - fix.pdf

xiv

Gambar 4.9 Tampilan Data Datang ............................................................................ 76

Gambar 4.10 Tampilan Laporan ................................................................................. 77

Gambar 4.11 Tampilan Admin ................................................................................... 77

Gambar 4.12 Tampilan Keluar .................................................................................... 78

Gambar 4.13 Tampilan login (user) ............................................................................ 79

Gambar 4.14 Tampilan home (user) ........................................................................... 80

Gambar 4.15 Tampilan data KTP (user) ..................................................................... 81

Page 16: 1590608342507_SKRIPSI - Ok - fix.pdf

xv

DAFTAR LAMPIRAN

Lampiran 1 Surat keterangan penelitian ..................................................................... 91

Lampiran 2 Kartu Bimbingan Skripsi ......................................................................... 92

Lampiran 3 Transkrip Wawancara .............................................................................. 93

Lampiran 4 List Program ............................................................................................ 95

Lampiran 5 Daftar Riwayat Hidup ............................................................................ 116

Page 17: 1590608342507_SKRIPSI - Ok - fix.pdf

1

BAB I

PENDAHULUAN

1.1 Latar Belakang

Seiring dengan berkembangnya ilmu pengetahuan dan teknologi serta dalam

memasuki era globalisasi yang menuntut kecepatan arus informasi kebutuhan manusia

dibidang komunikasi dan informasi yang semakin besar dan semakin luas. Teknologi

informasi sampai saat ini terus berkembang seiring dengan penemuan dan

pengembangan pengetahuan. Semakin berkembangnya teknologi informasi, banyak

instansi dan masyarakat yang telah memanfaatkan teknologi informasi untuk

berkomunikasi dan memperoleh informasi. Sarana komunikasi dan informasi yang

ditawarkan sangatlah banyak dan memberikan kebebasan bagi masyarakat untuk

memilih jenis komunikasi. Salah satu perkembangan teknologi informasi yang

berkembang pesat saat ini adalah teknologi jaringan internet dan perkembangan

android. Saat ini internet dan android hadir dengan keragaman fungsi khususnya untuk

mendukung kebutuhan informasi dan komunikasi.

Sistem informasi pengolahan data kependudukan adalah salah satu sarana

yang mempermudah petugas pencatat data penduduk untuk mendata seluruh penduduk

disuatu kelurahan/desa. Selain itu sistem ini juga akan mempermudah masyarakat

dalam memperoleh informasi tentang kependudukan. Namun kenyataan dilapangan

menyebutkan bahwa beberapa daerah/desa masih menggunakan sistem manual,

sehingga pelayanan informasi kurang efektif dan efisien. Tidak ada aplikasi yang

memudahkan petugas dalam melakukan pelayanan kependudukan. Seiring kemajuan

teknologi informasi pengolahan data kependudukan sudah dapat dilakukan secara

online dengan memanfaatkan media jaringan internet, ini akan memudahkan para

petugas pencatat data penduduk dan masyarakat yang akan mencari data tentang

kependudukan.

Page 18: 1590608342507_SKRIPSI - Ok - fix.pdf

2

Bantar adalah salah satu desa di kecamatan Wanareja, kabupaten Cilacap,

provinsi Jawa Tengah, saat ini pemerintah desa Bantar sudah menerapkan sistem

informasi manajemen desa namun belum menggunakan sistem informasi berbasis web

untuk melayani kebutuhan warga mengenai administrasi kependudukan, sehingga pada

pelayanan kantor desa Bantar masih sering terjadi kesalahan dalam mengolah atau

mendata penduduk, dikarenakan dalam pengolahannya masih dengan proses yang

konvensional. Dengan sistem yang masih seperti itu tentunya masih banyak sekali

kekurangan dan permasalahan yang ditemukan. Kekurangan itu seperti pada saat akan

membuat laporan jumlah penduduk harus merekap satu persatu secara manual dari

masing-masing buku tentang peristiwa mutasi penduduk. Permasalahan yang lain yaitu

pada saat melayani pembuatan surat pengantar pembuatan KTP (Kartu Tanda

Penduduk), surat pengantar pembuatan KK (Kartu Keluarga), akta kelahiran, surat

kematian, surat penduduk pindah dan surat penduduk datang masih menggunakan

catatan sipil berupa blangko.

PHP (Hypertext Preprocessor) adalah bahasa scripting web HTML-

embedded. Ini berarti kode PHP dapat disisipkan kedalam HTML halaman web. Ketika

sebuah halaman PHP diakses, kode PHP dibaca atau oleh server. Output dari fungsi

PHP pada halaman biasanya dikembalikan sebagai kode HTML, yang dapat dibaca

oleh browser. Karena kode PHP diubah menjadi HTML sebelum halaman dibuka,

pengguna tidak dapat melihat kode PHP pada halaman. Ini membuat halaman PHP

cukup aman untuk mengakses database dan informasi lainnya [1]. MySQL adalah

sebuah server database open source yang terkenal yang digunkan berbagai aplikasi

terutama membuat server atau membuat web. MySQL berfungsi sebagai SQL

(Structured Query Language) yang dimiliki sendiri dan sudah diperluas oleh MySQL

umumnya digunakan bersama dengan PHP untuk membuat aplikasi server yang

dinamis dan powerfull [2].

Dikembangkannya sistem informasi kependudukan secara online di desa

Bantar diharapkan akan membuat pelayanan kependudukan menjadi lebih baik dan

lebih efisien serta akan memudahkan Staf pemerintahan dalam mendata setiap

Page 19: 1590608342507_SKRIPSI - Ok - fix.pdf

3

warganya. Staf pemerintahan desa Bantar dapat mengurangi kesalahan dan

permasalahan yang terjadi dalam hal pelayanan administrasi kependudukan. Dengan

demikian warga akan merasa lebih mudah dan lebih cepat dalam mencari data

kependudukan, selain itu pelayanan kependudukan menjadi lebih efisien dalam hal

waktu, tempat, biaya, maupun tenaga.

Berdasarkan uraian latar belakang diatas dapat dibuat suatu program untuk

memudahkan pekerjaan-pekerjaan yang dilakukan secara manual. Maka penulis

membuat analisis sistem informasi sebagai bahan skripsi dengan judul

“IMPLEMENTASI SISTEM INFORMASI KEPENDUDUKAN BERBASIS WEB

MOBILE UNTUK MENINGKATKAN PELAYANAN ADMINISTRASI

KEPENDUDUKAN DESA BANTAR”.

1.2 Identifikasi Masalah

Berdasarkan latar belakang diatas dapat diidentifikasi beberapa permasalahan

yang muncul antara lain:

1. Sistem informasi kependudukan di desa Bantar masih menggunakan sistem

manual.

2. Pengolahan dan pendataan penduduk masih sering terjadi kesalahan.

3. Pembuatan surat pengantar pembuatan KTP (Kartu Tanda Penduduk), surat

pengantar pembuatan KK (Kartu Keluarga), surat kelahiran, surat kematian,

surat penduduk pindah dan surat penduduk datang masih menggunakan

catatan sipil berupa blangko.

1.3 Batasan Masalah

Adapun pembatasan masalah pada penelitian ini adalah:

1. Sistem informasi kependudukan ini dibangun hanya untuk instansi tingkat

kelurahan/desa.

Page 20: 1590608342507_SKRIPSI - Ok - fix.pdf

4

2. Sistem informasi ini hanya mengelola surat pengantar pembuatan KTP (Kartu

Tanda Penduduk), surat pengantar pembuatan KK (Kartu Keluarga), surat

kelahiran, surat kematian, surat penduduk pindah dan surat penduduk datang.

3. Sistem ini dibuat menggunakan bahasa pemrograman PHP.

1.4 Rumusan Masalah

Berdasarkan latar belakang di atas maka rumusan masalah dalam penelitian

ini adalah:

1. Bagaimana merancang sistem informasi pelayanan kependudukan di desa

Bantar?

2. Bagaimana mengimplementasikan sistem informasi kependudukan di desa

Bantar untuk memudahkan staf pemerintahan dalam melakukan pekerjaan-

pekerjaan yang dilakukan secara manual?.

1.5 Tujuan Penelitian

Dari rumusan masalah di atas, maka tujuan penelitian sebagai berikut:

1. Untuk merancang sistem informasi kependudukan di desa Bantar.

2. Untuk mengimplementasikan sistem informasi kependudukan desa Bantar

dalam proses pencarian data kependudukan di desa Bantar lebih cepat.

1.6 Manfaat Penelitian

Dari penelitian ini diharapkan dapat diambil manfaatnya bagi pihak terkait,

diantaranya yaitu:

1. Bagi Peneliti

Menambah pengetahuan dan pengalaman mengenai pelayanan kependudukan

berbasis web mobile.

Page 21: 1590608342507_SKRIPSI - Ok - fix.pdf

5

2. Bagi Prodi Teknik Informatika Universitas Pelita Bangsa

Dapat digunakan sebagai bahan referensi akademik Universitas Pelita Bangsa

dan menjadi acuan untuk lebih mengenali potensi mahasiswa dengan ilmu

pengetahuan yang lebih luas.

3. Bagi Pemerintah Desa Bantar

Penelitian ini dapat memberikan solusi peningkatan kinerja pelayanan

kependudukan serta sebagai sarana untuk mempermudah dan mempercepat

proses pelayanan kependudukan di desa Bantar.

4. Bagi Pembaca

Menjadi sumber referensi dan informasi yang dapat dijadikan sebagai acuan

untuk melakukan penelitian lebih lanjut.

Page 22: 1590608342507_SKRIPSI - Ok - fix.pdf

6

BAB II

TINJAUAN PUSTAKA DAN LANDASAN TEORI

2.1 Tinjauan Pustaka

Noviyanto, Setiadi, dan Wahyuningsih (2014) dengan judul Implementasi

Sikades (Sistem Informasi Kependudukan Desa) Untuk Kemudahan Layanan

Administrasi Desa Berbasis Web Mobile, membahas tentang implemetasi

SIKADES (Sistem informasi Kependudukan Desa) yang memanfaatkan teknologi Web

Mobile, untuk kemudahan layanan administrasi desa. Dalam jurnal diungkapkan bahwa

penyelenggaraan pelayanan masyarakat merupakan upaya negara untuk memenuhi

kebutuhan dasar dari hak-hak setiap warga negara atas barang, jasa, dan pelayanan

administrasi yang disediakan oleh penyelenggara pelayanan publik. Namun saat ini

kondisi penyelenggaraan pelayanan masih dihadapkan pada sistem yang belum efektif

dan efisien serta kualitas sumber daya manusia aparatur yang belum memadai. Model

pengembangana sistem dilakukan dengan model waterfall, bahasa pemrograman yang

digunakan adalah MySQL untuk database dan PHP sebagai serverside programming

dalam framework CI. Sistem diuji menggunakan 2 cara yaitu: Blackbox test dan Alpha

test. Dari penelitian ini menghasilkan Sistem Informasi Kependudukan Desa

(SIKADES) dengan 4 level pengguna yaitu: pengguna sistem, kebutuhan sistem,

implementasi sistem, dan pengujian sistem [3].

Hidayatulloh dan Mulyadi (2015) dengan judul Sistem Pelayanan

Administrasi Kependudukan Desa Candigatak Berbasis Web, membahas tentang

sistem pelayanan administrasi kependudukan berbasis web yang dapat diakses warga

kapanpun. Dalam jurnal diungkapkan bahwa saat ini pemerintah desa Candigatak

sudah menerapkan sistem informasi manajemen desa namun belum berbasis web

dalam melayani berbagai kebutuhan warga akan administrasi kependudukan desa.

Sistem tersebut juga masih memiliki beberapa masalah yang sangat perlu untuk diatasi,

yakni tidak dapat memproses mutasi kelahiran penduduk serta menampilkan arsip

Page 23: 1590608342507_SKRIPSI - Ok - fix.pdf

7

tentang surat pengantar KTP dan KK yang pernah diproses. Metode penelitian yang

digunakan dalam pengembangan sistem yaitu system development life cycle (SDLC).

Adapun untuk metode pengumpulan datanya menggunakan metode observasi,

wawancara, dan studi kepustakaan. Dari penelitian ini menghasilkan sistem yang

disusun dapat melayani berbagai produk administrasi kependudukan secara online

maupun secara langsung. Sistem yang disusun ini juga dapat memproses mutasi

kependudukan (kelahiran dan kematian), serta menyimpan surat-surat yang pernah

diproses kemudian ditampilkan dalam bentuk laporan yang dapat dicetak [4].

Widya, Agustiawan, Fibrian, dan Muttaqin (2016) dengan judul Upaya

Peningkatan Pelayanan Administrasi Kependudukan Menggunakan Teknologi

Informasi: Rancang Bangun Sistem Informasi Di Desa Sumbermulyo Kecamatan

Jogoroto Kabupaten Jombang, membahas tentang solusi untuk meningkatkan

pelayanan administrasi di desa Sumbermulyo, khususnya masalah kependudukan.

Dalam jurnal diungkapkan bahwa administrasi desa khususnya di Desa Sumbermulyo

perlu diperbaiki dan dikembangkan seiring berkembangnya teknologi informasi yang

dapat digunakan untuk membantu meningkatkan pelayanan administrasi. Selama ini

pelayanan administrasi kependudukan oleh pemerintah di tingkat desa Sumbermulyo

Kecamatan Jogoroto Kabupaten Jombang yang dilakukan oleh para perangkat desa

seperti: Surat Keterangan pindah, pengajuan Kartu Keluarga (KK), pengajuan Kartu

Tanda Penduduk (KTP), dan lain sebagainya belum optimal, karena masih bersifat

manual dan belum otomasi. Dari hasil penelitian, desa Sumbermulyo membutuhkan

sistem informasi untuk memepermudah pengolahan data kependudukan. Untuk itu

sebuah sistem administrasi kependudukan dibuat dengan menggunakan bahasa

pemrograman Microsoft Visual Basic.Net 2008 dan sistem manajemen basis data

MySQL untuk pengolahan datanya. Proses perancangan menggunakan metode Unified

Modeling Language (UML) dengan menggunakan empat macam diagram: use case,

activity, sequence, dan class diagram. Hasil observasi lapangan didapat beberapa data

antara lain: Data geografis, demografis, struktur organisasi, dan lain sebagainya [5].

Page 24: 1590608342507_SKRIPSI - Ok - fix.pdf

8

2.2 Landasan Teori

2.2.1 Sistem

Sistem didefinisikan sebagai sekumpulan prosedur yang saling berkaitan dan

saling terhubung untuk melakukan suatu tugas bersama-sama. Suatu sistem terdiri dari

sejumlah komponen yang saling berinteraksi artinya saling bekerja sama membentuk

suatu kesatuan, suatu sistem betapapun kecilnya selalu mengandung komponen-

komponen, dimana komponen-komponen dapat berupa subsistem-subsistem atau

bagian dari sistem yang mempunyai sifat dari sistem untuk menjalankan suatu fungsi

tertentu dan memepengaruhi proses sistem secara keseluruhan [6].

2.2.2 Informasi

Informasi adalah data yang sudah diolah menjadi sebuah bentuk yang berarti

bagi pengguna, yang bermanfaat dalam pengambilan keputusan saat ini atau

mendukung sumber informasi. Informasi juga dapat didefinisikan sebagai data yang

telah diolah sedemikian rupa sehingga memiliki makna tertentu bagi penggunanya [7].

Kegunaan informasi adalah untuk mengurangi ketidakpastian dalam

pengambilan keputusan tentang suatu keadaan. Untuk mendapatkan informasi maka

diperlukan adanya data yang akan diolah oleh unit pengolah. Informasi dikatakan

bermanfaat dan berharga bila memenuhi syarat sebagai berikut [8]:

1. Informasi harus akurat, sehingga mendukung pihak manajemen dalam

mengambil keputusan.

2. Informasi harus relevan, benar-benar terasa manfaatnya bagi yang

membutuhkan.

3. Informasi harus tepat waktu, jadi tidak ada keterlambatan pada saat

dibutuhkan.

Page 25: 1590608342507_SKRIPSI - Ok - fix.pdf

9

2.2.3 Kualitas Informasi

Teori Untuk mendukung tiap level manajemen, maka sistem informasi

dituntut untuk dapat menghasilkan informasi yang berkualitas sebagai berikut [9]:

1. Aksesibilitas

Atribut ini berkaitan dengan kemudahan mendapatkan informasi. Informasi

akan lebih berarti bagi pemakai jika informasi tersebut mudah didapat, karena

akan berkaitan dengan aktualitas dan nilai informasi.

2. Kelengkapan

Atribut ini berkaitan dengan kelengkapan isi informasi, dalam hal ini tidak

menyangkut hanya volume tetapi juga kesesuaian dengan harapan pemakai.

3. Fleksibilitas

Atribut ini berkaitan dengan tingkat adaptasi dari informasi yang dihasilkan

terhadap kebutuhan berbagai keputusan yang akan diambil dan terhadap

sekelompok pengambil keputusan yang berbeda.

4. Relevan

Informasi yang disajikan sebaiknya terkait dengan keputusan yang akan

diambil oleh pengguna informasi tersebut dan untuk memberikan

pengetahuan atau pemahaman baru. Informasi yang hanya bernilai sementara

dan selanjutnya tidak relevan lagi, harus dihentikan pembuatannya.

5. Akurat

Kecocokan antara informasi dengan kejadian-kejadian atau obyek yang

diwakilinya syarat ini mengharuskan bahwa informasi harus bersih dari

kesalahan dan kekeliruan.

6. Tepat waktu

Informasi harus tersedia tepat pada waktunya. Informasi yang tidak tepat

waktu akanmenjadi informasi yang tidak berguna atau tidak dapat digunakan

untuk membantu mengambil keputusan.

Page 26: 1590608342507_SKRIPSI - Ok - fix.pdf

10

7. Kejelasan

Kejelasan informasi sangat terkait dengan penyajian informasi. Bagi seorang

pimpinan, bentuk grafik, tabel akan sangat bermanfaat bila dibandingkan

dengan menggunakan narasi. Penggunaan metode dengan tepat akan

mempengaruhi dalam penyampaian informasi.

2.2.4 Sistem Informasi

Sistem informasi adalah suatu sistem didalam suatu organisasi yang

mempertemukan kebutuhan pengolahan transaksi harian, mendukung operasi, bersifat

manajerial, dan kegiatan strategi dari suatu organisasi dan menyediakan pihak luar

tertentu dengan laporan-laporan yang dibutuhkan [10].

Sistem informasi memiliki tujuan untuk menghasilkan informasi yang berasal

dari hasil pengolahan data menjadi bentuk yang berguna bagi pemakainya. Komponen-

komponen yang terdapat dalam sistem informasi yaitu komponen input, komponen

model, komponen output, komponen teknologi, komponen basis data dan komponen

kontrol.

1. Komponen input merupakan data yang masuk ke dalam sistem informasi

sebagai bahan dasar dalam pengolahan informasi.

2. Komponen model merupakan kombinasi dari prosedur, logika dan model

matematika yang akan memanipulasi data input dan data yang tersimpan di

basis data dengan cara yang sudah ditentukan untuk menghasilkan keluaran

yang diinginkan.

3. Komponen output atau keluaran merupakan hasil dari sistem informasi yang

merupakan informasi dan dokumentasi yang berguna bagi pemakai sistem.

4. Komponen teknologi merupakan alat dalam sistem informasi untuk menerima

input, menjalankan model, menyimpan, mengakses data, menghasilkan dan

mengirimkan keluaran serta membantu pengendlian keseluruhan sistem.

Page 27: 1590608342507_SKRIPSI - Ok - fix.pdf

11

5. Komponen basis data merupakan kumpulandata yang saling berkaitan dan

berhubungan satu sama lain yang disimpan untuk keperluan penyediaan

informasi lebih lanjut.

6. Komponen kontrol yang diperlukan untuk menjamin kualitas informasi yang

dihasilkan oleh sistem informasi serta mencegah kerusakan dan kesalahan

sistem informasi.

2.2.5 Sistem Informasi Administrasi Kependudukan

Kependudukan merupakan ilmu yang berhubungan dengan lima komponen

penting yaitu kelahiran, kematian, perkawinan, migrasi, dan mobilitas sosial.

Kependudukan berhubungan dengan kegiatan administrasi karena bidang

kependudukan menyangkut kajian pengumpulan, pengelolaan dan penyimpanan

informasi. Berkaitan dengan hal ini maka dikenal dengan kata administrasi

kependudukan. Pembangunan sistem informasi administrasi kependudukan dilakukan

dengan menggunakan perangkat keras, perangkat lunak dan sistem jaringan

komunikasi data yang efisien dan efektif agar dapat diterapkan diseluruh wilayah

NKRI. Bagi daerah yang belum memiliki fasilitas komunikasi data, sistem komunikasi

data dilakukan secara manual dan semi elektronik [11].

Penerapan teknologi informasi sekarang ini berupa aplikasi sistem informasi

administrasi kependudukan. Sistem informasi administrasi kependudukan adalah suatu

sistem informasi yang disusun berdasarkan prosedur dan memakai standarisasi khusus

yang bertujuan menata sistem administrasi kependudukan. Administrasi kependudukan

meliputi pencatatan penduduk dan pencatatan sipil. Berdasarkan pernyataan tersebut,

untuk mempermudah penyelengaraan administrasi kependudukan dengan adanya

sistem layanan kependudukan dan catatan sipil yang terintegrasi dapat merealisasikan

database penduduk dan sekaligus member nomor induk bagi setiap penduduk sehingga

dapat mengeliminasi terjadinya kepemilikan identitas ganda.

Page 28: 1590608342507_SKRIPSI - Ok - fix.pdf

12

Kependudukan dan peristiwa penting memerlukan bukti yang sah untuk

dilakukan pengadministrasian dan pencatatan sesuai dengan ketentuan undang-undang.

Pada pemenuhan hak penduduk, terutama dibidang Pencatatan Sipil, masih ditemukan

penggolongan penduduk yang berdasarkan pada perlakuan diskriminatif yang

membeda-bedakan suku, keturunan, dan agama sebagaimana diatur dalam berbagai

peraturan produk colonial Belanda. Penggolongan penduduk dan pelayanan

diskriminatif yang demikian itu tidak sesuai dengan Pancasila dan Undang-Undang

Dasar Negara Republik Indonesia Tahun 1945. Kondisi tersebut mengakibatkan

pengadministrasian kependudukan mengalami kendala yang mendasar sebab sunber

data kependudukan belum terkoordinasi dan terintegrasi, serta terbatasnya cakupan

pelaporan yang belum terwujud dalam suatu sistem administrasi kependudukan yang

utuh dan optimal. Kondisi sosial dan administratif tersebut tidak memiliki sistem

database kependudukan yang menunjang pelayanan administrasi kependudukan [10].

Pelayanan administrasi kependudukan diartikan sebagai pelayanan dibidang

kependudukan yang diberikan oleh aparat pemerintah dan nonpemerintah dari tingkaat

pusat sampai tingkat desa atau kelurahan, RW dan RT. Pada pelayanan administrasi

kependudukan aparat pemerintah dan nonpemerintah memberikan pelayanan misalnya

pengurusan izin nikah, permohonan KTP, surat keterangan, kartu keluarga, dan surat-

surat kependudukan yang lain [12].

2.2.6 PHP (Hypertext Preprocessor)

PHP (Hypertext Preprocessor) adalah bahasa scripting web HTML-

embedded. Ini berarti kode PHP dapat disispkan kedalam HTML halaman web. Ketika

sebuah halaman PHP diakses, kode PHP dibaca oleh server. Output dari fungsi PHP

pada halaman biasanya dikembalikan sebagai kode HTML, yang dapat dibaca oleh

browser. Karena kode PHP diubah menjadi HTML sebelum halaman dibuka, pengguna

tidak dapat melihat kode PHP pada halaman. Ini membuat halaman PHP cukup aman

untuk mengakses database dan informasi lainnya [1].

Page 29: 1590608342507_SKRIPSI - Ok - fix.pdf

13

Codeigniter adalah sebuah framework berbasis PHP yang kuat dengan

footprint yang sangaa kecil, dibangun untuk pengembang yang membutuhkan toolkit

sederhana dan dengan fitur lengkap. Framework atau dalam Bahasa Indonesia dapat

diartikan sebagai “kerangka kerja” merupakan sebuah tool yang bekerja pada suatu

konsep tertentu dan terdiri dari berbagai fungsi yang dapat dengan mudah dijabarkan

atau dialih-gunakan untuk membuat fungsi-fungsi lain yang lebih kompleks [13].

2.2.7 XAMPP

Menurut Wicaksono (2008:7) mengemukakan bahwa “XAMPP adalah sebuah

software yang berfungsi untuk menjalankan website berbasis PHP dan menggunakan

pengolah data MYSQL di komputer lokal”. XAMPP berperan sebagai web pada

komputer lokal. XAMPP juga dapat disebut sebuah Cpanel server virtual, yang dapat

membantu melakukan preview sehingga dapat dimodifikasi website tanpa harus online

atau terakses dengan internet [14].

Gambar 2.1 XAMPP

Sumber: Wicaksono (2008:7)

Page 30: 1590608342507_SKRIPSI - Ok - fix.pdf

14

2.2.8 MySQL

MySQL adalah sebuah server database open source yang terkenal yang

digunakan berbagai aplikasi terutama membuat server atau membuat web. MySQL

berfungsi sebagai SQL (Structured Query Language) yang dimiliki sendiri dan sudah

diperluas oleh MySQL umumnya digunakan bersama dengan PHP untuk membuat

aplikasi server yang dinamis dan powerfull [1].

MySQL merupakan database yang paling banyak digunakan saat ini, dengan

alasan bahwa MySQL adalah database yang sangat kuat dan cukup stabil untuk

digunakan sebagai media penyimpanan data. Selain MySQL ada banyak database yang

juga cukup sering digunakan, bahkan tidak kalah mudah untuk digunakan misalnya

Oracle dan Postgree SQL. MySQL adalah Relational Database Management System

(DBMS) yang didistribusikan secara gratis dibawah lisensi GPL (General Public

License) sehingga setiap orang bebas untuk menggunakan database ini [15].

2.2.9 Blackbox Testing

Pengujian software yang dilakukan akan menggunakan pengujian black-box

testing. Black-box testing berfokus pada spesifikasi fungsionalitas dari perangkat

lunak. Black-box testing merupakan pengujian terhadap fungsionalitas input dan output

dari suatu perangkat lunak. Black-box testing dapat didefinisikan sebagai sekumpulan

kondisi input kemudian melakukan sejumlah pengujian terhadap program sehingga

menghasilkan suatu output yang nilainya dapat dievaluasi [15].

Pengujian menggunakan black-box testing bertujuan untuk mendapatkan

beberapa hasil diantaranya yaitu:

1. Fungsi yang tidak benar.

2. Kesalahan dari struktur data.

3. Kesalahan dari inisialisasi dan terminasi.

4. Kesalahan dari interface.

Page 31: 1590608342507_SKRIPSI - Ok - fix.pdf

15

2.2.10 Basis Data

Basis data adalah kumpulan data yang saling berhubungan merefleksikan

fakta-fakta yang terdapat di suatu sistem. Basis data mendeskripsikan state dari sebuah

sistem. Saat satu kejadian muncul di dunia nyata yang mengubah suatu state yang ada

dalam sistem, maka satu perubahan juga harus dilakukan terhadap data yang disimpan

di basis data. Basis data merupakan komponen utama sistem informasi karena semua

sistem informasi untuk pengambilan keputusan berasal dari data di basis data.

Pengelolaan basis data yang buruk dapat mengakibatkan ketidaktersediaan data

penting. Penggunaan basis data akan lebih menguntungkan karena selain lebih akurat

dengan data yang up-to-date juga untuk menyimpan data-data dalam bentuk kertas

akan memakan tempat lebih luas [15].

2.2.11 UML (Unified Modelling Language)

UML singkatan dari Unified Modelling language yang berarti bahasa

pemodelan standar. UML memiliki sintaks dan semantik. Ketika kita membuat model

menggunakan konsep UML ada aturan-aturan yang harus diikuti. Bagaimana elemen

pada model-model yang harus mengikuti standar yang ada. UML bukan hanya sekedar

diagram, tetapi juga menceritakan konteksnya. Ketika pelanggan memesan sesuatu dari

sistem, bagaimana transaksinya? Bagaimana sistem mengalami error yang terjadi?

Bagaimana keamanan terhadap sistem yang kita buat? Dan sebagainya dapat dijawab

dengan UML [16].

Menurut Rosa dan Shalahudin (2015:140), UML terdiri dari 13 macam

diagram yang dikelompokkan dalam 3 kategori. Pembagian kategori dan macam-

macam diagram tersebut dapat dilihat pada gambar dibawah ini [17]:

Page 32: 1590608342507_SKRIPSI - Ok - fix.pdf

16

Gambar 2.2 UML Diagram

Sumber: Rosa dan Shalahudin (2014:140)

2.2.11.1 Use Case Diagram

Use case diagram merupakan pemodelan untuk tingkah laku sistem informasi

yang akan dibuat. Use case diagram mendeskripsikan sebuah interaksi antara satu atau

lebih aktor dengan sistem informasi yang dibuat. Secara kasar, Use case digunakan

untuk mengetahuai fungsi apa saja yang ada didalam sebuah sistem informasi dan siapa

saja yang berhak menggunakan fungsi itu. Syarat penamaan use case adalah nama

didefinisikan sesederhana mungkin dan dapat dipahami. (Rosa dan Shalahudin,

2015:130).

Berikut adalah simbol-simbol yang digunakan dalam use case diagram:

Page 33: 1590608342507_SKRIPSI - Ok - fix.pdf

17

Tabel 2.1 Simbol- simbol Use Case diagram

Simbol Deskripsi

Use Case

Fungsionalitas yang disediakan sistem sebagai unit-unit yang

saling bertukar pesan antar unit atau actor; biasanya di

nyatakan dengan menggunakan kata kerja di awal frase nama

use case

Actor

Actor adalah pengguna sistem. Actor tidak terbatas hanya

manusia saja, jika sebuah sistem berkomunikasi dengan

aplikasi lain dan membutuhkan input atau memberikan

output, maka aplikasi tersebut juga bisa dianggap sebagai

actor.

Association

Komuikasi antara aktor dan use case yang berpartisipasi

pada use case atau use case memiliki interaksi dengan aktor.

Ekstensi/extend

Relasi use case tambahan ke sebuah use case dimana use case

yang ditambahkan dapat berdiri sendiri walau tanpa use case

tambahan.

Generalisasi

Hubungan umum-khusus antara dua buah use case dimana

fungsi yang satu adalah fungsi yang lebih umum dari yang

lainnya.

Include

Dimana use case yang ditambahkan memerlukan use case ini

untuk menjalankan fungsinya atau sebagai syarat dijalankan

use case.

Sumber: Rosa dan Shalahudin (2015:156)

2.2.11.2 Activity Diagram

Activity diagram menggambarkan workflow (aliran kerja) atau aktivitas dari

sebuah sistem atau proses bisnis atau menu yang ada pada perangkat lunak. Activity

Page 34: 1590608342507_SKRIPSI - Ok - fix.pdf

18

diagram menggambarkan aktivitas sistem bukan apa yang dilakukan aktor, jadi

aktivitas yang dilakukan sistem (Rosa dan Shalahudin, 2015:161).

Berikut adalah simbol-simbol yang ada pada activity diagram:

Tabel 2.2 Simbol-simbol activity diagram

Simbol Deskripsi

Status awal

Status awal aktivitas sistem

Status akhir

Status akhir yang dilakukan sistem, sebuah diagram

memiliki sebuah status akhir.

Aktivitas

Aktivitas yang dilakukan system, biasnya diawali

dengan kata kerja.

Percabangan

Asosiasi percabangan dimana jika ada pilihan

aktivitas lebih dari satu.

Fork/percabangan

Fork/percabangan digunakan untuk menunjukkan

kegiatan yang dilakukan secara paralel atau untuk

menggabungkan dua kegiatan paralel menjadi satu.

Join/penggabungan

Join/penggabungan (rake) digunakan untuk

menunjukkan adanya dekomposisi.

Sumber: Rosa dan Shalahudin (2015:162)

Page 35: 1590608342507_SKRIPSI - Ok - fix.pdf

19

2.2.11.3 Sequence Diagram

Diagram sekuen menggambarkan kelakuan objek pada use case dengan

mendeskripsikan waktu hidup objek dan message yang dikirimkan dan diterima antar

objek. Oleh karena itu untuk menggambar diagram sekuen maka harus diketahui objek-

objek yang terlibat dalam sebuah use case beserta metode-metode yang dimiliki kelas

yang diinstansiasi menjadi objek itu. Membuat diagram sekuen juga dibutuhkan untuk

melihat skenario yang ada pada use case. (Rosa dan Salahudin, 2015:165).

Berikut adalah simbol-simbol yang ada pada sequence diagram:

Tabel 2.3 Simbol-simbol sequence diagram

Simbol Deskripsi

Aktor

Orang, proses, atau sistem lain yang berinteraksi dengan

sistem informasi yang akan dibuat diluar sistem informasi

yang akan dibuat itu sendiri, jadi walaupun simbol dari

aktor adalah gambar orang, tapi aktor belum tentu

merupakan orang, biasanya dinyatakan menggunakan kata

benda diawal frase nama aktor.

Objek

Menyatakan objek yang berinteraksi pesan

Waktu aktif

Menyatakan objek dalam keadaan aktf dan berinteraksi,

semua yang terhubung dengan waktu aktif ini adalah sebuah

tahapan yang dilakukan didalamnya.

<<create>>

Pesan tipe create

Menyatakan suatu objek membuat objek yang lain, arah

panah mengarah pada objek yang dibuat.

Object1

Page 36: 1590608342507_SKRIPSI - Ok - fix.pdf

20

Simbol Deskripsi

Garis hidup /

Lifeline

Menyatakan kehidupan suatu objek

1:nama_metode()

Pesan tipe call

Menyatakan suatu objek memanggil operasi/metode yang

ada pada objek lain atau dirinya sendiri.

1:masukan

Pesan tipe send

Menyatakan suatu objek mengirimkan data atau masukan

atau informasi ke objek lainnya.

1:keluaran

Pesan tipe return

Menyatakan bahwa suatu objek yang telah menjalankan

suatu operasi atau metode menghasilkan suatu kembalian ke

objek tertentu.

<<destroy>>

Pesan tipe

destroy

Menyatakan suatu objek mengakhiri hidup objek yang lain.

Sumber: Rosa dan Shalahudin (2015:165)

2.2.11.4 Class Diagram

Class diagram menggambarkan struktur sistem dari segi pendefinisian kelas-

kelas dalam membangun sistem. Kelas memiliki atribut dan metode atau operasi.

Atribut merupakan variabel-variabel yang dimiliki oleh suatu kelas. Operasi atau

Page 37: 1590608342507_SKRIPSI - Ok - fix.pdf

21

metode adalah fungsi-fungsi yang dimiliki oleh suatu kelas. (Rosa dan Shalahudin,

2015:141).

Berikut adalah simbol-simbol yang ada pada class diagram:

Tabel 2.4 Simbol-simbol class diagram

Simbol Deskripsi

Class

Class adalah blok-blok pembangun pada

pemrograman berorientasi obyek. Sebuah class

digambarkan sebagai sebuah kotak yang terbagi atas

3 bagian. Bagian atas adalah bagian nama dari class.

Bagian tengah mendefinisikan property/atribut

class. Bagian akhir mendefinisikan methodmethod

dari sebuah class.

Association

Garis ini bisa melambangkan tipe-tipe relationship

dan juga dapat menampilkan hukum-hukum

multiplisitas pada sebuah relationship. (Contoh:

One-to-one, one-to-many, many-to-many).

Antar muka / interface

Sama dengan konsep interface dalam pemrograman

berbasis objek

Asosiasi berarah /

directed association

Relasi antar kelas dengan makna kelas yang satu

digunakan oleh kelas yang lain, asosiasi biasanya juga

disertai dengan multiplicity

Generalisasi

Relasi antar kelas dengan makna generalisasi-

spesialisasi (umum-khusus)

Page 38: 1590608342507_SKRIPSI - Ok - fix.pdf

22

Simbol Deskripsi

Kebergantungan /

dependency

Relasi antar kelas dengan makna kebergantungan

antar kelas.

Aggregation

Relasi antar kelas dengan makna semua bagian

(whole part)

Sumber: Rosa dan Shalahudin (2015:146)

Page 39: 1590608342507_SKRIPSI - Ok - fix.pdf

23

BAB III

METODE PENELITIAN

3.1 Objek Penelitian

Objek penelitian yang diambil adalah Kantor Kepala Desa Bantar yang

beralamat di Jalan Bantar No.26 Desa Bantar Kecamatan Wanareja Kabupaten Cilacap

53265.

3.1.1 Sejarah Singkat Desa Bantar

Bantar adalah desa di kecamatan Wanareja, Cilacap, Jawa Tengah, Indonesia.

Secara geografis didominasi oleh wilayah perbukitan dan hulu sungai Citanduy yang

menjadi batas wilayah Jawa Tengah dan Jawa Barat membentang. Desa Bantar

memiliki luas wilayah 713 Ha yang terdiri dari 24 Rukun Tetangga (RT) dalam 12

Rukun Warga (RW) dan batas Wilayah Desa sebelah Utara Desa Sidamulya, sebelah

Timur Desa Cisuru, sebelah Barat Desa Adimulya, dan sebelah selatan Desa Tarisi.

3.1.2 Visi dan Misi

Visi merupakan tujuan masa depan sebuah instansi atau perusahaan, adapun

visi dari Kantor Kepala Desa Bantar adalah “Menjadikan desa Bantar yang mapan, adil

makmur dan bermanfaat”.

Sedangkan misi dari Kantor Kepala Desa Bantar adalah sebagai berikut:

a. Membangkitkan ekonomi masyarakat melalui pemberdayaan SDM dan SDA

desa Bantar.

b. Meningkatkan kreatifitas warga masyarakat desa Bantar dalam berbagai aspek

kehidupan menuju kemapanan dan kemakmuran.

c. Meningkatkan kualitas dan kuantitas infrastruktur dengan melibatkan warga

masyarakat.

Page 40: 1590608342507_SKRIPSI - Ok - fix.pdf

24

3.1.3 Struktur Organisasi

Guna mewujudkan Visi dan Misi yang telah disebutkan diatas, maka

pemerintah desa Bantar membagi tugas, wewenang dan tanggung jawab yang

dijabarkan dalam struktur organisasi berikut ini:

Gambar 3.1 Struktur Organisasi Kantor Kepala Desa Bantar

3.1.4 Deskripsi Tugas dan Fungsi Pokok

Rincian tugas pokok dan fungsi dari masing-masing jabatan dalam struktur

organisasi kelurahan sebagai berikut [18]:

1. Kepala Desa

a. Melaksanakan kegiatan dalam rangka penyelenggaraan urusan rumah

tangga desanya sendiri.

b. Memimpin penyelenggaraan pemerintahan dan pembangunan desa.

c. Menetapkan peraturan desa yang telah mendapat persetujuan bersama

Badan Permusyawaratan Desa.

Page 41: 1590608342507_SKRIPSI - Ok - fix.pdf

25

d. Membina perekonomian desa.

e. Melaksanakan wewenang lain sesuai dengan peraturan perundang-

undangan.

2. Sekertaris Desa

a. Memberi pendapat dan saran kepada kepala desa.

b. Melaksanakan administrasi kepegawaian aparat desa.

c. Merumuskan program kegiatan kepala desa.

d. Melaksanakan urursan surat menyurat dan laporan.

e. Melaksanakan tugas lain yang diberikan oleh kepala desa.

3. KAUR Umum dan Perencanaan

a. Melaksanakan urusan ketatausahaan seperti tata naskah, administrasi

surat menyurat, arsip dan ekspedisi.

b. Mengoordinasikan urusan perencanaan seperti menyusun rencana

anggaran pendapatan dan belanja desa.

c. Menyiapkan bahan musyawarah perencanaan pembangunan desa.

d. Mengelola arsip perencanaan pembangunan desa.

e. Melaksanakan dan melaporkan pelaksanaan tugas lain yang diberikan

oleh atasan sesuai dengan tugas pokoknya.

4. KAUR Keuangan

a. Melakukan pencatatan mengenai penghasilan kepala desa dan perangkat

desa sesuai dengan peraturan perundang-undangan yang berlaku.

b. Mengumpulkan dan menganalisa sumber penghasilan desa baru untuk

dikembangkan.

c. Melakukan administrasi pajak yang dikelola oleh kepala desa.

d. Melakukan kegiatan administrasi keuangan desa.

e. Melaksanakan tugas lain yang diberikan oleh sekretaris desa.

5. KASI Pemerintahan

a. Melaksanakan kegiatan administrasi penduduk desa.

Page 42: 1590608342507_SKRIPSI - Ok - fix.pdf

26

b. Melaksanakan dan memberikan pelayanan terhadap masyarakat hal

membuat surat pengantar kartu tanda penduduk (ktp).

c. Melaksanakan kegiatan kemasyarakatan seperti kegiatan ketentraman

dan ketertiban serta pertahanan sipil (Hansip).

d. Melaksanakan kegiatan administrasi pemilu berdasarkan ketentuan yang

berlaku.

e. Melaksanakan tugas lain yang diberikan oleh sekretaris desa.

6. KASI Kesejahteraan

a. Melaksanakan kegiatan pencatatan keadaan kesejahteraan

rakyat/masyarakat termasuk bencana alam, bantuan sosial, pendidikan

dan kebudayaan, kesenian olahraga pemuda, pramuka dan PMT desa.

b. Mengikuti perkembangan serta melaporkan tentang keadaan kesehatan

masyarakat dan kegiatan lainnya di desa (puskesmas).

c. Mengikuti perkembangan serta pencatatan kegiatan program

kependudukan (keluarga berencana, ketenagakerjaan, transmigrasi dan

lingkungan hidup).

d. Melaksanakan kegiatan pencatatan dan perkembangan keagamaan,

kegiatan dan melaksanakan pengurusan kematian.

e. Melaksanakan tugas lain yang diberikan oleh sekretaris desa.

7. KASI Pelayanan

a. Penyusunan data dan bahan materi lingkup pelayanan.

b. Pelayanan data dan informasi kelurahan.

c. Pelayanan kependudukan.

d. Pelayanan administrasi umum lainnya.

e. Pelaporan pelaksanaan lingkup pelayanan.

8. KADUS (Kepala Dusun)

a. Membantu pelaksanaan tugas kepala desa dalam wilayah kerjanya.

b. Melakukan kegiatan penerangan tentang program pemerintah kepada

masyarakat.

Page 43: 1590608342507_SKRIPSI - Ok - fix.pdf

27

c. Membantu kepala desa dalam pembinaan dan mengkoordinasikan

kegiatan RW (Rukun Wilayah) dan RT (Rukun Tetangga) diwilayah

kerjanya.

d. Melakukan pembinaan dan pemeliharaan ketentraman dan ketertiban

masyarakat.

e. Melaksanakan tugas lain yang diberikan oleh kepala desa.

3.2 Analisa Permasalahan

Sistem informasi pelayanan kependudukan yang sedang berjalan di kantor

desa Bantar masih menggunakan sistem yang sederhana, beberapa kekurangan dalam

prosedur yang sedang berjalan diantaranya yaitu tidak efisiennya waktu yang

digunakan untuk memproses pelayanan kependudukan untuk melayani kebutuhan-

kebutuhan penduduk seperti pembuatan surat pengantar pembuatan KTP (Kartu Tanda

Penduduk), surat pengantar pembuatan KK (Kartu Keluarga), surat kelahiran, surat

kematian, surat penduduk pindah dan surat penduduk datang yang masih menggunakan

blangko serta sulitnya mendapatkan laporan kependudukan yang akurat dan tepat

waktu. Sehingga pada pelayanan kantor desa Bantar sering terjadi kesalahan dalam

mengolah atau mendata penduduk. Dengan demikian tentunya banyak permasalahan

dan kesalahan yang ditemukan. Untuk itu penulis mencoba merancang dan

membangun sistem informasi administrasi kependudukan di kantor kepala desa Bantar

kabupaten Cilacap.

3.3 Sistem Yang Berjalan

3.3.1 Analisis Prosedur Sistem Yang Berjalan

Analisis sistem berjalan yaitu menganalisis permasalahan yang sedang

berjalan saat ini, tujuan dilakukan analisis sistem berjalan untuk mengetahui lebih jelas

bagaimana cara kerja sistem tersebut dan masalah yang dihadapi untuk dijadikan

landasan usulan perancangan sistem. Pada analisis ini terdiri dari beberapa prosedur,

Page 44: 1590608342507_SKRIPSI - Ok - fix.pdf

28

adapun prosedur sistem informasi kependudukan yang berjalan digambarkan pada

activity diagram sebagai berikut:

Gambar 3.2 Activity Diagram sistem yang sedang berjalan

Penjelasan dari gambaran sistem yang berjalan diatas adalah sebagai berikut:

1. Penduduk mengajukan pembuatan surat yang dibutuhkan seperti surat

pengantar pembuatan KTP (Kartu Tanda Penduduk), surat pengantar

pembuatan KK (Kartu Keluarga), surat keterangan kelahiran, surat keterangan

kematian, surat keterangan penduduk pindah dan surat keterangan penduduk

datang.

2. Penduduk membawa persyaratan kemudian diserahkan kepada Kasi

pemerintahan.

Page 45: 1590608342507_SKRIPSI - Ok - fix.pdf

29

3. Kasi pemerintahan memeriksa kelengkapan persyaratan, apabila persyaratan

lengkap kemudian kasi pemerintahan langsung membuat surat yang diajukan

penduduk, apabila persyaratan tidak lengkap maka akan dikembalikan kepada

penduduk untuk melengkapi persyaratan tersebut.

4. Sekretaris menandatangani surat yang telah dibuat oleh kasi pemerintahan.

5. Penduduk menerima surat yang telah selesai dibuat.

6. Kasi pemerintahan mendata penduduk pada buku induk.

7. Sekretaris membuat laporan.

8. Kepala desa menerima laporan

3.3.2 Analisis kelemahan sistem yang berjalan

Analisis kelemahan sistem digunakan untuk mengetahui apa saja yang kurang

maksimal dari sistemyang berjalan. Analisis kelemahan sistem dari sistem yang

berjalan saat ini adalah sebagai berikut:

1. Pengolahan data masih dilakukan secara manual dengan cara mencatat data

penduduk di buku induk laporan kependudukan.

2. Pelayanan masyarakat dalam membuat surat pengantar pembuatan KTP

(Kartu Tanda Penduduk), surat pengantar pembuatan KK (Kartu Keluarga),

surat keterangan kelahiran, surat keterangan kematian, surat keterangan

penduduk pindah dan surat keterangan penduduk datang masih manual.

3. Dalam pembuatan laporan data kependudukan membutuhkan waktu yang

cukup lama dan data yang dihasilkan kurang akurat.

3.3.3 Evaluasi Sistem Yang Berjalan

Evaluasi bertujuan untuk melihat hasil rancangan dengan proses uji coba

sistem yang telah dibuat sesuai dengan permintaan pengguna dan hasil evaluasi

digunakan untuk memperbaiki perancangan. Berikut ini merupakan pengamatan dari

prosedur sistem yang berjalan pada kantor desa Bantar:

Page 46: 1590608342507_SKRIPSI - Ok - fix.pdf

30

Tabel 3.1 Evaluasi sistem yang berjalan

No Sistem Berjalan Sistem Usulan

1 Belum adanya sistem informasi

yang baik, efisien dan akurat yang

digunakan dalam memberikan

informasi mengenai kependudukan.

Dibuatkan aplikasi Sistem Informasi

Administrasi Kependudukan Berbasis

Web Mobile.

2 Sistem pengolahan data penduduk

masih manual dengan cara mencatat

data penduduk pada buku induk

laporan kependudukan.

Dibuatkan sebuah database untuk

penyimpanan data penduduk yang ada

pada aplikasi Sistem informasi

Administrasi Kependudukan Berbasis

Web Mobile.

3.4 Metode Pengumpulan Data

Metode pengumpulan data adalah cara atau teknik yang dapat digunakan oleh

peneliti untuk mengumpulkan data serta memperoleh informasi yang dibutuhkan untuk

mencapai tujuan penelitian. Maka penulisan ini menggunakan beberapa metode yang

dilakukan yaitu sebagai berikut:

1. Observasi

Penulis melakukan tinjauan langsung ke kelurahan Bantar untuk mendapatkan

data dan informasi mengenai data kependudukan. Kegiatan yang dilakukan

penulis saat observasi adalah menganalisis sistem yang berjalan,

mengidentifikasi masalah, dan mengumpulkan data-data yang diperlukan

untuk pembangunan aplikasi.

2. Wawancara

Selain observasi penulis juga melakukan wawancara kepada Kasi

Pemerintahan Kelurahan Bantar yang bernama Bapak Heru Widodo. Dari

hasil wawancara tersebut penulis mendapat informasi mengenai cara kerja

sistem informasi kependudukan yang ada saat ini.

Page 47: 1590608342507_SKRIPSI - Ok - fix.pdf

31

3. Studi Pustaka

Selain melakukan observasi dan wawancara penulis juga melakukan

pengumpulan data dengan cara studi pustaka. Dalam metode ini penulis

melengkapi data-data yang diperoleh dengan membaca dan mempelajari dari

buku-buku, jurnal, media internet dan data-data yang relevan dengan judul

yang penulis ajukan.

3.5 Metode Pengembangan Sistem

Metode yang digunakan dalam pengembangan sistem ini menggunakan

metode waterfall. Menurut Pressman (1997) Metode waterfall adalah metode yang

melakukan pendekatan secara sistematis dan sekuensial melalui tahapan-tahapan yang

terdapat dalam SDLC untuk membangun sebuah perangkat lunak. Nama model ini

sebenarnya adalah “Linear Sequential Model”. Model ini adalah model yang muncul

pertama kali yaitu sekitar tahun 1970 sehingga sering dianggap kuno, tetapi merupakan

model yang paling banyak dipakai didalam Software Engineering (SE).

Disebut dengan waterfall karena tahap demi tahap yang dilalui harus

menunggu selesainya tahap sebelumnya dan berurutan. Penulis memilih metode ini

karena metode ini cocok untuk membangun perangkat lunak yang tidak terlalu besar

dan dengan jumlah sumber daya manusia yang terbatas. Metode waterfall memiliki

beberapa tahapan proses yaitu system information and engineering modeling, software

requirements analysis, design, coding, testing/verification, maintenance [7].

Page 48: 1590608342507_SKRIPSI - Ok - fix.pdf

32

Gambar 3.3 Diagram model waterfall

Sumber: Pressman (1997)

Tahapan pertama dalam model waterfall adalah tahapan system information

and engineering modeling. Pada tahapan system information and engineering modeling

diawali dengan mendefinisikan dan mengumpulkan bahan-bahan seperti teori-teori

yang dibutuhkan dalam membentuk suatu informasi yang akan digunakan pada tahapan

selanjutnya.

Tahapan kedua adalah tahapan software requirements analysis. Pada tahapan

software requirements analysis dilakukan analisis kebutuhan yang difokuskan pada

software yang akan dirancang dan program yang akan dibuat, sehingga dalam tahapan

software requirements analisis ini harus mengerti tentang domain informasi dari

software yang akan dibangun.

Tahapan ketiga adalah tahapan design. Tahapan design digunakan untuk

mengubah kebutuhan-kebutuhan kedalam bentuk model software sebelum coding

dimulai. Tahapan design ini berfokus pada atribut perangkat lunak yang berbeda,

seperti arsitektur perangkat lunak, struktur data dan detail algoritma.

Page 49: 1590608342507_SKRIPSI - Ok - fix.pdf

33

Tahapan keempat adalah tahapan coding, yaitu implementasi dari tahapan-

tahapan sebelumnya kedalam sebuah bahasa yang dapat dimengerti oleh komputer.

Dari implemetasi tersebut komputer dapat menjalankan fungsi-fungsinya sehingga

mampu menyediakan layanan kepada pengguna.

Tahapan kelima adalah testing/verification (pengujian). Pengujian dilakukan

untuk mengetahui semua fungsi-fungsi software siap atau tidaknya untuk digunakan,

dan hasilnya harus sesuai dengan kebutuhan yang sudah didefinisikan sebelumnya.

Tahapan keenam adalah tahapan maintenance (pemeliharaan), tahap ini

merupakan tahap akhir dari model waterfall, yaitu penggunaan perangkat lunak disertai

dengan melakukan perbaikan dan pemeliharaan agar sistem dapat dikembangkan

kemampuannya. pengembangan diperlukan ketika adanya perubahan dari eksternal

seperti ketika ada pergantian sistem operasi, atau perangkat lainnya.

3.6 Analisa Kebutuhan Sistem

Untuk mempermudah menganalisis sebuah sistem dibutuhkan dua jenis

kebutuhan yaitu kebutuhan fungsional dan kebutuhan non fungsional. Tujuannya yaitu

untuk memahami dengan sesungguhnya kebutuhan dari sistem yang baru.

3.6.1 Kebutuhan Fungsional

Kebutuhan fungsional adalah jenis kebutuhan yang berisi proses-proses yang

nantinya akan dilakukan oleh sistem. Kebutuhan fungsional dalam sistem informasi

administrasi kependudukan Desa Bantar adalah sebagai berikut:

1. Sistem dapat melakukan proses tambah, edit dan hapus data KTP (Kartu

Tanda Penduduk).

2. Sistem dapat melakukan proses tambah, edit dan hapus data KK (Kartu

Keluarga).

3. Sistem dapat melakukan proses tambah, edit dan hapus data kelahiran.

4. Sistem dapat melakukan proses tambah, edit dan hapus data kematian.

5. Sistem dapat melakukan proses tambah, edit dan hapus data penduduk pindah.

6. Sistem dapat melakukan proses tambah, edit dan hapus data penduduk datang.

Page 50: 1590608342507_SKRIPSI - Ok - fix.pdf

34

7. Sistem dapat menampilkan laporan data KTP (Kartu Tanda Penduduk).

8. Sistem dapat menampilkan laporan data KK (Kartu Keluarga).

9. Sistem dapat menampilkan laporan data kelahiran.

10. Sistem dapat menampilkan laporan data kematian.

11. Sistem dapat menampilkan laporan data penduduk pindah.

12. Sistem dapat menampilkan laporan data penduduk datang.

3.6.2 Kebutuhan Non Fungsional

Kebutuhan non fungsional adalah jenis kebutuhan yang berisi properti

perilaku yang dimiliki oleh sistem yang meliputi operasional, kinerja dan keamanan.

Kebutuhan non fungsional dalam sistem informasi administrasi kependudukan desa

Bantar adalah sebagai berikut:

1. Kebutuhan Hardware

Hardware atau perangkat keras yang digunakan untuk mendukung penelitian

dalam penyelesaian skripsi ini yaitu:

a. Laptop HP Elitebook 830 G5

b. SSD 512 GB

c. RAM 8 GB

d. Processor Intel Core i7

2. Kebutuhan Software

Software atau perangkat lunak yang digunakan untuk mendukung penelitian

dalam penyelesaian skripsi ini yaitu:

Tabel 3.2 Perangkat lunak yang dibutuhkan

No Perangkat Lunak Keterangan

1 Windows 10 Pro Sebagai Sistem Operasi.

2 Google Chrome 64 bit Sebagai Search Engine.

3 XAMPP v3.2.2 Sebagai web server komputer lokal (localhost).

4 PhpMyAdmin 4.5.1 Database untuk penyimpanan data-data.

Page 51: 1590608342507_SKRIPSI - Ok - fix.pdf

35

No Perangkat Lunak Keterangan

5 Android Studio Aplikasi yang digunakan untuk membuat

aplikasi android.

6 Sublime Text 3 Aplikasi yang digunakan sebagai web editor.

7 UMLet 14.3.0 Tools untuk gambaran perancangan sistem.

8 Microsoft Word 2016 Tools untuk dokumentasi.

3.7 Perancangan Sistem

Perancangan sistem adalah tahapan analisis dari pengembangan sistem yang

didefinisikan berdasarkan kebutuhan-kebutuhan fungsional dan persiapan merancang

implementasi yang dapat menggambakan baaimana suatu sistem dibentuk berupa

penggambaran, perancangan, pembuatan desain dan konfigurasi dari komponen-

komponen perangkat keras dan perangkat lunak suatu sistem.

Perancangan sistem dapat menggambarkan prosedur sistem atau alur dari

kegiatan yang dilakukan secara manual maupun menggunakan komputer sehingga

kegiatan menjadi lebih terkontrol. Perancangan sistem bertujuan untuk memenuhi

kebutuhan pengguna, serta untuk memberikan gambaran yang jelas dan menghasilkan

rancangan yang terstruktur.

3.7.1 Use Case Diagram

Use case diagram merupakan pemodelan untuk kelakuan sistem informasi

yang akan dibuat. Use case mendeskripsikan sebuah interaksi antara satu aktor atau

lebih dengan sistem informasi yang akan dibuat. menggambarkan sebuah komunikasi

antara aktor dengan sistem. Berikut ini merupakan use case diagram Sistem Informasi

Administrasi Kependudukan Desa Bantar:

Page 52: 1590608342507_SKRIPSI - Ok - fix.pdf

36

Gambar 3.4 Use Case diagram yang diusulkan

1. Definisi Aktor

Berikut ini merupakan pendefinisian aktor yang terlibat dalam perancangan

sistem informasi kependudukan yang diusulkan pada kantor desa Bantar:

Tabel 3.3 Definisi aktor

No Aktor Deskripsi

1

Kasi Pemerintahan Merupakan orang yang bertanggung jawab dan

bertugas untuk melakukan operasi pengolahan data

penduduk, membuat surat pengantar pembuatan KK,

membuat data keterangan kelahiran dan kematian,

membuat data penduduk pindah dan penduduk

datang.

Page 53: 1590608342507_SKRIPSI - Ok - fix.pdf

37

No Aktor Deskripsi

2 Sekretaris Merupakan orang yang bertanggung jawab dan

bertugas untuk melakukan operasi pembuatan

laporan kependudukan setiap bulan.

2. Definisi Use Case

Berikut ini merupakan pendefinisian use case pada perancangan sistem

informasi kependudukan desa Bantar:

Tabel 3.4 Definisi Use Case

No Use Case Deskripsi

1 Login Merupakan proses masuk ke tampilan menu utama

login.

2 Pembuatan data

penduduk

Merupakan proses membuat data penduduk untuk

disimpan di database.

3 Surat pengantar

pembuatan

KTP

Merupakan proses memasukkan data pemohon untuk

membuat surat pengantar pembuatan KTP.

4 Surat pengantar

pembuatan KK

Merupakan proses memasukkan data pemohon untuk

membuat surat pengantar pembuatan KK.

5 Pembuatan data

kelahiran

Merupakan proses memasukkan data pemohon

pembuatan surat keterangan kelahiran.

6 Pembuatan data

kematian

Merupakan proses memasukkan data pemohon

pembuatan surat keterangan kematian.

7 Pembuatan data

penduduk

pindah

Merupakan proses memasukkan data pemohon

pembuatan surat keterangan penduduk pindah.

Page 54: 1590608342507_SKRIPSI - Ok - fix.pdf

38

No Use Case Deskripsi

8 Pembuatan data

penduduk

datang

Merupakan proses memasukkan data pemohon

pembuatan surat keterangan penduduk datang.

9 Membuat

laporan data

kependudukan

Merupakan proses membuat seluruh data

kependudukan.

3.7.2 Activity Diagram

Activity diagram atau diagram aktivitas adalah representasi grafis dari seluruh

tahapan alur kerja. Diagram aktivitas menggambarkan berbagai alur aktivitas dalam

sebuah aplikasi yang dirancang. Berikut ini adalah activity diagram yang diusulkan dari

perancangan sistem informasi administrasi kependudukan desa Bantar:

3.7.2.1 Activity Diagram Login

Gambar 3.1 Activity Diagram login

Page 55: 1590608342507_SKRIPSI - Ok - fix.pdf

39

Berikut ini adalah deskripsi untuk menggambarkan proses-proses pada

activity diagram login:

1. Kasi pemerintahan dan sekretaris login dengan memasukkan username dan

password. Username = admin dan password = admin.

2. Kemudian sistem akan melakukan cek username dan password, jika username

dan password benar maka sistem akan menampilkan menu utama, dan jika

username dan password salah maka akan kembali ke menu login.

3.7.2.2 Activity Diagram Pembuatan Data Penduduk

Gambar 3.2 Activity diagram pembuatan data penduduk

Berikut ini adalah deskripsi untuk menggambarkan proses-proses pada

activity diagram pembuatan data penduduk:

Page 56: 1590608342507_SKRIPSI - Ok - fix.pdf

40

1. Kasi pemerintahan mengisi form data penduduk.

2. Kemudian sistem akan memvalidasi data penduduk, apabila data lengkap

maka data akan tersimpan ke database, dan apabila data tidak lengkap maka

akan kembali ke menu mengisi form data penduduk.

3.7.2.3 Activity Diagram Surat Pengantar Pembuatan KTP

Gambar 3.3 Surat pengantar pembuatan KTP

Berikut ini adalah deskripsi untuk menggambarkan proses-proses pada

activity diagram surat pengantar pembuatan KTP:

1. Kasi pemerintahan mengisi form surat pengantar pembuatan KTP.

Page 57: 1590608342507_SKRIPSI - Ok - fix.pdf

41

2. Kemudian sistem akan memverifikasi form KTP, apabila data lengkap maka

data akan tersimpan ke database, dan apabila data tidak lengkap maka akan

kembali ke menu mengisi form surat pengantar pembuatan KTP.

3. Kasi pemerintahan akan memvalidasi form KTP, setelah data divalidasi

kemudian Kasi pemerintahan mencetak surat pengantar KTP.

3.7.2.4 Activity Diagram Surat Pembuatan KK

Gambar 3.4 Activity Diagram surat pengantar pembuatan KK

Berikut ini adalah deskripsi untuk menggambarkan proses-proses pada

activity diagram surat pengantar pembuatan KK:

1. Kasi pemerintahan mengisi form surat pengantar pembuatan KK.

Page 58: 1590608342507_SKRIPSI - Ok - fix.pdf

42

2. Kemudian sistem akan memverifikasi form KK, apabila data lengkap maka

data akan tersimpan ke database, dan apabila data tidak lengkap maka akan

kembali ke menu mengisi form surat pengantar pembuatan KK.

3. Kasi pemerintahan akan memvalidasi form KK, setelah data divalidasi

kemudian Kasi pemerintahan mencetak surat pengantar KK.

3.7.2.5 Activity Diagram Surat Kelahiran

Gambar 3.5 Activity Diagram surat kelahiran

Berikut ini adalah deskripsi untuk menggambarkan proses-proses pada

activity diagram kelahiran:

1. Kasi pemerintahan mengisi form pembuatan surat kelahiran.

Page 59: 1590608342507_SKRIPSI - Ok - fix.pdf

43

2. Kemudian sistem akan memverifikasi form surat kelahiran, apabila data

lengkap maka data akan tersimpan ke database, dan apabila data tidak lengkap

maka akan kembali ke menu mengisi form pembuatan surat kelahiran.

3. Kasi pemerintahan akan memvalidasi form surat kelahiran, setelah data

divalidasi kemudian Kasi pemerintahan akan mencetak surat kelahiran.

3.7.2.6 Activity Diagram Surat Kematian

Gambar 3.6 Activity Diagram surat kematian

Berikut ini adalah deskripsi untuk menggambarkan proses-proses pada

activity diagram surat kematian:

1. Kasi pemerintahan mengisi form pembuatan surat kematian.

Page 60: 1590608342507_SKRIPSI - Ok - fix.pdf

44

2. Kemudian sistem akan memverifikasi form surat kematian, apabila data

lengkap maka data akan tersimpan ke database, dan apabila data tidak

lengkap maka akan kembali ke menu mengisi form pembuatan surat kematian.

3. Kasi pemerintahan akan memvalidasi form surat kematian, setelah data

divalidasi kemudian Kasi pemerintahan akan mencetak surat kematian.

3.7.2.7 Activity Diagram Surat Penduduk Pindah

Gambar 3.7 Activity Diagram surat penduduk pindah

Berikut ini adalah deskripsi untuk menggambarkan proses-proses pada

activity diagram surat penduduk pindah:

1. Kasi pemerintahan mengisi form pembuatan surat penduduk pindah.

2. Kemudian sistem akan memverifikasi form surat penduduk pindah, apabila

data lengkap maka data akan tersimpan ke database, dan apabila data tidak

Page 61: 1590608342507_SKRIPSI - Ok - fix.pdf

45

lengkap maka akan kembali ke menu mengisi form pembuatan surat penduduk

pindah.

3. Kasi pemerintahan akan memvalidasi form surat penduduk pindah, setelah

data divalidasi maka Kasi pemerintahan akan mencetak surat penduduk

pindah.

3.7.2.8 Activity Diagram Surat Penduduk Datang

Gambar 3.8 Activity Diagram surat penduduk datang

Berikut ini adalah deskripsi untuk menggambarkan proses-proses pada

activity diagram surat penduduk datang:

1. Kasi pemerintahan mengisi form pembuatan surat penduduk datang.

2. Kemudian sistem akan memverifikasi form surat penduduk datang, apabila

data lengkap maka data akan tersimpan ke database, dan apabila data tidak

Page 62: 1590608342507_SKRIPSI - Ok - fix.pdf

46

lengkap maka akan kembali ke menu mengisi form pembuatan surat penduduk

datang.

3. Kasi pemerintahan akan memvalidasi form surat penduduk datang, setelah

data divalidasi maka Kasi pemerintahan akan mencetak surat penduduk

datang.

3.7.2.9 Activity Diagram Laporan Kependudukan

Gambar 3.9 Activity Diagram laporan kependudukan

Berikut ini adalah deskripsi untuk menggambarkan proses-proses pada

activity diagram laporan kependudukan:

1. Sekretaris desa memilih periode waktu laporan data kependudukan yang telah

tersimpan di database. Periode waktu dipilih berdasarkan bulan (periode

waktu perbulan).

Page 63: 1590608342507_SKRIPSI - Ok - fix.pdf

47

2. Kemudian sistem akan mengambil data dari database, apabila data tidak

lengkap maka akan kembali ke menu periode waktu, apabila data lengkap

maka sekretaris desa akan mencetak laporan kependudukan.

3.7.3 Sequence Diagram

Sequence diagram menggambarkan interaksi objek dan untuk komunikasi

diantara objek-objek tersebut. Berikut ini merupakan sequence diagram dari sistem

informasi kependudukan di kantor desa Bantar.

3.7.3.1 Sequence Diagram Login

Gambar 3.10 Sequence Diagram login

Berikut ini adalah deskripsi untuk menggambarkan proses-proses pada

sequence diagram login:

1. Kasi pemerintahan dan sekretaris memasukkan username dan password untuk

login.

Page 64: 1590608342507_SKRIPSI - Ok - fix.pdf

48

2. Kemudian sistem akan memvalidasi username dan password.

3. Sistem akan menampilkan pesan login berhasil atau gagal.

4. Kemudian menu utama tampil.

3.7.3.2 Sequence Diagram Permohonan Pembuatan Data Penduduk

Gambar 3.11 Sequence diagram pembuatan data penduduk

Berikut ini adalah deskripsi untuk menggambarkan proses-proses pada

sequence diagram pembuatan data penduduk:

1. Kasi pemerintahan membuka menu form data penduduk.

2. Tampil form data penduduk, kemudian kasi pemerintahan menginput data

penduduk.

3. Sistem akan menyimpan data penduduk, kemudian tampil input data berhasil.

Page 65: 1590608342507_SKRIPSI - Ok - fix.pdf

49

3.7.3.3 Sequence Diagram Surat Pengantar Pembuatan KTP

Gambar 3.12 Sequence diagram pengantar surat pembuatan KTP

Berikut ini adalah deskripsi untuk menggambarkan proses-proses pada

sequence diagram surat pengantar pembuatan KTP:

1. Kasi pemerintahan membuka menu form pengantar KTP.

2. Tampil form KTP, kemudian Kasi pemerintahan akan menginput data KTP.

3. Kemudian sistem akan menyimpan data KTP.

4. Cetak pengantar KTP, maka akan tampil cetak pengantar KTP.

Page 66: 1590608342507_SKRIPSI - Ok - fix.pdf

50

3.7.3.4 Sequence Diagram Surat Pengantar Pembuatan KK

Gambar 3.13 Sequence Diagram surat pengantar pembuatan KK

Berikut ini adalah deskripsi untuk menggambarkan proses-proses pada

sequence diagram permohonan kartu keluarga:

1. Kasi pemerintahan membuka menu form pengantar kartu keluarga.

2. Tampil form kartu keluarga, kemudian kasi pemerintahan akan menginput

data kartu keluarga.

3. Kemudian sistem akan menyimpan data kartu keluarga.

4. Cetak pengantar kartu keluarga, maka akan tampil cetak pengantar kartu

keluarga.

Page 67: 1590608342507_SKRIPSI - Ok - fix.pdf

51

3.7.3.5 Sequence Diagram Surat Kelahiran

Gambar 3.14 Sequence Diagram surat kelahiran

Berikut ini adalah deskripsi untuk menggambarkan proses-proses pada

sequence diagram data kelahiran:

1. Kasi pemerintahan membuka menu form akta kelahiran.

2. Tampil form akta kelahiran, kemudian kasi pemerintahan menginput data akta

kelahiran.

3. Kemudian sistem akan menyimpan data akta kelahiran.

4. Cetak akta kelahiran, maka akan tampil cetak akta kelahiran.

Page 68: 1590608342507_SKRIPSI - Ok - fix.pdf

52

3.7.3.6 Sequence Diagram Surat Kematian

Gambar 3.15 Sequence Diagram surat kematian

Berikut ini adalah deskripsi untuk menggambarkan proses-proses pada

sequence diagram data kematian:

1. Kasi pemerintahan membuka menu form kematian.

2. Tampil form kematian, kemudian kasi pemerintahan akan menginput data

kematian.

3. Kemudian sistem akan menyimpan data kematian.

4. Cetak surat kematian, maka akan tampil cetak surat kematian.

Page 69: 1590608342507_SKRIPSI - Ok - fix.pdf

53

3.7.3.7 Sequence Diagram Penduduk Pindah

Gambar 3.16 Sequence Diagram penduduk pindah

Berikut ini adalah deskripsi untuk menggambarkan proses-proses pada

sequence diagram penduduk pindah:

1. Kasi pemerintahan membuka menu form penduduk pindah.

2. Tampil form penduduk pindah, kemudian kasi pemerintahan menginput data

penduduk pindah.

3. Kemudian sistem akan menyimpan data penduduk pindah.

4. Cetak surat penduduk pindah, maka akan tampil cetak surat penduduk pindah.

Page 70: 1590608342507_SKRIPSI - Ok - fix.pdf

54

3.7.3.8 Sequence Diagram Data Penduduk Datang

Gambar 3.17 Sequence Diagram penduduk datang

Berikut ini adalah deskripsi untuk menggambarkan proses-proses pada

sequence diagram penduduk datang:

1. Kasi pemerintahan membuka menu form penduduk datang.

2. Tampil form penduduk datang, kemudian kasi pemerintahan menginput data

penduduk datang.

3. Kemudian sistem akan menyimpan data penduduk datang.

4. Cetak surat penduduk datang maka akan tampil cetak surat penduduk datang.

Page 71: 1590608342507_SKRIPSI - Ok - fix.pdf

55

3.7.3.9 Sequence Diagram Laporan Kependudukan

Gambar 3.18 Sequence Diagram laporan kependudukan

Berikut ini adalah deskripsi untuk menggmbarkan proses-proses pada

sequence diagram laporan kependudukan:

1. Sekretaris membuka menu form laporan.

2. Tampil form laporan, kemudian sekretaris menginput periode data laporan

penduduk.

3. Sistem akan meyimpan data laporan penduduk.

4. Cetak laporan penduduk, maka akan tampil cetak laporan penduduk.

3.7.4 Class Diagram

Class Diagram menggambarkan struktur sistem dari pendefinisian kelas-kelas

yang akan dibuat untuk membangun sistem. Class diagram memperlihatkan hubungan

antar kelas dan penjelasan detail tiap-tiap kelas didalam model desain dari suatu sistem.

Page 72: 1590608342507_SKRIPSI - Ok - fix.pdf

56

Berikut ini merupakan class diagram dari sistem informasi kependudukan di kantor

desa Bantar:

Gambar 3.19 Class Diagram

3.8 Perancangan Database

Tahap perancangan selanjutnya adalah pembuatan database. Berikut ini

merupakan daftar tabel yang dibuat di dalam database.

Tabel 3.5 Daftar tabel database

No Nama Tabel Keterangan

1 tbl_admin Berisi data username dan password admin

2 tbl_penduduk Berisi detail data penduduk

3 Tbl_ktp Berisi detail data ktp

4 tbl_kk Berisi detail data kk

Page 73: 1590608342507_SKRIPSI - Ok - fix.pdf

57

No Nama Tabel Keterangan

5 tbl_kelahiran Berisi data kelahiran

6 tbl_kematian Berisi data kematian

7 tbl_kepindahan Berisi data penduduk yang pindah dari dalam

desa ke wilayah lain

8 tbl_pendatang Berisi data penduduk yang pindah dari wilayah

lain ke dalam desa (pendatang)

Berikut ini merupakan hasil dari implementasi desain database untuk masing-

masing tabel:

1. Tabel admin

Nama Database : db_penduduk

Nama Tabel : tbl_admin

Tabel 3.6 Tabel admin

No Nama Field Tipe File Panjang

1 id_admin Int 10

2 user_name Varchar 20

3 password Varchar 20

4 nm_admin Varchar 20

2. Tabel Penduduk

Nama Database : db_penduduk

Nama Tabel : tbl_penduduk

Tabel 3.7 Tabel penduduk

No Nama Field Tipe File Panjang

1 nik Int 16

2 nama Varchar 25

Page 74: 1590608342507_SKRIPSI - Ok - fix.pdf

58

No Nama Field Tipe File Panjang

3 tempat_lahir Varchar 20

4 tanggal _lahir Date

5 jenis_kelamin Varchar 10

6 golongan_darah Varchar 2

7 alamat Varchar 20

8 rt_rw Int 3

9 kel_desa Varchar 20

10 kecamatan Varchar 20

11 agama Varchar 20

12 status Varchar 10

13 pekerjaan Varchar 10

14 kewarganegaan Varchar 20

3. Tabel KTP

Nama database : db_penduduk

Nama tabel : tbl_ktp

Tabel 3.8 Tabel KTP

No Nama Field Tipe File Panjang

1 Nik Int 16

2 Nama Varchar 25

3 tempat_lahir Varchar 20

4 tanggal_lahir Date

5 jenis_kelamin Varchar 10

6 golongan_darah Varchar 2

7 Alamat Varchar 20

8 rt_rw Varchar 3

Page 75: 1590608342507_SKRIPSI - Ok - fix.pdf

59

No Nama Field Tipe File Panjang

9 kel_desa Varchar 20

10 kecamatan Varchar 20

11 Agama Varchar 20

12 Status Varchar 10

13 Pekerjaan Varchar 10

14 kewarganegaraan Varchar 20

15 masa_berlaku Varchar 15

4. Tabel KK

Nama database : db_penduduk

Nama tabel : tbl_kk

Tabel 3.9 Tabel KK

No Nama Field Tipe File Panjang

1 no_kk Int 16

2 dusun Varchar 20

3 rt Int 3

4 rw Int 3

5 kelurahan Varchar 20

6 kecamatan Varchar 20

7 provinsi Varchar 20

5. Tabel Kelahiran

Nama Database : db_penduduk

Nama Tabel : tbl_kelahiran

Page 76: 1590608342507_SKRIPSI - Ok - fix.pdf

60

Tabel 3.10 Tabel kelahiran

No Nama Field Tipe File Panjang

1 no_akta Int 20

2 nama_lengkap Varchar 25

3 tempat_lahir Varchar 20

4 tanggal_lahir Date

5 tahun_lahir Int 4

6 nama_ayah Varchar 25

7 nama_ibu Varchar 25

8 jenis_kelamin Varchar 10

6. Tabel Kematian

Nama Database : db_penduduk

Nama Tabel : tbl_kematian

Tabel 3.11 Tabel kematian

No Nama Field Tipe File Panjang

1 no_kematian Int 10

2 nik Int 16

3 tempat_mati Varchar 20

4 tanggal_mati Date

5 umur Varchar 3

6 sebab Text

8 nama_pelapor Varchar 25

9 hub_pelapor varchar 20

7. Tabel kepindahan

Nama Database : db_penduduk

Nama Tabel : tbl_kepindahan

Page 77: 1590608342507_SKRIPSI - Ok - fix.pdf

61

Tabel 3.12 Tabel kepindahan

No Nama Field Tipe File Panjang

1 no_pindah Int 25

2 tanggal_pindah Date

3 nik Int 25

4 keterangan Varchar 50

8. Tabel pendatang

Nama Database : db_penduduk

Nama Tabel : tbl_pendatang

Tabel 3.13 Tabel pendatang

No Nama Field Tipe File Panjang

1 no_datang Int 25

2 tanggal_datang Date

3 nik Int 25

4 asal Varchar 50

3.9 Perancangan Desain Antarmuka Aplikasi

Perancangan interface atau desain antarmuka aplikasi bertujuan untuk

memberikan gambaran struktur sistem yang akan dibangun dengan detail dan interface

mewakili secara detail sistem yang akan dibuat.

3.9.1 Tampilan Admin

Admin dapat mengelola menambahkan dan menghapus data-data penduduk,

seperti data KTP, KK, kelahiran, kematian, perpindahan penduduk dan penduduk

datang. Berikut ini merupakan tampilan ketika login sebagai admin:

Page 78: 1590608342507_SKRIPSI - Ok - fix.pdf

62

1. Antarmuka Menu Login

Gambar 3.5 Antarmuka menu login

2. Antarmuka Menu Utama

Gambar 3.6 Antarmuka menu utama

Page 79: 1590608342507_SKRIPSI - Ok - fix.pdf

63

3. Antarmuka Kartu Tanda Penduduk

Gambar 3.7 Antarmuka kartu tanda penduduk

4. Antarmuka Akta Kelahiran

Gambar 3.8 Antarmuka akta kelahiran

Page 80: 1590608342507_SKRIPSI - Ok - fix.pdf

64

5. Antarmuka Kartu Keluarga

Gambar 3.9 Antarmuka kartu keluarga

6. Antarmuka Data Kematian

Gambar 3.10 Antarmuka data kematian

Page 81: 1590608342507_SKRIPSI - Ok - fix.pdf

65

7. Antarmuka Detail KK

Gambar 3.11 Antarmuka Detail KK

8. Antarmuka Data Pindah

Gambar 3.12 Antarmuka data pindah

Page 82: 1590608342507_SKRIPSI - Ok - fix.pdf

66

9. Antarmuka Data Datang

Gambar 3.13 Antarmuka data datang

10. Antarmuka Laporan

Gambar 3.14 Antarmuka laporan

Page 83: 1590608342507_SKRIPSI - Ok - fix.pdf

67

11. Antarmuka Admin

Gambar 3.15 Antarmuka admin

3.9.2 Tampilan User

User (Pengguna) tidak dapat mengelola menambahkan dan menghapus data,

user hanya dapat melihat data-data pribadi seperti data KTP, KK, dan akta kelahiran.

Berikut ini merupakan tampilan ketika login sebagai user/pengguna.

Page 84: 1590608342507_SKRIPSI - Ok - fix.pdf

68

1. Antarmuka Login

Gambar 3.16 Antarmuka login (user)

Page 85: 1590608342507_SKRIPSI - Ok - fix.pdf

69

2. Antarmuka Home

Gambar 3.17 Antarmuka home (user)

Page 86: 1590608342507_SKRIPSI - Ok - fix.pdf

70

3. Antarmuka Data KTP

Gambar 3.18 Antarmuka KTP (user)

Page 87: 1590608342507_SKRIPSI - Ok - fix.pdf

71

BAB IV

HASIL PENELITIAN DAN PEMBAHASAN

4.1 Tampilan Output Program

4.1.1 Tampilan Menu Login

Untuk login ke sistem ini dapat diakses melalui halaman web dengan alamat

url http://www.pendudukbantar.my.id/, maka web akan menampilkan halaman login.

Pada tampilan menu login ini berisi username dan password, apabila akan login ke

sistem masukkan username = admin dan password = admin. Tampilan dari menu login

adalah sebagai berikut:

Gambar 4.1 Tampilan Menu Login

4.1.2 Tampilan Menu Utama

Pada tampilan menu utama ini berisi tentang menu-menu yang terdiri dari

kartu tanda penduduk, kartu keluarga, akta kelahiran, data kematian, detail kk, data

pindah, data datang, laporan, admin. Tampilan dari menu utama adalah sebagai berikut:

Page 88: 1590608342507_SKRIPSI - Ok - fix.pdf

72

Gambar 4.2 Tampilan Menu Utama

4.1.3 Tampilan Kartu Tanda Penduduk

Pada tampilan kartu tanda penduduk admin dapat menambahkan daftar data

ktp baru yang berisi: nik, nama, tempat lahir, tanggal lahir, jenis kelamin, golongan

darah, alamat, rt/rw, kelurahan, kecamatan, agama, status, pekerjaan, kewarganegaraan

dan masa berlaku. Tampilan dari data ktp adalah sebagai berikut:

Gambar 4. 3 Tampilan Menu Kartu Tanda Penduduk

Page 89: 1590608342507_SKRIPSI - Ok - fix.pdf

73

4.1.4 Tampilan Akta Kelahiran

Pada tampilan akta kelahiran admin dapat menambah data kelahiran baru yang

berisi: no akta, nama lengkap, tempat lahir, tanggal lahir, jenis kelamin tahun lahir,

nama ayah dan nama ibu. Tampilan dari akta kelahiran adalah sebagai berikut:

Gambar 4.4 Tampilan Akta Kelahiran

4.1.5 Tampilan Kartu Keluarga

Pada tampilan kartu keluarga admin dapat menambahkan data kartu keluarga

baru yang berisi: no KK, dusun, rt, rw, kelurahan, kecamatan dan provinsi. Tampilan

dari Kartu Keluarga adalah sebagai berikut:

Page 90: 1590608342507_SKRIPSI - Ok - fix.pdf

74

Gambar 4.5 Tampilan Kartu Keluarga

4.1.6 Tampilan Data Kematian

Pada tampilan data kematian admin dapat menambahkan data kematian yang

berisi: no kematian, NIK, tempat mati, tanggal mati, umur, sebab mati, makam, nama

pelapor dan hubungan pelapor. Tampilan dari data kematian adalah sebagai berikut:

Gambar 4.6 Tampilan Data Kematian

Page 91: 1590608342507_SKRIPSI - Ok - fix.pdf

75

4.1.7 Tampilan Detail KK

Pada tampilan detail KK admin dapat menambahkan data detail KK kedalam

tabel KK berdasarkan NIK dan KK. Tampilan detail KK adalah sebagai berikut:

Gambar 4.7 Tampilan Detail KK

4.1.8 Tampilan Data Pindah

Pada tampilan data pindah admin dapat menambahkan data penduduk pindah

yang berisi: no pindah, tanggal pindah, NIK dan keterangan. Tampilan dari data pindah

adalah sebagai berikut:

Gambar 4.8 Tampilan Data Pindah

Page 92: 1590608342507_SKRIPSI - Ok - fix.pdf

76

4.1.9 Tampilan Data Datang

Pada tampilan data datang admin dapat menambahkan data penduduk datang

(pendatang) yang berisi: no datang, tanggal datang, NIK dan asal. Tampilan dari data

datang adalah sebagai berikut:

Gambar 4.9 Tampilan Data Datang

4.1.10 Tampilan Laporan

Pada tampilan laporan berisi tentang menu-menu laporan yang terdiri dari

laporan KTP, laporan KK, laporan akta, laporan kematian, laporan detail KK, laporan

pendatang dan laporan pindah.

Page 93: 1590608342507_SKRIPSI - Ok - fix.pdf

77

Gambar 4.10 Tampilan Laporan

4.1.11 Tampilan Admin

Pada tampilan admin berisi tentang data admin yang terdiri dari id admin,

name admin, user login dan password login. Tampilan dari data admin adalah sebagai

berikut:

Gambar 4.11 Tampilan Admin

Page 94: 1590608342507_SKRIPSI - Ok - fix.pdf

78

4.1.12 Tampilan Keluar

Pada tampilan keluar ada notifikasi apakah akan keluar dari sistem atau tidak,

jika keluar sistem klik tombol OK. Tampilan dari data admin adalah sebagai berikut:

Gambar 4.12 Tampilan Keluar

4.1.13 Tampilan Login (User)

Pada tampilan login ini berisi username dan password, apabila user akan

login ke sistem masukkan NIK dan password. Tampilan dari menu login adalah

sebagai berikut:

Page 95: 1590608342507_SKRIPSI - Ok - fix.pdf

79

Gambar 4.13 Tampilan login (user)

4.1.14 Tampilan Home (User)

Pada tampilan home (menu utama) ini berisi tentang menu-menu yang terdiri

dari data KTP, data akta kelahiran, dan data kartu keluarga. Tampilan dari menu utama

adalah sebagai berikut:

Page 96: 1590608342507_SKRIPSI - Ok - fix.pdf

80

Gambar 4.14 Tampilan home (user)

4.1.15 Tampilan Data KTP

Pada tampilan kartu tanda penduduk (KTP) user hanya dapat melihat data ktp

yang berisi: nik, nama, tempat lahir, tanggal lahir, jenis kelamin, golongan darah,

alamat, rt/rw, kelurahan/desa, kecamatan, agama, status, pekerjaan, kewarganegaraan

dan masa berlaku. Tampilan dari data ktp adalah sebagai berikut:

Page 97: 1590608342507_SKRIPSI - Ok - fix.pdf

81

Gambar 4.15 Tampilan data KTP (user)

4.2 Pengujian Sistem

Pengujian software yang dilakukan akan menggunakan pengujian black-box

testing. Black-box testing merupakan pengujian terhadap fungsionalitas input dan

output dari suatu perangkat lunak. Black-box testing dapat didefinisikan sebagai

sekumpulan kondisi input kemudian melakukan sejumlah pengujian terhadap program

sehingga menghasilkan suatu output yang nilainya dapat dievaluasi [15].

Page 98: 1590608342507_SKRIPSI - Ok - fix.pdf

82

Pengujian menggunakan black-box testing bertujuan untuk mendapatkan

beberapa hasil diantaranya yaitu:

1. Fungsi yang tidak benar.

2. Kesalahan dari struktur data.

3. Kesalahan dari inisialisasi dan terminasi.

4. Kesalahan dari interface.

Adapun rencana pengujian sistem yang dilakukan pada Sistem Informasi

Kependudukan Desa Bantar adalah:

Tabel 4.1 Pengujian Sistem

No Item

Pengujian

Skenario

Pengujian

Hasil Yang

diharapkan Hasil Pengujian Ket

1 Login Username =

“admin”,

Password =

“admin”,

klik tombol

login

Berhasil login

dan masuk ke

halaman

menu utama

Sukses

2 Melakukan

pengujian

pada menu

kartu tanda

penduduk

Klik menu

“Kartu

Tanda

Penduduk”

Menampilkan

halaman

daftar kartu

tanda

penduduk

Sukses

3 Melakukan

pengujian

pada menu

kartu keluarga

Klik menu

“Kartu

Keluarga”

Menampilkan

halaman

daftar kartu

keluarga

Sukses

Page 99: 1590608342507_SKRIPSI - Ok - fix.pdf

83

No Item

Pengujian

Skenario

Pengujian

Hasil Yang

diharapkan Hasil Pengujian Ket

4 Melakukan

pengujian

pada menu

akta kelahiran

klik menu

“Akta

Kelahiran”

Menampilkan

halaman

daftar akta

kelahiran

Sukses

5 Melakukan

pengujian

pada menu

data kematian

Klik menu

“Data

Kematian”

Menampilkan

halaman

daftar data

kematian

Sukses

6 Melakukan

pengujian

pada menu

data pindah

Klik menu

“Data

Pindah”

Menampilkan

daftar data

pindah

Sukses

7 Melakukan

pengujian

pada data

datang

Klik menu

“Data

Datang”

Menampilkan

daftar data

datang

Sukses

8 Melakukan

pengujian

pada menu

detail kk

Klik menu

“Detail KK”

Menampilkan

daftar data

detail kk

Sukses

9 Melakukan

pengujian

pada menu

laporan

Klik menu

“Laporan”

Menampilkan

daftar laporan

Sukses

Page 100: 1590608342507_SKRIPSI - Ok - fix.pdf

84

No Item

Pengujian

Skenario

Pengujian

Hasil Yang

diharapkan Hasil Pengujian

Ket

10 Melakukan

pengujian

pada menu

keluar

Klik menu

“Keluar”

Menampilkan

notifikasi

pilihan “OK

atau Cancel”

Sukses

Berhasil

keluar dari

sistem dan

masuk ke

halaman

login

Sukses

11 Melakukan

pengujian

login (user)

Username =

“33011523”

,Password =

“farah123”

,klik tombol

login

Berhasil login

dan masuk ke

halaman

menu utama

Sukses

12 Melakukan

pengujian

pada menu

KTP

Klik menu

“KTP”

Menampilkan

data KTP

Sukses

13 Melakukan

pengujian

pada menu

keluar

Klik menu

“Keluar”

Menampilkan

notifikasi

pilihan “OK

atau Cancel”

Sukses

Page 101: 1590608342507_SKRIPSI - Ok - fix.pdf

85

4.3 Analisa Hasil Pengujian

Dari hasil pengujian yang diperoleh dapat disimpulkan bahwa sistem

informasi kependudukan berbasis web mobile untuk meningkatkan pelayanan

administrasi kependudukan desa bantar dapat berjalan sesuai dengan yang diharapkan.

Page 102: 1590608342507_SKRIPSI - Ok - fix.pdf

86

BAB V

PENUTUP

5.1 Kesimpulan

Berdasarkan hasil penelitian dan pembahasan pada perancangan aplikasi

sistem ini maka penulis dapat mengambil beberapa kesimpulan antara lain sebagai

berikut:

1. Untuk merancang sistem informasi kependudukan desa Bantar menggunakan

software dan hardware dengan spesifikasi sebagai berikut:

Software:

a. Windows 10 Pro: sebagai sistem operasi.

b. Google Chrome 64 bit: sebagai Search Engine.

c. XAMPP v3.2.2: sebagai web server komputer local (localhost).

d. PhpMyAdmin 4.5.1: database untuk penyimpanan data-data.

e. Sublime Text 3: aplikasi yang digunakan sebagai web editor.

f. Android Studio: aplikasi yang digunakan untuk membuat aplikasi android.

Hardware:

a. Laptop HP Elitebook 830 G5

b. SSD 512 GB

c. RAM 8 GB

2. Untuk mempermudah dan mempercepat dalam proses pencarian data

kependudukan dengan cara mengimplementasikan sistem informasi

kependudukan desa Bantar

5.2 Saran

Penerapan sistem ini ada beberapa hal yang harus diperhatikan dalam

penggunaan sistem agar lebih baik, maka diperlukan beberapa perbaikan dan

pengembangan, antara lain sebagai berikut:

Page 103: 1590608342507_SKRIPSI - Ok - fix.pdf

87

1. Sistem diharapkan dapat dilanjutkan dalam kajian yang lebih luas

cakupannya, tidak hanya untuk tingkat desa/kelurahan melainkan sampai

tingkat kecamatan.

2. Sistem ini diharapkan dapat berjalan lancar di semua sistem operasi.

Page 104: 1590608342507_SKRIPSI - Ok - fix.pdf

88

DAFTAR PUSTAKA

[1] F. D. Saputra, D. H. Setiabudi, and H. N. Palit, “Pembuatan Website Catalog

Pariwisata Kabupaten Toraja Utara,” vol. 4, no. 1, 2016.

[2] A. Budirahmat et al., “Android Based Transaction Manager Information System

Application for Canteen Engineering Faculty of,” Prodi D3 Tek. Telekomun.

Fak. Ilmu Ter. Univ. Telkom, vol. 1, no. 1, pp. 462–469, 2014.

[3] N. T. S. I. W. Fiftin, “Implementasi Sikades (Sistem Informasi Kependudukan

Desa) Untuk Kemudahan Layanan Administrasi Desa Berbasis Web Mobile,” J.

Inform., vol. 8, no. 1, pp. 858–869, 2014.

[4] S. Hidayatulloh and C. Mulyadi, “Sistem Pelayanan Administrasi

Kependudukan Desa Candigatak Berbasis Web,” J. IT CIDA, vol. 1, no. 1, pp.

42–55, 2015.

[5] M. Anshori, A. Yosi, I. D. Fibrian, and M. Zainal, “Upaya Peningkatan

Pelayanan Administrasi Kependudukan Menggunakan Teknologi Informasi :

Rancang Bangun Sistem Informasi di Desa Sumbermulyo Kecamatan Jogoroto

Kabupaten Jombang,” J. Ilm. Teknol. Sist. Inf., vol. 2, pp. 51–59, 2008.

[6] M. A. Lestari, M. Tabrani, and S. Ayumida, “Sistem Informasi Pengolahan Data

Administrasi Kependudukan Pada Kantor Desa Pucung Karawang,” J. Interkom

Vol. 13 No. 3, vol. 13, no. 3, pp. 14–21, 2018.

[7] Ivan Arifard Watung, Alicia A. E. Sinsuw, and S. D. E. P. X. B. N. Najoan,

“Perancangan Sistem Informasi Data Alumni,” J. Ilm. Sist. Manajenmen

Inform., vol. 1, no. 1, pp. 47–57, 2014.

[8] O. Y. Fujiyati and Sukadi, “Sistem Informasi Pengolahan Data Kependudukan

Desa Purwoasri,” J. Speed – Sentra Penelit. Eng. dan Edukasi, vol. 7, no. 1, pp.

1–8, 2015.

[9] R. Mahardika, “Rancang Bangun Sistem Informasi Manajemen Posyandu Di

Kecamatan Semarang Selatan,” Universitas Stikubank Semarang, 2013.

[10] D. Prihastini, “Sistem Informasi Pelayanan Kependudukan,” Universitas Negeri

Semarang, 2014.

[11] D. D. P. Wulandari, “Penerapan SIAK (Sistem Informasi Administrasi

Page 105: 1590608342507_SKRIPSI - Ok - fix.pdf

89

Kependudukan) Dalam Pengelolaan Data Kependudukan Di Dinas

Kependudukan Dan Catatan Sipil Kota Surabaya,” vol. 4, no. June, pp. 1–15,

2016.

[12] A. Zulkarnain, “Sistem Informasi Pelayanan Kependudukan Berbasis Web dan

Sms Gateway Population Service Information System,” e-Proceeding Appl. Sci.,

vol. 2, no. 3, pp. 966–973, 2016.

[13] R. Twiyoga, P. Putra, and S. Widodo, “SISTEM INFORMASI

ADMINISTRASI DATA KEPENDUDUKAN,” vol. 9, pp. 63–72, 2018.

[14] F. Fandi, D. Imaniawan, F. F. Wati, S. Informasi, and M. Informatika, “Sistem

Informasi Administrasi Kependudukan Berbasis Web Pada Desa Bogangin

Sumpiuh,” vol. 7, no. 3, pp. 1–9, 2017.

[15] Y. Religia, “IMPLEMENTATION AFFINE CIPHER AND VIGENERE

CIPHER ALGORITHM FOR LOGIN SECURITY OF INVENTORY

SYSTEM AT MITA MATERIAL STORE JEPARA,” Universitas Dian

Nuswantoro, 2015.

[16] Z. Syahputra, “Penerapan Pemodelan Uml Sistem Informasi Perpustakaan Pada

Universitas Islam Indragiri Berbasis Client Server 57 PENERAPAN

PEMODELAN UML SISTEM INFORMASI PERPUSTAKAAN PADA

UNIVERSITAS ISLAM INDRAGIRI BERBASIS CLIENT SERVER,” vol. 4,

pp. 14–15, 1382.

[17] A. S. M. S. Rosa, Rekayasa Perangkat Lunak Terstruktur dan Berorientasi

Objek, Edisi Keti. Bandung: Informatika Bandung, 2015.

[18] D. E. Wijayanto, “Kepala Desa Dengan Badan Permusyawaratan Desa Dalam

Pembentukan Peraturan Desa,” J. Indep., vol. 2, no. 1, pp. 40–50, 2014.

Page 106: 1590608342507_SKRIPSI - Ok - fix.pdf

90

DAFTAR LAMPIRAN

Page 107: 1590608342507_SKRIPSI - Ok - fix.pdf

91

Lampiran 1 Surat keterangan penelitian

Page 108: 1590608342507_SKRIPSI - Ok - fix.pdf

92

Lampiran 2 Kartu Bimbingan Skripsi

Page 109: 1590608342507_SKRIPSI - Ok - fix.pdf

93

Page 110: 1590608342507_SKRIPSI - Ok - fix.pdf

94

Lampiran 3 Transkrip Wawancara

Hasil wawancara dengan Kasi Pemerintahan bapak Heru Widodo Desa Bantar:

No Pertanyaan Tanggapan

1 Bagaimana proses pelayanan dan

pembuatan administrasi kependudukan

di desa Bantar, seperti KTP, KK dan

lain-lain?

Masyarakat yang akan membuat

KTP atau KK datang ke kantor desa,

kemudian mengisi belangko yang

yang sudah disiapkan, kemudian

mengurus ke kecamatan, setelah dari

kecamatan langsung ke Capil.

2 Berapa lama prosesnya pak? Kalau di desa ya sebentar, setelah

mengisi belangko dan sudah ditanda

tangan kepala desa dan sekdes bisa

langsung dibawa ke kecamatan.

3 Kalau masyarakat minta pelayanan

diluar jam kerja apa tetap dilayani pak,

misalnya malam hari?

Iya tetap kami layani, mengingat

siang hari masyarakat desa Bantar

bekerja dan sebagian besar mereka

bekerja sebagai petani.

4 Kalau malam hari tempat pelayanannya

dimana pak?

Dirumah sekdes.

5 Kantor desa Bantar ini buka berapa hari

dalam seminggu dan buka jam berapa

pak?

Kantor desa ini buka dari hari senin

sampai hari jum’at, dari jam 08.00

pagi sampai jam 03.00 sore.

6 Apa yang menjadi faktor penghambat

pelayanan administrasi desa pak,

khususnya administrasi kependudukan?

Peralatan kantor banyak yang rusak,

selain itu banyak masyarakat yang

mengurus KTP atau KK pada malam

hari dan kebanyakan masyarakat

mengurus kalau sudah dianggap

perlu dan KTP nya harus cepat jadi.

Jadi ya diburu-buru pekerjaannya.

7 Biaya pembuatan KTP atau KK di desa

berapa pak?

Kalau mengurus sendiri gratis, tidak

dipungut biaya sedikitpun.

8 Kalau minta tolong diurusin biayanya

berapa pak?

Kami tidak menentukan tarifnya,

tapi kebanyakan masyarakat ngasih

Rp. 50.000,-

9 Kalau rekap jumlah penduduk ada pak? Kalau rekapan LAPID (lahir pindah

mati datang) tidak ada, yang ada di

kantor Capil.

10 Kalau penduduk yang baru lahir atau

meninggal terus tidak membuat akta

kelahiran dan kematian tidak tercatat ya

pak?

Iya tidak ada.

Page 111: 1590608342507_SKRIPSI - Ok - fix.pdf

95

Lampiran 4 List Program

1. Source Code Login

Controller

<?php

class Login extends ci_controller{

public function index(){

$this->load->view('view_login');

}

public function proses_login(){

if(isset($_POST['login'])){

$username = $this->input->post('username');

$password = $this->input->post('password');

$sql = "SELECT * FROM tbl_admin where nm_admin =

'$username' and ps_login = '$password'";

$rs=$this->db->query($sql);

if($rs->num_rows() > 0){

$myuser = $rs->row();

$this->session->set_userdata('nm_login',$myuser->nm_login);

redirect('login/redirect');

}else{

redirect('login?gagal=1','refresh');

}

}

}

public function user_login(){

if(isset($_POST['login_user'])){

$user = $this->input->post('username');

$pass = $this->input->post('password');

$sql = "SELECT * FROM tbl_user where nm_user = '$user' and

ps_user = '$pass'";

$rs=$this->db->query($sql);

if($rs->num_rows() > 0){

$myuser = $rs->row();

$this->session->set_userdata('user_login',$myuser-

>nm_user);

redirect('login/redirect');

}else{

redirect('login?gagal=1','refresh');

}

}

}

Page 112: 1590608342507_SKRIPSI - Ok - fix.pdf

96

View

<!DOCTYPE html>

<html>

<head>

<title>

<?php echo $this->config->item('nama_aplikasi');?>

</title>

<meta charset="UTF-8" />

<base href="<?php echo base_url() ?>" />

<meta name="viewport" content="width=device-width, initial-scale=1.0" />

</style>

</head>

<body>

<h2><img src="assets/img/LogoCilacap.png" width="50px">

APLIKASI PENGOLAHAN DATA PENDUDUK DESA BANTAR

<hr />

<br/>

<div class="box">

<br/>

<img src="assets/img/admin.png" width="150px;">

</div>

<div class="bos">

<br/>

<center>

<h4 style="color:white">

LOGIN SYSTEM AS ADMINISTRATOR

</h4>

<?php echo form_open('login/proses_login'); ?>

<input type="text" name="username" placeholder="username"><br/>

<input type="password" name="password" placeholder="Password"><br/>

<button type="submit" class="btn btn-success btn-icon-pg" name="login" type="submit">

LOGIN</button>

<button type="reset" class="btn btn-warning btn-icon-pg" id=""> RESET</button>

<br>

<a href="javascript:;" class="switch" id="pindah-user">Login Sebagai Penduduk</a>

<?php

if($this->input->get('gagal')==1){

?>

<span style="color:red" >

<br/>

<h4>

Username atau Password salah !!

</h4>

</span>

<?php

}

?>

<?php echo form_close() ?>

Page 113: 1590608342507_SKRIPSI - Ok - fix.pdf

97

2. Source Code Admin

Controller

<?php if ( ! defined('BASEPATH')) exit('No direct script access allowed');

class Frm_admin extends CI_Controller {

public function login(){

$this->load->view('view_login');

}

// Method Menampilkan Info admin

public function index()

{

if($this->session->userdata('nm_login')){

$data=$this->session->userdata('nm_login');

$d['judul'] = 'DATA ADMIN';

$d['data']=$this->db->get('tbl_admin');

$d['content'] = 'view_admin';

$this->load->view('home',$d);

}else{

$this->login();

}

}

//method mengupdate admin

public function update(){

$id_admin = $this->input->post('id_admin');

$nm_admin = $this->input->post('nm_admin');

$nm_login = $this->input->post('nm_login');

$ps_login = $this->input->post('ps_login');

$data = array(

'nm_admin' => $nm_admin ,

'nm_login' => $nm_login ,

'ps_login' => $ps_login

);

$this->db->where('id_admin', $id_admin);

$this->db->update('tbl_admin', $data);

}

}

View

<script type="text/javascript">

$(document).ready(function(){

$('#nama').focus();

$("#edit").click(function(){

if (!$('#nm_admin').val()) {

$.gritter.add({

title: 'Peringatan',

text: 'Maaf, Nama tidak boleh kosong.',

sticky: false

});

$('#nm_admin').focus();

return false;

Page 114: 1590608342507_SKRIPSI - Ok - fix.pdf

98

}

var string = $("#my-form").serialize();

//alert(string);

$.ajax({

type : 'POST',

url : "<?php echo site_url(); ?>/frm_admin/update",

data : string,

cache : false,

success : function(data){

window.location.assign("<?php echo base_url();?>index.php/")

}

});

<div class="photo">

<br />

<br />

<br />

<br />

<img src="assets/img/admin.png">

</div>

<div class="name">

<br />

<?php foreach ($data->result() as $row) : ?>

<form style=" font-family: Courier;" class="form-horizontal" method="post"

action="#" name="my-form" id="my-form" novalidate="novalidate">

<div class="control-group">

<label class="control-label">ID ADMIN</label>

<div class="controls">

<input type="text" disabled="disabled" name="id_admin" value="<?php echo $row-

>id_admin ?>" class="span5">

<input type="hidden" name="id_admin" value="<?php echo $row->id_admin ?>"

class="span5">

</div>

</div>

<div class="control-group">

<label class="control-label">NAME ADMIN</label>

<div class="controls">

<input type="text" name="nm_admin" id="nm_admin" value="<?php echo $row-

>nm_admin ?>" class="span5">

</div>

</div>

<div class="control-group">

<label class="control-label">USER LOGIN</label>

<div class="controls">

<input type="text" name="nm_login" value="<?php echo $row->nm_admin ?>"

class="span5">

Page 115: 1590608342507_SKRIPSI - Ok - fix.pdf

99

</div>

</div>

<div class="control-group">

<label class="control-label">PASSWORD LOGIN</label>

<div class="controls">

<input type="text" name="ps_login" placeholder="*****" class="span5">

</div>

<button type="submit" class="btn btn-success btn-icon-pg" id="edit"> SIMPAN</button>

<button type="reset" class="btn btn-warning btn-icon-pg" id="">RESET</button>

<a href="<?php echo base_url();?>index.php" class="btn btn-danger"> BATAL</a>

</form>

<div style="padding:20px;color:red;font-size:1em">

Warning : Empty Password If Not changed.

</div>

</div>

<?php endforeach; ?>

</div>

3. Source Code KTP

Controller

<?php if ( ! defined('BASEPATH')) exit('No direct script access allowed');

class Frm_ktp extends CI_Controller {

public function login(){

$this->load->view('view_login');

}

// Method Menampilkan Table Kelahiran

public function index()

{

if($this->session->userdata('nm_login')){

$data=$this->session->userdata('nm_login');

$d['judul'] = 'TABEL KARTU TANDA PENDUDUK';

$d['data'] = $this->db->get('tbl_ktp');

$d['content'] = 'view_ktp';

$this->load->view('home',$d);

}else{

$this->login();

}

}

public function view_add(){

if (basename(__FILE__) == basename($_SERVER['PHP_SELF']))

header("Location: index.php");

$d['judul'] = 'Tambah Data KTP';

$d['content'] = 'view_add_ktp';

$this->load->view('home',$d);

}

public function add(){

Page 116: 1590608342507_SKRIPSI - Ok - fix.pdf

100

$nik = $this->input->post('nik');

$nama = $this->input->post('nama');

$tempat_lahir = $this->input->post('tempat_lahir');

$tanggal_lahir = $this->input->post('tanggal_lahir');

$jenis_kelamin = $this->input->post('jenis_kelamin');

$golongan_darah = $this->input->post('golongan_darah');

$alamat = $this->input->post('alamat');

$rt_rw = $this->input->post('rt_rw');

$kel_desa = $this->input->post('kel_desa');

$kecamatan = $this->input->post('kecamatan');

$agama = $this->input->post('agama');

$status = $this->input->post('status');

$pekerjaan = $this->input->post('pekerjaan');

$kewarganegaraan = $this->input->post('kewarganegaraan');

$masa_berlaku = $this->input->post('masa_berlaku');

$data = array('nik' => $nik ,

'nama' => $nama,

'tempat_lahir' => $tempat_lahir,

'tanggal_lahir' => $tanggal_lahir,

'jenis_kelamin' => $jenis_kelamin,

'golongan_darah' => $golongan_darah,

'alamat' => $alamat,

'rt_rw' => $rt_rw,

'kel_desa' => $kel_desa,

'kecamatan' => $kecamatan,

'agama' => $agama,

'status' => $status,

'pekerjaan' => $pekerjaan,

'kewarganegaraan' => $kewarganegaraan,

'masa_berlaku' => $masa_berlaku

);

$this->db->insert('tbl_ktp',$data); /*memasukan data ke tabel ktp*/

$this->db->insert('tbl_penduduk',$data); /*memasukan ke tabel pendudk*/

}

public function detail_ktp($nik){

$d['nik'] = $nik;

$d['data'] = $this->db->get_where('tbl_ktp',$d);

$d['judul'] = 'Detail KTP <b style="color:red"> '.$nik.'</b>';

$d['content'] = 'view_detail_ktp';

$this->load->view('home',$d);

}

public function view_edit_ktp($nik){

$d['nik'] = $nik;

$d['data'] = $this->db->get_where('tbl_ktp',$d);

$d['judul'] = 'Edit Data <b style="color:red"> '.$nik.'</b>';

$d['content'] = 'view_edit_ktp';

$this->load->view('home',$d);

}

public function edit_ktp($nik){

Page 117: 1590608342507_SKRIPSI - Ok - fix.pdf

101

$d['nik'] = $nik;

$nik = $this->input->post('nik');

$nama = $this->input->post('nama');

$tempat_lahir = $this->input->post('tempat_lahir');

$tanggal_lahir = $this->input->post('tanggal_lahir');

$jenis_kelamin = $this->input->post('jenis_kelamin');

$golongan_darah = $this->input->post('golongan_darah');

$alamat = $this->input->post('alamat');

$rt_rw = $this->input->post('rt_rw');

$kel_desa = $this->input->post('kel_desa');

$kecamatan = $this->input->post('kecamatan');

$agama = $this->input->post('agama');

$status = $this->input->post('status');

$pekerjaan = $this->input->post('pekerjaan');

$kewarganegaraan = $this->input->post('kewarganegaraan');

$masa_berlaku = $this->input->post('masa_berlaku');

$data = array(

'nama' => $nama,

'tempat_lahir' => $tempat_lahir,

'tanggal_lahir' => $tanggal_lahir,

'jenis_kelamin' => $jenis_kelamin,

'golongan_darah' => $golongan_darah,

'alamat' => $alamat,

'rt_rw' => $rt_rw,

'kel_desa' => $kel_desa,

'kecamatan' => $kecamatan,

'agama' => $agama,

'status' => $status,

'pekerjaan' => $pekerjaan,

'kewarganegaraan' => $kewarganegaraan,

'masa_berlaku' => $masa_berlaku

);

$this->db->where('nik', $nik);

$this->db->update('tbl_ktp', $data);

}

//fungsi Untuk Menghapus data kelahiran

public function delete_ktp($nik){

$d['nik'] = $nik;

$sql = $this->db->delete('tbl_ktp',array('nik'=>$nik));

if($sql){

?>

<script type="text/javascript">

alert("sukses di hapus data <?php echo $nik

?>");window.location="<?php echo base_url(); ?>index.php/frm_ktp";

</script>

<?php

}else{

?>

Page 118: 1590608342507_SKRIPSI - Ok - fix.pdf

102

<script type="text/javascript">

alert("GAGAL di hapus data <?php echo $nik

?>");window.location="<?php echo base_url(); ?>index.php/frm_ktp";

</script>

<?php

}

}

}

View

<a style=" font-family: Courier;" href="<?php echo base_url();?>index.php/frm_ktp/view_add"

class="btn btn-success"><i class="icon icon-book"></i> Daftar Baru</a>

<a class="btn btn-danger" style=" font-family: Courier;" target="_blank"

href="index.php/laporan/print_ktp"><i class="icon icon-book"></i> Cetak</a>

<table class="table table-bordered data-table">

<thead>

<tr >

<th>Nik</th>

<th>Nama </th>

<th>Tempat Lahir</th>

<th>Tanggal Lahir</th>

<th>Alamat</th>

<th>Rt / Rw </th>

<th>Kelurahan Desa</th>

<th>Kecamatan</th>

<th>Pilihan</th>

</tr>

</thead>

<?php

foreach($data->result() as $row){

?>

<tr class="gradeX">

<td ><?php echo $row->nik;?></td>

<td><?php echo $row->nama;?></td>

<td><?php echo $row->tempat_lahir;?></td>

<td><?php echo $row->tanggal_lahir;?></td>

<td><?php echo $row->alamat;?></td>

<td><?php echo $row->rt_rw;?></td>

<td><?php echo $row->kel_desa;?></td>

<td><?php echo $row->kecamatan;?></td>

<td>

<a href="<?php echo base_url(); ?>index.php/frm_ktp/detail_ktp/<?php echo $row-

>nik;?>"><span class="label label-success" >

DETAIL

</span></a>

<a class="delete-row" data-original-title="Delete" href="<?php echo base_url();

?>index.php/frm_ktp/view_edit_ktp/<?php echo $row->nik;?>" title="Hapus Data" >

<i class="icon-edit">

</i>

</a>

Page 119: 1590608342507_SKRIPSI - Ok - fix.pdf

103

<a class="delete-row" data-original-title="Delete" href="<?php echo base_url();

?>index.php/frm_ktp/delete_ktp/<?php echo $row->nik;?>" onclick="return confirm('Anda yakin

ingin menghapus data ini?')" title="Hapus Data" >

<i class="icon-trash">

</i>

</a>

</td>

</tr>

<?php } ?>

</tbody>

</table>

4. Source Code KK

Controller

<?php if ( ! defined('BASEPATH')) exit('No direct script access allowed');

class Frm_kk extends CI_Controller {

public function login(){

$this->load->view('view_login');

}

// Method Menampilkan Table KK

public function index()

{

if($this->session->userdata('nm_login')){

$data=$this->session->userdata('nm_login');

$d['judul'] = 'TABEL KARTU KELUARGA';

$d['data']=$this->db->get('tbl_kk');

$d['content'] = 'view_kk';

$this->load->view('home',$d);

}else{

$this->login();

}

}

// Method Menampilkan From penambah data KK

public function view_add(){

$d['judul'] = 'Tambah Data KK';

$d['content'] = 'view_add_kk';

$this->load->view('home',$d);

}

// Method Menampilkan Detail data KK

public function detail_kk($no_kk){

$d['no_kk'] = $no_kk;

$d['data'] = $this->db->get_where('tbl_kk',$d);

$d['bread'] = "<a href=\"#\" class=\"current\">--</a>";

$d['judul'] = 'Detail KK '.$no_kk;

$d['content'] = 'view_detail_kk';

$this->load->view('home',$d);

Page 120: 1590608342507_SKRIPSI - Ok - fix.pdf

104

}

public function view_edit_kk($no_kk){

$d['no_kk'] = $no_kk;

$d['data'] = $this->db->get_where('tbl_kk',$d);

$d['bread'] = "<a href=\"#\" class=\"current\">--</a>";

$d['judul'] = 'Edit Data '.$no_kk;

$d['content'] = 'view_edit_kk';

$this->load->view('home',$d);

}

// Method Menambah Data KK

public function add(){

$no_kk = $this->input->post('no_kk');

$dusun = $this->input->post('dusun');

$rt = $this->input->post('rt');

$rw = $this->input->post('rw');

$kelurahan = $this->input->post('kelurahan');

$kecamatan = $this->input->post('kecamatan');

$provinsi = $this->input->post('provinsi');

$data = array('no_kk' => $no_kk ,

'dusun' => $dusun,

'rt' => $rt,

'rw' => $rw,

'kelurahan' => $kelurahan,

'kecamatan' => $kecamatan,

'provinsi' => $provinsi

);

$this->db->insert('tbl_kk',$data)

}

// Method Untuk Mengupdate Data KK

public function edit_kk($no_kk){

$d['no_kk'] = $no_kk;

$no_kk = $this->input->post('no_kk');

$dusun = $this->input->post('dusun');

$rt = $this->input->post('rt');

$rw = $this->input->post('rw');

$kelurahan = $this->input->post('kelurahan');

$kecamatan = $this->input->post('kecamatan');

$provinsi = $this->input->post('provinsi');

$data = array(

'dusun' => $dusun,

'rt' => $rt,

'rw' => $rw,

'kelurahan' => $kelurahan,

'kecamatan' => $kecamatan,

'provinsi' => $provinsi

);

$this->db->where('no_kk', $no_kk);

$this->db->update('tbl_kk', $data);

Page 121: 1590608342507_SKRIPSI - Ok - fix.pdf

105

}

// Method Untuk Menghapus Data KK

public function delete_kk($no_kk){

$d['no_kk'] = $no_kk;

$d['data'] = $this->db->delete('tbl_kk',

array('no_kk'=>$no_kk));

redirect('frm_kk/index'); // redirect ke halaman index KK

}

}

View

<a style=" font-family: Courier;" href="<?php echo base_url();?>index.php/frm_kk/view_add"

class="btn btn-success">

<i class="icon icon-book"></i> Tambah Baru</a>

<a class="btn btn-danger" style=" font-family: Courier;" target="_blank"

href="index.php/laporan/print_kk"><i class="icon icon-book"></i> Cetak</a>

<table class="table table-bordered data-table">

<thead>

<tr>

<th>NO KK</th>

<th>Dusun </th>

<th>RT</th>

<th>RW</th>

<th>Kelurahan</th>

<th>Kecamatan </th>

<th>Provinsi</th>

<th>Pilihan</th>

</tr>

</thead>

<style type="text/css">

</style>

<tbody>

<?php

foreach($data->result() as $row){

?>

<tr class="gradeX">

<td ><?php echo $row->no_kk;?></td>

<td><?php echo $row->dusun;?></td>

<td><?php echo $row->rt;?></td>

<td><?php echo $row->rw;?></td>

<td><?php echo $row->kelurahan;?></td>

<td><?php echo $row->kecamatan;?></td>

<td><?php echo $row->provinsi;?></td>

<td>

<a class="delete-row" data-original-title="Delete" href="<?php echo base_url();

?>index.php/frm_kk/view_edit_kk/<?php echo $row->no_kk;?>" title="Edit Data" >

<i class="icon-edit">

</i>

</a>

Page 122: 1590608342507_SKRIPSI - Ok - fix.pdf

106

<a class="delete-row" data-original-title="Delete" href="<?php echo base_url();

?>index.php/frm_kk/delete_kk/<?php echo $row->no_kk;?>" onclick="return confirm('Anda yakin

ingin menghapus data ini?')" title="Hapus Data" >

<i class="icon-trash">

</i>

</a>

</td>

</tr>

<?php } ?>

</tbody>

</table>

5. Source Code Kelahiran

Controller

<?php if ( ! defined('BASEPATH')) exit('No direct script access allowed');

class Frm_kl extends CI_Controller {

public function login(){

$this->load->view('view_login');

}

// Method Menampilkan Table Kelahiran

public function index()

{

if($this->session->userdata('nm_login')){

$data=$this->session->userdata('nm_login');

$d['judul'] = 'TABEL KELAHIRAN';

$d['data'] = $this->db->get('tbl_kelahiran');

$d['content'] = 'view_kl';

$this->load->view('home',$d);

}else{

$this->login();

}

}

// Fungsi Untuk Menampikan From Tambah Data Kelahiran

public function view_add(){

$d['judul'] = 'Tambah Data Kelahiran';

$d['content'] = 'view_add_kl';

$this->load->view('home',$d);

}

// Fungsi Untuk Menambah data ke tabel kelahiran

public function add(){

$no_akta = $this->input->post('no_akta');

$nik = $this->input->post('nik');

Page 123: 1590608342507_SKRIPSI - Ok - fix.pdf

107

$nama_lengkap = $this->input->post('nama_lengkap');

$tempat_lahir = $this->input->post('tempat_lahir');

$tanggal_lahir = $this->input->post('tanggal_lahir');

$tahun_lahir = $this->input->post('tahun_lahir');

$nama_ayah = $this->input->post('nama_ayah');

$nama_ibu = $this->input->post('nama_ibu');

$jenis_kelamin = $this->input->post('jenis_kelamin');

$data = array('no_akta' => $no_akta,

'nik' => $nik,

'nama_lengkap' => $nama_lengkap,

'tempat_lahir' => $tempat_lahir,

'tanggal_lahir' => $tanggal_lahir,

'tahun_lahir' => $tahun_lahir,

'nama_ayah' => $nama_ayah,

'nama_ibu' => $nama_ibu,

'jenis_kelamin' => $jenis_kelamin

);

$this->db->insert('tbl_kelahiran',$data);

}

public function detail_kl($nik){

$d['nik'] = $nik;

$d['data'] = $this->db->get_where('tbl_kelahiran',$d);

$d['judul'] = 'Detail Akta Kelahiran <b style="color:red"> '.$nik.'</b>';

$d['content'] = 'view_detail_kl';

$this->load->view('home',$d);

}

public function view_edit_kl($no_akta){

$d['no_akta'] = $no_akta;

$d['data'] = $this->db->get_where('tbl_kelahiran',$d);

$d['bread'] = "<a href=\"#\" class=\"current\">--</a>";

$d['judul'] = 'Edit Data '.$no_akta;

$d['content'] = 'view_edit_kl';

$this->load->view('home',$d);

}

public function edit_kl($no_akta){

$d['no_akta'] = $no_akta;

$no_akta = $this->input->post('no_kk');

$nik = $this->input->post('nik');

$nama_lengkap = $this->input->post('nama_lengkap');

$tempat_lahir = $this->input->post('tempat_lahir');

$tanggal_lahir = $this->input->post('tanggal_lahir');

$jenis_kelamin = $this->input->post('jenis_kelamin');

$tahun_lahir = $this->input->post('tahun_lahir');

$nama_ayah = $this->input->post('nama_ayah');

$nama_ibu = $this->input->post('nama_ibu');

Page 124: 1590608342507_SKRIPSI - Ok - fix.pdf

108

$data = array(

'nik' => $nik,

'nama_lengkap' => $nama_lengkap,

'tempat_lahir' => $tempat_lahir,

'tanggal_lahir' => $tanggal_lahir,

'jenis_kelamin' => $jenis_kelamin,

'tahun_lahir' => $tahun_lahir,

'nama_ayah' => $nama_ayah,

'nama_ibu' => $nama_ibu

);

$this->db->where('no_akta', $no_akta);

$this->db->update('tbl_kelahiran', $data);

}

//fungsi Untuk Menghapus data kelahiran

public function delete_kl($no_akta){

$d['no_akta'] = $no_akta;

$sql = $this->db-

>delete('tbl_kelahiran',array('no_akta'=>$no_akta));if($sql){

?>

<script type="text/javascript">

alert("sukses di hapus data <?php echo $no_akta

?>");window.location="<?php echo base_url(); ?>index.php/frm_kl";

</script>

<?php

}else{

?>

<script type="text/javascript">

alert("GAGAL di hapus data <?php echo $no_akta

?>");window.location="<?php echo base_url(); ?>index.php/frm_kl";

</script>

<?php

}

}

}

View

<a style=" font-family: Courier;" href="<?php echo base_url();?>index.php/frm_kl/view_add"

class="btn btn-success">

<i class="icon icon-book"></i> Tambah Baru</a>

<a class="btn btn-danger" style=" font-family: Courier;" target="_blank"

href="index.php/laporan/print_akta"><i class="icon icon-book"></i> Cetak</a>

<table class="table table-bordered data-table">

<thead>

<tr>

<th>NO Akta Kelahiran</th>

<th>Nama Lengkap </th>

Page 125: 1590608342507_SKRIPSI - Ok - fix.pdf

109

<th>Tanggal Lahir</th>

<th>Tempat Lahir</th>

<th>Nama Ayah</th>

<th>Jenis kelamin </th>

<th>Pilihan</th>

</tr>

</thead>

<style type="text/css">

table, tr, th, td {

border-collapse: collapse; /*untuk membuat garis table tipis*/

border: 1px solid #191A17;

font-family: Courier;

font-size: 13px;

font-weight: bold;

}

</style>

<tbody>

<?php

foreach($data->result() as $row){

?>

<tr class="gradeX">

<td ><?php echo $row->no_akta;?></td>

<td><?php echo $row->nama_lengkap;?></td>

<td><?php echo $row->tanggal_lahir;?></td>

<td><?php echo $row->tempat_lahir;?></td>

<td><?php echo $row->nama_ayah;?></td>

<td><?php echo $row->jenis_kelamin;?></td>

<td>

<a class="delete-row" data-original-title="Delete" href="<?php echo base_url();

?>index.php/frm_kl/view_edit_kl/<?php echo $row->no_akta;?>" title="Hapus Data" >

<i class="icon-edit">

</i>

</a>

<a class="delete-row" data-original-title="Delete" href="<?php echo base_url();

?>index.php/frm_kl/delete_kl/<?php echo $row->no_akta;?>" onclick="return confirm('Anda yakin

ingin menghapus data ini?')" title="Hapus Data" >

<i class="icon-trash">

</i>

</a>

</td>

</tr>

<?php } ?>

</tbody>

</table>

Page 126: 1590608342507_SKRIPSI - Ok - fix.pdf

110

6. Source Code Pendatang

Controller

<?php if ( ! defined('BASEPATH')) exit('No direct script access allowed');

lass Frm_datang extends CI_Controller {

public function login(){

$this->load->view('view_login');

}

public function index()

{

if($this->session->userdata('nm_login')){

$data=$this->session->userdata('nm_login');

$d['judul'] = 'TABEL PENDATANG';

$d['data']=$this->db->get('tbl_pendatang');

$d['content'] = 'view_pendatang';

$this->load->view('home',$d);

}else{

$this->login();

}

}

public function view_add(){

$d['judul'] = 'Tambah Data Pendatang';

$d['content'] = 'view_add_pendatang';

$d['data']=$this->db->get('tbl_ktp');

$this->load->view('home',$d);

}

public function view_edit_datang($no_datang){

$d['no_datang'] = $no_datang;

$d['data'] = $this->db->get_where('tbl_pendatang',$d);

$d['data_ktp'] = $this->db->get('tbl_ktp');

$d['bread'] = "<a href=\"#\" class=\"current\">--</a>";

$d['judul'] = 'Edit Data '.$no_datang;

$d['content'] = 'view_edit_datang';

$this->load->view('home',$d);

}

public function add(){

$no_datang = $this->input->post('no_datang');

$tanggal_datang = $this->input->post('tanggal_datang');

$nik = $this->input->post('nik');

$asal = $this->input->post('asal');

$data = array('no_datang' => $no_datang ,

'tanggal_datang' => $tanggal_datang,

'nik' => $nik,

'asal' => $asal

Page 127: 1590608342507_SKRIPSI - Ok - fix.pdf

111

)

$this->db->insert('tbl_pendatang',$data);

}

public function edit($no_datang){

$d['no_datang'] = $no_datang;

$no_datang = $this->input->post('no_datang');

$tanggal_datang = $this->input->post('tanggal_datang');

$nik = $this->input->post('nik');

$asal = $this->input->post('asal');

$data = array(

'tanggal_datang' => $tanggal_datang,

'nik' => $nik,

'asal' => $asal

);

$this->db->where('no_datang', $no_datang);

$this->db->update('tbl_pendatang', $data);

}

public function delete_datang($no_datang){

$d['no_datang'] = $no_datang;

$d['data'] = $this->db->delete('tbl_pendatang',

array('no_datang'=>$no_datang));

redirect('frm_datang/index'); // redirect ke halaman index KK

}

}

View

<a style=" font-family: Courier;" href="<?php echo base_url();?>index.php/frm_datang/view_add"

class="btn btn-success">

<i class="icon icon-book"></i> Tambah Baru</a>

<a class="btn btn-danger" style=" font-family: Courier;" target="_blank"

href="index.php/laporan/print_datang"><i class="icon icon-book"></i> Cetak</a>

<table class="table table-bordered data-table">

<thead>

<tr>

<th width="150">NO Pendatang</th>

<th width="150">Tanggal Datang </th>

<th>Nik</th>

<th>Asal</th>

<th width="100">Pilihan</th>

</tr>

</thead>

<style type="text/css">

</style>

<tbody>

<?php

foreach($data->result() as $row){

?>

<tr class="gradeX">

<td ><?php echo $row->no_datang;?></td>

Page 128: 1590608342507_SKRIPSI - Ok - fix.pdf

112

<td><?php echo $row->tanggal_datang;?></td>

<td><?php echo $row->nik;?></td>

<td><?php echo $row->asal;?></td>

<td>

<a class="delete-row" data-original-title="Delete" href="<?php echo base_url();

?>index.php/frm_datang/view_edit_datang/<?php echo $row->no_datang;?>" title="Hapus Data" >

<i class="icon-edit">

</i>

</a>

<a class="delete-row" data-original-title="Delete" href="<?php echo base_url();

?>index.php/frm_datang/delete_datang/<?php echo $row->no_datang;?>" onclick="return

confirm('Anda yakin ingin menghapus data ini?')" title="Hapus Data" >

<i class="icon-trash">

</i>

</a>

</td>

</tr>

<?php } ?>

</tbody>

</table>

7. Source Code Laporan

Controller

<?php if ( ! defined('BASEPATH')) exit('No direct script access allowed');

error_reporting(0);

class Laporan extends CI_Controller {

//Fungsi Menampilkan Laporan KTP

public function print_ktp(){

$data['data']=$this->db->get('tbl_ktp');

$this->load->view('v_laporan_ktp',$data);

}

//Fungsi Menampilkan Laporan KK

public function print_kk(){

$data['data']=$this->db->get('tbl_kk');

$this->load->view('v_laporan_kk',$data);

}

//Fungsi Menampilkan Laporan Kelahiran

public function print_akta(){

$data['data']=$this->db->get('tbl_kelahiran');

$this->load->view('v_laporan_kl',$data);

}

public function print_detail_kk(){

$sql = "SELECT * FROM tbl_datail_kk left join (tbl_ktp,tbl_kk) on

tbl_ktp.nik=tbl_datail_kk.nik and tbl_kk.no_kk=tbl_datail_kk.no_kk ";

Page 129: 1590608342507_SKRIPSI - Ok - fix.pdf

113

$data['data']=$this->db->query($sql);

$this->load->view('v_laporan_detailkk',$data);

}

public function all_laporan(){

if($this->session->userdata('nm_login')){

$data=$this->session->userdata('nm_login');

$data['nm_login'] = $data;

$d['content'] = 'all_laporan';

$this->load->view('home',$d);

}else{

$this->load->view('home');

}

}

public function print_datang(){

$sql = "SELECT * FROM tbl_pendatang left join tbl_ktp on

tbl_ktp.nik=tbl_pendatang.nik";

$data['data']=$this->db->query($sql);

$this->load->view('v_laporan_datang',$data);

}

public function print_pindah(){

$sql = "SELECT * FROM tbl_kepindahan left join tbl_ktp on

tbl_ktp.nik=tbl_kepindahan.nik";

$data['data']=$this->db->query($sql);

$this->load->view('v_laporan_pindah',$data);

}

//Fungsi Menampilkan Laporan Kematian

public function print_mati(){

//$data['data']=$this->db->get('tbl_kematian');

$sql = "SELECT * FROM tbl_kematian left join tbl_penduduk on

tbl_kematian.nik=tbl_penduduk.nik ";

$data['data']=$this->db->query($sql);

$this->load->view('v_laporan_km',$data);

}

}

View

<div style="padding:10px;font-family: Courier;color:white;">

<div class="widget-content nopadding">

<div class="alert alert-success alert-block" style="margin:15px;">

<h4 class="alert-heading" align="center">ALL LAPORAN</h4>

<br />

<ul class="quick-actions">

<li> <a href="index.php/laporan/print_ktp" target="_blank"> <i class="icon-client"></i>

LAPORAN KTP</a> </li>

<li> <a href="index.php/laporan/print_kk" target="_blank"> <i class="icon-people"></i>

LAPORAN KK </a> </li>

<li> <a href="index.php/laporan/print_akta" target="_blank"> <i class="icon-home"></i>

LAPORAN AKTA </a> </li>

<li> <a href="index.php/laporan/print_detail_kk" target="_blank"> <i class="icon-book"></i>

LAPORAN DETAIL KK </a> </li>

Page 130: 1590608342507_SKRIPSI - Ok - fix.pdf

114

<li> <a href="index.php/laporan/print_mati" target="_blank"> <i class="icon-survey"></i>

LAPORAN KEMATIAN </a> </li>

<li> <a href="index.php/laporan/print_datang" target="_blank"> <i class="icon-pdf"></i>

LAPORAN PENDATANG </a> </li>

<li> <a href="index.php/laporan/print_pindah" target="_blank"> <i class="icon-pdf"></i>

LAPORAN PINDAH </a> </li>

8. Source code pada android

Activity_Main

<?xml version="1.0" encoding="utf-8"?>

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"

xmlns:app="http://schemas.android.com/apk/res-auto"

xmlns:tools="http://schemas.android.com/tools"

android:id="@+id/activity_main"

android:layout_width="match_parent"

android:layout_height="match_parent"

tools:context=".MainActivity">

<WebView

android:id="@+id/WebView"

android:layout_width="fill_parent"

android:layout_height="fill_parent"

android:text="Hello World!">

</WebView>

</RelativeLayout>

MainActivity

package webview.pendudukapps.id;

import androidx.appcompat.app.AppCompatActivity;

import android.os.Bundle;

import android.webkit.WebSettings;

import android.webkit.WebView;

import android.webkit.WebViewClient;

public class MainActivity extends AppCompatActivity {

WebView webviewku;

WebSettings websettingku;

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

webviewku = (WebView)findViewById(R.id.WebView);

websettingku = webviewku.getSettings();

webviewku.setWebViewClient(new WebViewClient());

webviewku.loadUrl("http://www.pendudukbantar.my.id/");

}

}

Page 131: 1590608342507_SKRIPSI - Ok - fix.pdf

115

AndroidManifest

<?xml version="1.0" encoding="utf-8"?>

<manifest xmlns:android="http://schemas.android.com/apk/res/android"

package="webview.pendudukapps.id">

<uses-permission android:name="android.permission.INTERNET"/>

<application

android:allowBackup="true"

android:icon="@mipmap/ic_launcher"

android:label="@string/app_name"

android:roundIcon="@mipmap/ic_launcher_round"

android:supportsRtl="true"

android:theme="@style/AppTheme">

<activity android:name=".MainActivity">

<intent-filter>

<action android:name="android.intent.action.MAIN" />

<category android:name="android.intent.category.LAUNCHER" />

</intent-filter>

</activity>

</application>

</manifest>

Page 132: 1590608342507_SKRIPSI - Ok - fix.pdf

116

Lampiran 5 Daftar Riwayat Hidup

DAFTAR RIWAYAT HIDUP

Nama Penulis : Sri Maryati Afriani

Tempat dan Tanggal Lahir : Cilacap, 15 April 1995

Alamat : Buntu Rt. 002 Rw. 011 No. 12

Desa Bantar

Kec. Wanareja Kab. Cilacap 53265

No. Hp : 081903456003

Email : [email protected]

Status Perkawinan : Belum Kawin

Riwayat Pendidikan : 1. MI Ma’arif NU Bantar

2. SMP Ma’arif NU 1 Wanareja

3. SMK Komputama Majenang