bab iv rancangan sistem usulan...pembuatan e-ktp yang dilakukan penduduk/masyarakat 6. sistem dapat...

41

BAB IV

RANCANGAN SISTEM USULAN

4.1. Tahapan Perancangan Sistem

4.1.1. Analisa Kebutuhan

A. Kebutuhan Pengguna

Dalam sistem informasi pengelolaan administrasi data kependudukan

kebutuhan akan akses diperlukan sehingga dapat saling berinteraksi dalam

lingkungan sistem, terdapat tiga pengguna yaitu : Masyarakat/penduduk, Bagian

Administrasi (kaur umum), dan Kepala Desa. Ketiga pengguna tersebut memiliki

kebutuhan informasi yang berbeda dan interaksi dengan sistem yang berbeda, seperti

berikut :

1. Skenario Kebutuhan Masyarakat/penduduk

a. Melakukan permohonan pengajuan

b. Mengisi form data diri

c. Mengupload dokumen yang sesuai diperlukan

d. Mencetak surat permohonan dari yang diajukan

2. Skenario Kebutuhan Bagian Administrasi

a. Mengelola data penduduk

b. Mengelola laporan berkas dokumen

c. Melakukan cetak laporan data administrasi

d. Melakukan penambahan data penduduk

3. Skenario Kebutuhan Kepala Desa

a. Dapat melihat laporan administrasi desa

b. Melakukan cetak laporan

42

B. Kebutuhan Sistem

Kebutuhan akan fungsionalitas sistem informasi akan berfungsi sebagai mana

mestinya sesuai dengan aktivitas yang dilakukan user terhadap sistem, seperti :

1. Pengguna sebagai admin harus login dulu untuk dapat bisa mengakses dan

mengelola secara keseluruhan

2. Sistem dapat menampilkan form inputan dan melakukan penyimpanan data

3. Sistem dapat melakukan penginputan pengguna sebagai Admin/Kepala Desa

untuk hak akses sebagai yang berhak mengelola data-data

4. Sistem dapat menampilkan data kependudukan

5. Sistem dapat melakukan penginputan dari permohonan data kelahiran, penduduk

pindah atau datang, permohonan pembuatan kartu keluarga, pengajuan

pembuatan e-KTP yang dilakukan penduduk/masyarakat

6. Sistem dapat mencetak berkas surat permohonan, cetak laporan data

kependudukan, administrasi data lainnya setelah penginputan data yang

dilakukan oleh pengguna

7. Pengguna yang berhak mengelola data dapat melakukan logout pada sistem

43

4.1.2. Rancangan Diagram Use Case

Gambar IV.1. Use case diagram sistem usulan

Tabel IV.1.

Deskripsi Use Case Diagram profil desa

Use Case Name Mengakses profil desa

Requirements Pengguna dapat mengakses tentang desa

Goal Dapat mengetahui sistem informasi desa

Pre-Conditions Dapat mengakses jika terhubung ke

internet

Post-Conditions Mendapatkan pengetahuan tentang desa

Failed end Condition Tidak dapat diakses jika koneksi internet

terputus

Actors Kepala desa, pelayanan administrasi,

masyarakat

Main flow/Basic Path 1. Pengguna mengakses secara online

2. Sistem menampilkan profil tentang

desa dan menu lainnya

Alternative Flow/Invariant A Bisa diakses diperangkat apa saja yang

terhubung ke internet

masyarakat /

penduduk

berita

pelayanan administrasi

data dusun

melakukan

loginkepala desa

mengelola

master data

profil desa

data

kependudukan

sejarah singkat

desa

buat surat

permohonan

data

kependudukan

permohonan ket

surat lahir

permohonan ket

pindah/datang

permohonan

pembuatan KK

permohonan

pembuatan e-KTP

data kelahiran

data penduduk

pindah/datangdata per

mohonan KK

data per

mohonan e-KTP

login

«extends»

<<include>>

«extends»

«extends»

«extends»

«extends»

<<

inclu

de

>>

«extends»

«extends»

«extends»«extends»

logout

logout

«extends»

«extends»

44

Invariant B 1. Pengguna mengakses halaman

dengan secara online tapi koneksi

internet terputus

2. Sistem tidak memuat halaman berita

yang diakses

Tabel IV.2.

Deskripsi Use Case Diagram mengakses berita

Use Case Name Mengakses berita

Requirements Pelayanan administrasi, kepala desa,

masyarakat bisa akses berita tentang desa

Goal Bisa mengetahui ada berita apa saja

terkait desa cikalongsari

Pre-Conditions Mengakses berita secara online

Post-Conditions Mendapatkan informasi berita tentang

desa cikalongsari

Failed end Condition Tidak ada koneksi internet, gangguan


masyarakat


2. Sistem menampikan berita tentang

desa

Alternative Flow/Invariant A Pengguna bisa baca berita yang ada di

desa saat mengakses sistem informasi

Invariant B 1. Pengguna mengakses halaman berita

secara online tapi koneksi internet

terputus

2. Sistem tidak memuat halaman berita

Tabel IV.3.

Deskripsi Use Case Diagram sejarah singkat desa

Use Case Name Sejarah singkat desa

Requirements Harus terkoneksi ke internet untuk bisa

mengakses

Goal Disini pengguna yang mengakses bisa

mengetahui tentang sejarah desa

cikalongsari

Pre-Conditions Dapat mengakses jika terhubung ke

internet

Post-Conditions Mengakses menggunakan perangkat

yang terhubung ke internet

Failed end Condition Tidak ada koneksi internet, gangguan


masyarakat

45


2. Sistem menampikan sejarah tentang

desa

Alternative Flow/Invariant A Pengguna bisa mengetahui sejarah desa

pada saat mengakses sistem informasi

Invariant B 1. Pengguna mengakses halaman

dimenu profil desa secara online tapi

koneksi internet terputus

2. Sistem tidak memuat menu halaman

