BAB IV Perancangan Desain User Interface (UI) pada Website Laporan
4.3 Perancangan Desain User Interface (UI) pada Laporan Data
4.3 Perancangan Desain User Interface (UI) Pada Laporan Data
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
Gambar 4.2 Halaman BAKAK ( Sumber : Data Olahan )
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 desain halaman BAKAK (Biodata Anak Kepemilikan Akta Kelahiran) pada gambar 4.2 Halaman BAKAK.
2. Halaman Rekaman Byname
Halaman ini berisi tentang jumlah orang yang merekam KTP berdasarkan tanggal dan kecamatan.
3. Halaman Rekaman Group
Halaman Rekaman Group ini berisi tentang data rekaman perkecamatan.
Gambar 4.3 Halaman Rekaman Byname ( Sumber : Data Olahan )
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.
Gambar 4.4 Halaman Rekaman Group ( Sumber : Data Olahan )
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 ( Sumber : Data Olahan )
Gambar 4.5 Halaman Cetak KTP Byname ( Sumber : Data Olahan )
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 (Biodata Anak Kepemilikan Akta Kelahiran) pada gambar 4.2 Halaman BAKAK.
4.3.6 Halaman Dinas Sosial
Halaman Dinas Sosial menampilkan data masyarakat Kabupaten Bengkalis yang terdaftar di 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 :
Gambar 4.7 Halaman Dinas Sosial ( Sumber : Data Olahan )
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 (Biodata Anak Kepemilikan Akta Kelahiran) pada gambar 4.2 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 (Biodata Anak Kepemilikan Akta Kelahiran) pada gambar 4.2 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 dengan desain halaman BAKAK (Biodata Anak Kepemilikan Akta Kelahiran) pada gambar 4.2 Halaman BAKAK.
2. Halaman Kawin Byname
Halaman Kawin Byname ini menampilkan data perkawinan berdasarkan tanggal dan kecamatan.
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 desain halaman BAKAK (Biodata Anak Kepemilikan Akta Kelahiran) pada gambar 4.2 Halaman BAKAK.
2. Halaman KIA Byname
Halaman KIA Byname menampilkan data kartu identitas anak berdasarkan kecamatan.
Gambar 4.8 Halaman Kawin Byname ( Sumber : Data Olahan )
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.
Gambar 4.9 Halaman KIA Byname ( Sumber : Data Olahan )
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.
Gambar 4.10 Halaman Kartu Keluarga Byname ( Sumber : Data Olahan )
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 (Biodata Anak Kepemilikan Akta Kelahiran) pada gambar 4.2 Halaman BAKAK.
2. Halaman Kematian Byname
Halaman Kematian Byname menampilkan jumlah data kematian berdasarkan tanggal dan kecamatan.
Gambar 4.11 Halaman Kelahiran Byname ( Sumber : Data Olahan )
3. Halaman Kematian Group
Halaman Kematian Group menampilkan jumlah rekap data kematian berdasarkan tanggal dan Kecamatan.
4.3.14 Halaman Pengakuan Anak
Halaman Pengakuan Anak menampilkan data laporan pengakuan anak di Kabupaten Bengkalis. Halaman Pengakuan Anak memiliki beberapa bagian yaitu:
Gambar 4.12 Halaman Kematian Byname ( Sumber : Data Olahan )
Gambar 4.13 Halaman Kematian Group ( Sumber : Data Olahan )
1. Halaman Pengakuan Anak
Halaman Pengakuan Anak menampilkan pengakuan anak berdasarkan tanggal. Halaman Pengakuan Anak memiliki format yang sama dengan desain halaman BAKAK (Biodata Anak Kepemilikan Akta Kelahiran) pada gambar 4.2 Halaman BAKAK.
2. Halaman Pengakuan Anak Byname
Halaman Pengakuan Anak Byname menampilkan data laporan pengakuan anak berdasarkan tanggal dan Kecamatan.
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 :
Gambar 4.14 Halaman Pengakuan Anak Byname ( Sumber : Data Olahan )
1. Halaman Pengesahan Anak
Halaman Pengesahan Anak menampilkan jumlah data laporan pengesahan anak berdasarkan tanggal. Halaman Pengakuan Anak memiliki format yang sama dengan desain halaman BAKAK (Biodata Anak Kepemilikan Akta Kelahiran) pada gambar 4.2 Halaman BAKAK.
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 (Biodata Anak Kepemilikan Akta Kelahiran) pada gambar 4.2 Halaman BAKAK.
2. Halaman Pindah Byname
Halaman Pindah Byname menampilkan pencarian data kepindahan berdasarkan tanggal dan Kecamatan.
3. Halaman Pindah Group
Halaman Pindah Group menampilkan data laporan pindah berdasarkan tanggal. Halaman Pindah Group memiliki format yang sama dengan desain halaman BAKAK (Biodata Anak Kepemilikan Akta Kelahiran) pada gambar 4.2 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 berdasarkan tanggal dan Kecamatan.
Gambar 4.15 Halaman Pindah Byname ( Sumber : Data Olahan )
3. Halaman PRR 16 Group
Halaman PRR 16 Group ini menampilkan rekap laporan 16 tahun berdasarkan tanggal dan Kecamatan.
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.
Gambar 4.16 Halaman PRR 16 Byname ( Sumber : Data Olahan )
Gambar 4.17 Halaman PRR 16 Group ( Sumber : Data Olahan )
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 desain halaman BAKAK (Biodata Anak Kepemilikan Akta Kelahiran) pada gambar 4.2 Halaman BAKAK.
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 (Biodata Anak Kepemilikan Akta Kelahiran) pada gambar 4.2 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
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 Kelahiran) pada gambar 4.2 Halaman BAKAK.
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.
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 Kelahiran) pada gambar 4.2 Halaman BAKAK.
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.
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.
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.