LAPORAN PRAKTEK LAPANG

SISTEM INFORMASI ABSENSI PEGAWAI

BERBASIS WEB PADA DINAS PEMBERDAYAAN
MASYARAKAT DAN DESA

Oleh:
Muhammad Salman Arga Deo Al -yusuf
065117083

PROGRAM STUDI ILMU KOMPUTER

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS PAKUAN
BOGOR
2023

ii
 HALAMAN PENGESAHAN
Judul : SISTEM INFORMASI ABSENSI PEGAWAI BERBASIS WEB

Nama : Muhamad Salman Arga Deo Al Yusuf

NPM : 065117083

Mengesahkan,

Pembimbing II Pembimbing I
Dinas Pemberdayaan Masyarakat Program Studi Ilmu Komputer
dan Desa. Kabupaten Bogor FMIPA – UNPAK

Aris, SE Yusma Yanti, M.Si

Mengetahui
Ketua Program Studi Ilmu Komputer
FMIPA UNPAK

Arie Qur’ania, M. Kom.,

i
 HALAMAN PENGESAHAN
KONFIRMASI REVISI
Judul : SISTEM INFORMASI ABSENSI PEGAWAI BERBASIS WEB

Nama : Muhamad Salman Arga Deo Al Yusuf

NPM : 065117083

Mengesahkan,

Penguji I Penguji II
Program Studi Ilmu Komputer Program Studi Ilmu Komputer
FMIPA – UNPAK FMIPA – UNPAK

Asep Saepulrohman, M.Si Yusma Yanti, M.Si

ii
 KATA PENGANTAR
Puji syukur kehadirat Allah SWT yang telah memberikan rahmat dan
hidayah-Nya sehingga saya dapat menyelesaikan laporan sementara Praktik Kerja
Lapang ini dengan waktu kurang lebih satu bulan penelitian.Praktik lapang ini
berisi tentang kegiatan yang dilakukan oleh penulis selama kurang lebih satu
bulan melakukan penelitian untuk membuat project dikantor Dinas Pemberdayaan
Masyarakat dan Desa. Topik bahasan yang diambil adalah Sistem Informasi
Absensi Kepegawaian Berbasis Web, untuk mempermudah dinas dalam
pengorganisiran pegawai di dalam Dinas agar lebih efektif dan efesien. Demikian
laporan sementara praktik lapang ini saya buat, semoga dapat bermanfaat. Penulis
mengharapkan kritik dan saran untuk kesempurnaan laporan ini sehingga
kedepannya menjadi lebih baik. Terimakasih.

Penulis juga berterimakasih untuk dukungan dan bimbingan dari berbagai

pihak.Oleh karena itu penulis dengan sepenuh hati ingin mengucapkan
terimakasih kepada:
1. Kedua Orang Tua yang telah memberikan dukungan dan motivasi serta
doanya kepada penulis.
2. Arie Qur’ania, M. Kom selaku Ketua Program Studi Ilmu Komputer
FMIPA Universitas Pakuan.
3. Yusma Yanti, M.Si selaku dosen pembimbing yang telah membantu
membimbing dan berperan penting dalam penyelesaian praktik lapangan
ini.
4. Rekan-rekan Seperjuangan Mahasiswa diseluruh Universitas Pakuan
terkhusus Siti Nur Fajria A.Md.M yang dengan dukungan moril yang
diberikan sehingga penulis lebih bersemangat menyelesaikan laporan.

Penulis menyadari bahwa penulisan laporan ini masih jauh dari sempurna.
Untuk itu penulis mengharapkan kritik dan saran yang sifatnya membangun demi
menyempurnakan laporan ini. Walaupun demikian, penulis berharap laporan ini
dapat bermanfaat bagi penulis pada khususnya dan para pembaca pada umumnya,
sehingga dapat melengkapi khasanah ilmu pengetahuan yang senantiasa
berkembang dengan cepat.

Bogor, 10 Januari 2023

Muhammad Salman Arga Deo Al Yusuf

065117083

iii
 DAFTAR ISI
Halaman
HALAMAN PENGESAHAN.................................................................................i
HALAMAN PENGESAHAN KONFIRMASI REVISI.....................................ii
KATA PENGANTAR...........................................................................................iii
DAFTAR ISI..........................................................................................................iv
DAFTAR GAMBAR.............................................................................................vi
DAFTAR TABEL................................................................................................vii
DAFTAR LAMPIRAN.......................................................................................viii
BAB I PENDAHULUAN.......................................................................................1
1.1 Latar Belakang...........................................................................................1
1.2 Rumusan Masalah.....................................................................................2
1.3 Ruang Lingkup..........................................................................................2
1.4 Tujuan........................................................................................................3
1.5 Manfaat Bagi instansi................................................................................3
1.6 Mahasiswa.................................................................................................3
BAB II TINJAUAN PUSTAKA............................................................................5
2.1 Teori Umum................................................................................................5
2.1.1 Aplikasi..............................................................................................5
2.1.2 Sistem.................................................................................................5
2.1.3 Informasi............................................................................................5
2.1.4 Sistem Informasi................................................................................5
2.1.5 Absensi...............................................................................................5
2.1.6 Website...............................................................................................5
2.1.7 PHP....................................................................................................6
2.1.6 MySQL...............................................................................................6
2.1.7 Arsip...................................................................................................6
2.1.8 Visual Studio Code............................................................................6
2.1.9 Database.............................................................................................6
2.1.10 Framwork Ci3.......................................................................................6
2.1.11 Administrasi..........................................................................................7
2.2 Tinjauan Instansi.......................................................................................7
2.2.1 Dinas Pemberdayaan Masyarakat dan Desa Kabupaten Bogor.........7
2.2.2 Struktur Organisasi.............................................................................7
2.2.3 Lokasi.................................................................................................8
2.2.4 Dokumentasi......................................................................................8
2.3 Peneliti Terdahulu.......................................................................................9
BAB III METODE PENELITIAN.....................................................................10
3.1 Metode Perancangan Penelitian................................................................10
3.1.1 Perencanaan Sistem............................................................................10
3.1.2 Analisis Sistem...................................................................................11
3.1.3. Implementasi Perancangan Sistem..................................................11

iv
 3.1.5 Uji Coba Sistem...............................................................................12
3.2 Waktu dan Tempat Praktek Lapang........................................................13
3.3 Alat dan Bahan........................................................................................13
3.3.1 Alat...................................................................................................13
3.3.2 Bahan................................................................................................13
BAB IV PERANCANGAN DAN IMPLEMENTASI.......................................14
4.1 Tahap Proses Perencanaan......................................................................14
4.1.1 Observasi Parsitipatif........................................................................14
4.1.2. Wawancara........................................................................................14
4.1.3. Studi Kepustakaan............................................................................14
4.2 Tahap Proses Analisis..............................................................................15
4.2.1 Analisis Sistem Yang Sedang Berjalan............................................15
4.2.2 Analisis Sistem Yang Akan Dikembangkan....................................16
4.3 Perancangan Sistem......................................................................................16
4.3.1 Perancangan Database.....................................................................16
4.3.2 Perancangan Sistem Secara Umum.................................................18
4.3.3 Perancangan Sistem Secara Detail...................................................18
4.4 Tahap Implementasi.....................................................................................21
4.4.1 Implementasi Database....................................................................21
4.4.2 Implementasi Aplikasi.....................................................................21
BAB V HASIL DAN PEMBAHASAN...............................................................22
5.1 Hasil Implementasi..................................................................................22
5.1.1 Halaman Login.................................................................................22
5.1.2 Halaman Menu Dashboard...............................................................22
5.1.3 Halaman Menu Bagian Administrasi...............................................22
5.1.4 Tampilan Isi Dari kelengkapan Absen dilapangan..........................23
5.1.5 Tampilan Isi Dari kelengkapan Absen dikantor...............................23
5.1.6 Tampilan Isi Dari Absensi...............................................................23
5.1.7 Tampilan Isi Dari User Accounts.....................................................24
5.1.8 Tampilan Isi Dari New Accounts.....................................................24
5.1.9 Tampilan Isi Dari Menu Managament.............................................24
5.1.10 Tampilan Isi Dari Sub Menu Managament......................................24
5.2 Pembahasan.............................................................................................25
5.3 Tahap Uji Coba Sistem............................................................................25
5.3.1 Tahap Uji Coba Struktural...............................................................25
5.3.2 Tahap Uji Coba Fungsional.............................................................25
5.3.3 Tahap Uji Coba Validasi..................................................................25
BAB VI KESIMPULAN DAN SARAN..............................................................27
6.1 Kesimpulan...................................................................................................27
6.2 Saran.............................................................................................................27
DAFTAR PUSTAKA............................................................................................ix

v
 DAFTAR GAMBAR
Gambar 2. 1 Struktur Organisasi DPMD Kab.bogor...............................................7
Gambar 2. 2 Lokasi Maps Gedung DPMD..............................................................8
Gambar 2. 3 Gedung DPMD Kab.Bogor.................................................................8
Gambar 2. 4 Bersama KASUMBANG DPMD.......................................................8
Gambar 3. 1 Metode Penerapan Sistem SDLC......................................................10
Gambar 4. 1 Diagram Use Case............................................................................17
Gambar 4. 2 Diagram Activiti...............................................................................17
Gambar 4. 3 Diagram Class..................................................................................17
Gambar 4. 4 Diagram Konteks.............................................................................18
Gambar 4. 5 Rancangan Login.............................................................................19
Gambar 4. 6 Halaman Dashboard.........................................................................19
Gambar 4. 7 Halaman User Accounts...................................................................20
Gambar 4. 8 Halaman Register Acccount.............................................................20
Gambar 4. 9 Halaman Role...................................................................................20
Gambar 4. 10 Halaman My Profile.......................................................................21
Gambar 4. 11 PHPMyAdmin................................................................................21
Gambar 4. 12 Implementasi Aplikasi...................................................................22
Gambar 5. 1 Tampilan Login.................................................................................22
Gambar 5. 2 Gambar Dashboard Web...................................................................22
Gambar 5. 3 Tampilan Menu bagian Administrasi................................................23
Gambar 5. 4 Absensi Ketika berada dilapangan....................................................23
Gambar 5. 5 Gambar Absen Kantor.......................................................................23
Gambar 5. 6 Tampilan keterangan masuk.............................................................23
Gambar 5. 7 Tampilan semua User Account.........................................................24
Gambar 5. 8 Tampilan Create New Account.........................................................24
Gambar 5. 9 Menu Management............................................................................24
Gambar 5. 10 Submenu Management....................................................................24

