Das Projekt
Entwicklung einer maßgeschneiderten Google Chrome Extension zur Optimierung des internen Auftragsmanagements. Das Tool fungiert als intelligente Schnittstelle zwischen Kalkulations-Webseiten und Trello, um manuelle Datenübertragungen zu eliminieren.
Kernfunktionen:
Data Scrapping: Extraktion komplexer Leistungsbeschreibungen und Preisdaten direkt aus dem DOM der Web-App mit einem Klick.
Trello-Integration: Automatisierte Erstellung von Karten inkl. dynamischer Befüllung von Custom Fields (Adressdaten, Ansprechpartner, Status-Labels).
Beleg-Generator: Dynamische Erzeugung einer druckfertigen Quittung im Corporate Design, basierend auf Trello-Daten und Regex-basierter Textanalyse.
Lokaler Warenkorb: Zwischenspeicherung von Posten zur gebündelten Übertragung mehrerer Leistungen in eine einzige Karte.
Nutzen: Signifikante Zeitersparnis im Tagesgeschäft und drastische Reduzierung der Fehlerquote bei der manuellen Übertragung von Kundendaten und Preisen.
Entstehung
Die Herausforderung: Der bisherige Prozess erforderte mühsames Copy-and-Paste von Kalkulationsdetails in Trello-Karten. Die Formatierung war inkonsistent, und das Erstellen von Kundenquittungen war ein zeitintensiver, manueller Schritt.
Der technologische Stack:
Frontend: HTML5, CSS3 (Custom Properties für das Corporate Design).
Logik: JavaScript (ES6+), Chrome Extension API (v3).
Schnittstellen: Trello REST API zur Datenübertragung und zum Abrufen von Metadaten.
Datenverarbeitung: Komplexe Regular Expressions (Regex) zur Aufbereitung unstrukturierter Daten aus Kartenbeschreibungen.
Der Entwicklungsprozess:
Analyse: Identifikation der relevanten Datenfelder auf der Quellseite und Mapping auf die Trello-API-Struktur.
Iteratives Prototyping: Entwicklung eines „Grabbers“, der auch bei variierenden Beschreibungsformaten zuverlässig funktioniert.
Refactoring: Optimierung der Code-Architektur durch Einführung eines zentralen Konfigurations-Objekts (
CONFIG) zur Steigerung der Wartbarkeit und Robustheit gegen Layout-Änderungen.UX-Design: Gestaltung eines intuitiven Popup-Interfaces, das sich nahtlos in den Arbeitsfluss integriert.
Besonderheiten der Umsetzung: Ein Fokus lag auf der Robustheit. Da Trello-Beschreibungen oft manuell ergänzt werden, wurde eine „Fuzzy“-Logik implementiert, die Preise auch dann korrekt erkennt und für den Druck rechtsbündig formatiert, wenn Formatierungskennzeichen (wie Markdown-Sterne) im Weg stehen.
Verwendete Software
- Visual Studio
