Zurück zu allen Projekten

Arbeitszeiterfassung

Zeiterfassungslösung für das Piksl-Labor Düsseldorf

ReactNode.jsmySQL
Arbeitszeiterfassung
Projektbeschreibung: Im Rahmen des universitären Moduls „Inklusives IT-Design“ habe ich in einem Semester in einer Gruppe von fünf Studierenden ein inklusives Softwareprojekt umgesetzt. Alle zwei-drei Wochen besuchten wir das Piksl-Labor in Düsseldorf – eine Behindertenwerkstatt, in der Menschen mit kognitiven und körperlichen Einschränkungen arbeiten. Durch regelmäßigen Austausch mit den Betroffenen vor Ort identifizierten wir ein konkretes Alltagsproblem und entwickelten eine barrierearme Softwarelösung dafür. Das identifizierte Problem: Die Mitarbeiter:innen mussten ihre Arbeitsstunden selbstständig dokumentieren und am Monatsende manuell per E-Mail an die Abrechnungsstelle senden. Dieser Prozess war fehleranfällig, aufwendig und für viele aufgrund der Einschränkungen schwer allein zu bewältigen. Unsere Lösung ist eine benutzerfreundliche React-Webanwendung zur einfachen Zeiterfassung, die bewusst auf maximale Zugänglichkeit und Einfachheit ausgelegt wurde: - Jede:r Mitarbeiter:in erhält einen persönlichen QR-Code. - Durch Scannen des QR-Codes mit dem Smartphone gelangt die Person direkt auf eine Benutzerfreundliche Oberfläche. - Dort gibt es große, klar beschriftete Buttons zum Ein- und Ausstempeln. - Zusätzlich kann die eigene Stundenhistorie eingesehen und bei Bedarf manuell korrigiert werden. - Die Abrechnungsstelle hat Zugriff auf eine Admin-Oberfläche, in der alle erfassten Stunden aller Mitarbeiter:innen übersichtlich einsehbar sind. Die Anwendung wurde bewusst als Web App konzipiert, sodass sie ohne Installation genutzt werden kann. Erlernte Skills: - Partizipatives und inklusives Design: Regelmäßige Interviews und iterative Feedback-Schleifen mit den Menschen vor Ort - Barrierefreie Webentwicklung: WCAG-konforme Umsetzung (hoher Kontrast, große Touch-Targets, klare Sprache) - Frontend-Entwicklung mit React - Authentifizierung über QR-Code - Admin-Dashboard mit Übersicht und Filter - Backend-Integration (Node.js und mySQL Datenbank) Technische Herausforderungen: - Extreme Vereinfachung der Benutzeroberfläche - Zuverlässige QR-Code Authentifizierung - Datenschutz und Sicherheit bei sensiblen Arbeitszeitdaten - Koordination in einer größeren Gruppe mit regelmäßigen Vor-Ort-Terminen - Zeitliche Begrenzung des Projekts Ergebnis: - Funktionsfähige, barrierearme Webanwendung, die im Piksl-Labor erfolgreich getestet und positiv angenommen wurde - Praktische Umsetzung von Prinzipien des Inclusive Design: Die Lösung entstand direkt mit und für die Zielgruppe - Erfolgreicher Abschluss des Moduls mit einer Lösung, die potenziell auch in anderen Werkstätten einsetzbar wäre - Deutliche Vereinfachung der Abläufe - Erfolgreiche Zusammenarbeit im Team