vi
 DAFTAR TABEL
Tabel 1 Penelitian Terdahulu...................................................................................9

vii
 DAFTAR LAMPIRAN
DAFTAR LAMPIRAN
Lampiran 1. Surat Pengajuan Praktek Lapang
Lampiran 2. Surat Balasan Praktek Lapang
Lampiran 3. Surat Keterangan Selesai Praktek Lapang.
Lampiran 4. Daftar Kehadiran Praktek Lapang
Lampiran 5. Tabel Wawancara
Lampiran 6. Tabel Identifikasi Permasalahan
Lampiran 7. Analisis Sistem Berjalan
Lampiran 8. Analisis Sistem yang akan dikembangkan.
Lampiran 9. Tabel Use Case
Lampiran 10. Perancangan Tabel Pada Database
Lampiran 11. Gambar Diagram DFD
Lampiran 12. Gambar Flowchart
Lampiran 13.Tabel Uji Structural
Lampiran 14. Tabel Uji Fungsional
Lampiran 15. Tabel Uji Validasi…………………………………………...….

viii
ix
 BAB I
PENDAHULUAN
1.1 Latar Belakang
Seiring dengan perkembangan zaman, teknologi informasi selalu
berkembang dan mengalami kemajuan. Teknologi informasi saat ini hampir selalu
digunakan di berbagai bidang contohnya seperti penyiaran, penerbangan,
perkuliahan, sistem informasi kepegawaian dan lain – lain. Tiap individu maupun
kelompok dituntut untuk beraktivitas seefektif mungkin guna mencapai hasil yang
maksimal.
Dalam era komputerisasi sekarang ini pengolahan data dan penyebaran
informasi dirasa kurang efektif dan efisien apabila sumbernya dalam bentuk
kertas yang bersifat statis ataupun mengandalkan ingatan seseorang sebagai media
penyimpanan. Oleh karena itu, dengan adanya teknologi informasi yang dapat
diaplikasikan dalam berbagai bidang di kehidupan manusia, pengguna teknologi
informasi dapat memanipulasi data serta mendapatkan informasi secara aman dan
mudah. Sebagai contoh dalam kegiatan perusahaan, teknologi informasi berperan
penting dalam pengelolaan data yang dimiliki perusahaan, dimana seharusnya
data perusahaan dikelola secara aman.
Dalam hal ini, teknologi sistem basis data merupakan suatu teknologi yang
tepat untuk memudahkan kegiatan perusahaan dalam mengelola data tersebut.
Tidak hanya memudahkan, dengan adanya teknologi basis data, pengelolaan data
dapat dilakukan lebih cepat, efisien, dan akurat. Sehingga dapat meningkatkan
kinerja karyawan dalam suatu perusahaan.
Sistem Absensi sangat penting dalam mengetahui kehadiran pegawai
dalam suatu Instansi. Perkembangan sistem absensi saat ini sudah berkembang
dengan adanya teknologi pendukung seperti komputer dan gadget. Dari sistem
absensi yang menggunakan kertas, komputer, finger print, eye scans atau disebut
Optical coherence tomography, dan sekarang sudah banyak yang beralih
menggunakan gadget seperti Android.
Dinas Pemberdayaan Masyarakat dan Desa kabupaten Bogor mempunyai
tugas membantu bupati melaksanakan urusan pemerintahan yang menjadi
kewenangan daerah di bidang pemberdayaan masyarakat dan desa terkait
pemberdayaan usaha ekononomi pedesaan dan pemberdayaan lembaga
kemasyarakatan serta tugas pembantuan yang diberikan kepada kabupaten. Untuk
menunjang kegiatan kedinasan, sekarang ini Dinas Pemberdayaan Masyarakat
dan Desa atau disingkat DPMD telah mempekerjakan sekitar 100 pegawai yang
menjadi motor penggerak dalam menuntaskan tujan, fungsi, maupun visi dan
misi. Instansi ini berpusat pada satu kantor yang berada di daerah Cibinong,
Kabupaten Bogor.
Subbag Umum dan Kepegawaian di instansi ini belum memiliki aplikasi
sistem basis data kepegawaian teruntuk dan masih melakukan pengolahan data
secara manual, sehingga terjadi berbagai masalah yaitu adanya redundancy data,
sulitnya mengakses dan mencari data karyawan, serta rendahnya keamanan dan

1
kerahasiaan data kepegawaian sehingga mengurangi efisiensi dan efektifitas
instansi.
Dengan adanya Smartphone Android yang saat ini begitu banyak
dipergunakan oleh pegawai di Dinas Pemberdayaan Masyarakat dan desa Kab.
Bogor, memungkinkan untuk instansi memperbaharui sistemnya menggunakan
smartphone Android. Karena lebih mudah pengoperasiannya dan dapat
melakukan absensi dimana saja sehingga waktu yang dipergunakan tidak banyak
terbuang. Begitupun dengan sistem absensi di Dinas Pemberdayaan Masyarakat
dan Desa, butuh pembaharuan yang sangat baik agar pegawai Pemerintah Non
Pegawai Negeri Pegawai Negri dilapangan maupun dikantor dapat absen dengan
cepat dan real time. Solusi yang terbaik adalah dengan menggunakan smartphone
Android. Sistem absensi dengan cara ini juga dapat meminimalisir karyawan
bolos kerja dalam suatu perusahaan dibanding pegawai hanya laporan
menggunakan Media Social Whatsapp. Oleh sebab itu, penggunaan Android
sangatlah diperlukan dalam pembaharuan sistem absensi.
Berdasarkan latar belakang tersebut, penulis menganalisa, merancang, dan
mengimplementasi aplikasi basis data kepegawaian berbasis web dalam sebuah
penelitian yang berjudul “SISTEM INFORMASI ABSENSI PEGAWAI
BERBASIS WEB PADA DINAS PEMBERDAYAAN MASYARAKAT DAN
DESA”.
1.2 Rumusan Masalah
Berdasarkan latar belakang diatas maka permasalahan yang akan diangkat
oleh penulis dalam penelitian ini yaitu:
1. Bagaimana data kepegawaian dapat diakses oleh Subbag Umum dan
Kepegawaian pada Dinas Pemberdayaan Masyarakat dan Desa, Kab.
Bogor secara cepat dan akurat. Sehingga, data kepegawaian dapat
tersimpan secara aman dan hanya dapat diakses oleh pihak tertentu yang
memiliki hak akses terhadap data tersebut.
2. Bagaimana Subbag Umum dan Kepegawaian pada Dinas Pemberdayaan
Masyarakat dan Desa, Kab. Bogor dapat mengolah data secara terstruktur
tanpa harus menggunakan metode manual karena akan menimbulkan
berbagai masalah salah satunya adalah redundancy data dan pencarian
informasi pegawai yang tidak efektif dan efisien.
3. Bagaimana Subbag Umum dan Kepegawaian pada Dinas Pemberdayaan
Masyarakat dan Desa, Kab. Bogor dapat merekapitulasi seluruh data
absensi karyawan yang hadir di kantor maupun sedang berada di lapangan.
1.3 Ruang Lingkup
Ruang lingkup dari penelitian ini adalah menggunakan bahasa
pemograman PHP dan databasenya menggunakan MySQL. Sistem ini digunakan
untuk mencatat, mengelola data kehadiran di Dinas Pemberdayaan Masyarakat
dan Desa. Dapat diakses oleh Admin dan user terdaftar.
Aplikasi Absensi ini luas cakupannya, maka dalam laporan praktek lapang
ini ditentukan batasan-batasan masalah atau ruang lingkup yang akan dibahas. Hal

2
ini sangat penting supaya penulisan skripsi menjadi lebih terarah. Dikarenakan
keterbatasan waktu, maka ruang lingkup yang akan kami bahas meliputi:
1. Pendataan karyawan, dimana Subbag Umum dan Kepegawaian untuk
memasukkan berbagai data pegawai.
2. Proses absensi dimana instansi dapat menerima laporan absensi setiap
hari.
3. Pendataan nama-nama unit lokasi dan jumlah karyawan yang ada di unit
lokasi tersebut.
4. Perancangan basis data sebagai wadah penyimpanan data kepegawaian.
5. Penerapan rancangan basis data pada aplikasi berbasis web.
1.4 Tujuan
Tujuan dari penelitian ini adalah sebagai berikut:
1. Menganalisis kebutuhan Subbag Umum dan Kegawaian dalam
pengelolaan data kehadiran kepegawaian yang dapat meningkatkan
kinerja manajemen kepegawaian pada Dinas Pemberdayaan Masyarakat
dan Desa.
2. Merancang sistem basis data kepegawaian dengan seluruh proses beserta
basis data yang saling terintegrasi, memiliki data yang konsisten dan
redundansi data yang minimal.
3. Menghasilkan aplikasi basis data berbasis web yang menunjang
keamanan data kepegawaian.
1.5 Manfaat Bagi instansi
Manfaat dari penelitian ini bagi instansi adalah :
1. Meningkatkan keamanan data kepegawaian.
2. Memudahkan penyediaan dan pencarian informasi data kehadiran pegawai
sehingga kinerja dari divisi Subbag Umum dan Kepegawaian akan lebih
cepat.
3. Memudahkan Subbag dalam pemrosesan absensi, pendataan keterangan
kerjaan serta proses perhitungan gaji.
4. Memudahkan Unit Lokasi atau cabang dalam merekapitulasi data absensi.
1.6 Manfaat Untuk Mahasiswa
Dengan adanya penulisan laporan magang ini diharapkan dapat
memberikan kegunaan sebagai berikut:
Bagi Penulis Dengan adanya penelitian ini dapat menambah pengetahuan penulis
dalam menerapkan dan mengembangkan ilmu yang dimiliki, khususnya tentang
efektifnya pengelolaan data yang di bangun dari pemprograman sebuah system
informasi yang berorientasi pada data kehadiran pegawai di DPMD Kabupaten
Bogor. Serta sebagai salah satu syarat untuk menempuh ujian tugas akhir Program
Studi Ilmu Komputer Universitas Pakuan. Manfaat bagi Mahasiswa dapat
memahami sistem kerja yang ada di DPMD, serta menerapkan sekaligus
mengembangkan ilmu yang dipelajari selama perkuliahan dan tentunya

