Die Anforderung

Perfekt zugeschnittene Baumanagement App

Ausgangslage des Projektes war das Fehlen einer zentralen Applikation, die Teamchat, Dokumentation, Projektmanagement und Personalplanung in einem vereinen konnte. Auf dem Markt etablierte Baumanagement-Applikationen und Lösungen waren meist wirtschaftlich nicht sinnvoll, gerade weil sie nicht bis ins letzte Detail auf die gewünschten Anforderungen von Hegau Energie zugeschnitten waren. 

Das Ziel

Übergeordnetes Ziel des Projektes war die Erstellung einer Applikation, die alle notwendigen Anforderungen erfüllt, sich in der Zukunft leicht anpassen lässt und dauerhaft unter Last funktioniert. Abgestimmte Funktionalitäten beliefen sich auf eine integrierte Excel-ähliche Tabellenverwaltung , eine Foto Dokumentations Lösung mit Standort, ein PDF Editor der PDFs live editieren kann, Zugang für alle relevanten Projektleiter ermöglicht, keine monatlichen Lizenzkosten inkludiert wie andere Standardlösungen und vor allem sowohl im Web als auch Mobil bereich performant funktioniert.

Weitere Funktionalitäten wie dynamisch verwaltbare Gewerksgruppen, Personal Zuweisungen, Standard PDF Vorlagen, Administrationsrechte und einem Gruppenchat der als Webapp trotzdem Mitteilungen versenden kann, wurden durch ein Agiles Prototype First Konzept während des Projektes umgesetzt und im ständigen Austausch mit dem Kunden Hegau Energie verfeinert. 

Die Lösung

Rapid Prototyping

Gerade weil zu Beginn nicht die technische Umsetzung, sondern die Realisierung einer Applikation, die auch im Feinsten auf die Anforderungen von Hegau Energie zugeschnitten sein sollte, im Fokus stand, lag der absolute Schwerpunkt auf der Entwicklung eines Prototyps, der die Ideen von Hegau Energie direkt validieren und damit die weitere Umsetzung anstoßen sollte.

Den ersten funktionalen Prototyp konnte Frank und Freunde innerhalb von 2 Wochen nach finaler Abstimmung aller Wünsche bereitstellen, der Hegau Energie nicht nur durch die Geschwindigkeit der Umsetzung, sondern auch der dargestellten Fähigkeiten so überzeugte, dass wir direkt mit der Finalisierung begannen.  

Die Technik

Vollständige Individual Entwicklung

Der wohl entscheidendste Teil innerhalb der Umsetzung lag in der technischen Realisierung der vielen Kriterien. Denn wie setzt man all diese Anforderungen um, ohne dabei monatliche Kosten im dreistelligen Bereich auszulösen, durch die Verwendung von fertigen Bibliotheken? Durch die eigene und individuelle Entwicklung aller Core Features.

Für das Anzeigen und Schreiben von PDF Dokumenten wurden zwei freie Open-Source-Bausteine eingesetzt. Alles darüber ist custom und individuell entwickelt: Das Anmerkungsmodell, die Werkzeuge, das kachelweise Rendern für scharfen Zoom bis 1200 Prozent, die Begrenzungen für iPhone-Displays, das Ausfüllen von bereits existierenden Formularfeldern, das Zusammenrechnen zur fertigen Datei, das Online-Zwischenspeichern, das Wiederöffnen und der Bulk-Download. Anmerkungen sind keine aufgemalten Pixel pro Gerät, sondern dynamische Objekte: Auswählbar, verschiebbar, änderbar, kopierbar und einzeln löschbar, von jedem, der Zugang zur Datei hat.

Ansicht des PDF Editors in der App

Dokumentation mit Standort

An Baustellen selbst mussten Monteure zuvor den Arbeitsstand mit Zeitstempel und Standort selbst dokumentieren. Die Fotofunktion in der App bringt den Aufnahmeort und die Aufnahmezeit aus der Kamera selbst mit. Vor dem Hochladen wird jedes Bild verkleinert, mit Rückfallebene für Geräte, die daran scheitern. Gleichzeitig können mehrere Fotos mit jeweils individuellem Standort im Bulk-Verfahren hochgeladen werden. So kann die Dokumentation von vielen Bereichen der Baustelle unterbrechungsfrei durchgeführt werden, und das mit jeweils meter genauem Standort pro Bild.

Bild von einer Baustelle und der App

Teamchat und Mitteilungen

