IMPLEMENTASI PRESENSI WEB DENGAN FITUR LOKASI MAPS LEAFLET JS MENGGUNAKAN

LARAVEL

Disusun oleh :
( NAMA )
( NIM )

JURUSAN …
FAKULTAS …
UNIVERSITAS …
2022
BAB 1
Pendahuluan
Latar Belakang
 Dalam dunia bisnis pengelolaan presensi secara konvensional dengan mencatat
pada lembar absensi, akan membutuhkan waktu yang lama karena harus
memasukan satu per satu data dimasukan. Kemudian, rentan adanya manipulasi
data atau terjadi data yang ganda, sehingga tidak mendapatkan hasil yang akurat.

 Maka, diperlukan suatu aplikasi presensi yang dapat mendeteksi kehadiran

karyawan secara online yang terkoneksi dengan web melalui fitur pengelolaan
aktivitas kerja karyawan.
TUJUAN DAN MANFAAT PENELITIAN

1. Membagun sistem aplikasi presensi secara online

2. Memanfaatkan teknologi web dan software yang

digunakan: Laravel sebagai Framework Web, Boostrap
sebagai Framework User Interface, MySQL sebagai
DBMS, Jquery dan plugins lainnya

3. Meningkatkan kualitas absensi karyawan

BAB 2
TINJAUAN PUSTAKA
 TINJAUAN PUSTAKA
 Laravel
Laravel adalah sebuah kerangka kerja PHP dengan berbagai fitur untuk mempercepat proses pengembangan
aplikasi. Framework ini memiliki sintaks untuk berbagai tasks terkait performa aplikasi seperti autentikasi,
sessions, queueing, caching, dan routing RESTful

 Leaflet
Leaflet suatu pustaka JavaScript sumber terbuka yang digunakan untuk membangun aplikasi pemetaan web.
Leaflet memudahkan pengembang yang tidak mempunyai pengetahuan tentang GIS karena sdata peta akan
sangat mudah ditampilkan dalam peta web yang sudah disimpan dalam hostingpublik.

 Kajian Literatur
“Aplikasi Absensi Pegawai Pada Kantor Dinas Pariwisata Dan Komunikasi Informasi”. Dalam penelitian
ini, hasil yang diperoleh adalah aplikasi absensi pegawai yang membantu bagian kepegawaian dalam mengelola
data kehadiran pegawai dan informasi laporan kehadiran pegawai yang akurat.
BAB 3
PERENCANAAN DAN ANALISA
PERANCANGAN SISTEM
PERENCANAAN DAN ANALISA PERANCANGAN SISTEM

 Perencanaan Sistem
Dalam hal ini penulis merencanakan pembuatan Implementasi Aplikasi Presensi Web Dengan Fitur Lokasi
Maps Leaflet JS Menggunakan Laravel agar mempermudah karyawan untuk melakukan absen.

 Analisis Kebutuhan Software

penulis menggunakan perangkat lunak (software) sebagai berikut:
• Laravel
• Bootstrap
• Leaflet
• Visual Studio Code
• Laragon
• Browser Google Chrome
PERENCANAAN DAN ANALISA PERANCANGAN SISTEM

Metode Rekayasa Perangkat Lunak Rancangan Aplikasi

BAB 4
IMPLEMENTASI APLIKASI DAN
PENGUJIAN APLIKASI
 IMPLEMENTASI APLIKASI DAN PENGUJIAN APLIKASI

Halaman login (Admin) Halaman dashboard

 IMPLEMENTASI APLIKASI DAN PENGUJIAN APLIKASI

Presensi harian Laporan presensi

 IMPLEMENTASI APLIKASI DAN PENGUJIAN APLIKASI

Pengumuman

Konfirmasi Pengajuan Cuti dan Izin

 IMPLEMENTASI APLIKASI DAN PENGUJIAN APLIKASI

Master user Master jam kerja

 IMPLEMENTASI APLIKASI DAN PENGUJIAN APLIKASI

Atur header

Master cuti
IMPLEMENTASI APLIKASI DAN PENGUJIAN APLIKASI

Dengan tampilan login sebagai Karyawan:

Halaman login (Karyawan)

IMPLEMENTASI APLIKASI DAN PENGUJIAN APLIKASI

Dengan tampilan login sebagai Karyawan:

Presensi
 IMPLEMENTASI APLIKASI DAN PENGUJIAN APLIKASI

Dengan tampilan login sebagai Karyawan:

Halaman Dashboard Rekap presensi

IMPLEMENTASI APLIKASI DAN PENGUJIAN APLIKASI

Cuti Izin
BAB 5
PENUTUP
 Kesimpulan
 Penelitian yang dilakukan penulis berhasil membangun sebuah Implementasi
Presensi Web Dengan Fitur Lokasi Maps Leaflet Js Menggunakan Laravel. Maka,
pemimpin atau owner dapat langsung mengetahui kehadiran karyawan secara
real time melalui website.

 Aplikasi ini dibangun untuk memudahkan karyawan dalam melakukan absensi,

karena hanya membutuhkan sebuah smartphone untuk melakukan absen masuk
dan keluar, staff admin juga dapat melihat daftar kehadiran karyawan melalui
website.

 Dengan adanya Implementasi Presensi Web Dengan Fitur Lokasi Maps Leaflet Js
Menggunakan Laravel ini dapat membantu dan memudahkan staff admin
dalam mengelola data absensi karyawan.
 Saran
1. Sistem aplikasi presensi karyawan berbasis website ini bisa
sebagai referensi belajar pemrograman web dan untuk
dikembangkan lebih bagus lagi, seperti:
 Menambahkan fitur Face Recognition dan QR-Code. Hal
tersebut agar keamanan sistem aplikasi presensi lebih baik
dan mencegah penyalahgunaan oleh pihak lain.
 Menambahkan menu menghitung gaji karyawan. Hal
tersebut agar dapat memudahkan admin dalam
memberikan gaji karyawan.
3. Informasi yang disajikan masih mudah dimanipulasi sehingga
perlu dilakukan pengecekan dan maintenance yang teratur.

4. Perlu adanya masukan dari berbagai pihak agar sistem dapat

berfungsi secara optimal sesuai dengan kebutuhan.
Thanks