3
menambah wawasan dan pengetahuan untuk mempersiapkan diri baik secara
teoritis maupun secara praktis untuk menghadapi dunia kerja di masa depan.

4
 BAB II
TINJAUAN PUSTAKA
2.1 Landasan Teori

2.1.1 Aplikasi
Menurut Sutiyono (2021) aplikasi adalah suatu kelompok file (form, class,
rePort) yang bertujuan untuk melakukan aktivitas tertentu yang saling terkait,
misalnya aplikasi payroll, aplikasi fixed asset, dan lain-lain. Aplikasi berasal dari
kata applicationyang artinya penerapan lamaran penggunaan.

2.1.2 Sistem
Menutut Baenil (2019) sistem adalah kumpulan dari beberapa bagian yang
memiliki keterkaitan dan saling bekerja sama serta membentuk suatu kesatuan
untuk mencapai tujuan dari sisten tersebut.

2.1.3 Informasi
Menurut Alfi (2022) sistem adalah kumpulan dari beberapa bagian yang
memiliki keterkaitan dan saling bekerja sama serta membentuk suatu kesatuan
untuk mencapai tujuan dari sisten tersebut.

2.1.4 Sistem Informasi

Menurut Cristine (2020) sistem informasi adalah sekumpulan komponen
pembentuk sistem yang mempunyaiketerkaitan antara satu komponen dengan
komponen lainnya yang bertujuan menghaslkan suatu informasi dalam suatu
bidang tertentu. Hal terdebut berfungsi untuk membantuperencanaan,
pengendalian, dan pengambilan keputusan dengan menyediakan rangkuman rutin
dan laporan tertentu.

2.1.5 Absensi
Menutut Triyono (2018) absensi adalah suatu pendataan kehadiran, bagian
dari pelaporan aktivitas suatu institusi, suatu komponen institute itu sendiri yang
berisi data-data kehadiran yang disusun dan diatur sedemikian rupa sehingga
mudah untuk dicari dan dipergunakan apabila sewaktu-waktu diperlukan oleh
pihak yang berkepentingan.

2.1.6 Website
Menutut Chrystin (2018) website atau situs dapat diartikan sebagai
kumpulan halaman-halaman yang digunakan untukmenampilkan informasi teks,
gambar diam atau gerak, animasi, suara, dan atau gabungan darisemuanya baik
yang bersifat dinamis yang membentuk datu rangkaian bangunan yang saling
terkait, yang masing-masing dihubungkan dengan jaringan-jaringan halaman.
Hubungan antara satu halaman web dengan halaman web lainnya disebut
hyperlink, sedangkan teks yangdijadikan media penghubung disebut hypertext.

5
 2.1.7 PHP
Menurut Gunanto (2020) PHP Hypertext Preprocessor (PHP) merupakan
salah satu yang banyak digunakan sebagai server-side scripting language untuk
mengembangkan aplikasi berbasis web. PHP adalah backbone dari aplikasi seperti
Facebook,Flickr, dan Yahoo. Ada beberapa server-side scripting language yang
tersediauntuk mengembangkan aplikasi web, tetapi PHP lebih mudah digunakan
bagi pemula karena menyediakan kemudahan dalam banyak hal untuk
mengembangkan sebuah web.

2.1.6 MySQL
Menurut Sutiyono (2021) MySQL adalah sebuah software database.
MySQL merupakan tipe data relasional yang artinya MySQL menyimpan
datanya dalam bentuk tabel-tabel yang saling berhubungan. Keuntungan
menyimpan data di database adalah kemudahannya dalam penyimpanan dan
menampilkan data karena dalam bentuk tabel.

2.1.7 Arsip
Menurut Suryadi (2019) arsip mempunyai peranan sebagai “pusat
ingatan”, sebagai sumber informasi dan sebagai “alat pengawasan yang sangat
diperlukan dalam setiap organisasi dalam rangka kegiatan”, perencanaan,
penganalisaan, pengembangan, perumusan kebijaksanaan, pengambilan
keputusan, pembuatan laporan, pertanggung jawaban, penilaian dan
pengendalian setepat-tepatnya.

2.1.8 Visual Studio Code

Menurut Suryadi (2019) visual studio code adalah kode editor sumber
yang dikembangkan oleh Microsoft untuk Windows, Linux dan macOS. Ini
termasuk dukungan untuk debugging, kontrol git yang tertanam dan GitHub,
penyorotan sintaksis, penyelesaian kode cerdas, snippet, dan refactoring kode.

2.1.9 Database
Menurut Triyono (2018) sistem basis data adalah sistem
terkomputerisasi yang tujuan utamanya adalah memelihara data yang sudah
diolah atau informasi dan membuat informasi tersedia saat dibutuhkan.

2.1.10 Framework Ci3

Menurut Arrhioui (2018) framework Ci3 atau CodeIgniter3 adalah
kerangka kerja pengembangan aplikasi PHP berdasarkan arsitektur yang
terstruktur. Codeigniter memiliki tujuan untuk memberikan alat bantu yang
dibutuhkan seperti helpers and libraries untuk mengimplementasi tugas yang
biasa dilakukan.MySQL.

6
 2.1.11. Administrasi
Menurut Gunanto (2020) administrasi adalah keseluruhan proses kerja
samaantara dua orang manusia atau lebih yang didasarkan atas rasionalitas
tertentu untuk mencapai tujuan yang telah ditentukan sebelumnya.
2.2 Tinjauan Instansi
2.2.1 Dinas Pemberdayaan Masyarakat dan Desa Kabupaten Bogor
Dinas Pemberdayaan Masyarakat dan Desa merupakan salah satu
Organisasi Pemerintah Daerah yang merupakan unsur pelaksana urusan
pemerintah daerah dibidang pemberdayaan masyarakat dan desa.
Dinas Pemberdayaan Masyarakat dan Desa mempunyai tugas membantu
Bupati melaksanakan urusan pemerintahan yang menjadi kewenangan daerah di
bidang pemberdayaan masyarakat dan desa serta tugas pembantuan yang
diberikan kepada kabupaten.
Visi dan Misi dari Dinas Pemberdayaan Masyarakat dan Desa Kabupaten
Bogor adalah sebagai berikut:
1) Visi
"Mewujudukan Kabupaten Bogor Termaju, Nyaman dan Bekeadaban".
2) Misi
Misi merupakan penjabaran lebih lanjut dari pelayanan misi organisasi
dalam kaitannya dengan visi itu sendiri. Adapun yang menjadi Misi
Kabupaten Bogor adalah :
1. Mewujudkan masyarakat yang berkualitas.
2. Mewujudkan perekonomian daerah yang berdaya saing dan berkelanjutan.
3. Mewujudkan pembangunan daerah yang merata, berkeadilan dan
berkelanjutan.
4. Mewujudkan kesalehan sosial.
5. Mewujudkan tata kelola pemerintahan daerah yang baik.

2.2.2 Struktur Organisasi

Struktur dibawah ini meliputi struktur organisasi pada Dinas
Pemberdayaan Masyarakat dan Desa Kabupaten Bogor.

Gambar 2. 1 Structure Organisasi DPMD Kab.bogor

7
 2.2.3 Lokasi

Dinas Pemberdayaan Masyarakat dan Desa Kabupaten Bogor berada di

Jl. KSR Dadi Kusmayadi, Tengah, Kec. Cibinong, Kabupaten Bogor, Jawa Barat
16914. Lokasi DPMD melalui google map terlihat seperti gambar 2.

Gambar 2. 2 Lokasi Maps Gedung DPMD

2.2.4 Dokumentasi

Berikut adalah foto dokumentasi pada saat melakukan praktek lapang di

Dinas Pemberdayaan Masyarakat dan Desa Kabupaten Bogor.

Gambar 2. 3 Gedung DPMD Kabupaten Bogor

8
 Gambar 2. 4 Bersama Kepala Sub Bagian DPMD
2.3 Peneliti Terdahulu
Berikut adalah penelitian terdahulu yang berkaitan dengan system
informasi data berbasis web. Yang dapat dilihat di lampiran
Tabel 1 Penelitian Terdahulu

9
 BAB III
METODE PENELITIAN
3.1 Metode Perancangan Penelitian
Metode penelitian yang digunakan dalam pengembangan system Sistem
informasi Absensi Kepegawaian ini adalah metode SDLC (System Development
Life Cycle). Dengan model waterfall (Royce,1970) yang dikemukakan oleh
pressman (2019). Aplikasi yang penulis dikembangkan ini bukanlah system
dengan skala teramat besar. Aplikasi ini cocok dikembangkan dengan proses yang
terstruktur dan sekuensial. Siklus ini dijalankan secara berurutan, mulai dari tahap
awal sampai akhir setiap langkah yang telah selsai harus dikaji ulang(review),
terutam dalam langkah analisi dan design untuk memastikan bahwa tahapan
tersebut telah dikerjakan dengan benar dan sesuai dengan harapan. Jika tidak
maka tahap tersebut perlu diulangi lagi atau kembali ketahap sebelumnya. tetapi
kadang-kadang ada bebrapa langkah yang dapat dilakukan secara bersamaan, hal
ini dilakukan untuk mempercepat mendapatkan hasil yang di inginkan.
System Development Life Cycle (SDLC) adalah metodologi klasik yang
digunakan untuk mengembangkan, memelihara dan menggunakan sistem
informasi. Siklus hidup sistem itu sendiri merupakan metodologi, tetapi polanya
lebih dipengaruhi oleh kebutuhan untuk mengembangkan sistem yang lebih cepat.
Pengembangan sistem yang lebih cepat dapat dicapai dengan peningkatan siklus
hidup dan penggunaan peralatan pengembangan berbasis computer.
Secara umum SDLC adalah pendekatan bertahap untuk melakukan
perencanaan, Analisis, Perancangan, Implementasi, uji coba dan Penggunaan.
Tahap-tahap dalam metode SDLC dapat dilihat pada gambar ini.

