Presensi Project

Presensi project ini merupakan sebuah project yang dikembangkan oleh mahasiswa magang MBKM Mandiri Universitas Lampung

Proyek ini tersedia dalam bahasa lain:
Jan 2025
Gambar sampul untuk Presensi Project

Presensi Project

Presensi project ini merupakan sebuah project yang dikembangkan oleh mahasiswa magang MBKM Mandiri Universitas Lampung. Project ini dilatarbelakangi oleh Kadiv Kordinator TU bagian yang susah merekap kehadiran pada pegawai magang, EOS (Engineer On Site). Pada akhirnya kami ditugaskan untuk memecahkan masalah tersebut.

Peran Pada Presensi

Berikut adalah peran-peran yang dibuat pada web presensi.unila.ac.id

a. Admin : mengatur manajemen akses peran pengguna dan menempatkan pengguna berdasarkan unit kerja yang ditentukan. Admin juga bisa mengatur konfigurasi jam waktu dating untuk menentukan batas waktu masuk pegawai, menentukan batas jam pulang, dan juga menentukan batas kapan jam lembur dimulai. Admin juga bisa melihat riwayat presensi dan log book dari pegawai yang telah melakukan presensi dengan cara memindai kode qr. Admin juga bisa membuat akun pengguna jika diperlukan.

b. Operator : menghasilkan kode qr agar bisa dipindai oleh pengguna yang memiliki peran pengguna. Operator juga bisa melakukan validasi pada surat izin yang diajukan user yang memiliki peran pegawai dan bisa melihat riwayat presensi hanya pada operator yang ditempatkan pada unit kerja tersebut.

c. Pegawai : pegawai dapat memindai kode qr yang dihasilkan oleh operator untuk melakukan presensi pada hari itu. Pada peran pegawai juga dapat melakukan pengajuan izin pada hari itu dan bisa melakukan pengajuan lupa presensi pada halaman pengajuan izin. Pegawai bisa mengisi logbook yang telah disediakan perhari setelah melakukan pekerjaan pada hari itu.

Tech Stack

Tech stack yang digunakan dalam presensi adalah sebagai berikut :

  • Laravel (V 10)
  • Tailwind CSS
  • Vite
  • PostgreSQL
  • Nginx
  • Ubuntu Server
  • Wazuh (Security Monitoring)

ERD yang digunakan adalah sebagai berikut : Link Use Case diagram

*) Note : page 4- 5 yang dipake yang hasil revisi

Berikut Link Desainnya Link Figma

Hasil Jadi Webnya : Web Presensi

Pitch Deck Aplikasi

Tampilan Dashboard

Berikut adalah tampilan-tampilan yang dibuat :

Blog Image
Blog Image
Blog Image
Blog Image