Live (Skalierung in Planung)
Stack: Electron, Vue.js, TypeScript, Tailwind CSS, @maxgraph/core · Partner: Vertical Meters

Planungstool

Eine Desktop-Anwendung, die den Planungsprozess für Ingenieurinnen und Ingenieure spürbar vereinfacht und beschleunigt.

Desktop-Anwendung Planungstool – Zeichen-Canvas mit technischer Gebäudeplanung und Steuerungselementen
Problem

Das Problem

Die Angebots- und Projektplanung für Großprojekte in der Beschattungstechnik war ein aufwendiger, kostenintensiver Prozess. Generische CAD-Programme bildeten ihn nur umständlich ab und bremsten die Ingenieurinnen und Ingenieure aus. Ein spezialisiertes Werkzeug für genau diesen Workflow fehlte.

Kern der Anwendung sollte ein flexibler Zeichen-Canvas sein. Mit @maxgraph/core, der Engine hinter draw.io, stand die nötige Funktionalität bereit. Weil die Bibliothek nur in JavaScript verfügbar ist, fiel die Wahl auf Electron mit Vue 3 statt Flutter. Hier bestimmt das passende Werkzeug den Stack, nicht umgekehrt. Die offizielle Dokumentation war jedoch lückenhaft und machte die Integration zu einer erheblichen technischen Hürde.

Generische CAD-Software erledigt vieles. Diesen Spezialprozess nicht.
Vorgehen

Mein Vorgehen

Eine von Grund auf entwickelte, monolithische Desktop-Anwendung auf Basis von Electron und TypeScript, mit einem Frontend aus Vue 3, Vite und Tailwind CSS. Den Zeichen-Canvas trägt @maxgraph/core; mangels brauchbarer Dokumentation habe ich mich über eine tiefe Quellcode-Analyse in die Bibliothek eingearbeitet.

Gezielte Optimierungen sichern die Performance: benutzerdefinierte Update-Regeln steuern den Render-Prozess präzise und verhindern unnötige Neuzeichnungen des gesamten Canvas. Projekte werden lokal über idb-keyval und das Dateisystem gespeichert, ohne Umweg über Cloud-Dienste. Build und Auslieferung für Windows, macOS und Linux laufen über Electron Forge und GitHub Actions vollständig automatisiert.

Ergebnis
Offline-fähige 2D-Planung für die Beschattungstechnik

Die Anwendung läuft als natives Paket auf Windows, macOS und Linux und verarbeitet auch sehr große, detailreiche Pläne flüssig. Die Ingenieurinnen und Ingenieure planen damit schneller und gezielter als mit generischen CAD-Programmen, weil das Tool genau auf ihren Workflow zugeschnitten ist und ohne Cloud-Konto oder Online-Zugang auskommt. Sie ist produktiv im Einsatz; eine Skalierung auf weitere Einsatzbereiche ist in Planung.

Weitere Eindrücke

Ähnliches Vorhaben?

Migration, MVP oder Weiterentwicklung: Schreiben Sie mir oder buchen Sie direkt einen Termin.