10
 Gambar 3. 1 Metode Penerapan Sistem SDLC
(Cahyono,Taufik Putra,2018)

3.1.1 Perencanaan Sistem

Pada tahap perencanaan sistem dilakukan pengumpulan data yang
dibutuhkan dalam pembuatan system sebagai dasar dari tujuan system dibuat.
Pengumpulan informasi dilakukan dengan cara sebagai berikut:

3.1.1.1. Observasi Parsitipatif

Teruntuk mencari data-data yang ada dilapangan diperlukannya Observasi
untuk menggali data dan informasi yang dapat di pergunakan guna membangun
ketepatan dalam pembangunan system yang sesuai dengan yang diharapkan,
dalam hal ini penulis menggunakan metode Observasi Parsitipatif

3.1.1.2. Wawancara
Wawancara menjadi teknik pengumpulan data dalam metode kualitatif
yang dapat dilakukan secara individu, kelompok maupun berbentuk konferensi.
Teknis pelaksanaan wawancara dilakukan dengan cara pengajuan pertanyaan oleh
penulis yang nantinya akan dijawab oleh narasumber.

3.1.1.3. Studi Kepustakaan

Studi Kepustakaan merupakan pengumpulan data secara teoritis yang
dapat mendukung data yang diperoleh langsung dari data sekunder, buku-buku
serta bahan mata kuliah penunjang yang berkaitan dengan tujuan pembuatan
laporan. Disini Penulis menelaah buku atau note Kepegawaian di DPMD yang
mendata seluruh pegawai terdaftar di Dinas Pemberdayaan Masyarakat dan Desa
Kab. Bogor. Dan menemukan jumlah pegawai 2 banding 1 antara PNS dan Non-
PNS yang bekerja.

3.1.2 Analisis Sistem

Tahap analisis adalah tahapan yang dilakukan sebelum merancang sistem
pangkalan data berbasi web, terlebih dahulu di lakukan analaisis terhadap sistem
yang sedang berjalan. Tahap analisis yang dilakukan adalah memahami

11
permasalahan pada sistem yang sedang berjalan, kemudian menarik kesimpulan
dari proses analisis yang dilakukan.
3.1.2.1. Analisis Kelemahan Sistem Berjalan Saat ini.
Pada Sistem Penggelolaan Absensi atau Kehadiran atau Presentsi teruntuk
Pegawai Pemerintah Non Pegawai Negri di Dinas Pemberdayaan Masyarakat dan
Desa saat ini masih memiliki kelemahan yaitu adanya redundancy data, sulitnya
mengakses dan mencari data kehadiran karyawan, serta rendahnya validasi dan
keakuratan data kehadiran pegawai sehingga mengurangi efisiensi dan efektifitas
instansi.
3.1.2.2. Analisis Kendala Sistem Berjalan Saat ini.
Pada Sistem Penggelolaan Absensi atau Kehadiran atau Presentsi teruntuk
Pegawai Pemerintah Non Pegawai Negri di Dinas Pemberdayaan Masyarakat dan
Desa saat ini masih memiliki kendala yaitu apabila sewaktu waktu pegawai tidak
dapat menggunakan aplikasi WhatsApp maka pegawai tidak akan dianggap
masuk.

3.1.3. Implementasi Perancangan Sistem

Implementasi Perancangan Sistem merupakan tiap-tiap prosedur, teknik,
dan alat bantu yang mempresentasikan sejumlah aktifitas yang digunakan oleh
penulis dalam proses keseluruhan. Adapun metode yang digunakan pada
penelitian ini adalah Data Flow Diagram (DFD) Metode yang digunakan dalam
perancangan Sistem Informasi Absensi dengan implementasi berbasis Website
adalah metode perancangan data berarah yang lebih dikenal dengan sebutan
diagram arus data Data Flow Diagram (DFD), karena selain mudah dipahami dan
efisien, metode ini juga dinilai sudah cukup menggambarkan keseluruhan
sistem.Tahap implementasi pada penelitian ini merupakan tahap pembuatan
sistem, Sistem yang akan dibangun dengan menggunakan bahasa pemprograman
PHP dan HTML, untuk database menggunakan MySQL (XAMPP) sebagai web
server(localhost), untuk program editor menggunakan Visual Studio. Pada tahap
ini, perancangan yang sudah dibuat secara konsep mulai diterapkan ke dalam
rancangan yang sebenarnya.
Tahap perancangan system dilakukan melalui tahapan-tahapan sebagai berikut:

3.1.3.1. Perancangan Basis Data

Perancangan basis data menggunakan MySQLdapat dilakukan
menggunakan pendekatan terstruktur yang meliputi ERD (Entity Relationship
Diagram) kemudian dilanjutkan dengan relasi antar tabel dan spesifikasi tabel.

3.1.3.2. Pencangan Sistem Secara Umum

Perancangan system yang dilakukan secara DFD (Data Flow Diagram),
flowchart, dan lain sebagainya.

3.1.3.3. Perancangan Sistem Secara Detail

Pada tahap ini dilakukan perancangan form- form, halaman dan tampilan
yang akan menjadi user interface.

12
 3.1.4 Uji Coba Sistem
Tahap uji coba dilakukan untuk dapat membuktikan penerapan sistem, hal
ini dilakukan untuk membuktikan keakuratan sistem dalam memproses data.

3.1.4.1. Uji Struktural

Uji coba yang dilakukan untuk mengetahui kesesuaian rancangan dengan
hasil implemntasi.

3.1.4.2. Uji Fungsional

Uji coba fungsional dilakukan untuk mengetahui proses navigasi dan
validasi, apakah aplikasi yang dibuat dapat berfungsi dengan baik atau tidak
sesuai dengan fungsinya.

3.1.4.3. Uji Validasi

Uji coba validasi dilakukan dengan cara memasukan, mengubah, dan
mencari data serta memeriksa hasilnya.

3.2 Waktu dan Tempat Praktek Lapang

Waktu penelitian : 4 Oktober sampai 15 November 2022.
Tempat penelitian : Dinas Pemberdayaan Masyarakat dan Desa
Kabupaten Bogor.
Alamat : Jl. KSR Dadi Kusmayadi, Tengah, Kec.
Cibinong, Kabupaten Bogor, Jawa Barat 16914.

3.3 Alat dan Bahan

Alat dan Bahan yang digunakan dalam penelitian ini berupa perangkat
keras (hardware) maupun lainnya dan perangkat lunak (software) komputer.

3.3.1 Alat
Hardware yang digunakan diantaranya:
1. Processor Intel Core i5-gen 9
2. RAM 8 GB
3. Buku tulis
4. Pulpen
Software yang digunkan diantaranya:
1. Sistem Operasi Windows 10 64bit
2. XAMPP V3.3.2

13
 3. Visual Studio Code 1.62.2
4. Windows 10

3.3.2 Bahan
Bahan-bahan yang diperlukan dalam penelitian ini meliputi:
1. Buku Panduan Skripsi dan Tugas Akhir, Program Studi Ilmu
Komputer, Fakultas Matematika dan Ilmu Pengetahuan Alam,
Tahun pada tahun 2020.
2. Data yang didapat Ketika wawancara langsung,
3. Observasi Secara langsung.
4. Informasi dan pemahaman dari internet.

14
 BAB IV
PERANCANGAN DAN IMPLEMENTASI
4.1 Tahap Proses Perencanaan
Tahapan pertama perencanaan sistem dilakukan untuk menentukan
spesifikasi perancangan sistem.

4.1.1 Observasi Parsitipatif

Metode Observasi Partisipatif sering dianggap sebagai varian dari metode
observasi naturalistik karena memiliki kemiripan. Perbedaannya adalah peneliti
bukan lagi pengamat jarak jauh karena ia telah bergabung dengan partisipan dan
menjadi bagian dari kelompoknya. Seorang peneliti melakukan ini untuk
mendapatkan wawasan yang lebih mendalam dan lebih dalam tentang kehidupan
mereka. Selama penulis melakukan Observasi di Dinas Pemberdayaan Masyarakat
dan Desa Kab. Bogor penulis mengamati adanya 2 (dua) pembagian kepegawaian
didalam dinas dimana penulis melakukan Observasi pertama adalah Di dalam
struktur PNS, ada empat golongan yang dibedakan dengan nama, yakni Golongan
I (Juru), II (Pengatur), III (Penata), IV (Pembina). Setiap golongan PNS dibagi
menjadi beberapa pangkat di dalamnya. Serta Golongan kedua yang disebut
Pegawai Pemerintah Non Pegawai Negeri yang selanjutnya disingkat PPNPN
adalah pramubakti, Satpam, dan Pengembudi. yang mana keduanya menjadi
sebuah kesinambungan dalam Organisasi yang terstructur seperti instansi
pemerintahan negara dalam hal ini Dinas Pemberdayaan Masyarakat dan Desa
Kab. Bogor.
Saat ini ada 50 (lima puluh) kurang lebih pegawai Pemerintah Non
Pegawai Negeri yang saat ini bekerja di Dinas Pemberdayaan Masyarakat dan
Desa Kab. Bogor. Data ini di tulis setelah 1 minggu berada di Dinas
Pemberdayaan Masyarakat dan desa yaitu pada tanggal 12 Oktober 2022 oleh
penulis saat melakukan magang.

4.1.2. Wawancara
Wawancara menjadi teknik pengumpulan data dalam metode kualitatif
yang dapat dilakukan secara individu, kelompok maupun berbentuk konferensi.
Teknis pelaksanaan wawancara dilakukan dengan cara pengajuan pertanyaan oleh
penulis yang nantinya akan dijawab oleh narasumber. Dalam hal ini Bapak Aris,
SE yang mana memiliki Golongan II atau Penata dan menjabat sebagai Kepala
Sub Bagian Umum dan Kepegawaian (Kasubbag Umum dan Kepegawaian).
Pertanyaan-pertanyaan dan jawaban yang dilakukan oleh penulis dan narasumber
dapat di lihat di lampiran 6.

4.1.3. Studi Kepustakaan

