Presensi Project

Dieses Projekt ist ein von Praktikanten der MBKM Mandiri Universität Lampung entwickeltes Projekt.

Dieses Projekt ist auch in anderen Sprachen verfügbar:
Jan 2025
Titelbild für Presensi Project

Presensi-Projekt

Dieses Anwesenheitserfassungsprojekt wurde von MBKM Mandiri-Praktikanten an der Universität Lampung entwickelt. Anlass für das Projekt war die Schwierigkeit des Leiters der Verwaltungskoordinierungsabteilung, die Anwesenheit der Praktikanten, der sogenannten EOS (Engineer On Site), zu erfassen. Letztendlich wurde uns die Aufgabe übertragen, dieses Problem zu lösen.

Anwesenheitsrollen

Die folgenden Rollen werden auf der Website presence.unila.ac.id erstellt.

a. Administrator: Verwaltet die Benutzerrollen und weist Benutzer ihren Arbeitseinheiten zu. Administratoren können außerdem Ankunftszeiten konfigurieren, um die Ein- und Ausstempelzeiten sowie den Beginn von Überstunden festzulegen. Sie können zudem die Anwesenheitshistorie und die Anwesenheitslisten von Mitarbeitern einsehen, die sich per QR-Code eingestempelt haben. Bei Bedarf können Administratoren auch Benutzerkonten erstellen.

b. Bediener: Generiert einen QR-Code, der von Benutzern mit der Benutzerrolle gescannt werden kann. Bediener können außerdem von Benutzern mit der Mitarbeiterrolle eingereichte Genehmigungsscheine prüfen und die Anwesenheitshistorie nur derjenigen Bediener einsehen, die dieser Arbeitseinheit zugeordnet sind.

c. Mitarbeiter: Mitarbeiter können den vom Bediener generierten QR-Code scannen, um sich für den jeweiligen Tag einzustempeln. Über die Genehmigungsanfrageseite können Mitarbeiter außerdem einen Urlaubsantrag stellen und Fehlzeiten melden. Nach Arbeitsende können sie das bereitgestellte Logbuch täglich ausfüllen.

Technologie-Stack

Der für die Anwesenheitserfassung verwendete Technologie-Stack ist wie folgt:

  • Laravel (v10)
  • Tailwind CSS
  • Vite
  • PostgreSQL
  • Nginx
  • Ubuntu Server
  • Wazuh (Sicherheitsüberwachung)


Das verwendete ER-Diagramm sieht wie folgt aus: [Link zum Anwendungsfalldiagramm

*) Hinweis: Die Seiten 4–5 wurden überarbeitet.

Hier ist der Link zum Design: [Link zu Figma]

Die fertige Website: [Link zur Anwesenheitsliste]

Pitch-Deck-Anwendung

Dashboard-Ansicht

Folgende Darstellungen wurden erstellt:

Blog Image
Blog Image
Blog Image
Blog Image