LAPORAN KP DI DINAS KEPENDUDUKAN

LAPORAN KERJA PRAKTEK
DINAS KEPENDUDUKAN DAN PENCATATAN SIPIL

KABUPATEN BENGKALIS
PERANCANGAN DESAIN USER INTERFACE (UI) PADA

WEBSITE LAPORAN DATA KEPENDUDUKAN DI DINAS
KEPENDUDUKAN DAN PENCATATAN SIPIL
FITRAH DESMALINI
6103191318
PROGRAM STUDI D-III TEKNIK INFORMATIKA

JURUSAN TEKNIK INFORMATIKA
POLITEKNIK NEGERI BENGKALIS
BENGKALIS-RIAU
2021
KATA PENGANTAR
Puji dan Syukur penulis ucapkan kehadirat Tuhan Yang Maha Esa, karena
berkat Rahmat dan Karunia-Nya penulis dapat menyusun laporan ini dengan baik
dan tepat pada waktunya. Dalam laporan ini penulis memba has mengenai Kerja
Praktek (KP) yang dilaksanakan di Kantor Dinas Kependudukan dan Pencatatan
Sipil Kabupaten Bengkalis.
Tujuan penulisan laporan Kerja Praktek (KP) ini adalah untuk memenuhi
salah satu syarat yang telah melaksanakan Kerja Praktek (KP) oleh setiap
Mahasiswa Jurusan Teknik Informatika Politeknik Negeri Bengkalis.
Laporan ini dapat terselesaikan dengan baik berkat bantuan dari berbagai
pihak selama melaksanakan Kerja Praktek. Oleh karena itu penulis mengucapkan
terima kasih yang sebesar-besarnya kepada:
1. Bapak Johny Custer, S.T., M.T. selaku Direktur Politeknik Negeri
Bengkalis.
2. Bapak Danuri, M.Cs selaku Ketua Jurusan Teknik Informatika.
3. Bapak Muhammad Nasir, M.Kom selaku Ketua Program Studi D-III
Teknik Informatika.
4. Bapak Desi Amirullah, M.T selaku Koordinator Pelaksanaan Kerja
Praktek.
5. Bapak Mansur, M.Kom selaku Dosen Pembimbing Kerja Praktek.
6. Bapak Drs. H. Ismail, MP selaku Kepala Dinas Kependudukan dan
Pencatatan Sipil Kabupaten Bengkalis.
7. Bapak Faizal, S.Kom selaku Pembimbing Lapangan Kerja Praktek di
Dinas Pendudukan dan Pencatatan Sipil.
8. Orang Tua beserta seluruh Keluarga atas segala doa serta dukungan materi
maupun moral yang telah diberikan kepada penulis.
9. Seluruh keluarga besar Dinas Kependudukan dan Pencatatan Sipil yang
telah membantu kami untuk menjalankan Kerja Praktek.
10. Seluruh teman-teman yang telah membantu memberikan dorongan,
motivasi dan semangat, sehingga penulis bisa menyelesaikan laporan ini
i
dengan sebaik mungkin.
Penulis sangat bersyukur selama pelaksanaan Kerja Praktek di Kantor
Dinas Kependudukan dan Pencatatan Sipil Kabupaten Bengkalis, karena dengan
adanya pelaksanaan Kerja Praktek ini penulis mendapatkan begitu ilmu
pengetahuan terkait dengan dunia pemerintahan. Penulis juga mendapatkan begitu
banyak pengalaman berharga yang dapat dijadikan pegangan yang sangat berguna
dan membantu di masa yang akan datang terutama di dalam dunia kerja dengan
lingkup yang lebih luas.
Dengan segala kerendahan hati penulis menyadari bahwa masih banyak
kekurangan dan kesalahan, sehingga penulis mengharapkan adanya kritik dan
saran yang bersifat membangun dalam upaya menyempurnakan laporan kerja
praktek ini dan perbaikan dikemudian hari. Akhir kata, semoga laporan kerja
praktek ini dapat bermanfaat bagi ilmu pengetahuan khususnya di bidang Teknik
Informatika.
Bengkalis, 10 September 2021
Fitrah Desmalini
6103191318
ii
DAFTAR ISI
HALAMAN JUDUL
HALAMAN PENGESAHAN
KATA PENGANTAR .......................................................................................... i
DAFTAR ISI ......................................................................................................... iii
DAFTAR GAMBAR ............................................................................................ v
DAFTAR TABEL ................................................................................................ vii
DAFTAR LAMPIRAN ........................................................................................ ix
BAB I PENDAHULUAN ..................................................................................... 1

1.1 Latar Belakang Pemikiran Kerja Praktek ............................................. 1
1.2 Tujuan dan Manfaat Kerja Praktek ..................................................... 2
BAB II GAMBARAN UMUM PERUSAHAAN/INSTANSI ........................... 3

2.1 Sejarah Singkat Dinas Kependudukan dan Pencatatan Sipil
Kabupaten Bengkalis ........................................................................... 3
2.2 Visi dan Misi Dinas Kependudukan dan Pencatatan Sipil
2.3 Struktur Organisasi Dinas Kependudukan dan Pencatatan Sipil
2.4 Ruang Lingkup Dinas Kependudukan dan Pencatatan Sipil
BAB III BIDANG PEKERJAAN SELAMA KERJA PRAKTEK .................. 11

3.1 Spesifikasi Tugas yang Dilaksanakan .................................................. 11
3.2 Target yang Diharapkan ....................................................................... 13
3.3 Perangkat yang Digunakan .................................................................. 13
3.4 Data yang Diperlukan .......................................................................... 17
3.5 Dokumen-dokumen yang Dihasilkan ................................................... 17
3.6 Kendala-Kendala yang Dihadapi Selama Kerja Praktek ..................... 17
iii
3.7 Pemecahan Masalah ............................................................................. 17
BAB IV Perancangan Desain User Interface (UI) pada Website Laporan

Data Kependudukan di Dinas Kependudukan Dan Pencatatan
Bengkalis ................................................................................................ 19
4.1 Uraian Judul ...................................................................................... 19
4.2 Perancangan Database ....................................................................... 19
4.3 Perancangan Desain User Interface (UI) pada Laporan Data
Kependudukan Bengkalis ................................................................. 39
BAB V PENUTUP ................................................................................................ 58

5.1 Kesimpulan ......................................................................................... 58
5.2 Saran ................................................................................................... 58
DAFTAR PUSTAKA ........................................................................................... 59
iv
DAFTAR GAMBAR
Gambar 2.1 Struktur Organisasi Dinas Kependudukan dan Pencatatan

Sipil ............................................................................................... 4
Gambar 3.1 Pembuatan desain brosur ............................................................... 11
Gambar 3.2 Menghapus Pertemanan di Facebook ............................................ 12
Gambar 3.3 Pembuatan Website Laporan Data Kependudukan ....................... 12
Gambar 3.4 Pembuatan Desain User Interface (UI) ......................................... 13
Gambar 3.5 Laptop............................................................................................ 14
Gambar 3.6 Mouse ............................................................................................ 14
Gambar 3.7 Flashdisk ........................................................................................ 15
Gambar 3.8 Adobe Photshop Cs6 ...................................................................... 15
Gambar 3.9 Sublime Text .................................................................................. 15
Gambar 3.10 XAMPP .......................................................................................... 16
Gambar 3.11 Chrome ........................................................................................... 16
Gambar 3.12 Figma.............................................................................................. 16
Gambar 4.1 Halaman Beranda ........................................................................... 39
Gambar 4.2 Halaman BAKAK .......................................................................... 40
Gambar 4.3 Halaman Rekaman Byname ........................................................... 41
Gambar 4.4 Halaman Rekaman Group .............................................................. 42
Gambar 4.5 Halaman Cetak KTP Byname ........................................................ 43
Gambar 4.6 Halaman Cetak KTP Group ........................................................... 43
Gambar 4.7 Halaman Dinas Sosial .................................................................... 44
Gambar 4.8 Halaman Kawin Byname ............................................................... 46
Gambar 4.9 Halaman KIA Byname ................................................................... 47
Gambar 4.10 Halaman Kartu Keluarga Byname ................................................. 48
Gambar 4.11 Halaman Kelahiran Byname .......................................................... 49
Gambar 4.12 Halaman Kematian Byname........................................................... 50
Gambar 4.13 Halaman Kematian Group .............................................................. 50
Gambar 4.14 Halaman Pengakuan Anak Byname ............................................... 51
Gambar 4.15 Halaman Pindah Byname ............................................................... 53
v
Gambar 4.16 Halaman PRR 16 Byname.............................................................. 54
Gambar 4.17 Halaman PRR 16 Group................................................................. 54
vi
DAFTAR TABEL
Tabel 4.1 Perancangan Tabel BAKAK ......................................................... 19