Studi Kepustakaan merupakan pengumpulan data secara teoritis yang
dapat mendukung data yang diperoleh langsung dari data sekunder, buku-buku
serta bahan mata kuliah penunjang yang berkaitan dengan tujuan pembuatan
laporan. Disini Penulis menelaah buku atau note Kepegawaian di DPMD yang

15
mendata seluruh pegawai terdaftar di Dinas Pemberdayaan Masyarakat dan Desa
Kab. Bogor. Dan menemukan jumlah pegawai 2 banding 1 antara PNS dan Non-
PNS yang bekerja.
4.2 Tahap Proses Analisis
Sebelum merancang sistem pangkalan data berbasi web, terlebih dahulu
di lakukan analaisis terhadap sistem yang sedang berjalan. Tahap analisis yang
dilakukan adalah memahami permasalahan pada sistem yang sedang berjalan,
kemudian menarik kesimpulan dari proses analisis yang dilakukan.
Tahap analisis sistem merupakan tahap penelitian atas sistem yang tsedang
berjalan saat ini dengan tujuan untuk merancang sistem baru. Analisis dilakukan
untuk mendefinisikan kebutuhan sistem yang akan dikembangkan. Hasil dari
analisis kebutuhan sistem ini diperlukan sebagai acuan dalam Menyusun
spesifikasi sistem yang akan dikembangkan. Langkah-langkah yang dilakukan
pada analisis ini adalah memahami dan mengindentifikasi permasalahan yang
terjadi dan menarik kesimpulan dari proses analisis yang telah dilakukan.
Pembuatan sistem ini berdasarkan kebutuhan akan kemudahan proses penginputan
data dan pencarian data.

4.2.1. Identifikasi Sistem Berjalan Saat ini

Identifikasi Permasalahan pada Sistem yang berjalan saat ini untuk
memantau, menggelola, dan mempergunakan Sistem saat ini. Data tabel bisa
dilihat di Lampiran 7.

4.2.2.1. Analisis Kelemahan Sistem Berjalan Saat ini.

Pada Sistem Penggelolaan Absensi atau Kehadiran atau Presentsi teruntuk
Pegawai Pemerintah Non Pegawai Negri di Dinas Pemberdayaan Masyarakat dan
Desa saat ini masih memiliki kelemahan yaitu adanya redundancy data, sulitnya
mengakses dan mencari data kehadiran karyawan, serta rendahnya validasi dan
keakuratan data kehadiran pegawai sehingga mengurangi efisiensi dan efektifitas
instansi.

4.2.2.2. Analisis Kendala Sistem Berjalan Saat ini.

Pada Sistem Penggelolaan Absensi atau Kehadiran atau Presentsi teruntuk
Pegawai Pemerintah Non Pegawai Negri di Dinas Pemberdayaan Masyarakat dan
Desa saat ini masih memiliki kendala yaitu apabila sewaktu waktu pegawai tidak
dapat menggunakan Aplikasi WhatsApp maka pegawai tidak akan dianggap
masuk.

4.2.2. Analisis Sistem Yang Sedang Berjalan

Tahapan Analisis terhadap sistem yang sedang berjalan ini berfugsi untuk
mengatur alur yang berjalan saat ini sejauh mana sistem yang sedang berjalan itu
telah mencapai sasaran dan untuk mengetahui masalah-masalah yang sering
timbul atau kelemahan-kelemahan serta kelebihan yang ada pada sistem tersebut.
Kepala Subbagian menyampaikan bahwsanya belum adanya aplikasi atau system

16
informasi tentang pendataan kehadiran teruntuk pegawai di DPMD kehadiran
Pegawai Pemerintah Non Pegawai Negeri Pegawai Negri sehingga metode
pengimputan data kehadiran dilakukan secara manual tulis tangan maupun hanya
mengirim foto hadir di kantor DPMD melalu aplikasi jejaring social Whatsapp.
perlu adanya gambaran mengenai sistem yang ada atau sistem yang sedang
berjalan pada DPMD untuk dijadikan sebagai bahan pertimbangan untuk
merancang sistem yang baru. hal ini bertujuan agar memudahkan kita dalam
melakukan perancangan sistem baru sehingga apa yang diinginkan akan sesuai
dengan sebagaimana mestinya. Demikian gambar tabel dapat dilihat di Lampiran
8.

4.2.3 Analisis Sistem Yang Akan Dikembangkan

Setelah menganalisis sistem yang sedang berjalan dan mengindentifikasi
masalah, maka dapat disimpulkan bahwa dibutuhkannya suatu sistem aplikasi
yang dapat menjadi sebuah system pengelolaan data kehadiran pegawai. Alur
sistem pangkalan data yang akan dirancang dapat dilihat pada Lampiran 9.
4.3 Perancangan Sistem
Tahap perancangan sistem bertujuan untuk mempermudah proses
pembuatan sistem dan meminimalisir kesalahan yang akan terjadi pada saat
implementasi. Tahap ini terdiri dari perancangan sistem secara umum,
perancangan databa se, dan perancangan interface sistem secara detail.

4.3.1 Perancangan Database

Secara umum database kumpulan data yang saling terkait. Secara praktis
database dianggap sebagai suatu penyusun data yang terstruktur yang disimpan
dalam media penyimpanan yang bertujuan adalah agar data tersebut dapat diakses
dengan mudah dan cepat.
4.3.1.1. Use Case
Use Case diagram adalah diagram Use Case yang digunakan untuk
menggambarkan secara ringkas siapa yang menggunakan sistem dan apa saja
yang bisa dilakukan nya. Use Case Class digunakan untuk memodelkan
danmenyatakan unit fungsi atau layanan yang disediakan oleh sistem (or bagian
system: subsistem atau class) ke pemakai. Use Case Diagram ditunjukan pada
gambar di bawah dan spesifikasi tabel Use case dapat dilihat di Lampiran 9

17
 Gambar 4. 1 Diagram Use Case
4.3.1.2. Diagram Activity
Diagram aktivitas adalah bentuk visual dari alir kerja yang berisiaktivitas
dan tindakan, yang dapat berisi pilihan, pengulangan, dancouncurency. Dalam
Unified Modeling Language, diagram aktivitas dibuatuntuk menjelaskan aktivitas
komputer maupun alur aktivitas dalam organisasi. Activitty Diagram ditunjukan
pada gambar dibawah.

Gambar 4. 2 Diagram Activiti

4.3.1.3. Diagram Class
Class Diagram adalah visual dari struktur sistem program pada jenis - jenis
yang di bentuk. Class Diagram merupakan alur jalannya database pada sebuah
sistem. Class Diagram merupakan penjelasan proses database dalam suatu
program. Dalam sebuah laporan siste maka Class Diagram ini wajib ada. Class
Diagram ditunjukan pada gambarxx

Gambar 4. 3 Diagram Class

4.3.1.2 Perancangan Tabel
Spesifikasi tabel merupakan detail tabel yang akan dibuat pada database.
Penggunaan nama tabel, field, tipe data, Panjang data atau length dan keterangan.
Berikut merupakan spesifikasi tabel yang akan di buat. Spesifikasi tabel yang
akan dibuat dapat dilihat pada Lampiran 11.

18
 4.3.2 Perancangan Sistem Secara Umum
Perancangan sistem secara umum dilakukan untuk memberikan gambaran
umum kepada user tentang sistem yang baru. Perancangan sistem secara umum
dapat berupa diagram konteks, DFD (Data Flow Diagram), dan flowchart sistem.
4.3.2.1 Diagram Konteks
Diagram Konteks adalah sebuah bagian level dari Data Flow Diagram
yang digunakan untuk menetapkan konteks serta batasan batasan sistem pada
sebuah pemodelan. Terdapat 3 buah symbol dalam diagram konteks yaitu Simbol
External Entity, Data Flow dan Process. Diagram Konteks bisa dilihat di Gambar
4.3.

Gambar 4. 4 Diagram Konteks

4.3.2.2 DFD (Data Flow Diagram)
Data Flow Diagram adalah suatu model logika data atau proses yang
dibuat untuk menggambarkan darimana asal data dan kemana tujuan data yang
keluar dari sistem, dimana data disimpan, proses apa yang menghasilkan data
tersebut, dan interaksi antara data yang tersimpan, serta proses yang dikenakan
pada data tersebut. (Kristanto, 2017). Gambar dapat dilihat di Lampiran 12.
4.3.2.3 Flowchart
Flowchart adalah suatu bagan dengan simbol-simbol tertentu yang
menggambarkan urutan proses secara mendetail dan hubungan antara suatu proses
(intruksi) dengan proses lainnya dalam suatu program (Wibawanto, 2017:20).
Flowchart bisa dilihat pada Lampiran 13.
4.3.3 Perancangan Sistem Secara Detail
Tahapan ini bertujuan untuk memberikan gambaran secara detail
mengenai interface dari sistem yang akan dibangun. Berikut rancangan
halamannya berdasarkan masing-masing hak akses.

19
4.3.3.1 Rancangan Halaman Login
Halaman login merupakan form halaman yang digunakan untuk login
admin dan user, yang dimana terdapat email sebagai email login admin dan user
serta password untuk konfirmasi password login website, serta mencegah user
yang tidak berhak untuk menjalankan sistem informasi penjualan ini masuk.

Gambar 4. 5 Rancangan Login

4.3.3.2 Rancangan Halaman Dashboard
Halaman Dashboard merupakan form halaman yang digunakan oleh admin
dan user, yang dimana ini menjadi halaman pertama yang dimasuki oleh Admin
untuk menggelola data data masuk, sedangkan halaman yang akan dituju oleh user
adalah halaman My Profile

Gambar 4. 6 Halaman Dashboard

4.3.3.3 Rancangan Halaman user accounts
Halaman User Accounts merupakan form halaman yang digunakan oleh
admin, yang dimana ini menjadi halaman yang dipergunakan oleh Admin untuk
menggelola dan memantau account account terdaftar, maupun mendaftarkan
account baru, menghapus account terdaftar, menggelola email, nama dan
password account terdaftar.

20
 Gambar 4. 7 Halaman User Accounts
4.3.3.4 Rancangan Halaman registration accounts
Halaman User Accounts merupakan form halaman yang digunakan oleh
admin, yang dimana ini menjadi halaman yang dipergunakan oleh Admin untuk
menggelola dan memantau account account terdaftar, maupun mendaftarkan
account baru, menghapus account terdaftar, menggelola email, nama dan
password account terdaftar.