Tabel IV.4.

Deskripsi Use Case Diagram buat surat permohonan

Use Case Name Buat surat permohonan


mengakses

Goal Pada menu ini terdapat di halaman utama

dan disini pengguna yang mengakses

bisa membuat surat permohonan

kependudukan administrasi desa

Pre-Conditions Yang dapat mengakses siapa saja dan

yang berkependudukan di lingkungan

desa cikalongsari



Failed end Condition Tidak terhubung koneksi internet, muat

ulang halaman


masyarakat


2. Sistem menampikan beberapa menu

untuk buat surat permohonan

3. Pengguna akan dialihkan untuk

mengisi form data-data

Alternative Flow/Invariant A Pengguna yang membuat permohonan

upload dokumen persyaratan

Invariant B 1. Sebelum mengakses pastikan

dipersiapkan dokumen persyaratan

2. Untuk diupload, dan sistem akan

mengolah permintaan pengguna

Tabel IV.5.

Deskripsi Use Case Diagram data kependudukan

Use Case Name Data kependudukan


mengakses

46

Goal Pada menu data kependudukan ini

pengguna yang mengakses bisa melihat

data kependudukan masyarakat desa,

sehingga bisa mengetahui status

kependudukan masyarakat desa



desa cikalongsari




ulang halaman


masyarakat


2. Sistem menampikan halaman utama

disertai menu lainnya

3. Pada menu profil desa terdapat data

kependudukan

Alternative Flow/Invariant A Sistem menampilkan apa yang diakses

oleh pengguna dapa halaman utama

Invariant B 1. Menu data kependudukan bisa

diakses ketika terkoneksi ke internet

2. Pengguna yang mengakses tidak bisa

menghapus, merubah, kecuali admin

Tabel IV.6.

Deskripsi Use Case Diagram permohonan ket surat lahir

Use Case Name Permohonan ket surat lahir


mengakses

Goal Masyarakat sebagai pengguna bisa

membuat surat keterangan lahir untuk

putra/putinya



desa cikalongsari

Post-Conditions Mengisi form data-data yang akan dibuat

sesuai dengan surat permohonan

Failed end Condition Tidak terhubung koneksi internet, tidak

mengisi form, sistem tidak meneruskan

ke langkah selanjutnya

Actors Masyarakat penduduk desa, atau siapa

saja yang mengakses


2. Pada menu utama pilih menu Profil

Desa klik buat surat permohonan

47

3. Dan sistem menampilkan menu untuk

permohonan surat keterangan lahir

Alternative Flow/Invariant A Sistem menampilkan daftar permohonan

yang diakses oleh pengguna pada menu

buat surat permohonan

Invariant B 1. Menu permohonan keterangan surat

lahir diakses ketika terkoneksi ke

internet

2. Pengguna mengisi form data-data dan

mengupload berkas persyaratan

3. Sistem mengeloah permintaan dan

menampilkan cetak dokumen

Tabel IV.7.

Deskripsi Use Case Diagram permohonan ket pindah/datang

Use Case Name Permohonan ket pindah/datang


mengakses dan berkas dokumen sebagai

persyaratan


membuat surat keterangan penduduk

pindah/datang


yang akan berkependudukan di

lingkungan desa cikalongsari/yang akan

pindah







saja yang mengakses





permohonan ket pindah/datang



buat surat permohonan, dan jika ingin

info lebih lanjut bisa ke kantor desa

Invariant B 1. Menu permohonan penduduk

pindah/datang mengisi form data-data

dan mengupload berkas persyaratan



48

Tabel IV.8.

Deskripsi Use Case Diagram permohonan pembuatan KK

Use Case Name Permohonan pembuatan KK

Requirements Persiapkan berkas dokumen sebagai

persyaratan dan harus terkoneksi ke

internet untuk bisa mengakses


membuat surat permohonan pembuatan

KK secara online



desa cikalongsari







saja yang mengakses





permohonan pembuatan KK





Invariant B 1. Menu permohonan pembuatan

KKdiakses secara online





Tabel IV.9.

Deskripsi Use Case Diagram permohonan pembuatan e-KTP

Use Case Name Permohonan pembuatan e-KTP

Requirements Persiapkan berkas dokumen sebagai

persyaratan dan harus terkoneksi ke

internet untuk bisa mengakses


membuat surat permohonan pembuatan

e-KTP secara online



desa cikalongsari

49







saja yang mengakses





permohonan pembuatan e-KTP

4. Isi form data-data





Invariant B 1. Menu permohonan pembuatan e-KTP






Tabel IV.10.

Deskripsi Use Case Diagram melakukan login

Use Case Name Melakukan login

Requirements Administrasi pelayanan dan kepala desa

melakukan login untuk mengelola data

Goal Untuk dapat mengelola data

kependudukan

Pre-Conditions Administrasi pelayanan dan kepala desa

telah melakukan login

Post-Conditions Input username dan password di

halaman login

Failed end Condition Username dan password yang di

inputkan salah

Actors Administrasi pelayanan, kepala desa


2. Pada menu login memasukan

username dan password


mengelola master data

Alternative Flow/Invariant A Administrasi pelayanan, kepala desa

dapat melakukan login saat akan

mengakses

50

Invariant B 1. Jika pengguna memasukan username

dan password salah maka

2. Sistem menampilkan pesan “Maaf!

Username atau Password salah”

Tabel IV.11.

Deskripsi Use Case Diagram data kependudukan

Use Case Name Data kependudukan


mengakses

Goal Pada menu data kependudukan ini

pengguna sebagai admin/kepala desa

yang mengakses bisa melihat data,

merubah, menambahkan, mencetak data



desa cikalongsari




ulang halaman


masyarakat



disertai menu lainnya

3. Pada menu profil desa terdapat data

kependudukan

Alternative Flow/Invariant A Sistem menampilkan apa yang diakses

oleh pengguna di halaman utama

Invariant B 1. Menu data kependudukan bisa