Die Umsetzung eines Teamchats mit Benachrichtigungen fiel aufgrund der Entscheidung für eine Webapp entsprechend schwerer aus. Dennoch haben wir Push-Nachrichten über eigene Schlüssel integriert, die Nutzer erreichen, auch ohne vorherigen Download aus dem App Store. Eine Funktionalität, wie man sie eigentlich nur von einer nativen App gewohnt ist, mit dem Vorteil, dass diese ohne großen Mehraufwand auch auf dem Desktop funktioniert.

Benachrichtigungen gibt es übrigens nicht nur bei neuen Nachrichten, sondern auch bei neuen Zuweisungen zu Aufträgen oder Statuswechseln. Die kann aber jeder User nach eigenem Bedarf auch selbst konfigurieren in den Einstellungen.

Nachrichten im Teamchat

Performance unter schlechten Bedingungen

Auf Baustellen oder außerhalb gelegenen Einsatzstellen kommt es häufiger vor, dass der Empfang entweder sehr schlecht oder gar nicht vorhanden ist. Auch diese Besonderheit haben wir in der Entwicklung der App für Hegau Energie berücksichtigt. So werden zum Beispiel Vorschaubilder serverseitig verkleinert oder Uploads direkt in Warteschlangen geparkt, während Monteure die App parallel weiter nutzen können. Fehlgeschlagene Ladevorgänge melden sich als Hinweis, statt eine leere Liste zu zeigen. Lesevorgänge werden automatisch wiederholt und Lazy Loading gilt standardmäßig innerhalb aller Vorgänge der App.

Auftragsansicht in der App

Kalender und Planung

Ein Kalender- und Planungstool gibt außerdem eine schnelle Übersicht über die aktuelle Auftragslage nach Gewerk. Termine lassen sich per Drag and Drop verschieben und an den Kanten verlängern oder verkürzen. Noch nicht terminierte Aufträge werden unterhalb des Kalenders eingeordnet und lassen sich ebenfalls per Drag and Drop aus der Leiste in den gewünschten Tag ziehen. Dabei ist jede Auswahl leicht umkehrbar über einen „Rückgängig“-Button, damit selbst unerwünschte Eingaben sich mit einem Klick, egal ob im Web oder App Format, rückgängig machen lassen. Mobil wird die Ansicht nicht einfach verkleinert, sondern ins Querformat gedreht, um auch auf kleinen Displays möglichst viel Platz für den Kalender zu schaffen.

Gleichzeitig schaffen intelligente Funktionen, die über Wochen hinweg lernen, welche Monteure bei welchen Arten von Aufträgen am häufigsten beteiligt sind, am wenigsten weit fahren müssen und spontan verfügbar sind, genau den Vorteil, auf den Hegau Energie gesetzt hat.

Kalender und Planungsgrafik in der App

Zugriffsrechte und User-Ansicht

Ein Monteur sieht immer nur die Aufträge und Gewerke, für die er auch zugewiesen wurde. Alle anderen 104 von beispielsweise 106 Aufträgen existieren für ihn auf Datenbankebene und in der Dashboard Ansicht nicht. Auch Adminfunktionen werden bei fehlender Berechtigung serverseitig blockiert und mit einem 403 abgewiesen. So werden Berechtigungen nicht nur auf der Oberfläche ausgeblendet, sondern direkt auf Datenbank- und Serverebene durchgesetzt.

Außerdem sehen Monteure auf dem Startbildschirm immer jeweils den Auftrag, dem Sie aktuell zugewiesen sind, inklusive Google Maps Links, um zum Tagesanfang mit nur einem Klick zur richtigen Baustelle geführt zu werden. 

Monteuransicht auf der Startseite

Der Erfolg

Eine Plattform für den gesamten Baustellenalltag

Die umgesetzte App für Hegau Energie bringt genau den Schritt Digitalisierung in allen Abschnitten der täglichen Arbeit im Baustellenbereich, der bis dahin gefehlt hat. Dokumentationen gehen nicht mehr unter, Projektleiter müssen nicht mehr zwischen verschiedenen Gruppen in fünf verschiedenen Apps hin und her springen, Monteure können mit nur einer App sehen, welchem Auftrag sie zugewiesen sind und das Onboarding eines neuen Mitarbeiters braucht nur noch eine App und nicht mehr zehn. Gleichzeitig hat Hegau Energie die Sicherheit, dass sich weitere Ausbauwünsche nicht nur einfacher umsetzen lassen, sondern nahtlos in eine Plattform integriert werden können, die von Anfang an auf Erweiterbarkeit ausgelegt ist.

Kunde

Hegau Energie Anlagenbau GmbH & Co.KG

Zielgruppe

Monteure, Projektleiter, Administratoren und technisches Personal

Technik Facts

React 18

Vite 6

Reines JavaScript mit JSX

Tailwind CSS 3

Kontakt