Tabel 4.2 Perancangan Tabel Cerai ............................................................... 20
Tabel 4.3 Perancangan Tabel Cerai Byname ................................................ 20
Tabel 4.4 Perancangan Tabel Cerai Group ................................................... 20
Tabel 4.5 Perancangan Tabel Rekaman ........................................................ 20
Tabel 4.6 Perancangan Tabel Rekaman Byname .......................................... 20
Tabel 4.7 Perancangan Tabel Rekaman Group ............................................. 21
Tabel 4.8 Perancangan Tabel Cetak Bulanan ............................................... 21
Tabel 4.9 Perancangan Tabel Cetak Byname ............................................... 22
Tabel 4.10 Perancangan Tabel Cetak KTP Bulanan ....................................... 22
Tabel 4.11 Perancangan Tabel Cetak KTP Group .......................................... 23
Tabel 4.12 Perancangan Tabel Cetak KTP Harian ......................................... 23
Tabel 4.13 Perancangan Tabel Dinas Sosial ................................................... 23
Tabel 4.14 Perancangan Tabel Format............................................................ 24
Tabel 4.15 Perancangan Tabel Harian ............................................................ 24
Tabel 4.16 Perancangan Tabel Harian SIAK .................................................. 24
Tabel 4.17 Perancangan Tabel Harian TTE .................................................... 25
Tabel 4.18 Perancangan Tabel Kawin ............................................................ 25
Tabel 4.19 Perancangan Tabel Kawin Byname .............................................. 25
Tabel 4.20 Perancangan Tabel Kawin Group ................................................. 25
Tabel 4.21 Perancangan Tabel KIA ................................................................ 26
Tabel 4.22 Perancangan Tabel KIA Byname .................................................. 26
Tabel 4.23 Perancangan Tabel KIA Group ..................................................... 26
Tabel 4.24 Perancangan Tabel Kartu Keluarga .............................................. 27
Tabel 4.25 Perancangan Tabel Kartu Keluarga Byname ................................ 27
Tabel 4.26 Perancangan Tabel Kartu Keluarga Group ................................... 27
Tabel 4.27 Perancangan Tabel Kelahiran ....................................................... 28
Tabel 4.28 Perancangan Tabel Kelahiran Byname ......................................... 28
Tabel 4.29 Perancangan Tabel Kelahiran Group ............................................ 29
vii
Tabel 4.30 Perancangan Tabel Kematian........................................................ 29
Tabel 4.31 Perancangan Tabel Kematian Byname ......................................... 29
Tabel 4.32 Perancangan Tabel Kematian Group ............................................ 30
Tabel 4.33 Perancangan Tabel Pengakuan Anak ............................................ 30
Tabel 4.34 Perancangan Tabel Pengakuan Anak Byname.............................. 30
Tabel 4.35 Perancangan Tabel Pengakuan Anak Group ................................. 31
Tabel 4.36 Perancangan Tabel Pengesahan Anak........................................... 31
Tabel 4.37 Perancangan Tabel Pengesahan Anak Byname ............................ 31
Tabel 4.38 Perancangan Tabel Pengesahan Anak Group ............................... 32
Tabel 4.39 Perancangan Tabel Pindah ............................................................ 32
Tabel 4.40 Perancangan Tabel Pindah Byname .............................................. 32
Tabel 4.41 Perancangan Tabel Pindah Group ................................................. 33
Tabel 4.42 Perancangan Tabel PRR 16........................................................... 33
Tabel 4.43 Perancangan Tabel PRR 16 Byname ............................................ 33
Tabel 4.44 Perancangan Tabel PRR 16 Group ............................................... 34
Tabel 4.45 Perancangan Tabel PRR 17 Byname ............................................ 34
Tabel 4.46 Perancangan Tabel PRR 17 Group ............................................... 35
Tabel 4.47 Perancangan Tabel TTE Kelahiran ............................................... 35
Tabel 4.48 Perancangan Tabel TTE Kelahiran Group .................................... 35
Tabel 4.49 Perancangan Tabel TTE Kematian ............................................... 36
Tabel 4.50 Perancangan Tabel TTE Kematian Group .................................... 36
Tabel 4.51 Perancangan Tabel TTE Kartu Keluarga ...................................... 36
Tabel 4.52 Perancangan Tabel TTE Kartu Keluarga Group ........................... 36
Tabel 4.53 Perancangan Tabel TTE Perceraian .............................................. 37
Tabel 4.54 Perancangan Tabel TTE Perceraian Group ................................... 37
Tabel 4.55 Perancangan Tabel TTE Perkawinan ............................................ 37
Tabel 4.56 Perancangan Tabel TTE Perkawinan Group ................................. 38
Tabel 4.57 Perancangan Tabel TTE Pepindahan ............................................ 38
Tabel 4.58 Perancangan Tabel TTE Perpindahan Group................................ 38
viii
DAFTAR LAMPIRAN
Lampiran 1. Absensi Harian Kerja Praktek ...................................................... 60

Lampiran 2. Laporan Kegiatan Harian Kerja Praktek ....................................... 63
Lampiran 3. Surat Keterangan Selesai Kerja Praktek ........................................ 75
Lampiran 4. Lembar Penilaian dari Instansi ...................................................... 76
Lampiran 5 Sertifikat Kerja Praktek. ................................................................ 77
ix
BAB I
PENDAHULUAN
1.1 Latar Belakang Pemikiran Kerja Praktek

Kerja Praktek (KP) merupakan serangkaian kegiatan yang meliputi
pemahaman teori atau konsep ilmu pengetahuan yang diaplikasikan dalam
pekerjaan sesuai profesi bidang studi. Kerja Praktek dapat menambah wacana,
pengetahuan dan skill mahasiswa, serta mampu menyelesaikan persoalan-
persoalan ilmu pengetahuan sesuai dengan teori yang mereka peroleh di bangku
kuliah. Kerja Praktek dilaksanakan agar mahasiswa dapat memahami dan
menerapkan secara baik tentang bidang ilmu yang dipelajari. Selain itu, agar
mahasiswa dapat mengetahui profesi serta atmosfir pekerjaan sesuai dengan
program studinya (Elektro et al., 2010).
Kerja Praktek adalah penempatan seseorang pada suatu lingkungan
pekerjaan yang sebenarnya untuk meningkatkan keterampilan, etika pekerjaan,
disiplin dan tanggung jawab yang merupakan suatu kesempatan untuk
menerapkan ilmu pengetahuan dan keterampilan yang dimiliki, yang ada
hubungannya dengan latar belakang seseorang yang melaksanakan Kerja Praktek
tersebut.
Dalam memasuki era globalisasi saat ini, teknologi informasi tidak
dipungkiri memiliki kaitan erat dengan kehidupan manusia setiap harinya.
Teknologi informasi dapat mempermudah pekerjaan manusia serta memberikan
kemudahan dalam memperoleh informasi. Untuk mempermudah Dinas
Kependudukan dan Pencatatan Sipil untuk membuat data laporan kependudukan
maka penulis mengajukan judul “PERANCANGAN DESAIN USER
INTERFACE (UI) PADA WEBSITE LAPORAN DATA KEPENDUDUKAN
DI DINAS KEPENDUDUKAN DAN PENCATATAN SIPIL” dalam hal ini
akan dijadikan sebagai Laporan Kerja Praktek.
1
1.2 Tujuan dan Manfaat Kerja Praktek
1.2.1 Tujuan Kerja Praktek
Adapun tujuan dari pelaksanaan Kerja Praktek (KP) adalah sebagai
berikut:
1. Untuk menerapkan skill serta ilmu pengetahuan yang telah diperoleh
dalam perkuliahan di lapangan pekerjaan.
2. Untuk menambah pengalaman serta pengetahuan selama melakukan kerja
praktek.
3. Untuk mengetahui bagaimana berinteraksi dengan baik di dunia pekerjaan.
1.2.2 Manfaat Kerja Praktek

Adapun manfaat dari pelaksanaan Kerja Praktek (KP) adalah sebagai
berikut:
1. Mendapatkan kesempatan untuk menerapkan skill serta ilmu pengetahuan
yang telah diperoleh dalam perkuliahan di lapangan pekerjaan.
2. Dapat mengetahui bagaimana berinteraksi dengan baik di dunia pekerjaan.
3. Dapat menambah pengalaman dan pengetahuan diluar kampus selama
kerja praktek dilakukan.
4. Dapat membuat desain User Interface (UI) dan menyelesaikan website
yang berfungsi sebagai penyimpanan data laporan kependudukan pada
Dinas Kependudukan dan Pencatatan Sipil.
2
BAB II
GAMBARAN UMUM PERUSAHAAN/INSTANSI
2.1 Sejarah Singkat Dinas Kependudukan dan Pencatatan Sipil

Kabupaten Bengkalis
Dinas Kependudukan dan Pencatatan Sipil Kabupaten Bengkalis
merupakan salah satu Organisasi Perangkat Daerah (OPD) di lingkungan
Pemerintah Daerah Kabupaten Bengkalis yang beralamat di Jalan Pertanian, No.
03, Kecamatan Bengkalis. Berdasarkan peraturan Daerah (PERDA) Nomor 03
Tahun 2016 Tentang Pembentukan dan Susunan Perangkat Daerah Kabupaten
Bengkalis, Dinas Kependudukan dan Pencatatan Sipil Kabupaten Bengkalis
mempunyai tugas pokok membantu Bupati melaksanakan urusan pemerintahan
yang menjadi kewenangan Daerah dan tugas pembantuan yang menyelenggarakan
urusan Pemerintah dibidang Administrasi Kependudukan dan Pencatatan Sipil.
Selain tugas tersebut, Dinas Kependudukan dan Pencatatan Sipil Kabupaten
Bengkalis menyelenggarakan fungsi sebagai mana diatur dalam pasal 3 Nomor 12
diantaranya:
1. Penetapan Kebijakan dibidang kependudukan dan pencatatan sipil;
2. Perumusan rencana strategis dan program kerja Dinas yang sesuai dengan
visi misi Kepala Daerah;
3. Perencanaan, mengorganisasikan, menggerakkan, dan mengendalikan
serta menetapkan kebijakan dibidang kependudukan dan pencatatan sipil;
4. Pelaksanaan pembinaan terhadap kedisplinan dan peningkatan kualitas
sumber daya aparatur pegawai dalam lingkup dinas;
5. Penyelenggaraan urusan penatausahaan Dinas; dan
6. Pelaksanaan Tugas lain yang diberikan oleh Bupati sesuai dengan bidang
tugasnya.
3
2.2 Visi dan Misi Dinas Kependudukan dan Pencatatan Sipil Kabupaten
Bengkalis
Dinas Kependudukan dan Pencatatan Sipil Kabupaten Bengkalis memiliki
Visi dan Misi Sebagai Berikut:
2.2.1 Visi
Terwujudnya administrasi yang tertib, akurat dan dinamis melalui
peningkatan pelayanan dan tenaga SDM (Sumber Daya Manusia ) yang
profesional.
2.2.2 Misi
1. Mewujudkan kualitas pelayanan yang tertib akurat dan dinamis.
2. Mewujudkan database kependudukan yang berkualitas.
3. Mewujudkan sistem manajemen dan pemerintahan yang baik.
2.3 Struktur Organisasi Dinas Kependudukan dan Pencatatan Sipil

Kabupaten Bengkalis
Gambar 2.1 Struktur Organisasi Dinas Kependudukan dan Pencatatan Sipil