Gambar 4. 8 Halaman Register Acccount

4.3.3.5 Rancangan Halaman Role

Halaman Role merupakan form halaman yang digunakan oleh admin, yang
dimana ini menjadi halaman yang dipergunakan oleh Admin untuk menggelola
role terdaftar, maupun mendaftarkan role baru, menghapus role terdaftar,
menggelola access yang dimiliki setiap role.

Gambar 4. 9 Halaman Role

4.3.3.6 Rancangan Halaman My Profile
Halaman My Profile merupakan form halaman yang digunakan oleh
admin dan user, yang dimana ini menjadi halaman yang dipergunakan oleh Admin
dan user untuk menggelola nama, foto, maupun mendaftarkan role baru,
menghapus role terdaftar, menggelola access yang dimiliki setiap role.

21
 Gambar 4. 10 Halaman My Profile
4.4 Tahap Implementasi
Tahap Implementasi merupakan tahap pembangunan sistem yang telah
dirancang sehingga menjadi sebuah aplikasi yang kemudian dapat digunakan.
Implementasi pengembangan website pangkalan data presensi DPMD melalui dua
tahapan, yaitu implementasi basis data menggunakan PHPMyAdmin (SQL) dan
implementasi sistem menggunakan Codeinginter 3.
4.4.1 Implementasi Database

Pembuatan database menggunakan software XAMPP v3.3.0 yang sudah

dilengkapi dengan database MySQL didalamnya, pada MySQL untuk membuat
database baru hanya perlu menginputkan data.
Langkah - langkahnya sebagai berikut:
1. Instal program XAMPP.
2. Buka program XAMPP.
3. Pada bagian action pilih start untuk Apache dan MySQL.
4. Ketikan http://localhost/phpmyadmin. Di address bar web browser.
5. Setelah itu pilih New lalu isikan nama database pada bagian create
databasesetelah itu tekan tombol create.

Gambar 4. 11 PHPMyAdmin.
4.4.2 Implementasi Aplikasi
Pembuatan halama utama web menggunakan software Visual Studio Code
dengan menggunkan Framwork Codeigniter 3 yang bisa di download di link
https://codeigniter.com/download, Lalu kerangka tampilan menggunakan SB
Admin 2 yang bisa di download di link https://startbootstrap.com/theme/sb-
admin-2, dan bahasa pemrograman nya menggunakan HTML, PHP, JavaScript.

22
 Gambar 4. 12 Implementasi Aplikasi

BAB V
HASIL DAN PEMBAHASAN

5.1 Hasil Implementasi

Pada tahap ini akan ditampilkan dan dijelaskan mengenai detail halaman
yang akan digunakan pada Aplikasi Sistem Informasi Absensi Kepegawaian
Berbasis Web.
5.1.1 Halaman Login
Ini adalah halaman login Aplikasi Sistem Informasi Absensi Kepegawaian
Berbasis Web. Tampilan halam login versi Web dapat dilihat pada gambar.

Gambar 5. 1 Tampilan Login

5.1.2 Halaman Menu Dashboard
Halaman ini merupakan halaman yang pertama dibuka oleh pengguna
setelah login, halaman ini berisi menu bagian-bagian dari web. Tampilan menu
dashboard dapat dilihat pada gambar.

Gambar 5. 2 Gambar Dashboard Web

5.1.3 Halaman Menu Bagian Administrasi

23
 Halaman ini berisi Menu bagian-bagian isi dari administrasi. Tampilan
halaman bagian administrasi dapat dilihat pada gambar.

Gambar 5. 3 Tampilan Menu bagian Administrasi

5.1.4 Tampilan Isi Dari kelengkapan Absen dilapangan

Gambar 5. 4 Absensi Ketika berada dilapangan

5.1.5 Tampilan Isi Dari kelengkapan Absen dikantor

Gambar 5. 5 Gambar Absen Kantor

5.1.6 Tampilan Isi Dari Absensi

Gambar 5. 6 Tampilan keterangan masuk.

24
5.1.7 Tampilan Isi Dari User Accounts
Ini isi dari tampilan semua User Account

Gambar 5. 7 Tampilan semua User Account

5.1.8 Tampilan Isi Dari New Accounts

Gambar 5. 8 Tampilan Create New Account

5.1.9 Tampilan Isi Dari Menu Managament

Gambar 5. 9 Menu Management

5.1.10 Tampilan Isi Dari Sub Menu Managament
Ini isi dari tampilan SubMenu Management

Gambar 5. 10 Submenu Management

25
5.2 Pembahasan
Sistem Informasi Absensi Pegawai Berbasis Web ini bertujuan untuk
membangun sebuah metodelogi pendataan kehadiran atau presensi dengan
menggunakan metode penelitian dan pengembangan serta improvisasi demi
pengembangan yang dibutuhkan dilapangan serta dapat terus dikembangkan
secara dinamis dalam pengembangan kedepannya oleh instansi terkait.
Pada Sistem Absensi Pegawai Berbasis Web ini Fungsional utamanya
adalah agar Pegawai Pemerintah Non-Pegawai Negri atau disingkat PPNP di
Dinas Pemberdayaan Masyarakat Dan Desa Kabupaten Bogor dapat melakukan
Absensi Secara Online dan Real time dimanapun serta kapanpun sesuai ketentuan
berlaku yang diterapkan instansi terkait.
Hasil Penelitian Sistem Informasi Absensi pegawai Berbasis Web ini
menunjukan setiap fungsi bekerja sebagai mana mestinya sesuai dengan metode
penelitian yang dipergunakan dalam pembuatan system informasi yang
menggunakan metode SDLC dan setiap perencanaan dan Analisa yang didapatkan
dilapangan dan hasil-hasil tersebut teruji menggunakan beberapa tahapan Uji
Coba terhadap Sistem untuk menggukur kesesuaiannya dengan setiap Langkah
yang terdapat didalamnya. Setiap form hasil dibuat sesuai dengan rancangan yang
dibuat berdasarkan kebutuhan dan kesesuaian perencanaan.

5.3 Tahap Uji Coba Sistem

Setelah melakukan tahap perancangan dan tahap implementasi maka tahap
selanjutnya adalah melakukan pengujian sistem untuk melihat fungsi dari setiap
fungsi yang ada, pengujian yang dilakukan dalam beberapa tahap, yaitu Uji Coba
Struktural, Uji Coba Fungsional, Uji Coba Validasi dan Uji Coba Kompatibilitas.
5.3.1 Tahap Uji Coba Struktural
Tahap uji coba struktural ini dilakukan untuk memasitikan apakah keadaan
system terstruktur dengan baik dan sesuai dengan apa yang diharapkan. Hasil uji
coba struktural dapat dilihat pada Lampiran13.
5.3.2 Tahap Uji Coba Fungsional
Setelah melakukan uji coba struktural selanjutnya akan dilakukan uji coba
fungsional, uji coba fungsional dilakukan dengan cara mengklik setiap button dan
melihat halaman yang akan terbuka. Hasil uji coba fungsional dapat dilihat pada
Lampiran 14.
5.3.3 Tahap Uji Coba Validasi
Uji coba validasi merupakan pemeriksaan keakuratan hasil data yang telah
dimasukan ke dalam aplikasi. Uji coba tersebut dilakukan dengan validasi sistem
pengisian data kedalam sistem dan hasilnya sesuai dengan data yang dimasukan.
Tabel dibawah ini merupakan hasil uji coba validasi pembuatan account,

26
penghapusan account, edit profile, change password, upload data, pencarian data
dan delete data, untuk lebih jelasnya dapat dilihat di Lampiran 15.

27
 BAB VI
KESIMPULAN DAN SARAN
6.1 Kesimpulan
Adanya Aplikasi Sistem Informasi Absensi Kepegawaian Berbasis Web
dengan harapan mempermudah, mengefesiensikan dan mengoptimalkan
pendataan kehadiran pegawai khususnya di Dinas Pemberdayaan masyarakat dan
desa kabupaten Bogor, website di rancang menggunakan Framework Codeigniter
3 untuk mempermudah dalam pengembangan website ini.Pada penelitian ini,
penulis menggunakan metode penelitian LDSC dengan tahapan yang meliputi
perencanaan, analisis, desain, implementasi, pengujian dan pemeliharaan. Penulis
juga telah melakukan beberapa uji coba pada Aplikasi Pangkalan Data Berbasis
Web ini, seperti hasil uji coba struktural menunjukan bahwa keadaan website ini
terstruktur dengan baik dan sesuai dengan apa yang diharapkan, uji coba
fungsional juga menunjukan bahwa tombol-tombol pada website yang dibuat
dapat berfungsi dengan baik, lalu pada uji coba validasi diketahui bahwa website
dan hasilnya menunjukan bahwa website sudah berjalan dengan baik, dan pada uji
coba kompatibilitas website ini sudah cukup baik dan layak untuk digunakan pada
beberapa spesifikasi device. Setelah semua proses pengujian dilakukan kemudian
sistem ini siap untuk digunakan secara maksimal bagi Dinas Pemberdayaan
Masyarakat dan Desa Kabupaten Bogor
6.2 Saran
1. Dalam Aplikasi Sistem Informasi Absensi Kepegawaian Berbasis Web ini
masih memiliki kekurangan. Maka dari itu demi memaksimalkan
kegunaan dan keberfungsian website ini diperlukanya pengembangan.
2. Hal-hal seperti masih belum mempunyai dua kali setiap harinya oleh karna
itu perlu adanya konfirmasi yang dipergunakan oleh admin untuk
memastikan kehadiran dengan cara memantau dari form laporan.
3. Submenu masih mengunakan kodingan manual untuk penambahan nya,
tentunya untuk setiap perbaikan akan kebutuhan pengguna dapat
diharapkan dapat diperbaiki dalam masa mendatang.
4. Demi keberlangsungan system ini agar bekerja secara optimal
dibutuhkannya tenaga kerja yang memahami cara kerja system website ini
dan juga ada beberapa bagian dari website ini yang dapat dikembangkan
oleh Dinas Pemberdayaan Masyarakat dan Desa Kab. Bogor.