2. Pengguna yang mengelola hanya

administrasi pelayanan, kepala desa

Tabel IV.12.

Deskripsi Use Case Diagram mengelola master data

Use Case Name Mengelola master data

Requirements Administrasi pelayanan dan kepala desa

mengelola master data setelah login

Goal Mengelola master data keseluruhan yang

dilakukan oleh penduduk pada saat

melakukan permohonan

Pre-Conditions Yang dapat mengakses administrasi

pelayan dan optional bagi kepala desa

51




ulang halaman

Actors Kepala desa, pelayanan administrasi



disertai menu lainnya dan sudah login

3. Kemudian bisa mengelola master data

Alternative Flow/Invariant A Administrasi pelayanan mengelola data

Invariant B 1. Administrasi pelayanan menyimpan

data permohonan yang dilakukan

masyarakat

2. Admin, kepala desa dapat melihat

data penduduk

Tabel IV.13.

Deskripsi Use Case Diagram data dusun

Use Case Name Data dusun

Requirements Administrasi pelayanan dapat melihat

data penduduk berdasarkan dusun

Goal Untuk dapat diketahui data penduduk

berdasarkan dusun

Pre-Conditions Sehingga tahu di tiap dusun ada nama

siapa aja

Post-Conditions Mengakses secara online

Failed end Condition Tidak ada koneksi internet tidak bisa

akses

Actors Administrasi pelayanan, kepala desa


2. Login terlebih dahulu

3. Dan sistem menampilkan data tiap

dusun

Alternative Flow/Invariant A Koneksi internet terputus

Invariant B 1. Pengguna memilih menu master data

2. Pengguna klik data dusun

3. Sistem menampilkan data dusun

Tabel IV.14.

Deskripsi Use Case Diagram data kelahiran

Use Case Name Data kelahiran


data kelahiran secara online

52

Goal Menampilkan data kelahiran yang

dilakukan oleh masyarakat dan

menyimpannya dalam database

Pre-Conditions Admin telah melakukan login

Post-Conditions Ada data baru yang masuk yang

dilakukan oleh penduduk/masyarakat


akses, muat ulang halaman

Actors Administrasi pelayanan



3. Dan sistem menampilkan data

kelahiran yang masuk

4. Admin bisa menyimpan ke database,

mencetak laporan

Alternative Flow/Invariant A Admin dapat mencari data laporan/cetak,

Invariant B 1. Admin memilih menu data kelahiran

2. Sistem menampilkan data yang

masuk berdasarkan masyarakat yang


3. Admin melakukan simpan data

4. Admin dapat cetak data

Tabel IV.15.

Deskripsi Use Case Diagram data penduduk pindah/datang

Use Case Name Data penduduk pindah/datang


data penduduk pindah/datang

Goal Menampilkan data penduduk pindah/

datang yang dilakukan oleh masyarakat

dan menyimpannya dalam database


Post-Conditions Ada data baru yang masuk yang

dilakukan oleh penduduk/masyarakat






3. Dan sistem menampilkan data menu

utama login terlebih dahulu

4. Admin bisa mengelola data dan dapat

menyimpan maupun mencetak


53

Invariant B 1. Admin memilih menu data penduduk

pindah/datang






Tabel IV.16.

Deskripsi Use Case Diagram data permohonan KK

Use Case Name Data permohonan KK


data permohonan KK

Goal Menampilkan data permohonan KK yang

dilakukan oleh masyarakat dan

menyimpannya dalam database


Post-Conditions Ada data permohonan baru yang masuk

yang dilakukan oleh penduduk/

masyarakat sehingga dapat dikelola






3. Dan sistem menampilkan menu utama

pilih data permohonan KK


mencetak laporan


Invariant B 1. Admin memilih menu data

permohonan KK

2. Sistem menampilkan data



Tabel IV.17.

Deskripsi Use Case Diagram data permohonan e-KTP

Use Case Name Data permohonan e-KTP


data permohonan e-KTP

Goal Dapat mengelola data permohonan e-

KTP yang dilakukan masyarakat

Pre-Conditions Admin sudah login terlebih dahulu

54

Post-Conditions Admin dapat menyimpan data, cetak






3. Dan sistem menampilkan data

kelahiran yang masuk


mencetak laporan


Invariant B 1. Admin memilih menu master data

klik data permohonan e-KTP




3. Admin dapat melakukan simpan data

4. Admin dapat mencetak data

4.1.3. Rancangan Diagram Aktivitas

1. Activity diagram mengakses sejarah desa

Gambar IV.2. Activity diagram mengakses sejarah desa

Penduduk/

masyarakat Sistem

Akses Website

Menampilkan

Sejarah Desa

Sejarah Singkat

Desa

Pilih Menu Profil

Desa

Menampilkan Dashboard

Halaman Utama

55

2. Activity diagram mengakses berita

Gambar IV.3. Activity diagram mengakses berita

3. Activity diagram mengakses data kependudukan

Gambar IV.4. Activity diagram mengakses data kependudukan

Penduduk/

masyarakat Sistem

Akses WebsiteMenampilkan Dashboard

Halaman Utama

Pilih Menu Profil

Desa

Berita Tentang

Desa

Menampilkan

Berita Desa

Penduduk/

masyarakat Sistem


Halaman Utama

Pilih Menu Profil

Desa

Pilih Data

Kependudukan

Menampilkan

Data Kependudukan

Bisa Melakukan

Cetak Data

Menampilkan File

Cetak Data Penduduk

56

4. Activity diagram mengakses buat surat permohonan

Gambar IV.5. Activity diagram mengakses buat permohonan

Penduduk/

masyarakat Sistem

Akses Website

Menampilkan Dashboard

Halaman Utama

Pilih Menu Profil

Desa

Pilih Menu Buat

Surat Permohonan

Menampilkan Menu Buat

Surat Permohonan

Permohonan Surat

Keterangan Kelahiran

