Archiv der Kategorie: Projekte

Jobverwaltung für den Kindergarten mit Laravel & Vue.js

Projekte, , , , , , ,

Einleitung

In diesem Blogbeitrag möchte ich euch meine Webapplikation vorstellen, die ich mithilfe von Laravel und Vue.js entwickelt habe. Sie dient der Verwaltung von Arbeitsstunden in einem Kindergarten. Eltern müssen Arbeitsstunden leisten, um die monatlichen Kosten für sie entsprechend geringer zu halten. Die Applikation erleichtert die Verwaltung dieser Stunden und sorgt für eine übersichtliche Organisation der anfallenden Aufgaben.

Technologien

Die Applikation basiert auf folgenden Technologien:

  • Backend: Laravel (PHP) mit MariaDB als Datenbank
  • Frontend: Vue.js mit Tailwind CSS und Element Plus für ein modernes und responsives Design

Funktionen im Überblick

Die Webapplikation bietet verschiedene Seiten und Funktionen, die je nach Benutzerrolle zugänglich sind. Hier eine Übersicht:

1. Login-Seite

Jeder Benutzer muss sich authentifizieren, um auf die Applikation zugreifen zu können. Dies geschieht über die Login-Seite.

2. Dashboard

Das Dashboard gibt eine übersichtliche Darstellung der bereits geleisteten und noch offenen Arbeitsstunden. So haben Eltern stets den Überblick über ihre Verpflichtungen.

3. Jobliste

  • Nur Benutzer mit der entsprechenden Rolle können die Jobliste einsehen.
  • Hier sind alle aktuell offenen Aufgaben aufgelistet, die erledigt werden müssen.
  • Benutzer können Jobs annehmen und nach Erledigung den Status auf „erledigt“ setzen.

4. Jobverwaltung

  • Nutzer mit der Rolle Jobersteller haben die Möglichkeit, neue Aufgaben anzulegen.
  • Sobald ein Nutzer eine Aufgabe erledigt hat, muss der Jobersteller diese abschließend bestätigen.

5. Admin-Bereich

Administratoren haben erweiterte Funktionen zur Verwaltung der Applikation:

  • User-Verwaltung: Import und Export von Nutzern in Excel.
  • Job-Verwaltung: Export der Jobliste inklusive Grafiken.
  • Jahresabschluss: Möglichkeit, die Datenbank am Jahresende zu bereinigen.
  • Einstellungen: Anpassung von verschiedenen Systemparametern.
  • Kategorien-Verwaltung: Festlegen von Kategorien für verschiedene Jobs.

6. Benutzerprofil

Jeder Nutzer hat eine eigene Profilseite, auf der er seine persönlichen Daten wie Name, E-Mail-Adresse und Passwort ändern kann.

Fazit

Diese Applikation erleichtert die Verwaltung der elterlichen Arbeitsstunden erheblich. Durch die Nutzung von Laravel im Backend und Vue.js mit Tailwind CSS und Element Plus im Frontend konnte eine moderne und benutzerfreundliche Lösung geschaffen werden.

Hast du Anregungen oder Verbesserungsvorschläge? Ich freue mich auf dein Feedback!

The Playlist Editor: Ein Blick auf mein altes Projekt

Projekte, , ,

Vor einigen Jahren habe ich ein Programm entwickelt, mit dem man Playlisten erstellen und bearbeiten kann: The Playlist Editor. In einer Zeit, in der fast jeder streamt und kaum noch jemand große Festplatten voller MP3s besitzt, ist dieses Tool vermutlich nur noch für eine kleine Zielgruppe relevant.

Auch ich höre mittlerweile fast ausschließlich über Streaming-Dienste oder Radio. Aber es gibt noch eine Anwendung, bei der der Playlist Editor für mich unverzichtbar ist.

In unserem Badezimmer habe ich einen Raspberry Pi installiert, den ich über ein Touchpanel steuere. Die MP3-Dateien und Playlisten sind über einen NFS-Share auf dem Raspberry eingebunden. Allerdings unterscheidet sich der Pfad des NFS-Shares auf meinem Arbeitsrechner von dem Pfad, den der Raspberry Pi nutzt. Genau hier kommt der Playlist Editor ins Spiel: Mit ihm kann ich MP3-Dateien mit einem relativen Pfad zur Playlist hinzufügen, sodass sie überall korrekt funktionieren.

Nach rund zehn Jahren habe ich das Projekt kürzlich wieder hervorgeholt und ein wenig überarbeitet. Die grafischen Änderungen, die in den unten stehenden Screenshots zu sehen sind, resultieren jedoch ausschließlich aus der Entwicklung von KDE. Ich selbst habe lediglich den Code optimiert, indem ich Kommentare hinzugefügt und Compiler-Warnungen entfernt habe. Einige der genutzten Elemente aus der Qt-Bibliothek sind inzwischen als „deprecated“ markiert, was entsprechende Warnungen ausgelöst hat.

Vorher-Nachher: The Playlist Editor

The Playlist Editor Screenshot
The Playlist Editor 2015 unter KDE
The Playlist Editor Screenshot
The Playlist Editor 2025 unter KDE

Das Tool ist in C++ geschrieben und verwendet Qt4. Als Versionsverwaltung dient Git. Das Projekt steht unter der GPLv3-Lizenz und kann unter folgendem Link gefunden werden:
https://sourceforge.net/projects/theplaylisteditor/