Presensi Project

This project was developed by interns at MBKM Mandiri University Lampung.

This project is available in other languages:
Jan 2025
Cover image for Presensi Project

Presensi Project

This attendance project is a project developed by MBKM Mandiri interns at the University of Lampung. The project was inspired by the Head of the Administration Coordinator Division's difficulty recording the attendance of interns, the EOS (Engineer On Site). Ultimately, we were tasked with solving this problem.

Attendance Roles

The following roles are created on the presence.unila.ac.id website.

a. Admin: Manages user role access management and assigns users based on their assigned work units. Admins can also configure arrival times to determine employee clock-in and clock-out times, and overtime start times. Admins can also view attendance history and logbooks for employees who have clocked in by scanning a QR code. Admins can also create user accounts if necessary.

b. Operator: Generates a QR code for scanning by users with the user role. Operators can also validate permission slips submitted by users with the employee role and can view the attendance history only for operators assigned to that work unit.

c. Employee: Employees can scan the QR code generated by the operator to clock in for that day. The employee role can also request a day's leave request and can request a missed attendance request on the permit request page. Employees can fill in the provided logbook daily after completing their work.

Tech Stack

The tech stack used for attendance is as follows:

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


The ERD used is as follows: Use Case Diagram Link

*) Note: Pages 4-5 used are revised.

Here is the design link: Figma link

The finished website: Attendance Web

Pitch Deck Application

Dashboard View

The following are the displays that were created :

Blog Image
Blog Image
Blog Image
Blog Image