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
ii 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
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 Kabupaten Bengkalis ... 4
2.3 Struktur Organisasi Dinas Kependudukan dan Pencatatan Sipil Kabupaten Bengkalis ... 4
2.4 Ruang Lingkup Dinas Kependudukan dan Pencatatan Sipil Kabupaten Bengkalis ... 6
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
iv
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
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
vi Gambar 4.16 Halaman PRR 16 Byname... 54 Gambar 4.17 Halaman PRR 16 Group ... 54
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
viii
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
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