(Sumber :http://disdukcapil.bengkaliskab.go.id/disdukcapil/profil/26 )
4
Adapun susunan Organisasi Dinas Kependudukan dan Pencatatan Sipil
Kabupaten Bengkalis berdasarkan Peraturan Daerah Nomor 03 Tahun 2016,
terdiri dari:
a. Kepala Dinas;
b. Sekretariat terdiri dari:
1. Sub Bagian Perencanaan;
2. Sub Bagian Umum dan Kepegawaian; dan
3. Sub Bagian Keuangan.
c. Bidang Pelayanan Pendaftaran Penduduk terdiri dari:
1. Seksi Identitas Penduduk;
2. Seksi Pindah Datang Penduduk; dan
3. Seksi Pendataan Penduduk.
d. Bidang Pelayanan Pencatatan Sipil, terdiri dari:
1. Seksi Kelahiran;
2. Seksi Perkawinan dan Perceraian; dan
3. Seksi Perubahan Status Anak, Perwarganegaraan dan Kematian.
e. Bidang Pengelolaan Informasi Administrasi Kependudukan, terdiri
dari:
1. Seksi Sistem Informasi Administrasi Kependudukan;
2. Seksi Pengelolaan dan Penyajian Data; dan
3. Seksi Tata Kelola dan Sumber Daya Manusia Teknologi Informasi
Komunikasi.
f. Bidang Pemanfaatan Data dan Inovasi Pelayanan, terdiri dari:
1. Seksi Kerja Sama;
2. Seksi Pemanfaatan Data dan Dokumen Kependudukan; dan
3. Seksi Inovasi Pelayanan.
g. Unit Pelaksana Teknis; dan
h. Kelompok Jabatan Fungsional.
5
2.4 Ruang Lingkup Dinas Kependudukan dan Pencatatan Sipil
Kabupaten Bengkalis
Berikut adalah Tugas dan Fungsi serta Uraian Tugas di Dinas
Kependudukan dan Pencatatan Sipil Kabupaten Bengkalis:
1. Kepala Dinas
Kepala Dinas mempunyai tugas membantu Bupati melaksanakan urusan
pemerintahan yang menjadi kewenangan daerah dan tugas pembantuan
dibidang kependudukan dan pencatatan sipil. Kepala dalam melaksanakan
tugasnya memiliki fungsi:
a. Penetapan kebijakan dibidang kependudukan dan pencatatan sipil;
b. Perumusan rencana strategis dan program kerja Dinas yang sesuai dengan
visi misi Kepala Daerah;
c. Perencanaan, mengorganisasikan, menggerakkan, dan mengendalikan
serta menetapkan kebijakan dibidang kependudukan dan pencatatan sipil;
d. Pelaksanaan pembinaan terhadap kedisplinan dan peningkatan kualitas
sumber daya aparatur pegawai dalam lingkup Dinas;
e. Penyelenggaraan urusan penatausahaan Dinas; dan
f. Pelaksanaan tugas lain yang diberikan oleh Bupati sesuai dengan bidang
tugasnya.
2. Sekretariat
Sekretariat mempunyai tugas memimpin, mengkoordinasikan dan
mengendalikan tugas-tugas dibidang pengelolaan, pelayanan kesekretariatan
yang meliputi pengkoordinasian, perencanaan, penyusunan program dan
anggaran pengelolaan keuangan, perlengkapan, umum dan kepegawaian.
Sekeretariat dalam pelaksanaan tugasnya memiliki fungsi:
a. Penyusunan rencana, program, evaluasi dan pelaporan;
b. Pelaksanaan administrasi kepegawaian dan rumah tangga Dinas;
c. elaksanaan administrasi keuangan dan perlengkapan serta penataan aset;
d. Pelaksanaan urusan surat menyurat, kearsipan dan dokumen hubungan
masyarakat;
e. Pelaksanaan urusan hukum, organisasi dan hubungan masyarakat;
6
f. Pelaksanaan pengkoordinasian penyelenggaraan tugas-tugas bidang; dan
g. Pelaksanaan tugas-tugas lain yang diberikan oleh Kepala Dinas.
3. Bidang Pelayanan Pendaftaran Penduduk
Bidang Pelayanan Pendaftaran Penduduk mempunyai tugas melaksanakan
koordinasi perumusan kebijakan teknis dan pelaksanaan kebijakan operasional
dibidang pelayanan pendaftaran penduduk yang meliputi Identitas penduduk,
pindah datang penduduk, dan pendataan penduduk. Bidang pelayanan
Pendaftaran Penduduk dalam pelaksanaan tugasnya memiliki fungsi:
a. Penyusunan perencanaan pelayanan pendaftaran penduduk;
b. Perumusan kebijakan teknik pendaftaran penduduk;
c. Pelaksanaan pembinaan dan koordinasi pelaksanaan pelayanan
pendaftaran penduduk;
d. Pelaksanaan pelayanan pendaftaran penduduk;
e. Pelaksanaan penerbitan dokumen pendaftaran penduduk;
f. Pelaksanaan pendokumentasian hasil pelayanan pendaftaran penduduk;
g. Pengendalian dan evaluasi pelaksanaan pendaftaran penduduk;
h. Pelaksanaan fasilitas, sosialisasi, bimbingan teknis, advokasi, supervisi
dan kosultasi pelaksanaan pelayanan pendaftaran penduduk;
i. Pelaksanaan inventarisasi data-data penduduk secara terus menerus;
j. Pelaksanaan pimpinan, mengkoordinasikan dan mengendalikan serta
mengawasi semua kegiatan yang berhubungan dengan bidang tugas;
k. Perumusan pelaksanaan kebijakan pembangunan serta layanan staf dan
bimbingan teknis;
l. Pemberikan saran-saran dan pertimbangan kepada Kepala Dinas mengenai
langkah-langkah dan tindakan-tindakan yang perlu diambil sesuai dengan
bidang tugasnya; dan
m. Pelaksanaan tugas lain yang diberikan oleh pimpinan sesuai dengan tugas
dan fungsinya.
4. Bidang Pelayanan Pencatatan Sipil
Bidang Pelayanan Pencatatan Sipil mempunyai tugas menyelenggarakan
perumusan dan pelaksanaan kebijakan dibidang pelayanan pencatatan sipil
7
sesuai dengan ketentuan peraturan perundang-undangan. Bidang Pelayanan
Pencatatan Sipil dalam melaksanakan tugasnya memiliki fungsi:
a. Penyusunan dan perencanaan pelayanan pencatatan sipil;
b. Perumusan kebijakan teknis pencatatan sipil;
c. Pelaksanaan pembinaan dan koordinasi pelaksanaan pelayanan pencatatan
sipil;
d. Pelaksanaan penerbitan pencatatan sipil;
e. Pelaksanaan penerbitan dokumen pencatatan sipil;
f. Pelaksanaan pendokumentasian hasil pelayanan pencatatan sipil;
g. Pengendalian dan evaluasi pelaksanaan pencatatan sipil;
h. Pemberian saran-saran dan perhitungan kepada Kepala Dinas mengenai
bidang tugasnya;
i. Penilaian prestasi kerja bawahan sebagai bahan pertimbangan dalam
pengembangan karier; dan
j. Pelaksanaan tugas-tugas lain yang diberikan oleh pimpinan sesuai dengan
tugas dan fungsinya.
5. Bidang Pengelolaan Informasi Administrasi Kependudukan
Bidang Pengelolaan Informasi Administrasi Kependudukan mempunyai
tugas melaksanakan penyiapan perumusan kebijakan teknis dan pelaksanaan
kebijakan dibidang pengelolaan informasi administrasi kependudukan. Bidang
Pengelolaan Informasi Administrasi Kependudukan dalam pelaksanaan
tugasnya memiliki fungsi:
a. Penyusunan perencanaan, merumuskan kebijakan teknis, melaksanakan
pembinaan dan koordinasi pengelolaan informasi administrasi
kependudukan yang meliputi sistem informasi kependudukan, mengolah
data serta tata kelola dan sumber daya manusia, teknologi informasi dan
komunikasi;
b. Perekaman data hasil pelayanan pendaftaran dan pencatatan sipil serta
pemutrakhiran data penduduk dengan menggunakan Sistem Informasi
Administrasi Kementerian (SIAK);
8
c. Pengevaluasi dan melaporkan pengelolaan informasi administrasi
kependudukan;
d. Pelaksanaan pembangunan dan mengembangkan jaringan komunikasi
data;
e. Penyediaan perangkat keras dan perlengkapan lainnya serta penyediaan
jaringan komunikasi data sebagai tempat pelayanan dokumen
kependudukan;
f. Pemeliharaan dan perawatan perangkat SIAK;
g. Penyediaan dan mendesiminasi informasi kependudukan;
h. Pengendalian dan evaluasi pelaksanaan pengelolaan informasi administrasi
kependudukan;
i. Pemberian saran-saran dan perhitungan kepada Kepala Dinas mengenai
bidang tugasnya;
j. Pelaksanaan tugas lain yang diberikan oleh Kepala Dinas sesuai dengan
bidang tugasnya.
6. Bidang Pemanfaatan Data dan Inovasi Pelayanan
Bidang Pemanfaatan Data dan Inovasi Pelayanan mempunyai tugas
melaksanakan penyiapan perumusan kebijakan dan teknis dan pelaksanaan
kebijakan dibidang pemanfaatan data dan inovasi pelayanan. Bidang
Pemanfaatan Data dan Inovasi Pelayanan dalam pelaksanaan tugasnya
memiliki fungsi:
a. Penyusunan perencanaan pemanfaatan data dan dokumen kependudukan,
kerja sama serta inovasi pelayanan administrasi kependudukan;
b. Perumusan kebijakan teknis pemanfaatan data dan dokumen
kependudukan, kerja sama inovasi pelayanan administrasi kependudukan;
c. Pelaksanaan pembinaan dan koordinasi pelaksanaan pemanfaatan data dan
dokumen kependudukan, kerja sama serta inovasi pelayanan administrasi
kependudukan;
d. Pelaksanaan pemanfaatan data dan dokumen kependudukan;
e. Pelaksanaan inovasi pelayanan administrasi kependudukan;
9
f. Pengendalian dan mengevaluasi pelaksanaan pemanfaatan data dan
dokumen kependudukan, kerja sama serta inovasi pelayanan administrasi
kependudukan;
g. Pemberian saran-saran dan perhitungan kepada Kepala Dinas mengenai
bidang tugasnya;
h. Pelaksanaan tugas lain yang diberikan oleh Kepala Dinas sesuai dengan
bidang tugasnya.
10
BAB III
BIDANG PEKERJAAN SELAMA KERJA PRAKTEK
3.1 Spesifikasi Tugas yang Dilaksanakan

Kerja Praktek (KP) dilaksanakan terhitung mulai tanggal 05 Juli 2021
sampai dengan tanggal 10 September 2021 di Dinas Kependudukan dan
Pencatatan Sipil Kabupaten Bengkalis. Selama pelaksanaan KP adapun tugas
yang diberikan diantaranya :
3.1.1 Membuat desain brosur hari raya idul adha
Di setiap perkantoran tidak lepas dengan adanya pembuatan desain seperti
hari peringatan dan juga kegiatan-kegiatan yang berkaitan dengan perkantoran
tersebut. Dalam kegiatan ini mahasiswa Kerja Praktek membantu pembuatan
desain dalam memperingati hari raya idul adha.
Gambar 3.1 Pembuatan desain brosur

( Sumber : Dokumen Pribadi )
3.1.2 Menghapus pertemanan facebook Dinas Kependudukan dan

Pecatatan Sipil
Setiap perkantoran rata-rata memiliki sebuah akun sosial media salah
satunya facebook, untuk pertemanan facebook pada Dinas Kependudukan dan
Pencatatan Sipil itu sendiri memiliki pertemanan yang melebihi kapasitas,
sehingga perlunya penghapusan pertemanan facebook tersebut, salah satu
11
contohnya pertemanan yang akunnya sudah tidak aktif.
Gambar 3.2 Menghapus pertemanan di Facebook

3.1.3 Membuat website data laporan kependudukan pada Dinas

Kependudukan dan Pencatatan Sipil
Website data laporan kependudukan adalah website yang memuat tentang
data-data terkait laporan kependudukan yang tercatat di Dinas Kependudukan dan
Pencatatan Sipil. Dengan adanya website ini, mempermudah seorang admin untuk
melihat dan menyimpan sebuah data penting kependudukan tersebut.
Gambar 3.3 Pembuatan Website Laporan Data Kependudukan

12
3.1.4 Membuat Desain User Interface Data Laporan Kependudukan pada
Dinas Pencatatan dan Kependudukan Bengkalis
Desain User Interface di gunakan untuk pembuatan website data laporan
kependudukan, sehingga mempermudah dalam membuat website karena adanya
desain untuk website data laporan kependudukan.
Gambar 3.4 Pembuatan Desain User Interface (UI)

3.2 Target yang Diharapkan

Dalam pelaksanaan Kerja Praktek (KP) yang berlokasi di Dinas
Kependudukan dan Pencatatan Sipil Kabupaten Bengkalis, adapun target yang
ingin dicapai, diantaranya :
1. Memahami dunia kerja di bidang IT dan pemerintahan
2. Dapat memanfaatkan pengetahuan dan skill di bidang Teknik Informatika
sebagai peluang usaha dan kerja
3. Dapat menyelesaikan tugas yang diberikan dengan baik
3.3 Perangkat yang Digunakan

Dalam pelaksanaan Kerja Praktek (KP) yang dilaksanakan di Dinas
13
Kependudukan dan Pencatatan Sipil Kabupaten Bengkalis, adapun perangkat
yang digunakan, baik perangkat keras (hardware) maupun perangkat lunak
(software), yaitu :
3.3.1 Perangkat Keras (Hardware)

1. Laptop
Laptop atau sering disebut komputer mini digunakan sebagai perangkat
untuk pembuatan desain brousur dan pembuatan website data laporan
kependudukan. Laptop yang digunakan yaitu Lenovo Ideapad slim3 dengan
spesifikasi SSD sebesar 250 Gigabyte, Processor Intel inside dan memiliki
Random Access Memory (RAM) sebesar 4 Gigabyte.
Gambar 3.5 Laptop

( Sumber : https://eraspace.com )
2. Mouse
Mouse adalah salah satu jenis komponen input pointing device, yaitu alat
penerima input yang berasal dari getaran suatu benda atau kilatan cahaya. Alat
tersebut dihubungkan dengan komputer, dan jika alat tersebut digerakkan
maka akan memberikan sinyal tertentu pada komputer sehingga bisa
digunakan untuk memberikan instruksi sesuai yang diinginkan pemakai
(Yudhanto, 2018).
Gambar 3.6 Mouse

( Sumber : www.logitech.com )
14
3. Flashdisk
Adalah alat penyimpanan data yang memiliki penghubung USB (Universal
Serial Bus) terintergrasi (Priyanto, 2012).
Gambar 3.7 Flashdisk

( Sumber : www.pngdownload.id )
3.3.2 Perangkat Lunak (Software)

1. Adobe Photoshop CS6
Adobe Photoshop CS6 adalah perangkat lunak editor citra buatan Adobe
Systems yang dikhususkan untuk pengeditan foto atau gambar dan pembuatan
efek (Herlinah, S.Kom, M.Si, & Musliadi KH, 2019).
Gambar 3.8 Adobe Photoshop CS6

2. Sublime Text
Sublime Text adalah sebuah aplikasi editor untuk kode dan text yang dapat
berjalan sebagai platform operating system dengan menggunakan teknologi Phyton
API.
Gambar 3.9 Sublime Text

( Sumber : https://pngegg.com )
15
3. XAMPP
XAMPP adalah sebuah software yang berfungsi untuk menjalankan
website berbasis PHP dan menggunakan pengolahan data MySQL di komputer
lokal (Wicaksono, 2008)
Gambar 3.10 XAMPP

4. Google Chrome
Google Chrome digunakan untuk membuka tampilan website data laporan
kependudukan dan mencari informasi-informasi yang berkaitan dalam
pembuatan website data laporan kependudukan.
Gambar 3.11 Chrome

5. Figma
Adalah salah satu aplikasi yang bisa digunakan untuk membuat desain
secara bersama-sama dengan anggota lainnya.
Gambar 3.12 Figma

( Sumber : www.pngegg.com )
16
3.4 Data yang Diperlukan
Data yang diperlukan adalah informasi seputar Dinas Kependudukan dan
Pencatatan Sipil Kabupaten Bengkalis, yang mana pada pembuatan perancangan
desain website ini mahasiswa Kerja Praktek membutuhkan informasi apa saja
yang ada di Dinas Kependudukan dan Pencatatan Sipil.
3.5 Dokumen-dokumen dan File-file yang Dihasilkan

Desain yang berisi tentang website laporan data kependudukan yang
memiliki beberapa halaman yaitu, Beranda, BAKAK (Biodata Anak Berdasarkan
Kepemilikan Akta Kelahiran), Cerai, KTP El-Rekaman, KTP El-Cetak, Dinas
Sosial, Format, Harian, Kawin, KIA (Kartu Identitas Anak), Kartu Keluarga,
Kelahiran, Kematian, Pengakuan Anak, Pengesahan Anak, Pindah, PRR (Print
Ready Record), TTE (Tanda Tangan Elektronik Kelahiran), TTE (Tanda Tangan
Elektronik) Kematian, TTE (Tanda Tangan Elektronik) Kartu Keluarga, TTE
(Tanda Tangan Elektronik) Perceraian, TTE (Tanda Tangan Elektronik)
Perkawinan, dan TTE (Tanda Tangan Elektronik) Perpindahan.
3.6 Kendala-Kendala yang Dihadapi Selama Kerja Praktek

Selama melaksanakan Kerja Praktek di Dinas Kependudukan dan
Pencatatan Sipil Kabupaten Bengkalis terdapat beberapa kendala yang dihadapi
dalam mengerjakan tugas yang diberikan oleh pembimbing di lapangan. Kendala
yang dihadapi adalah :
1. Ruangan yang begitu sempit sehingga tidak nyaman dalam mengerjakan
tugas yang diberikan oleh pembimbing lapangan.
2. Kurangnya pengetahuan pemrograman web sehingga sulit untuk mengerjakan
tugas website yang diberikan.
3.7 Pemecahan Masalah

Adapun pemecahan masalah yang dapat dilakukan selama Kerja Praktek
(KP) adalah :
1. Seringkali keluar dari ruangan untuk mencari ruangan yang lebih luas dan
17
nyaman untuk mengerjakan tugas yang diberikan oleh pembimbing lapangan.
2. Meminta bantuan dan bertanya kepada pembimbing lapangan serta pegawai-
pegawai di kantor tersebut yang bekerja di bagian IT tentang website yang
akan dibuat tersebut.
18
BAB IV
PERANCANGAN DESAIN USER INTERFACE (UI) PADA WEBSITE
LAPORAN DATA KEPENDUDUKAN DI DINAS KEPENDUDUKAN DAN
PENCATATAN SIPIL
4.1 Uraian Judul

Judul ini saya ambil dikarenakan pada Dinas Kependudukan dan
Pencatatan Sipil Kabupaten Bengkalis masih belum memiliki website resmi yang
berfungsi untuk data laporan kependudukan. Oleh karena itu saya mengajukan
pembuatan desain User Interface (UI) ini kepada Pembimbing Lapangan dan
langsung disetujui.
Website data laporan kependudukan ini menjelaskan data-data laporan
kependudukan yang ada di Dinas Kependudukan dan Pencatatan Sipil Kabupaten
Bengkalis. Sehingga dengan adanya website data laporan kependudukan
mempermudah admin untuk mendapatkan informasi secara cepat seputar data
laporan kependudukan di Kecamatan Bengkalis.
4.2 Perancangan Database

Adapun perancangan basis data dari website laporan data kependudukan di
Dinas Kependudukan dan Pencatatan Sipil sebagai berikut.
4.2.1 Nama tabel-tabel
1. tbl_bakak
Tabel 4.1 Perancangan Tabel BAKAK
No Nama Field Type Data Size Keterangan
1 id_bakak int 11 Primary key
2 tanggal date - -
19
2. capil_cerai
Tabel 4.2 Perancangan Tabel Cerai
1 id_cerai int 11 Primary key
2 tanggal date - -
3. cerai_byname
Tabel 4.3 Perancangan Tabel Cerai Byname
1 id_cerai_byname int 11 Primary key
2 tanggal date - -
4. cerai_group
Tabel 4.4 Perancangan Tabel Cerai Group
1 id_cerai_group int 11 Primary key
2 tanggal date - -
5. Tbl_rekaman
Tabel 4.5 Perancangan Tabel Rekaman
No Nama Field Type Size Keterangan
Data
1 id_rekaman int 11 Primary key
2 tanggal date - -
6. Tbl_rekaman_byname
Tabel 4.6 Perancangan Tabel Byname
1 id_rekaman_by int 11 Foreign key
20
name
2 tgl_awal Date - -
3 kecamatan Enum - -
4 Nik Varchar 16 -
5 nama_lgkp Varchar 25 -
6 tgl_lhr Date - -
7 jenis_klmin Varchar 10 -
8 alamat Varchar 40 -
9 nama_kel Varchar 20 -
10 nama_kec Varchar 20 -
11 tgl_rekam Date - -
12 status Varchar 30 -
7. Tbl_rekaman_group
Tabel 4.7 Perancangan Tabel Rekaman Group
1 id_rekaman_group Int 11 Primary key
2 tgl_awal Date - -
4 no_kec Varchar 10 -
6 jumlah Varchar 20 -
8. Tbl_cetak_bulanan
Tabel 4.8 Perancangan Tabel Cetak Bulanan
1 id_cetak_bulanan Int 11 Primary key
2 tanggal date - -
21
9. Tbl_cetak_byname
Tabel 4.9 Perancangan Tabel Cetak Byname
Data
1 id_cetak_byname int 11 Primary key
2 tgl_awal date - -
3 kecamatan enum - -
4 nik varchar 16 -
5 nama_lgkp varchar 25 -
6 tgl_lhr date - -
7 jenis_klmin varchar 10 -
8 alamat varchar 40 -
9 nama_kel varchar 20 -
10 nama_kec varchar 20 -
11 tgl_rekam date - -
12 status varchar 40 -
13 tgl_cetak date - -
14 dicetak_oleh varchar 15 -
10. Tbl_cetak_ktp_bulanan
Tabel 4.10 Perancangan Tabel Cetak KTP Bulanan
Data
1 id_cetak_ktp_bulanan Int 11 Primary key
2 tanggal Date - -
22
11. Tbl_cetak_ktp_group
Tabel 4.11 Perancangan Tabel Cetak KTP Group
1 id_cetak_ktp_group Int 11 Foreign key
2 tgl_awal Date - -
3 kode_pos Varchar 10 -
12. Tbl_cetak_ktp_harian
Tabel 4.12 Perancangan Tabel Cetak KTP Harian
Data
1 id_cetak_ktp_harian Int 11 Primary key
2 tanggal Date - -
13. Tbl_dinas_sosial
Tabel 4.13 Perancangan Tabel Dinas Sosial
Data
1 id_dinas_sosial Int 11 Foreign key
2 tgl_awal date - -
4 no_kk varchar 16 -
5 nik varchar 16 -
6 nama_lgkp_ektp varchar 25 -
7 jenis_klmin_ektp varchar 10 -
8 tmpt_lhr varchar 40 -
23
9 tgl_lhr_ektp date - -
10 nama_kel_ektp varchar 20 -
11 nama_kec_ektp varchar 20 -
12 stat_kwn varchar 5 -
13 Pddk_akh varchar 20 -
14. Tbl_format
Tabel 4.14 Perancangan Tabel Format
1 id_format int 11 Foreign key
2 tgl_awal date - -
4 no_kec varchar 10 -
6 jumlah varchar 10 -
15. Tbl_harian
Tabel 4.15 Perancangan Tabel Harian
1 id_harian Int 11 Primary key
2 tanggal Date - -
16. Tbl_harian_siak
Tabel 4.16 Perancangan Tabel SIAK
1 id_harian_siak Int 11 Primary key
2 tanggal Date - -
24
17. Tbl_harian_tte
Tabel 4.17 Perancangan Tabel Harian TTE
1 id_harian_tte Int 11 Primary key
2 tanggal Date - -
18. Tbl_kawin
Tabel 4.18 Perancangan Tabel Kawin
Data
1 id_kawin Int 11 Primary key
2 tanggal Date - -
19. Tbl_kawin_byname
Tabel 4.19 Perancangan Tabel Kawin Byname
1 id_kawin_byname Int 11 Primary key
2 tgl_awal date - -
4 kawin_no varchar 10 -
5 kawin_tgl_kawin varchar 20 -
6 kawin_tmpt_kawin varchar 10 -
7 didaftar_oleh varchar 15 -
8 tanggal_daftar date - -
20. Tbl_kawin_group
Tabel 4.20 Perancangan Tabel Kawin Group
1 id_kawin_group Int 11 Foreign key
25
2 tanggal Date - -
21. Tbl_kia
Tabel 4.21 Perancangan Tabel KIA
Data
1 id_kia Int 11 Primary key
2 tanggal Date - -
22. Tbl_kia_byname
Tabel 4.22 Perancangan Tabel KIA Byname
1 id_kia_byname int 11 Foreign key
2 tgl_awal date - -
4 no_dokumen varchar 10 -
5 no_kk varchar 16 -
6 nik varchar 16 -
7 nama_lgkp varchar 25 -
8 jenis_klmin date 10 -
9 alamat varchar 40
10 dicetak_oleh varchar 15 -
11 tanggal_cetak date - -
23. Tbl_kia_group
Tabel 4.23 Perancangan Tabel KIA Group
1 id_kia_group int 11 Foreign key
26
2 Tgl_awal date - -
24. Tbl_kk
Tabel 4.24 Perancangan Tabel Kartu Keluarga
1 id_kk Int 11 Primary key
2 tanggal Date - -
25. Tbl_kk_byname
Tabel 4.25 Perancangan Tabel Kartu Keluarga Byname
1 id_kk_byname Int 11 Foreign key
2 tgl_awal date - -
26. Tbl_kk_group
Tabel 4.26 Perancangan Kartu Keluarga Group
1 id_kk_group int 11 Foreign key
2 tgl_awal date - -
27
27. Tbl_kelahiran
Tabel 4.27 Perancangan Tabel Kelahiran
1 id_kelahiran Int 11 Primary key
2 tanggal Date - -
28. Tbl_kelahiran_byname
Tabel 4.28 Perancangan Tabel Kelahiran Byname
1 id_kelahiran_byname Int 11 Foreign key
2 tgl_awal Date - -
4 bayi_no Varchar 10 -
5 bayi_nik Varchar 16 -
6 bayi_nama_lgkp Varchar 25 -
7 bayi_tgl_lahir Date - -
8 bayi_jns_kelamin Varchar 10 -
9 no_kk Varchar 16 -
10 ibu_nik Varchar 16 -
11 ibu_nama_lgkp Varchar 25 -
28
29. Tbl_kelahiran_group
Tabel 4.29 Perancangan Tabel Kelahiran Group
1 id_kelahiran_group int 11 Foreign key
2 tgl_awal date - -
30. Tbl_kematian
Tabel 4.30 Perancangan Tabel Kematian
Data
1 id_kematian int 11 Primary key
2 tanggal date - -
31. Tbl_kematian_byname
Tabel 4.31 Perancangan Tabel Kematian Byname
1 id_kematian_byname Int 11 Primary key
2 tgl_awal Date - -
4 mati_no Varchar 10 -
5 mati_no_kk Varchar 16 -
6 mati_nama_kk Varchar 25 -
7 mati_jns_kelamin Varchar 10 -
8 Mati_tgl_lahir Date - -
29
32. Tbl_kematian_group
Tabel 4.32 Perancangan Tabel Kematian Group
1 id_kematian_group Int 11 Foreign key
1 tgl_awal Date - -
2 nik Varchar 16 -
4 tgl_lhr Date - -
5 jenis_klmin Varchar 10 -
10 status Varchar 10 -
33. Tbl_pengakuan_anak
Tabel 4.33 Perancangan Tabel Pengakuan Anak
1 id_pengakuan_anak Int 11 Primary key
2 tanggal Date - -
34. Tbl_pengakuan_anak_byname
Tabel 4.34 Perancangan Tabel Pengakuan Anak Byname
Data
1 id_pengakuan_anak int 11 Primary key
_byname
2 tgl_awal date - -
30
4 anak_nik varchar 16 -
5 anak_nama_lgkp varchar 25 -
6 anak_jns_kelamin varchar 10 -
7 anak_lahir_tmpt varchar 30 -
8 anak_lahir_tgl date - -
35. Tbl_pengakuan_anak_group
Tabel 4.35 Perancangan Tabel Pengakuan Anak Group
Data
1 id_pengakuan_anak_group Int 11 Foreign key
2 tgl_awal Date - -
36. Tbl_pengesahan_anak
Tabel 4.36 Perancangan Tabel Pengesahan Anak
1 id_pengakuan_anak Int 11 Primary key
2 tanggal Date - -
37. Tbl_pengesahan_anak_byname
Tabel 4.37 Perancangan Tabel Pengesahan Anak Byname
Data
1 id_pengesahan_anak_byname int 11 Primary key
2 tgl_awal date - -
31
4 anak_nik varchar 16 -
5 anak_nama_lgkp varchar 25 -
6 anak_jns_kelamin varchar 10 -
7 anak_lahir_tmpt varchar 30 -
8 anak_lahir_tgl date - -
38. Tbl_pengesahan_anak_group
Tabel 4.38 Perancangan Tabel Pengesahan Anak Group
Data
1 id_pengesahan_anak_group Int 11 Foreign key
2 tgl_awal Date - -
39. Tbl_pindah
Tabel 4.39 Perancangan Tabel Pindah
1 id_pindah int 11 Primary key
2 tanggal date - -
40. Tbl_pindah_byname
Tabel 4.40 Perancangan Tabel Pindah Byname
1 id_pindah_byname Int 11 Primary key
32
2 tgl_awal Date - -
4 no_surat_pindah Varchar 10 -
5 no_kk Varchar 16 -
6 nik_kepala_keluarga Varchar 16 -
7 nama_kpla_keluarga Varchar 25 -
9 rt Varchar 5 -
10 rw Varchar 5 -
41. Tbl_pindah_group
Tabel 4.41 Perancangan Tabel Pindah Group
1 id_pindah_group int 11 Primary key
2 tanggal date - -
42. Tbl_prr_16
Tabel 4.42 Perancangan Tabel PRR 16
1 id_pindah_prr_16 int 11 Primary key
2 tanggal date - -
43. Tbl_prr_16_byname
Tabel 4.43 Perancangan Tabel PRR 16 Byname
1 id_prr_16_byname Int 11 Foreign key
2 tgl_awal Date - -
33
4 nik Varchar 16 -
6 tgl_lhr Date - -
44. Tbl_prr_16_group
Tabel 4.44 Perancangan Tabel PRR 16 Group
1 id_prr_16_group int 11 Foreign key
2 tgl_awal date - -
3 nik varchar 16 -
45. Tbl_prr_17_byname
Tabel 4.45 Perancangan Tabel PRR 17 Byname
1 id_prr_17_byname Int 11 Primary key
2 tgl_awal Date - -
4 nik Varchar 16 -
6 tgl_lhr Date - -
34
46. Tbl_prr_17_group
Tabel 4.46 Perancangan Tabel PRR 17 Group
1 id_prr_17_group int 11 Foreign key
2 tgl_awal date - -
3 nik varchar 16 -
47. Tbl_tte_kelahiran
Tabel 4.47 Perancangan Tabel TTE Kelahiran
1 id_tte_kelahiran int 11 Primary key
2 tanggal date - -
48. Tbl_tte_kelahiran_group
Tabel 4.48 Perancangan Tabel TTE Kelahiran Group
1 id_tte_kelahiran_group Int 11 Foreign key
2 tgl_awal Date - -
3 nik Varchar 16 -
35
49. Tbl_tte_kematian
Tabel 4.49 Perancangan Tabel TTE Kematian
1 id_tte_kematian int 11 Primary key
2 tanggal date - -
50. Tbl_tte_kematian_group
Tabel 4.50 Perancangan Tabel TTE Kematian Group
1 id_tte_kematian_group Int 11 Foreign key
2 tgl_awal Date - -
3 nik Varchar 16 -
51. Tbl_tte_kk
Tabel 4.51 Perancangan Tabel TTE Kartu Keluarga
1 id_tte_kk int 11 Primary key
2 tanggal date - -
52. Tbl_tte_kk_group
Tabel 4.52 Perancangan Tabel TTE Kartu Keluarga Group
1 id_tte_kk_group int 11 Foreign key
36
2 tgl_awal date - -
3 nik varchar 16 -
53. Tbl_tte_perceraian
Tabel 4.53 Perancangan Tabel TTE Perceraian
1 id_tte_perceraian int 11 Primary key
2 tanggal date - -
54. Tbl_tte_perceraian_group
Tabel 4.54 Perancangan Tabel TTE Perceraian Group
Data
1 id_tte_perceraian_group Int 11 Foreign key
2 tgl_awal Date - -
3 nik Varchar 16 -
55. Tbl_tte_perkawinan
Tabel 4.55 Perancangan Tabel Perkawinan
1 id_tte_perkawinan int 11 Primary key
2 tanggal date - -
37
56. Tbl_tte_perkawinan_group
Tabel 4.56 Perancangan Tabel Perkawinan Group
1 id_perkawinan_group Int 11 Foreign key
2 tgl_awal Date - -
3 nik Varchar 16 -
57. Tbl_tte_perpindahan
Tabel 4.57 Perancangan Tabel Perpindahan
1 id_tte_perpindahan int 11 Primary key
2 tanggal date - -
58. Tbl_tte_perpindahan_group
Tabel 4.58 Perancangan Tabel Perpindahan Group
Data
1 id_tte_perpindahan_group int 11 Foreign key
2 tgl_awal date - -
3 nik varchar 16 -
38
4.3 Perancangan Desain User Interface (UI) Pada Laporan Data
Kependudukan Bengkalis
Adapun tahap melakukan pembuatan desain user interface pada data
laporan kependudukan sebagai berikut:
4.3.1 Membuat desain halaman beranda
Pada pembuatan desain halaman beranda ini menggunakan software
figma. Halaman beranda adalah halaman pembuka yang ada dalam sebuah
website, sehingga halaman ini pertama kali yang akan tampil saat membuka
website data laporan kependudukan.
Gambar 4.1 Halaman Beranda

( Sumber : Data Olahan )
4.3.2 Halaman BAKAK ( Biodata Anak Berdasarkan Kepemilikian Akta

Kelahiran )
Pada desain halaman BAKAK ini berisi biodata anak berdasarkan
kepemilikian akta kelahiran, yang mana memiliki halaman Capil BAKAK.
39
Gambar 4.2 Halaman BAKAK
4.3.3 Halaman Cerai

Pada desain halaman Cerai menampilkan seluruh data perceraian
kependudukan di Kabupaten Bengkalis. Halaman Cerai memiliki beberapa bagian
halaman yaitu :
1. Halaman Cerai
Pada halaman Cerai menampilkan laporan data perceraian kependudukan
Bengkalis. Halaman Cerai memiliki format yang sama dengan desain halaman
BAKAK (Biodata Anak Kepemilikan Akta Kelahiran) pada gambar 4.2 Halaman
BAKAK.
2. Halaman Cerai Byname
Halaman Cerai Byname ini menampilkan data laporan perceraian
kependudukan Bengkalis berdasarkan tanggal. Halaman Cerai Byname memiliki
format yang sama dengan desain halaman BAKAK (Biodata Anak Kepemilikan
Akta Kelahiran) pada gambar 4.2 Halaman BAKAK.
3. Halaman Cerai Group
Halaman Cerai Group menampilkan jumlah laporan perceraian yang ada di
Kabupaten Bengkalis. Halaman Cerai Group memiliki format yang sama dengan
40
desain halaman BAKAK (Biodata Anak Kepemilikan Akta Kelahiran) pada
gambar 4.2 Halaman BAKAK.
4.3.4 Halaman KTP El-Rekaman

Halaman ini menampilkan rekaman KTP di Kabupaten Bengkalis yang
mana terdiri dari beberapa halaman yaitu :
1. Halaman Rekaman
Halaman ini menampilkan jumlah orang yang melakukan rekaman KTP di
Kabupaten Bengkalis. Halaman Rekaman memiliki format yang sama dengan
2. Halaman Rekaman Byname
Halaman ini berisi tentang jumlah orang yang merekam KTP berdasarkan
tanggal dan kecamatan.
Gambar 4.3 Halaman Rekaman Byname

3. Halaman Rekaman Group

Halaman Rekaman Group ini berisi tentang data rekaman perkecamatan.
41
Gambar 4.4 Halaman Rekaman Group
4.3.5 Halaman KTP El-Cetak

Halaman KTP El-Cetak ini menampilkan tentang data KTP penduduk
Kabupaten Bengkalis yang dicetak. Halaman KTP El-Cetak memiliki beberapa bagian
halaman yaitu :
1. KTP Cetak Bulanan
Halaman Cetak Bulanan ini menampilkan tentang laporan data KTP
Penduduk Kabupaten Bengkalis setiap bulannya. Halaman Cetak Bulanan
memiliki format yang sama dengan desain halaman BAKAK (Biodata Anak
Kepemilikan Akta Kelahiran) pada gambar 4.2 Halaman BAKAK.
2. Halaman Cetak Byname
Halaman Cetak Byname ini menampilkan data KTP yang dicetak
berdasarkan tanggal dan kecamatan.
42
Gambar 4.5 Halaman Cetak KTP Byname
3. Halaman Cetak KTP Bulanan
Halaman Cetak KTP Bulanan menampilkan data laporan KTP berdasarkan
jumlah perbulannya. Halaman Cetak KTP Bulanan memiliki format yang sama
dengan desain halaman BAKAK (Biodata Anak Kepemilikan Akta Kelahiran)
pada gambar 4.2 Halaman BAKAK.
4. Halaman Cetak KTP Group
Halaman Cetak KTP Group menampilkan rekap data laporan cetak KTP
berdasarkan kecamatan.
Gambar 4.6 Halaman Cetak KTP Group

43
5. Halaman Cetak KTP Harian
Halaman Cetak KTP Harian menampilkan laporan cetak berdasarkan harian.
Halaman Cetak KTP Harian memiliki format yang sama dengan desain halaman
BAKAK.
4.3.6 Halaman Dinas Sosial

Halaman Dinas Sosial menampilkan data masyarakat Kabupaten
Bengkalis yang terdaftar di Dinas Sosial.
Gambar 4.7 Halaman Dinas Sosial

4.3.7 Halaman Format

Halaman Format menampilkan data rekap Kartu Keluarga berdasarkan
tanggal dan kecamatan. Halaman Cetak KTP Harian memiliki format yang sama
dengan desain halaman Rekaman Group pada gambar 4.4 Halaman Rekaman
Group.
4.3.8 Halaman Harian

Halaman Harian menampilkan data harian dari setiap kegiatan di
Kabupaten Bengkalis. Halaman Harian memiliki beberapa bagian halaman yaitu :
44
1. Halaman Harian
Halaman harian menampilkan data harian dari setiap kegiatan. Halaman
Harian memiliki format yang sama dengan desain halaman BAKAK (Biodata
Anak Kepemilikan Akta Kelahiran) pada gambar 4.2 Halaman BAKAK.
2. Halaman Harian SIAK ( Sistem Informasi Administrasi Kependudukan )
Halaman Harian SIAK ini menampilkan data harian sistem informasi
administrasi kependudukan. Halaman Harian SIAK (Sistem Informasi
Administrasi Kependudukan) memiliki format yang sama dengan desain halaman
BAKAK.
3. Halaman Harian TTE ( Tanda Tangan Elektronik )
Halaman Harian TTE menampilkan data sistem informasi administrasi
kependudukan yang melakukan tanda tangan elektronik. Halaman Harian TTE
(Tanda Tangan Elektronik) memiliki format yang sama dengan desain halaman
BAKAK.
4.3.9 Halaman Kawin

Halaman Kawin menampilkan data laporan yang melakukan perkawinan
di Kabupaten Bengkalis. Halaman Kawin memiliki beberapa bagian halaman,
yaitu :
1. Kawin
Halaman Kawin ini menampilkan jumlah data orang yang melakukan
perkawinan berdasarkan tanggal. Halaman Kawin memiliki format yang sama
2. Halaman Kawin Byname
Halaman Kawin Byname ini menampilkan data perkawinan berdasarkan
tanggal dan kecamatan.
45
Gambar 4.8 Halaman Kawin Byname
3. Halaman Kawin Group

Halaman Kawin Group ini menampilkan rekap laporan data perkawinan
berdasarkan tanggal dan kecamatan. Halaman Kawin Group memiliki format yang
sama dengan desain halaman Rekaman Group pada gambar 4.4 Halaman
Rekaman Group.
4.3.10 Halaman KIA (Kartu Identitas Anak)

Halaman KIA ini menampilkan laporan data Kartu Identitas Anak di
Kabupaten Bengkalis. Halaman KIA terdapat beberapa bagian yaitu :
1. Halaman KIA (Kartu Identitas Anak)
Halaman KIA menampilkan jumlah Kartu Identitas Anak berdasarkan
tanggal. Halaman KIA (Kartu Identitas Anak) memiliki format yang sama dengan
2. Halaman KIA Byname
Halaman KIA Byname menampilkan data kartu identitas anak berdasarkan
kecamatan.
46
Gambar 4.9 Halaman KIA Byname
3. Halaman KIA Group

Halaman KIA Group menampilkan rekap laporan kartu identitas anak
berdasarkan tanggal dan kecamatan. Halaman KIA Group memiliki format yang
sama dengan desain halaman Rekaman Group pada gambar 4.4 Halaman
Rekaman Group.
4.3.11 Halaman Kartu Keluarga

Halaman Kartu Keluarga menampilkan laporan data Kartu Keluarga di
Kabupaten Bengkalis. Halaman Kartu Keluarga memiliki beberapa bagian yaitu :
1. Halaman Kartu Keluarga
Halaman Kartu Keluarga menampilkan laporan kartu keluarga berdasarkan
tanggal. Halaman Kartu Keluagra memiliki format yang sama dengan desain
halaman BAKAK (Biodata Anak Kepemilikan Akta Kelahiran) pada gambar 4.2
Halaman BAKAK.
4. Halaman Kartu Keluarga Byname
Halaman Kartu Keluarga Byname ini menampilkan data keluarga
berdasarkan Kecamatan.
47
Gambar 4.10 Halaman Kartu Keluarga Byname
5. Halaman Kartu Keluarga Group

Halaman Kartu Keluarga Group ini menampilkan rekap data keluarga
berdasarkan tanggal dan Kecamatan. Halaman Kartu Keluarga Group memiliki
format yang sama dengan desain halaman Rekaman Group pada gambar 4.4
Halaman Rekaman Group.
4.3.12 Halaman Kelahiran

Halaman Kelahiran ini menampilkan data laporan kelahiran di Kabupaten
Bengkalis. Halaman Kelahiran memiliki beberapa halaman, yaitu :
1. Halaman Kelahiran
Halaman Kelahiran menampilkan data kelahiran berdasarkan tanggal.
Halaman Kelahiran memiliki format yang sama dengan desain halaman BAKAK
(Biodata Anak Kepemilikan Akta Kelahiran) pada gambar 4.2 Halaman BAKAK.
2. Halaman Kelahiran Byname
Halaman Kelahiran Byname menampilkan data jumlah kelahiran anak
berdasarkan tanggal dan Kecamatan.
48
Gambar 4.11 Halaman Kelahiran Byname
3. Halaman Kelahiran Group

Halaman Kelahiran Group menampilkan jumlah data rekap kelahiran
berdasarkan tanggal dan Kecamatan. Halaman Kelahiran Group memiliki format
yang sama dengan desain halaman Rekaman Group pada gambar 4.4 Halaman
Rekaman Group.
4.3.13 Halaman Kematian

Halaman Kematian menampilkan laporan data kematian di Kabupaten
Bengkalis. Halaman Kematian memiliki beberapa bagian, yaitu:
1. Halaman Kematian
Halaman Kematian menampilkan jumlah data kematian berdasarkan
tanggal. Halaman Kematian memiliki format yang sama dengan desain halaman
BAKAK.
2. Halaman Kematian Byname
Halaman Kematian Byname menampilkan jumlah data kematian
berdasarkan tanggal dan kecamatan.
49
Gambar 4.12 Halaman Kematian Byname
3. Halaman Kematian Group

Halaman Kematian Group menampilkan jumlah rekap data kematian
Gambar 4.13 Halaman Kematian Group

4.3.14 Halaman Pengakuan Anak

Halaman Pengakuan Anak menampilkan data laporan pengakuan anak di
Kabupaten Bengkalis. Halaman Pengakuan Anak memiliki beberapa bagian
yaitu:
50
1. Halaman Pengakuan Anak
Halaman Pengakuan Anak menampilkan pengakuan anak berdasarkan
tanggal. Halaman Pengakuan Anak memiliki format yang sama dengan desain
Halaman BAKAK.
2. Halaman Pengakuan Anak Byname
Halaman Pengakuan Anak Byname menampilkan data laporan pengakuan
anak berdasarkan tanggal dan Kecamatan.
Gambar 4.14 Halaman Pengakuan Anak Byname

3. Halaman Pengakuan Anak Group

Halaman Pengakuan Anak Group ini menampilkan rekap laporan pengakuan
anak berdasarkan tanggal dan Kecamatan. Halaman Pengakuan Anak Group
memiliki format yang sama dengan desain halaman Rekaman Group pada gambar
4.4 Halaman Rekaman Group.
4.3.15 Halaman Pengesahan Anak

Halaman Pengesahan Anak menampilkan data laporan pengesahan anak di
Kabupaten Bengkalis. Halaman Pengesahan Anak memiliki beberapa halaman,
yaitu :
51
1. Halaman Pengesahan Anak
Halaman Pengesahan Anak menampilkan jumlah data laporan pengesahan
anak berdasarkan tanggal. Halaman Pengakuan Anak memiliki format yang sama
2. Halaman Pengesahan Anak Byname
Halaman Pengesahan Anak Byname menampilkan jumlah data laporan
berdasarkan tanggal dan Kecamatan. Halaman Pengesahan Anak Byname
memiliki format yang sama dengan desain halaman Pengakuan Anak Byname
pada gambar 4.14 Halaman Pengakuan Anak Byname.
3. Halaman Pengesahan Anak Group
Halaman Pengesahan Anak Group menampilkan rekap data pengesahan
anak berdasarkan tanggal dan Kecamatan. Halaman Pengesahan Anak Group
memiliki format yang sama dengan desain halaman Rekaman Group pada gambar
4.4 Halaman Rekaman Group.
4.3.16 Halaman Pindah

Halaman Pindah menampilkan data laporan pindah kependudukan di
Kabupaten Bengkalis. Halaman Pindah memiliki beberapa bagian halaman, yaitu :
1. Halaman Pindah
Halaman Pindah menampilkan laporan pindah kependudukan berdasarkan
tanggal. Halaman Pindah memiliki format yang sama dengan desain halaman
BAKAK.
2. Halaman Pindah Byname
Halaman Pindah Byname menampilkan pencarian data kepindahan
52
Gambar 4.15 Halaman Pindah Byname
3. Halaman Pindah Group

Halaman Pindah Group menampilkan data laporan pindah berdasarkan
tanggal. Halaman Pindah Group memiliki format yang sama dengan desain
Halaman BAKAK.
4.3.17 Halaman PRR ( Print Ready Record )

Halaman PRR ini menampilkan data siap di cetak di Kabupaten Bengkalis.
Halaman PRR memiliki beberapa bagian, yaitu :
1. Halaman PRR 16
Halaman PRR 16 menampilkan data siap di cetak berdasarkan tanggal.
Halaman PRR 16 memiliki format yang sama dengan desain halaman BAKAK
(Biodata Anak Kepemilikan Akta Kelahiran) pada gambar 4.2 Halaman BAKAK.
2. Halaman PRR 16 Byname
Halaman PRR 16 Byname menampilkan pencarian data kepindahan
53
Gambar 4.16 Halaman PRR 16 Byname
3. Halaman PRR 16 Group
Halaman PRR 16 Group ini menampilkan rekap laporan 16 tahun
Gambar 4.17 Halaman PRR 16 Group

4. Halaman PRR 17 Byname
Halaman PRR 17 Byname ini menampilkan pencarian data berdasarkan
tanggal dan Kecamatan. Halaman PRR 17 Byname memiliki format yang sama
dengan desain halaman PRR 16 Byname pada gambar 4.16 Halaman PRR 16
Byname.
54
5. Halaman PRR 17 Group
Halaman PRR 17 Group ini menampilkan rekap laporan PRR 17 tahun
berdasarkan tanggal dan Kecamatan. Halaman PRR 17 Group memiliki format
yang sama dengan desain halaman PRR 16 Group pada gambar 4.17 Halaman
PRR 16 Group.
4.3.18 Halaman TTE (Tanda Tangan Elektronik) Kelahiran

Halaman ini menampilkan laporan data kelahiran yang di tanda tangan
secara elektronik. Halaman TTE Kelahiran memiliki beberapa halaman, yaitu :
1. Halaman TTE Kelahiran
Halaman ini menampilkan jumlah data kelahiran yang di tanda tangan
secara elektronik. Halaman TTE Kelahiran memiliki format yang sama dengan
2. Halaman TTE (Tanda Tangan Elektronik) Kelahiran Group
Halaman TTE Kelahiran Group menampilkan rekap laporan data kelahiran
yang di tanda tangan secara elektronik berdasarkan tanggal dan Kecamatan.
Halaman TTE Kelahiran Group memiliki format yang sama dengan desain
halaman PRR 16 Group pada gambar 4.17 Halaman PRR 16 Group.
4.3.19 Halaman TTE (Tanda Tangan Elektronik ) Kematian

Halaman ini menampilkan laporan data kematian yang di tanda tangan
secara elektronik. Halama TTE Kematian memiliki beberapa halaman, yaitu :
1. Halaman TTE Kematian
Halaman ini menampilkan jumlah data kematian yang di tanda tangan secara
elektronik. Halaman TTE Kematian memiliki format yang sama dengan desain
Halaman BAKAK.
2. Halaman TTE Kematian Group
Halaman ini menampilkan jumlah rekap kematian yang di tanda tangan
secara elektronik berdasarkan tanggal dan Kecamatan. Halaman TTE Kematian
55
Group memiliki format yang sama dengan desain halaman PRR 16 Group pada
gambar 4.17 Halaman PRR 16 Group.
4.3.20 Halaman TTE (Tanda Tangan Elektronik) Kartu Keluarga

Halaman ini menampilkan laporan data kartu keluarga kependudukan di
Kabupaten Bengkalis. Halaman TTE Kartu Keluarga memiliki beberapa halaman,
yaitu :
1. Halaman TTE Kartu Keluarga
Halaman ini menampilkan data kartu keluarga yang ditanda tangan secara
elektronik berdasarkan tanggal. Halaman TTE Kartu Keluarga memiliki format
yang sama dengan desain halaman BAKAK (Biodata Anak Kepemilikan Akta
Kelahiran) pada gambar 4.2 Halaman BAKAK.
2. Halaman TTE (Tanda Tangan Elektronik) Kartu Keluarga Group
Halaman ini menampilkan jumlah rekap data kartu keluarga yang ditanda
tangan secara elektronik berdasarkan tanggal dan Kecamatan. Halaman TTE
Kartu Keluarga Group memiliki format yang sama dengan desain halaman PRR
16 Group pada gambar 4.17 Halaman PRR 16 Group.
4.3.21 Halaman TTE (Tanda Tangan Elektronik) Perceraian

Halaman ini menampilkan laporan data perceraian di Kabupaten
Bengkalis. Halaman ini memiliki beberapa halaman, yaitu :
1. Halaman TTE Perceraian
Halaman ini menampilkan data perceraian yang di tanda tangan secara
elektronik berdasarkan tanggal. Halaman TTE Perceraian memiliki format yang
sama dengan desain halaman BAKAK (Biodata Anak Kepemilikan Akta
2. Halaman TTE (Tanda Tangan Elektronik) Perceraian Group
Halaman ini menampilkan rekap laporan perceraian berdasarkan tanggal dan
Kecamatan yang di tanda tangan elektronik. Halaman TTE Perceraian Group
memiliki format yang sama dengan desain halaman PRR 16 Group pada gambar
4.17 Halaman PRR 16 Group.
56
4.3.22 Halaman TTE (Tanda Tangan Elektronik) Perkawinan
Halaman ini menampilkan laporan data perkawinan di Kabupaten
Bengkalis yang di tanda tangan elektronik. Halaman TTE Perkawinan memiliki
beberapa bagian, yaitu :
1. Halaman TTE (Tanda Tangan Elektronik) Perkawinan
Halaman ini menampilkan jumlah data perkawinan yang di tanda tangan
secara elektronik berdasarkan tanggal. Halaman TTE Perkawinan memiliki format
yang sama dengan desain halaman BAKAK (Biodata Anak Kepemilikan Akta
2. Halaman TTE (Tanda Tangan Elektronik) Perkawinan Group
Halaman ini menampilkan jumlah rekap data perkawinan yang ditanda
tangan secara elektronik berdasarkan tanggal dan Kecamatan. Halaman TTE
Perkawinan Group memiliki format yang sama dengan desain halaman PRR 16
Group pada gambar 4.17 Halaman PRR 16 Group.
4.3.23 Halaman TTE (Tanda Tangan Elektronik) Perpindahan

Halaman ini menampilkan laporan data perpindahan di Kabupaten
Bengkalis yang di tanda tangan elektronik. Halaman TTE Perpindahan memiliki
beberapa bagian, yaitu :
1. Halaman TTE (Tanda Tangan Elektronik) Perindahan
Halaman ini menampilkan jumlah data perpindahan yang di tanda tangan
secara elektronik berdasarkan tanggal. Halaman TTE Perpindahan memiliki
format yang sama dengan desain halaman BAKAK (Biodata Anak Kepemilikan
Akta Kelahiran) pada gambar 4.2 Halaman BAKAK.
2. Halaman TTE (Tanda Tangan Elektronik) Perpindahan Group
Halaman ini menampilkan rekap data perindahan yang ditanda tangan
secara elektronik berdasarkan tanggal dan Kecamatan. Halaman TTE Perpindahan
Group memiliki format yang sama dengan desain halaman PRR 16 Group pada
gambar 4.17 Halaman PRR 16 Group.
57
BAB V
PENUTUP
5.1 Kesimpulan
1. Setelah melakukan Kerja Praktek mahasiswa bisa mengetahui bagaimana
pengalaman bekerja di sebuah Instansi. Sehingga suatu saat nanti jika
mahasiswa Kerja Praktek memasuki dunia kerja tidak ragu melakukannya,
karena sebelumnya sudah mempunyai pengalaman yang baik.
2. Mahasiswa memperoleh pengetahuan yang tidak didapatkan selama
perkuliahan setelah melaku kan Kerja Praktek.
3. Perancangan desain website laporan data kependudukan digunakan pada
website data laporan kependudukan yang berfungsi untuk menampilkan
data kependudukan yang ada di Kabupaten Bengkalis.
5.2 Saran
Adapun saran yang ingin disampaikan terkait pelaksanaan Kerja Praktek
dan tugas diberikan adalah perancangan desain User Interface (UI) website data
laporan kependudukan yang telah dibuat ini masih dapat dikembangkan atau
dimodifikasi lebih lanjut agar lebih menarik dengan menambah fitur-fitur untuk
informasi yang lebih akurat.
58
DAFTAR PUSTAKA
Politeknik Negeri Bengkalis (2017). Buku Panduan Laporan Kerja Praktek (KP)
Mahasiswa Politeknik Negeri Bengkalis.
Herlinah, S.Kom, M.Si, & Musliadi KH, S. K. (2019). Pemrograman Aplikasi
Android dengan Android Studio, Photoshop, dan Audition (I). PT Elex
Media Komputindo.
https://disdukcapil.bengkalis.go.id/disdukcapil/profil/26, diakses pada 5 Agustus
2021.
https://eraspace.com, diakses pada 30 Agustus 2021.
https://www.logitech.com, diakses pada 30 Agustus 2021.
https://www.pngdownload.id, diakses pada 1 September 2021.
https://www.pngegg.com, diakses pada 14 Oktober 2021.
Herlinah, S.Kom, M.Si, & Musliadi KH, S. K. (2019). Pemrograman Aplikasi
Android dengan Android Studio, Photoshop, dan Audition (I). PT Elex
Media Komputindo.
Priyanto, D. (2012). PANDUAN LENGKAP KOMPUTER: PC, LAPTOP,
TABLET (I). Media Pusindo.
Wicaksono, Y. (2008). Membangun Bisnis Online dengan Mambo (I). PT Elex
Media Komputindo.
Yudhanto, Y. (2018). Panduan Pengantar Belajar Hardware dan Software (W.
Sulandari (ed.); I). Rumah Studio Indonesia.
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77

LAPORAN KP DI DINAS KEPENDUDUKAN

Diunggah oleh

Informasi Dokumen

Deskripsi Asli:

Judul Asli

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

LAPORAN KP DI DINAS KEPENDUDUKAN

Diunggah oleh

Hak Cipta:

Format Tersedia

LAPORAN KERJA PRAKTEK

DINAS KEPENDUDUKAN DAN PENCATATAN SIPIL

PERANCANGAN DESAIN USER INTERFACE (UI) PADA

PROGRAM STUDI D-III TEKNIK INFORMATIKA

Bengkalis, 10 September 2021

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

BAB II GAMBARAN UMUM PERUSAHAAN/INSTANSI ........................... 3

BAB III BIDANG PEKERJAAN SELAMA KERJA PRAKTEK .................. 11

BAB IV Perancangan Desain User Interface (UI) pada Website Laporan

BAB V PENUTUP ................................................................................................ 58

DAFTAR PUSTAKA ........................................................................................... 59

Gambar 2.1 Struktur Organisasi Dinas Kependudukan dan Pencatatan

Tabel 4.1 Perancangan Tabel BAKAK ......................................................... 19

Lampiran 1. Absensi Harian Kerja Praktek ...................................................... 60

1.1 Latar Belakang Pemikiran Kerja Praktek

1.2.2 Manfaat Kerja Praktek

2.1 Sejarah Singkat Dinas Kependudukan dan Pencatatan Sipil

2.3 Struktur Organisasi Dinas Kependudukan dan Pencatatan Sipil

Gambar 2.1 Struktur Organisasi Dinas Kependudukan dan Pencatatan Sipil

3.1 Spesifikasi Tugas yang Dilaksanakan

Gambar 3.1 Pembuatan desain brosur

3.1.2 Menghapus pertemanan facebook Dinas Kependudukan dan

Gambar 3.2 Menghapus pertemanan di Facebook

3.1.3 Membuat website data laporan kependudukan pada Dinas

Gambar 3.3 Pembuatan Website Laporan Data Kependudukan

Gambar 3.4 Pembuatan Desain User Interface (UI)

3.2 Target yang Diharapkan

3.3 Perangkat yang Digunakan

3.3.1 Perangkat Keras (Hardware)

Gambar 3.5 Laptop

Gambar 3.6 Mouse

Gambar 3.7 Flashdisk

3.3.2 Perangkat Lunak (Software)

Gambar 3.8 Adobe Photoshop CS6

Gambar 3.9 Sublime Text

Gambar 3.10 XAMPP

Gambar 3.11 Chrome

Gambar 3.12 Figma

3.5 Dokumen-dokumen dan File-file yang Dihasilkan

3.6 Kendala-Kendala yang Dihadapi Selama Kerja Praktek

3.7 Pemecahan Masalah

4.1 Uraian Judul

4.2 Perancangan Database

1 id_rekaman_by int 11 Foreign key

Gambar 4.1 Halaman Beranda

4.3.2 Halaman BAKAK ( Biodata Anak Berdasarkan Kepemilikian Akta

4.3.3 Halaman Cerai

4.3.4 Halaman KTP El-Rekaman

Gambar 4.3 Halaman Rekaman Byname

3. Halaman Rekaman Group

4.3.5 Halaman KTP El-Cetak

Gambar 4.6 Halaman Cetak KTP Group

4.3.6 Halaman Dinas Sosial

Gambar 4.7 Halaman Dinas Sosial

4.3.7 Halaman Format

4.3.8 Halaman Harian

4.3.9 Halaman Kawin

3. Halaman Kawin Group

4.3.10 Halaman KIA (Kartu Identitas Anak)

3. Halaman KIA Group

4.3.11 Halaman Kartu Keluarga

5. Halaman Kartu Keluarga Group