Salah?Input Username

dan Password

Y

Menampilkan Login

T

Input Data dan

Upload Dokumen

Memproses...

Menampilkan File Surat

Permohonan Digital

Menyimpan File,

Cetak File

Permohonan Keterangan

Penduduk Pindah Datang

Permohonan

Pembuatan KKPermohonan

Pembuatan e-KTP

Pilih Jenis

Permohonan

Menampilkan Form

Input Permohonan

57

5. Activity diagram melakukan tambah data kependudukan

Gambar IV.6. Activity diagram melakukan tambah data kependudukan

Admin dan

Kepala DesaSistem


Halaman Utama

Pilih Login Menampilkan Login

Input Username

dan PasswordSalah?

Y

T

Halaman

Dashboard Admin

Pilih Data

Kependudukan

Menampilkan Data

Kependudukan

Tambah Data

Penduduk

Isi Form Data

Penduduk, Simpan

Data Berhasil

Disimpan

58

6. Activity diagram mengelola data dusun

Gambar IV.7. Activity diagram mengelola data dusun

Admin dan

Kepala DesaSistem


Halaman Utama


Input Username

dan PasswordSalah?

Y

T

Halaman

Dashboard Admin

Pilih Data Dusun

Menampilkan Data

Dusun

Tambah Data Dusun

Isi Form Data

Dusun, Simpan

Data Berhasil

Disimpan

Pilih Master Data

59

7. Activity diagram menyimpan data permohonan surat keterangan lahir

Gambar IV.8. Activity diagram menyimpan data permohonan kelahiran

Admin dan

Kepala DesaSistem


Halaman Utama


Input Username

dan PasswordSalah?

Y

T

Halaman

Dashboard Admin

Pilih Master Data

Pilih Data

Permohonan Surat

Kelahiran

Menampilkan Semua

Data Permohonan

Melakukan input dan

penyimpanan data

Bisa Cetak Data

Yang Sudah

Tersimpan

Menampilkan Data

Yang Disimpan

Mengecek data

60

8. Activity diagram menyimpan data penduduk pindah datang

Gambar IV.9. Activity diagram menyimpan data penduduk pindah datang

Admin dan

Kepala DesaSistem


Halaman Utama


Input Username

dan PasswordSalah?

Y

T

Halaman

Dashboard Admin

Mengecek Data

Pilih Data Permohonan

Penduduk Pindah Datang

Menampilkan Data

Permohonan Penduduk

Pindah Datang

Dapat Mencetak Data

Menampilkan Data

Yang Disimpan

PilihMaster Data

Melakukan input dan

penyimpanan data

61

9. Activity diagram menyimpan data permohonan KK

Gambar IV.10. Activity diagram menyimpan data permohonan KK

Admin dan

Kepala DesaSistem


Halaman Utama


Input Username

dan PasswordSalah?

Y

T

Halaman

Dashboard Admin

Pilih Master Data

Pilih Data

Permohonan KK

Menampilkan Data

Permohonan KK

Bisa Cetak Data

Menampilkan Data

Yang Disimpan

Mengecek Data

Melakukan input dan

penyimpanan data

62

10. Activity diagram menyimpan data permohonan e-KTP

Gambar IV.11. Activity diagram menyimpan data permohonan e-KTP

Admin dan

Kepala DesaSistem


Halaman Utama


Input Username

dan PasswordSalah?

Y

T

Halaman

Dashboard Admin

Pilih Master Data

Pilih Data

Permohonan e-KTP

Menampilkan Data

Permohonan e-KTP

Bisa Cetak Data

Menampilkan Data

Yang Disimpan

Mengecek Data

Melakukan input dan

penyimpanan data

63

4.1.4. Rancangan Dokumen Sistem Usulan

Rancangan dokumen dari sistem usulan pengajuan permohonan pembuatan

e-KTP, KK, penduduk pindah/datang dan lainnya, untuk sebagai acuan bahwa berkas

persyaratan yang berupa dokumen masukan sistem usulan ini berupa foto, yang

nantinya akan diupload oleh masyarakat pada saat melakukan surat permohonan, dan

kemudian akan menghasilkan surat dokumen keluaran bentuk digital.

1. Rancangan dokumen masukan

a. Nama dokumen : Photo Fotocopy ijazah pendidikan terakhir

Fungsi : Sebagai bukti identitas pendidikan masyarakat

Sumber : Masyarakat/penduduk

Tujuan : Untuk sebagai persyaratan pembuatan KTP

Media : Perangkat yang terhubung ke internet

Jumlah : 1 file

Frekuensi : Setiap membuat permohonan

Bentuk : Lihat daftar lampiran C.1

b. Nama dokumen : Photo Fotocopy akta kelahiran

Fungsi : Sebagai bukti kelahiran dan syarat pengajuan


Tujuan : Untuk sebagai persyaratan pembuatan KTP


Jumlah : 1 file



64

c. Nama dokumen : Photo Fotocopy kartu keluarga

Fungsi : Sebagai syarat pengajuan dan bukti asal-usul keluarga


Tujuan : Untuk syarat permohonan penduduk pindah/datang,

pembuatan e-KTP, pembuatan data kelahiran


Jumlah : 1 file



d. Nama dokumen : Photo Fotocopy KTP

Fungsi : Sebagai identitas penduduk dan syarat pengajuan


Tujuan : Untuk sebagai persyaratan penduduk pindah/datang,

pembuatan kartu keluarga, data kelahiran


Jumlah : 1 file



2. Rancangan dokumen keluaran

a. Nama dokumen : Surat keterangan lahir

Fungsi : Sebagai dokumen pengantar dari kantor desa untuk

Pembuatan akta kelahiran di catatan sipil

Sumber : Sistem desa

Tujuan : Masyarakat yang mengajukan permohonan

Media : Berupa file dalam bentuk pdf (kertas)

65

Jumlah : 1 file