28
 DAFTAR PUSTAKA

Alfi, Khoerul Rijal, A. C. (2022). Perancangan Sistem Informasi Penginputan

Data Berbasis Web Di Yayasan Yatim Piatu Ibnu Sabil. Tangerang
Selatan: Universitas Pamulang.
Baenil H., Bayu P (Desember 2019)
https://media.neliti.com/media/publications/293323-penggunaan-aplikasi-
content-management-s-b6b8ed3b.pdf
Desember 2022
Chrystin,R. (2020). “Perancangan Sistem Absensi Berbasis Web pada Program
Studi PTI UNIMUDA Sorong” Jurnal PETISI, Vol. 1, No. 2 Tahun 2020
Desember 2022
Gunanto, A., & Sudarmilah, E. (2020). Pengembangan Website E-Arsip Di
Kantor Kelurahan Pabelan. Jurnal Teknik Elektro, Vol. 20 No. 02
November 2022.
idcloudhost. (2017, August 4). “Mengenal Apa itu Framework CodeIgniter”
https://idcloudhost.com/ panduan/mengenal-apa-itu-framework-
codeigniter/
Desember 2022
Rut, Chrystin Saragi Napitu, I. A. (2020). Perancangan Sistem Absensi Berbasis
Web Pada Program Studi Pti Unimuda Sorong. Jurnal Petisi, Vol. 1, No. 2
Tahun 2020
Suryadi, A., & Zulaikhah, Y. S. (2019). Rancang Bangun Sistem Pengelolaan
Arsip Surat Berbasis Web (Studi kasus : Kantor Desa Karangrau
Banyumas). Jurnal Khatulistiwa Informatika, VOL. VII, NO.
Desember 2022.
Sutiyono, R. N. (2021). Analisis Dan Perancangan Sistem Informasi Absensi
Siswa Berbasis Web Di Smk Harapan Bangsa. Jurnal Sistem Informasi, J-
Sika Volume 03 Nomor 01
Triyono. (2018). “PERANCANGAN SISTEM INFORMASI ABSENSI GURU
DAN STAFF PADA SMK PANCAKARYA TANGERANG BERBASIS
WEB”. ISSN: 2461-1409,
November 2022
Wikipedia. (2021, December 8). “Pangkalan_data.”
id.wikipedia.org: https://id.wikipedia.org/wiki/Pangkalan_data,
Deember 2022

ix
 DAFTAR LAMPIRAN
Lampiran 1. Surat Pengajuan Praktek Lapang

39
Lampiran 2. Surat Balasan Praktek Lapang

40
Lampiran 3. Surat Keterangan Selesai Praktek Lapang.

41
Lampiran 4. Daftar Kehadiran Praktek Lapang

42
43
Lampiran 5. Tabel Wawancara
Pertanyaan Jawaban Tanggal
Berapa banyak total
Total saat ini kurang lebih ada
pegawai yang berada di
150 Pegawai yang terbagi
Dinas Pemberdayaan 4 Oktober2022
menjadi menjadi PNS dan non
Masyarakat dan desa Kab.
PNS.
Bogor.?
Seluruh Kabupaten Bogor
Seberapa besar cakupan
terlepas dari wilayah adalah
wilayah yang menjadi
tugas dan tanggung jawab 4 Oktober 2022
tanggung jawab di
kami, untuk Pemberdayaan
DPMD?
Masyarakat dan Desa.
Tentu saja tidak, yang
membawahi Karang Taruna
adalah Kecamatan. Namun
Apakah Karang Taruna
Setiap Kecamatan yang
Termasuk yang dikelola 5 Oktober 2022
menjadi tanggung jawab kami
Oleh DPMD?
dalam pengembangan
Pemberdayaan Masyarakat
dan Desa di Kabupaten Bogor,
Saat ini berjumlah kurang 7 Oktober 2022
Berapa banyak Pegawai lebih 50 orang dan mungkin
Non-PNS di DPMD saat bertambah maupun berkurang,
ini? dapat di nilai dari kinerja
masing masing pegawai

Sampai saat ini untuk Surat

masuk dan keluar kita sudah
Dalam Era Perkembangan
menggunakan aplikasi untuk
Global berapa banyak
menggelola arsip secara
system informasi atau pun
offline dan online. Dan 7 Oktober 2022
pengimplementasian
teruntuk Absensi PNS sudah
teknologi yang di
ada dan itu berpusat di Kantor
berlakukan di DPMD?
Bupati Kabupaten Bogor
Namanya
“SiCantik.bogorkab.go.id”
Apakah Ada Sistem Tidak ada, sampai saat ini 7 Oktober 2022
serupa mereka masih menggunakan
“SiCantik.bogorkab.go.id Whatsapp Group sebagai cara
” yang diperuntukan untuk untuk mendata presensi
pegawai Non-PNS? mereka dengan cara
menggirim foto sedang berada
di kantor sehingga masih

44
 belum maksimal. Seperti
seringkali Pegawai tidak
terpantau kehadirannya
apabila whatsapp maintance.
Lampiran 6 Tabel Identifikasi Permasalahan
No Permasalahan Penyebab
1. Seringkali Pegawai tidak bisa Tidak adanya Sistem Informasi
melakukan Absen dan yang menaungi atau menjadi sarana
menyatakan dirinya hadir di yang dapat di akses secara
kantor dengan bukti Ketika langsung.
Aplikasi Whatsapp Maintance
2. Data data kehadiran tidak ter- Tidak adanya Database yang
Redudancy dengan baik menampun data data tersebut.
3 Manajement keuangan teruntuk Tidak adanya Sistem informasi
penggajian berdasarkan kehadiran yang dapat menggelola data data
tidak dapat secara maksimal tersebut secara real time.
tervalidasi.

45
Lampiran 7. Analisis Sistem yang Sedang Berjalan
Pegawai Admin
Lihat foto
If
admin
Mulai
If
Input foto
Pegawai
database

46
Lampiran 8. Analisis Sistem yang akan dikembangkan.
Admin pegawai
Mulai

Edit
Input
Document
Data
GAGAL
Document
Edit
Input
Login
Document
Masuk If Pegawai
If
DataAdmin
Masuk
Databas
e

47
Lampiran 9. Tabel Use Case
ADMIN
NO Use case Description
Sebelum Memasuki Website Admin terlebih
dahulu harus melakukan login dengan
1 LOGIN
memasukan email dan password

Setelah tervalidasi bahwa account admin yang

2 REGISTER menjalankan website, maka dapat melakukan
Registrasi untuk membuat account baru
Setelah tervalidasi bahwa account admin yang
menjalankan website, maka admin bisa
3 ABSEN
memasuki halaman absen. untuk melihat data
kehadiran
Setelah tervalidasi bahwa account admin yang
menjalankan website, maka admin bisa
4 DOCUMENT memasuki halaman Document. untuk melihat
data document masuk untuk memvalidasi
kehadiran
Setelah tervalidasi bahwa account admin yang
menjalankan website, maka admin bisa
5 MY PROFILE memasuki halaman MyProfile. untuk melihat
mengubah photo profile atau mengganti nama
atau mengganti password account.
Setelah tervalidasi bahwa account admin yang
menjalankan website, maka admin bisa
memasuki halaman role. untuk mengatur akses
6 ROLE
yang dimiliki setiap role maupun mengatur role
account yang baru dibuat dan mengatur akses
account baru tersebut
Setelah tervalidasi bahwa account admin yang
menjalankan website, maka admin bisa
7 USER ACCOUNT memasuki halaman USER ACCOUNT. untuk
melihat data account terdaftar dan mengubah
hal hal terkait didalamnya
Setelah tervalidasi bahwa account admin yang
menjalankan website, maka admin bisa
MENU
8 memasuki halaman MENU MANAGEMENT.
MANAGEMENT
untuk menambah atau menghapus halaman
yang terdapat di website

48
 PEGAWAI
NO Use case Description
Sebelum Memasuki Website Pegawai terlebih
dahulu harus melakukan login dengan
1 LOGIN
memasukan email dan password

Setelah tervalidasi bahwa account Pegawai

yang menjalankan website, maka Pegawai bisa
2 ABSEN memasuki halaman Pegawai. Untuk
memasukan data kehadirannya dan melihat
data kehadiran yang telah masuk
Setelah tervalidasi bahwa account Pegawai
yang menjalankan website, maka Pegawai bisa
memasuki halaman Document. Untuk
3 DOCUMENT
memasukan file untuk memberikan validasi
kehadiran dan melihat data document yang
masuk
Setelah tervalidasi bahwa account Pegawai
yang menjalankan website, maka admin bisa
4 MY PROFILE memasuki halaman MyProfile. untuk melihat
mengubah photo profile atau mengganti nama
atau mengganti password account.

49
Lampiran 10. Perancangan Tabel Pada Database
Tabel User
Field Type Size Keterangan
Id int 11 Primary key
Name varchar 128 Null
Email varchar 128 Null
Image varchar 128 Null
Password varchar 256 Null
role_id int 11 Null
is_active int 1 Null
date_created int 11 Null
Tabel User_Absensi
Field Type Size Keterangan
User_Absensi_id Int 11 Primary key
User_id Int 11 Null
Date Date - Null
Check_in Time - Null
Utk Varcha 255 Null
r
Berkas Varcha 255 Null
r

50
Tabel User_Role
Field Type Size Keterangan
Id int 11 Primary key
Role varchar 128 Null

Tabel User_Access_Menu
Field Type Size Keterangan
Id int 11 Primary key
role_id Int 11 Null
Menu_id int 11 Null

Tabel User_Menu
Field Type Size Keterangan
Id int 11 Primary key
menu_id varchar 128 Null
Tabel User_Sub_Menu
Field Type Size Keterangan
Id int 11 Primary key
Menu_id int 11 Null
Title varchar 128 Null
url varchar 128 Null
Icon varchar 256 Null

51
 Is_active int 1 Null

Tabel User_File
Field Type Size Keterangan
Id int 11 Primary key
Judul varchar 128 Null
Date date - Null
Nama_file varchar 128 Null

Tabel User_File_TP
Field Type Size Keterangan
Id int 11 Primary key
Judul varchar 128 Null
Date Date - Null
Nama_file varchar 128 Null

