Planungstool

Ein Zeichentool für die technische Planung

Projektübersicht

Die Anwendung ist eine Desktop-Anwendung und ein zentraler Baustein einer umfassenden Digitalisierungsstrategie, die von Vertical Meters für ein Unternehmen in der Beschattungstechnik konzipiert wurde. Ziel war es, den gesamten, kostenintensiven Prozess der Angebotserstellung für Großprojekte in der Beschattungstechnik radikal zu vereinfachen. Die Software schließt eine Marktlücke und ermöglicht es Ingenieur*innen, Projektpläne schneller, einfacher und präziser als mit generischen CAD-Programmen zu erstellen.

In enger Partnerschaft mit Vertical Meters, die für die strategische Planung, das UI/UX-Design und das Projektmanagement verantwortlich waren, habe ich dieses Tool als alleiniger Entwickler umgesetzt. Das Ergebnis ist ein hochspezialisiertes Werkzeug, das nicht nur die Effizienz steigert, sondern dem Unternehmen einen klaren Wettbewerbsvorteil sichert und den Erfolg der Digitalisierungsinitiative unterstreicht.

• Projekttyp: Individuelle Desktop-Anwendung (Windows, macOS, Linux)
• Meine Rolle: Lead-Entwickler (Architektur & Full-Stack-Umsetzung)
• Status: Erfolgreich ausgeliefert & in aktiver Wartung

Meine Rolle & der Entwicklungsprozess

Als Freelance-Entwickler war ich für die gesamte technische Realisierung des Projekts verantwortlich. Meine Aufgabe war es, die fachlichen Anforderungen und die Designvorgaben von Vertical Meters in eine performante, stabile und benutzerfreundliche Desktop-Anwendung zu überführen.

Der Entwicklungsprozess war darauf fokussiert, ein Werkzeug zu schaffen, das sich nahtlos in den bestehenden Workflow der Ingenieur*innen einfügt. Anstatt die Nutzer zu zwingen, sich an eine komplexe Standardsoftware anzupassen, wurde von Grund auf für maximale Effizienz bei der Erstellung technischer Zeichnungen in der Gebäudeleittechnik (GLT) konzipiert.

Hauptmerkmale

Die Anwendung wurde mit einem klaren Fokus auf die spezifischen Bedürfnisse der Anwender entwickelt:

• Intuitiver Zeichen-Canvas: Ein aufgeräumter und reaktionsschneller Arbeitsbereich ermöglicht das intuitive Erstellen und Bearbeiten komplexer technischer Zeichnungen ohne den Overhead überladener Standard-Tools.
• Performance für Großprojekte: Die Anwendung ist darauf optimiert, auch extrem große und detailreiche Planungsdateien, wie sie bei Großprojekten üblich sind, flüssig zu verarbeiten und eine ruckelfreie Nutzererfahrung zu garantieren.
• Nahtlose plattformübergreifende Bereitstellung: Entwickelt mit Electron, wird die Anwendung als natives Paket für Windows, macOS und Linux bereitgestellt, was eine unkomplizierte Installation und Verteilung im gesamten Unternehmen ermöglicht.
• Effizienter Workflow: Projekte werden direkt im lokalen Dateisystem gespeichert und geladen, was einen vertrauten und schnellen Arbeitsablauf ohne Umwege über Cloud-Dienste oder Datenbanken sicherstellt.

Eine besondere technische Herausforderung: Bändigung der MaxGraph-Engine

Die Herausforderung: Eine zentrale Anforderung war ein hochflexibler Zeichen-Canvas. Obwohl @maxgraph/core (die Engine hinter draw.io) die nötige Funktionalität bot, war die offizielle Dokumentation extrem lückenhaft. Dies erschwerte die Einarbeitung massiv und machte die Integration zu einer erheblichen technischen Hürde.

Meine Lösung: Ich habe mich durch eine tiefgehende Analyse des Quellcodes in die Architektur der Bibliothek eingearbeitet. Dieses Verständnis ermöglichte es mir nicht nur, die Engine erfolgreich zu integrieren, sondern auch gezielte Performance-Optimierungen vorzunehmen. Ich implementierte benutzerdefinierte Update-Regeln, die den Render-Prozess präzise steuern und unnötige Neuzeichnungen des gesamten Canvas verhindern.

Das Ergebnis: Durch meine Anpassungen wurde die Anwendungsperformance signifikant gesteigert. Der Zeichenbereich bleibt selbst bei der Bearbeitung von sehr großen und komplexen Plänen reaktionsschnell und flüssig. Diese Stabilität ist ein entscheidendes Merkmal, das den Anwendern ein unterbrechungsfreies und effizientes Arbeiten ermöglicht.

Technischer Einblick

Die Anwendung wurde als monolithisches Desktop-Programm konzipiert, um maximale Stabilität und eine einfache Bereitstellung zu gewährleisten.

• Plattform & Kerntechnologien: Electron als Basis für die plattformunabhängige Desktop-App, durchgängig entwickelt in TypeScript.
• Frontend & UI: Ein modernes Frontend mit Vue.js und Vite. Die Benutzeroberfläche wurde mit Tailwind CSS und Headless UI für maximale Flexibilität und ein klares Design umgesetzt.
• Kern-Engine: @maxgraph/core als leistungsstarke Bibliothek für die Implementierung des Zeichen-Canvas.
• Datenpersistenz: idb-keyval, ein schlanker Wrapper für IndexedDB, wird für die lokale Speicherung persistenter Projektdaten genutzt.
• Build & Deployment: Die Build- und Deployment-Prozesse sind mit Electron Forge und GitHub Actions vollständig automatisiert.

Bereit für eine Software, die wirklich zu Ihnen passt?

Standardlösungen zwingen Ihre Prozesse oft in ein starres Korsett. Ich entwickle individuelle Desktop-Anwendungen, die exakt auf Ihre Arbeitsabläufe zugeschnitten sind, die Effizienz Ihres Teams steigern und Ihnen einen echten Wettbewerbsvorteil verschaffen. Wenn Sie bereit sind für ein Werkzeug, das einfach funktioniert, lassen Sie uns sprechen.