Fotoverwaltung

Informatik
Projektteam
Tobias Raich
Laurin Heiss

Projektidee

Die FotoApp ist eine Progressive Web App (PWA), die entwickelt wurde, um die Fotodokumentation von Montage-Projekten (z.B. der Firma Ellux) zu digitalisieren. Sie ermöglicht es Technikern, Bilder offline auf der Baustelle aufzunehmen, mit Markierungen zu versehen und diese später automatisch mit einem zentralen Server zu synchronisieren. Alle Projekte und Fotos können zentral vom Firmensitz aus aufgerufen werden. Das Ziel ist eine lückenlose, einfache und netzwerkunabhängige Projektdokumentation

Funktionsweise

  • Techniker wählt auf dem Gerät ein aktives Bauprojekt aus
  • Kamera nimmt Fotos auf, auch wenn keine Internetverbindung besteht
  • Ein Vektor-Editor erlaubt das Einzeichnen von Formen, Linien und Texten direkt ins Bild
  • App speichert Fotos und Metadaten (Datum, Autor, Projekt) sicher lokal in einer IndexedDB
  • Service-Worker synchronisiert die Daten automatisch mit dem Backend, sobald das Gerät wieder online ist
  • Fotos können direkt aus der App exportiert und geteilt werden.

Daten und Fakten

  • Technologie-Stack: Angular 17+ (Frontend PWA) und NestJS (Backend API)
  • Offline-Technologie: Service Worker und lokaler IndexedDB-Speicher
  • Bildverarbeitung: HTML5 Canvas API für performante Vektor-Zeichnungen und Hit-Testing (Objektauswahl)
  • Plattformunabhängig: Läuft als installierbare Web-App auf iOS, Android und Windows
  • Datensicherheit: Zuverlässige Upload-Warteschlange verhindert Datenverlust bei Verbindungsabbrüchen
  • >5000 Zeilen Code

Detaillierte Projektbeschreibung

Die FotoApp entstand aus dem praktischen Bedarf, die fehleranfällige und zeitaufwändige Fotodokumentation bei Elektrotechnik- und Bauprojekten zu modernisieren. Monteure stehen häufig vor dem Problem, in Bereichen ohne Netzwerkabdeckung (z.B. im Keller oder Rohbau) arbeiten zu müssen.
Unsere Lösung ist eine moderne, plattformunabhängige Progressive Web App (PWA). Die Applikation erlaubt das Aufnehmen von Fotos, die sofort lokal im Browser-Speicher des Smartphones abgelegt werden. Eine Kernfunktion ist der integrierte Vektor-Editor: Direkt nach der Aufnahme können wichtige Details im Bild per Touch markiert, eingekreist oder mit präzisen Textnotizen versehen werden. Im Gegensatz zu einfachen Zeichenprogrammen bleiben diese Vektoren intelligent – sie können im Nachhinein angetippt, verschoben oder gelöscht werden.
Sobald das mobile Endgerät wieder mit dem Internet verbunden ist, übernimmt ein intelligenter Synchronisations-Service. Die Bilder werden samt Metadaten (Zeitstempel, Ersteller, Projektzuordnung) zuverlässig über eine REST-API an unser Backend übertragen und aus dem lokalen Speicher entfernt, um Speicherplatz zu sparen. Projektfotos können nun von jedem, der Zugang zum Projekt hat, eingesehen werden.
Dies garantiert eine lückenlose, professionelle und extrem effiziente Dokumentation aller laufenden Projekte.

Fotos

Projektfoto Projektfoto Projektfoto