Tabel User_File_Edt
Field Type Size Keterangan
Id Int 11 Primary key
Judul varchar 128 Null
Date date - Null
Nama_file varchar 128 Null

Tabel User_File_Kantor

52
 Field Type Size Keterangan
Id int 11 Primary key
Judul varchar 128 Null
Date Date - Null
Nama_file varchar 128 Null

Tabel User_File_Lapangan
Field Type Size Keterangan
Id Int 11 Primary key
Judul varchar 128 Null
Date date - Null
Nama_file varchar 128 Null

53
Lampiran 11. Diagram DFD

54
55
Lampiran 12. Flowchart Sistem yang Dikembangkan

56
Lampiran 13.Tabel Uji Struktur

57
 Form/
Uji Coba Implementasi Keterangan
Halaman
Aplikasi akan
menampilkan

Halaman halaman login

Sesuai
Login saat berhasil di
akses melalui
URL.

Sidebar terletak
di samping kiri
website,

Halaman digunakan untuk

Sesuai
Sidebar memudahkan
navigasi user ke
halaman halaman
tertentu.

Ketika login
berhasil, maka

Halaman menu pertama

Sesuai
Dashboard yang ada pada
apikasi adalah
halaman
dashboard.

Form untuk
validasi
Form Delete Sesuai
penghapusan
Account
sebuah akun dari
admin.

58

Halaman
Lampiran 14. Tabel Uji Fungsional
Teknik
NO Form/Page Fungsi Keterangan
Uji Coba
Klik login, Jika
berhasil akan masuk
ke halaman
1 Halaman Login Button Login Berfungsi
selanjutnya, jika
gagal akan ada
notifikasi.
Klik card Laporan
Kegiatan Pegawai
Button Laporan
maka akan menuju
Kegiatan Berfungsi
ke submenu
Pegawai
Lapangan atau
Halaman Kantor
2
Dashboard Klik card Laporan
Absensi Pegawai
Button Laporan
maka akan menuju
Absensi Berfungsi
ke tabel arsip data
Pegawai
termuat oleh user di
website
3 Halaman
Account
Klik add new
account maka akan Berfungsi
Button Add
menuju ke halaman
New Account
DPMD Registration
Account

Klik Delete di salah

satu account maka
Button Delete akan muncul form Berfungsi
validasi hapus
account.
Button Edit Klik Edit di salah Berfungsi
satu account maka

59
 akan muncul form
merubah email dan
nama user account
dan memvalidasi.
Klik Edit di salah
satu account maka
Button akan muncul form
Berfungsi
Password merubah email dan
nama user account
dan memvalidasi.
klik card Pegawai
Button Pegawai Lapangan maka
Berfungsi
Lapangan akan menuju ke
Halaman Lapangan
Halaman
klik card Pegawai
Laporan
4 Button Pegawai Kantor maka akan
Kegiatan Berfungsi
Kantor menuju ke Halaman
Pegawai
Kantor
Klik Kembali akan
Kembali menuju halaman Berfungsi
sebelumnya
klik card Pegawai
Halaman Kantor
Button Pegawai Kantor maka akan
5 Kegiatan Berfungsi
Kantor menuju ke Halaman
Pegawai
Kantor
6 Halaman Klik Register
DPMD Account akan
Registration menuju halaman
Account User Accounts dan
menunjukan
account yang sudah
Button Register
dibuat jika berhasil Berfungsi
Account
membuat account,
jika gagal akan ada
notifikasi alasan
gagalnya terbuat
account. notifikasi
apabila berhasil.
Kembali Klik Kembali akan Berfungsi
menuju halaman

60
 sebelumnya
Klik add new role
Button Add maka akan muncul
Berfungsi
New Role form pembuatan
role baru
Klik access pada
salah satu role maka
akan menuju ke
Button Access Berfungsi
halaman role access
7 Halaman Role
dengan nama role
yang di pilih.
Klik hapus pada
salah satu role maka
akan ada form
Button Delete Berfungsi
validasi
penghapusan role
yang di pilih.
Klik edit maka full
name atau profile
Button Edit
picture account akan Berfungsi
Profile
terganti sesuai
keinginan user.
Halaman My
8 Klik change
Profile
password maka
Button Change password baru yang
Berfungsi
Password di input user akan
menggantikan
password lama user
Klik add new menu
Halaman Menu Button Add maka akan muncul
9 Berfungsi
Manajement New Menu form pembuatan
menu baru
Klik add new menu
Halaman
Button Add maka akan muncul
10 Submenu Berfungsi
New SubMenu form pembuatan
Manajement
menu baru
11 Button Kembali Klik Kembali akan Berfungsi
menuju halaman
sebelumnya

61
 Klik form Date
maka akan muncul
Form Date form untuk Berfungsi
menyesuaikan
tanggal
Klik form Nama/
Nik maka akan
Form
muncul form untuk Berfungsi
Nama/Nik
memuat Keterangan
Nama dan Nik
Klik form File maka
Halaman akan muncul form
Lapangan Form File untuk memuat file Berfungsi
dari device dan atau
deskop
Klik Upload untuk
maka akan muncul
Button Upload form untuk Berfungsi
menyesuaikan
tanggal
Klik Print maka
akan muncul form
Button Print untuk Print seluruh Berfungsi
File masuk secara
Langsung
Klik Copy maka
akan muncul
Notifikasi bahwa
Button Copy Berfungsi
seluruh File masuk
telah ter-copy secara
Langsung
Klik Excel maka
akan mengunduh
Seluruh File masuk
Button Excel secara langsung Berfungsi
dalam bentuk
format file Excel
secara Langsung
Button CSV Klik CSV maka Berfungsi
akan mengunduh

62
 Seluruh file masuk
secara langsung
dalam bentuk
format file CSV
secara Langsung

Klik PDF maka

akan mengunduh
Seluruhfile masuk
Button PDF secara langsung Berfungsi
dalam bentuk
format file PDF
secara Langsung

Klik Unduh maka

akan mengunduh
file masuk tertentu
secara langsung
Button Unduh Berfungsi
dalam bentuk
format file yang
tertera secara
Langsung.
Klik Edit maka akan
memunculkan form
untuk mengubah
Button Edit keterangan Berfungsi
Nama/Nik, Date dan
Nama file telah
termuat.
Klik Delete maka
akan memunculkan
form untuk
Button Delete memvalidasi Berfungsi
keputusan
menghapus file
terpilih.
13 Halaman Kantor Klik Kembali akan
Button Kembali menuju halaman Berfungsi
sebelumnya
Form Date Klik form Date Berfungsi
maka akan muncul
form untuk

63
 menyesuaikan
tanggal
Klik form Nama/
Nik maka akan
Form
muncul form untuk Berfungsi
Nama/Nik
memuat Keterangan
Nama dan Nik
Klik form File maka
akan muncul form
Form File untuk memuat file Berfungsi
dari device dan atau
deskop
Klik Upload untuk
maka akan muncul
Button Upload form untuk Berfungsi
menyesuaikan
tanggal
Klik Print maka
akan muncul form
Button Print untuk Print seluruh Berfungsi
File masuk secara
Langsung
Klik Copy maka
akan muncul
Notifikasi bahwa
Button Copy Berfungsi
seluruh File masuk
telah ter-copy secara
Langsung
Klik Excel maka
akan mengunduh
Seluruh File masuk
Button Excel secara langsung Berfungsi
dalam bentuk
format file Excel
secara Langsung
Button CSV Klik CSV maka Berfungsi
akan mengunduh
Seluruh file masuk
secara langsung
dalam bentuk

64
 format file CSV
secara Langsung
Klik PDF maka
akan mengunduh
Seluruhfile masuk
Button PDF secara langsung Berfungsi
dalam bentuk
format file PDF
secara Langsung
Klik Unduh maka
akan mengunduh
file masuk tertentu
secara langsung
Button Unduh Berfungsi
dalam bentuk
format file yang
tertera secara
Langsung.
Klik Edit maka akan
memunculkan form
untuk mengubah
Button Edit keterangan Berfungsi
Nama/Nik, Date dan
Nama file telah
termuat.
Klik Delete maka
akan memunculkan
form untuk
Button Delete memvalidasi Berfungsi
keputusan
menghapus file
terpilih.
14 Halaman Klik Cek-in akan
Absensi menampilkan form
untuk memberi
keterangan apa
Button Cek-In Berfungsi
dikerjakan dan
secara otomatis
menyimpan tanggal
dan waktu
Button Reset Klik Reset untuk Berfungsi

65
 memuat ulang
Klik form Date
maka akan muncul
Button Date
form untuk Berfungsi
awal
menyesuaikan
tanggal
Klik form Date
maka akan muncul
Button Date
form untuk Berfungsi
Akhir
menyesuaikan
tanggal
Klik Kirim Kueri
untuk memunculkan
Kueri sehingga
mensorting data
absensi pada tabel
Button kirim
berdasarkan tanggal Berfungsi
Kueri
yang dipilih dari dua
Button Date
Tanggal awal dan
Button Date
Tanggal Akhir

66
Lampiran 15. Tabel Uji Validasi
N HALAMAN Input Output Keterangan Hasil
O

Validasi user login b

dengan nama email
1 “user11@gmail.com
Administrator ”
& User Login

Sesuai

Validasi admin
membuat akun baru
Create New dengan nama email “
2
Accounts user5@gmail.com”

Sesuai

Validasi admin
menghapus akun
dengan nama email
Delete “user5@gmail.com”
3
Account

Sesuai

67
 Validasi merubah
Full Name dari
“User5” menjadi
“Pegawai tertampan”
4 Edit Profile dan merubah Profile
Picture

Sesuai

Validasi mengganti
Change password “password”
5
Password menjadi
“password123”

Sesuai

Validasi input data

ke halaman tabel
6 Memuat Data Data kantor dengan
judul “Lapangan”
dan file CSV

Sesuai

68
 Validasi mencari data
dengan keywoard
7 Search Data “Lapangan” Untuk
mencari file Bernama
“Lapangan.csv”
Sesuai

Validasi
penghapusan data
8 Delete Data Berjudul “Lapangan”
dengan nama file
“Lapangan.csv”
Sesuai

69