Frekuensi : Setiap terjadi permohonan surat keterangan kelahiran

Bentuk : Lampiran D.1

b. Nama dokumen : Data penduduk pindah/datang

Fungsi : Sebagai dokumen pengantar dari kantor desa

Sumber : Sistem desa



Jumlah : 1 file

Frekuensi : Setiap terjadi permohonan pembuatan surat

keterangan pindah


c. Nama dokumen : Permohonan pembuatan KK

Fungsi : Sebagai dokumen pengantar dari kantor desa

Sumber : Sistem Desa



Jumlah : 1 file

Frekuensi : Setiap terjadi permohonan pembuatan KK


d. Nama dokumen : Formulir permohonan pembuatan e-KTP

Fungsi : Sebagai dokumen pengantar dari kantor desa untuk

pembuatan e-KTP di Kecamatan

Sumber : Sistem Desa


66

Media : Berupa file dalam bentuk pdf (kertas

Jumlah : 1 file

Frekuensi : Setiap terjadi permohonan e-KTP


4.1.5. Rancangan Prototype

Berikut ini rancangan prototype dari sistem informasi administrasi data

penduduk pada kantor Desa Cikalongsari Karawang

1. Rancangan halaman utama

Tampilan halaman utama sistem informasi pada saat pertama kali di akses dan

juga terdapat menu lainnya yang bisa di jelajahi lebih jauh

Gambar IV.12. Rancangan halaman utama (Dashboard)

67

2. Rancangan buat surat permohonan

Rancangan menu dibawah ini menunjukan ketika pengguna yang hendak

melakukan buat surat permohonan, menu tampilan ini sebelumnya terdapat di

menu utama di navbar Profil Desa. Terdapat juga beberapa pilihan seperti buat

permohonan surat keterangan kelahiran, buat permohonan bagi penduduk pindah

datang, buat permohonan kartu keluarga, dan permohonan pembuatan e-KTP.

Gambar IV.13. Rancangan buat surat permohonan

68

3. Rancangan form login

Pada rancangan login disini menandakan hak akses admin, kepala desa sampai

masyarakat desa untuk masuk ke aplikasi, akses login sebagai penduduk

digunakan pada saat ketika seseorang yang hendak melakukan administrasi

kependudukan yang berupa surat-surat permohonan, akses login sebagai admin

bisa mengelola keseluruhan data-data kependudukan, dan akses login kepala

desa sama seperti admin untuk meminimalisir hal yang tidak di inginkan agar

tidak sembarang orang bisa mengelola data-data.

Gambar IV.14. Rancangan form login

69

4. Rancangan prototype form buat permohonan surat keterangan lahir

Pada rancangan dibawah ini sebagai dokumen masukan sistem usulan tampilan

ketika masyarakat penduduk desa cikalongsari yang akan melakukan

permohonan surat keterangan kelahiran, disini terdapat form isian untuk

dilengkapi datanya

Gambar IV.15. Rancangan form buat permohonan surat keterangan lahir

70

5. Rancangan form buat permohonan penduduk pindah datang

Pada rancangan dibawah ini sebagai dokumen masukan sistem usulan, tampilan


permohonan surat keterangan penduduk pindah datang, disini terdapat form isian

untuk dilengkapi datanya juga upload dokumen fotocopy KTP, fotocopy KK

Gambar IV.16. Rancangan form buat permohonan penduduk pindah datang

71

6. Rancangan form buat kartu keluarga



permohonan buat kartu kerluarga, disini terdapat form isian untuk dilengkapi

datanya juga upload dokumen fotocopy KTP suami istri, buku nikah

Gambar IV.17. Rancangan form buat permohonan kartu keluarga

72

7. Rancangan form buat permohonan e-KTP



permohonan buat e-KTP, disini terdapat form isian untuk dilengkapi datanya juga

upload dokumen fotocopy ijazah pendidikan terkahir, foto terbaru ukuran 4X6 2

lembar, akta kelahira dan fotocopy kartu keluarga

Gambar IV.18. Rancangan form buat permohonan e-KTP

73

8. Rancangan dashboard admin

Rancangan dibawah ini tampil setelah admin maupun kepala desa melakukan

login, pada dashboard ini admin secara keseluruhan bisa mengelola data

administrasi desa,

Gambar IV.19. Rancangan dashboard admin

74

9. Rancangan data kependudukan

Pada rancangan dibawah ini data warga desa cikalongsari, yang hanya bisa

dikelola oleh admin, disisi masyarakat pun bisa melihat data warga ini cuma

dibatasi hak akses nya tidak bisa mengubah menghapus atau menambahkan

hanya bisa cetak datanya saja, dan data ini sudah tersimpan dalam database

Gambar IV.20. Rancangan data kependudukan

75

10. Rancangan data permohonan surat kelahiran

Dibawah ini rancangan ketika ada masyarakat yang melakukan permohonan

kemudian masuk di dashoard admin untuk dicek kebenarannya serta dapat

menyimpan ke database maupun ubah hapus

Gambar IV.21. Rancangan data kelahiran

11. Rancangan data permohonan penduduk pindah datang

Dibawah ini rancangan ketika ada data masuk yang dilakukan masyarakat ketika

melakukan permohonan kemudian masuk di dashoard admin untuk dicek

Gambar IV.22. Rancangan data penduduk pindah datang

76

12. Rancangan data permohonan pembuatan KK

Dibawah ini rancangan ketika ada data masuk yang dilakukan masyarakat


kebenarannya serta dapat menyimpan ke database maupun mengubah

menghapus

Gambar IV.23. Rancangan permohonan pembuatan KK

13. Rancangan pemohonan pembuatan e-KTP

Dibawah ini rancangan ketika ada data masuk yang dilakukan masyarakat


kebenarannya serta dapat menyimpan ke database maupun mengubah/hapus

Gambar IV.24. Rancangan permohonan pembuatan e-KTP

77

14. Rancangan laporan data kelahiran

Pada gambar dibawah ini rancangan laporan data kelahiran

Gambar IV.25. Rancangan laporan data kelahiran

15. Rancangan laporan data penduduk pindah datang

Pada gambar dibawah ini rancangan laporan data penduduk pindah datang

Gambar IV.26. Rancangan laporan data penduduk pindah datang

78

16. Rancangan laporan data permohonan kk

Pada gambar dibawah ini rancangan laporan data permohonan kartu keluarga

Gambar IV.27. Rancangan laporan data permohonan KK

17. Rancangan laporan data permohonan e-KTP

Pada gambar dibawah ini rancangan laporan data permohonan e-KTP

Gambar IV.28. Rancangan laporan data permohonan e-KTP

79

4.2. Perancangan Perangkat Lunak

4.2.1. Entity Relational Diagram (ERD)

id_admin

admin

data_kelahiran

data_penduduk_pdh_

dtg

data_permohonan_buat_kk

data_permohonan_ektp

desamengelola

melakukan

melakukan

terdapat

terdiri dusun

warga

melakukan

usernamenama

password desa_namaid_admindusun_nama

desa

warga_idnik

warga_nama

warga_agama

warga_

pendidikan

warga_status

warga_rw

warga_rt

warga_dusun

warga_desa

warga_jk

alamat

keterangan nm_ibu

nm_ayh

kewarganegaraan

alamat

pekerjaan

agama

status_kwn

pendidikan

prov

ttl

jenis_kel

nm_lengkap

nik no_kk

nm_krt_klg

nik

nm_klg_pindh

pindh_antar_mn

pindh_krn

prov_pindh

kab_pindh

kec_pindhdesa_pindh

alamat_tuj_pindh

alasan_pindh

prov_asal

kab_asal

kec_asal

desa_asal

alamat_asal ttl

melakukan

ket

nm_bpk_ibu

hub_dgn_kpl_klg

pekerjaan

pendidikan

status_kwn

agama

jenis_kel

ttl

nik

nm_lengkap

alamat

nm_kepala_klg

nm_pemohon

kab

kec

desa

almt_skg_ibu

umr_ibu

pkrjn_ibu

nm_ibu

almt_skg_ayh

umr_ayh

pkrjn_ayh

nm_ayh

anak_ke

lhr_pd_tgl

nama_anak

kabupaten

kecamatan

desa

dusun

kk

11

1 M

M

M

111

1

1

1

1

1

nik_ayh

warga_ttl

no_sp

no_sp

no_sp

no_sp

Gambar IV.29. Entity Relational Diagram (ERD)

80

4.2.2. Logical Record Structure (LRS)

admin

id_admin (PK)

nama

username

password

id_admin (FK)

alamat

desa_nama (PK)

desa dusun

dusun_nama (PK)

desa (FK)

nik (FK)

no_sp (PK)

nm_krt_klg

ttl

alamat_asal

kab_asal

kec_asal

prov_asal

alasan_pindh

kec_pindh

alamat_tuj_pindh

desa_pindh

kab_pindh

pindh_antar_mn

desa_asal

prov_pindh

pindh_krn

nm_klg_pindh

data_penduduk_pi

ndah_datang

warga_id

dusun_nama (FK)

nik (PK)

warga_pendidikan

warga_rw

warga_ttl

warga_nama

warga_status

warga_desa

warga_jk

warga_rt

warga_agama

warga

11

1

M

no_kk

nik (FK)

no_sp (PK)

nm_lengkap

jenis_kel

ttl

status_kwn

prov

pendidikan

pekerjaan

agama

alamat

keterangan

nm_ayh

nm_ibu

kewarganegaraan

data_permohonan_

ektp

data_permohonan_b

uat_KK

nik (FK)

no_sp (PK)

desa

kec

ket

nm_kepala_klg

nm_bpk_ibu

hub_dgn_kpl_klg

nm_pemohon

alamat

kab

nm_lengkap

pekerjaan

ttl

pendidikan

agama

jenis_kel

status_kwn

data_kelahiran

Kk

no_sp (PK)

dusun

desa

kecamatan

kabupaten

nama_anak

lhr_pd_tgl

anak_ke

nm_ayh

nik (FK)

umr_ayh

pkrjn_ayh

almt_ayh_skg

nm_ibu

umr_ibu

pkrjn_ibu

almt_skg_ibu

M

1

1

1

1

1

1

M

1

1

Gambar IV.30. Logical Record Structure (LRS)

4.2.3. Spesifikasi File

Terdapat spesifikasi tiap file dari tabel yang terbentuk dari ERD dan LRS

sehingga ada ke sesuaian dari web yang dirancang, file-file ini tersimpan dalam

database Penduduk dengan parameter-parameter sebagai berikut

81

1. Spesifikasi file admin

Nama file : Admin

Akronim : Tabel admin

Fungsi : Sebagai hak akses untuk mengelola data

Tipe file : File Master

Organisasi file : Berurutan

Akses file : Tertentu

Media : Hardisk

Panjang record : 7

Kunci field : id_admin

Software : MySQL

Tabel IV.18

Spesifikasi file admin

No Elemen data Nama field Tipe Size Ket

1 Id admin id_admin int 7 Primary Key

2 Nama admin nama varchar 23

3 Username username varchar 17

4 Password password varchar 21

2. Spesifikasi file desa

Nama file : Desa

Akronim : Tabel desa

Fungsi : Sebagai tempat penyimpanan data desa



Akses file : Bebas

Media : Hardisk

Panjang record : 7

82

Kunci field : desa_nama

Software : MySQL

Tabel IV.19

Spesifikasi file desa


1 Id admin id_admin varchar 7

2 Nama desa desa_nama varchar 12 Primary Key

3 Alamat desa alamat varchar 17

3. Spesifikasi file dusun

Nama file : Dusun

Akronim : Tabel dusun

Fungsi : Sebagai tempat penyimpanan data dusun



Akses file : Bebas

Media : Hardisk

Panjang record : 12

Kunci field : dusun_nama

Software : MySQL

Tabel IV.20

Spesifikasi file dusun


1 Nama dusun dusun_nama varchar 12 Primary Key

2 Nama desa desa int 12

4. Spesifikasi file warga

Nama file : Warga

Akronim : Tabel warga

Fungsi : Sebagai tempat penyimpanan data warga

83

Tipe file : File master data


Akses file : Bebas

Media : Hardisk

Panjang record : 22

Kunci field : warga_nik

Software : MySQL

Tabel IV.21

Spesifikasi file warga


1 Id warga warga_id varchar 7

2 Nama warga warga_nama varchar 19

3 Nik warga warga_nik varchar 22 Primary Key

4 Jenis kelamin

warga warga_jk varchar 9

5 Warga desa warga_desa varchar 11

6 Warga dusun warga_dsusun varchar 12

7 Warga rt warga_rt varchar 5

8 Warga rw warga_rw varchar 5

9 Status warga warga_status varchar 9

10 Pendidikan

warga warga_pendidikan varchar 6

11 Agama warga warga_agama varchar 7

5. Spesifikasi file data penduduk pindah datang

Nama file : Data penduduk pindah datang

Akronim : Tabel data penduduk pindah datang

Fungsi : Sebagai tempat penyimpanan data penduduk pindah datang

Tipe file : File input data


Akses file : Bebas

Media : Hardisk

84

Panjang record : 12

Kunci field : no_sp

Software : MySQL

Tabel IV.22

Spesifikasi file data penduduk pindah datang


1 Nama kartu

keluarga nm_krt_klg varchar 22

2 Tempat tanggal

lahir ttl varchar 15

3 Alamat asal alamat_asal varchar 12

4 Asal desa desa_asal varchar 11

5 Asal kecamatan kec_asal varchar 9

6 Asal kabupaten kab_asal varchar 10

7 Asal provinsi prov_asal varchar 10

8 Alasan pindah asal_pindh varchar 25

9 Alamat tujuan

pindah almt_tujuan_pindh varchar 14

10 Pindah desa desa_pindh varchar 15

11 Pindah

kecamatan kec_pindh varchar 9

12 Pindah

kabupaten kab_pindh varchar 10

13 Pindah provinsi prov_pindh varchar 10

14 Pindah karna pindh_krn varchar 22

15 Pindah antar

mana pindh_antar_mn varchar 12

16 Nama keluarga

pindah nm_klg_pindh varchar 23

17 Nik nik varchar 22

18 No surat per no_sp varchar 12 Primary Key

6. Spesifikasi file data permohonan e-KTP

Nama file : Data permohonan e-KTP

Akronim : Tabel permohonan e-KTP

Fungsi : Sebagai tempat penyimpanan data permohonan e-KTP



85

Akses file : Bebas

Media : Hardisk

Panjang record : 12

Kunci field : no_sp

Software : MySQL

Tabel IV.23

Spesifikasi file data permohonan e-KTP


1 No kartu keluarga no_kk varchar 22


3 Nama lengkap nm_lengkap varchar 23

4 Jenis kelamin jenis_kel varchar 7

5 Tempat tanggal

lahir ttl varchar 9

6 Provinsi prov varchar 11

7 Pendidikan pendidikan varchar 6

8 Status kawin status_kwn varchar 7

9 Agama agama varchar 8

10 Pekerjaan pekerjaan varchar 12

11 Alamat alamat varchar 19

12 Kewarganegaraan kewarganegaraan varchar 5

13 Nama ayah nm_ayh varchar 22

14 Nama ibu nm_ibu varchar 22

15 Keterangan keterangan varchar 12


7. Spesifikasi file data permohonan buat KK

Nama file : Data permohonan buat KK

Akronim : Tabel permohonan buat KK

Fungsi : Sebagai tempat penyimpanan data permohonan buat KK



Akses file : Bebas

Media : Hardisk

86

Panjang record : 12

Kunci field : no_sp

Software : MySQL

Tabel IV.24

Spesifikasi file data permohonan buat KK


1 Desa desa varchar 11

2 Kecamatan kec varchar 9

3 Kabupaten kab varchar 10

4 Nama pemohon nm_pemohon varchar 22

5 Nama kepala

keluarga nm_kepala_klg varchar 20

6 alamat alamat varchar 19

7 Nama lengkap nm_lengkap varchar 21


9 Tempat tanggal

lahir ttl varchar 12

10 Jenis kelamin jenis_kel varchar 11

11 Agama agama varchar 8

12 Status kawin status_kwn varchar 10

13 Pendidikan pendidikan varchar 12

14 Pekerjaan pekerjaan varchar 14

15

Hubungan

dengan kepala

keluarga

hub_dgn_kpl_klg varchar 9

16 Nama bapak ibu nm_bpk_ibu varchar 22

17 Keterangan ket varchar 22


8. Spesifikasi file data kelahiran

Nama file : Data permohonan buat surat keterangan lahir

Akronim : Tabel data kelahiran

Fungsi : Sebagai tempat penyimpanan data kelahiran



Akses file : Bebas

Media : Hardisk

87

Panjang record : 12

Kunci field : no_sp

Software : MySQL

Tabel IV.25

Spesifikasi file data permohonan surat keterangan lahir


1 Kartu keluarga kk varchar 22

2 Dusun dusun varchar 6

3 Desa desa varchar 6

4 Kecamatan kecamatan varchar 9

5 Kabupaten kabupaten varchar 11

6 Nama anak Nama_anak varchar 22

7 Lahir pada

tanggal Lhr_pd_tgl 22

8 Anak ke Anak_ke 3

9 Nama ayah Nm_ayh varchar 22

10 Pekerjaan ayah Pkrjn_ayh varchar 18

11 Umur ayah Umr_ayh varchar 7

12 Alamat

sekarang ayah Almt_skg_ayh varchar 17

13 Nama ibu Nm_ibu varchar 22

14 Pekerjaan ibu Pkrjn_ibu varchar 12

15 Umur ibu Umr_ibu varchar 11

16 Alamat

sekarang ibu Almt_skg_ibu varchar 22

17 Nik ayah Nik_ayh varchar 22


88

4.2.4. Class Diagram

Kepala desa

+username

+password

+no_sp (PK)

+nik

+nm_krt_klg

+ttl

+alamat_asal

+kab_asal

+kec_asal

+prov_asal

+alasan_pindh

+kec_pindh

+alamat_tuj_pindh

+desa_pindh

+kab_pindh

+pindh_antar_mn

+desa_asal

+prov_pindh

+pindh_krn

+nm_klg_pindh

Data penduduk

pindah datang

M 1

+no_sp (PK)

+no_kk

+nik

+nm_lengkap

+jenis_kel

+ttl

+status_kwn

+prov

+pendidikan

+pekerjaan

+agama

+alamat

+keterangan

+nm_ayh

+nm_ibu

+kewarganegaraan

Data permohonan

ektp

Data permohonan

buat KK

+no_sp (PK)

+nik

+desa

+kec

+ket

+nm_kepala_klg

+nm_bpk_ibu

+hub_dgn_kpl_klg

+nm_pemohon

+alamat

+kab

+nm_lengkap

+pekerjaan

+ttl

+pendidikan

+agama

+jenis_kel

+status_kwn

Data kelahiran

+no_sp (PK)

+kk

+dusun

+desa

+kecamatan

+kabupaten

+nama_anak

+lhr_pd_tgl

+anak_ke

+nm_ayh

+nik_ayh

+umr_ayh

+pkrjn_ayh

+almt_ayh_skg

+nm_ibu

+umr_ibu

+pkrjn_ibu

+almt_skg_ibu

1

1

Admin

+username

+password

+cread informasi web()

+read informasi web()

+update informasi web()

+delete informasi web()

+cetak data()

+view informasi()

+read informasi()

+cetak data()

Sistem informasi

+dashboard()

+profil desa()

+sejarah singkat desa()

+buat surat permohonan()

+data kependudukan()

+berita()

+login()

Validasi

+logout()

+login()

+upload dokumen()

+tampil surat

permohonan()

+upload dokumen()

+tampil surat

permohonan()

+upload dokumen()

+tampil surat

permohonan()

+upload dokumen()

+tampil surat

permohonan()

M

1

1

1

+view informasi web()

+read informasi web()

+buat permohonan()

+cetak data()

+warga_id

+warga_dusun

+nik (PK)

+warga_ttl

+warga_pendidikan

+warga_rw

+warga_nama

+warga_status

+warga_desa

+warga_jk

+warga_rt

+warga_agama

Warga

1

1

M

1

1

M

1M

Gambar IV.31. Class Diagram

89

4.2.5. Sequence Diagram

1. Sequence diagram buat surat permohonan

Masyarakat

M : Menu F : Form ED : Entity Database

4 : Permohonan penduduk pindah()

11 : Input Data dan Upload Dokumen()

6 : permohonan buat kk()

8 : permohonan buat ektp()

2 : Permohonan surat kelahiran()

12 : Memproses Data

3 : Tampil Form

5 : Tampil Form

7 : Tampil Form

1 : buat surat permohonan()

Gambar IV.32. Sequence diagram buat surat permohonan

90

2. Sequence diagram akses data penduduk

Admin

1 : main()

M : Menu L : Login DA : Dashboard Admin

5 : pilih data kependudukan

2 : form login()

9 : tampil data penduduk

3 : username dan password

4 : masuk()

6 : mengambil data penduduk()

8 : get result

E : Entity Database Warga

7 : open()

10 : data penduduk

Gambar IV.33. Sequence diagram akses data penduduk

91

3. Sequence diagram login

Admin

1 : main()

M : Menu L : Login V : Validasi

2 : form login()

9 : masuk

3 : username dan password

4 : login()

6 : query login()

8 : login berhasil

KD : Koneksi Database

7 : get result()

DA : Dashboard Admin

5 : mengambil data()

10 : selamat datang

Gambar IV.34. Sequence diagram login

4.2.6. Spesifikasi Hardware dan Software

1. Spesifikasi hardware server

a. CPU dengan processor Core i3 @2.00Ghz (4CPUs), up to 2.6Ghz

b. Memory 4Gb RAM atau lebih disaranakan

c. Hardisk 1000Gb

d. Mouse standard 2.4G

e. Keyboard standard

f. Kartu grafis minimal 2Gb

g. Layar monitor dengan resolusi 19 inch (1280 X 1024)

h. Koneksi internet dengan kecepatan minimal 2Mbps

92

2. Spesifikasi software server

a. Sistem oprasi yang umum digunakan seperti windows/linux

b. Web browser Google chrome, Mozilla firefox, Operamini dan lainya

c. Aplikasi web server Xampp, MySQL server, PHP versi 7, Apache server

3. Spesifikasi software pengguna

a. Sistem oprasi yang umum digunakan seperti windows/linux

b. Web browser Google chrome, Mozilla firefox, Operamini dan lainya

4.3. Jadwal Implementasi

Tabel IV. 26

Jadwal Implementasi

No Kegiatan

Waktu

Minggu ke

1 2 3 4 5

1 Perkenalan dan adaptasi lingkungan desa √

2 Materi sosialisasi penerapan cara kerja √

3 Pengumpulan data dan analisa √

4 Persiapan data awal √

5 Identifikasi √

6 Perancangan sistem √ √

7 Desain perangkat lunak √ √

8 Pengkodean √ √

9 Testing program √

10 Operasional √

11 Latihan peluncuran √ √

bab iv rancangan sistem usulan...pembuatan e-ktp yang dilakukan penduduk/masyarakat 6. sistem dapat...

Documents