• Web-Apps (für Desktop) als Bestandteile eines Software-Pakets zur Flugsicherung für den internationalen Fluhafen in Kuala Lumpur/Malaysia
• FDPS ist eine App für Fluglotsen zur synchronen Bearbeitung von Flugplänen, RRS ist eine App zur Wiedergabe aller erfassten Ereignisse in Zusammenhang mit einem oder mehreren Flugplänen zur Analyse von Vorfällen.
• In 2022 war ich überwiegend mit der Entwicklung von RSS beschäftigt: die größte Herausforderung war hier die performante Darstellung großer Datenmengen (Hunderte von Flügen pro Tag, Tausende von Ereignissen), was nur durch Virtualisierung überhaupt möglich war.
• Ab November 2022 habe ich dann das Team von FDPS unterstützt. Neben den ebenfalls großen Datenmengen, der umfangreichen Konfigurierbarkeit von Rollen/Workstation und der Verarbeitung von Echtzeit-Signalen stellte sich vor allem die komplette Bedienbarkeit über Tastatur als zunehmend nicht trivial heraus. 
• Meine Haupt-Leistung hier liegt sicher darin, diesbezüglich eine umfassende, wartbare Struktur in die Codebase eingebracht zu haben.

• Das Produkt des Kunden analysiert die Einnahmen und Ausgaben des Anwenders unter Verwendung von KI. Ziel des Projekts war, für eine Initiative zur Förderung regionaler Geschäftstätigkeiten im Rahmen einer Pitch Präsentation die Fähigkeiten des Produkts zu veranschaulichen. Das System erlaubte bereits die Konfiguration von Navigation und Design-Vorgaben für verschiedene Partner (bislang überwiegend Banken) und lieferte dafür wieder-verwendbare Widgets als Bausteine.
  • Listen- and Detail-Ansichten für Ausgaben basierend auf einer "Regionalitäts"-Bewertung erzeugt und neue API-Endpunkte eingebunden
  • Für einen neuen, vereinfachten Registrierungs/Onboarding-Prozess Ansichten erzeugt und Konfigurationsmöglichkeiten definiert
  • Workaround für einen schweren Fehler im State Handling geliefert, der bei der Registrierung eine Endlos-Schleife verursachte

• Die hauptsächliche Herausforderung war, eine Balance zwischen Rollout-Geschwindigkeit neuer Features (POC, Pitch) und Code-Qualität zu finden. Das Produkt selber ist als Web API definiert, die Benutzeroberfläche dient ausschließlich dazu, die Leistungsfähigkeit der API zu veranschaulichen.
• Dementsprechend wird Frontend Entwicklung als trivial angesehen, so daß weder die Leistung meiner Vorgänger noch meine eigene Tätigkeit, auch nicht meine Bemühungen, den Bestandscode wieder beherrschbar zu machen, eine besondere Wertschätzung erfahren haben.

• ERM-System für kleine bis mittlere Hotels
• Raspberry Pi als Server, Zugriff über abgesichertes VLAN nur für registrierte Mobilgeräte im hoteleigenen WLAN
• responsive single-page Web-App (optimiert für Touch-Screens) als komplette Benutzerschnittstelle (rollenbasiert)
• 2016: Umstellung von AngularJS auf React
• 2017: Umstellung Backend-API von REST auf GraphQL
• 2020: Migration von MongoDB auf Postgres, Aufteilung Backend in Services (Docker-Images) zur besseren Skalierbarkeit, Überführung in Mono-Repo 
• bis jetzt implementiert: Kunden-Daten, Buchung und Verfügbarkeit von Zimmern, Nutzer- und Geräteverwaltung.
• derzeit Testbetrieb im Hotel meiner Partnerin (sozusagen als Härtetest: die meisten Nutzer vor Ort können weder Schreiben noch Lesen, geschweige denn einen Computer bedienen)
• Geplante Weiterentwicklung:
  • Maintenance-Modul für Hotel-Betrieb
  • Warenwirtschaft (Schnittstelle?)
  • FiBu-Schnittstelle
  • OCR zur Neukunden-Erfassung (Visitenkarte, Ausweis)
  • React-Native/Electron
  • Backend in Rust

• Die Websites für angeschlossenene Bibliotheken dienen als Ergänzung zur BorrowBox-App (meist öffentliche Träger, daher hohe Anforderungen an Zugänglichkeit).
• Aufgrund neuer Anforderungen und unzureichender Strukturierung des Bestandscodes wurde der gesamte Web-Auftritt neu entwickelt.
• React-basierte, responsive SPA, Backend-for-Frontend (REST, Spring Boot)
• Situation bei Projektübernahme:
  • Bestandsteam vor allem im Frontend ohne fachliche Führung
  • extensive Nutzung aktuell populärer Werkzeuge (oftmals redundant, z.B. Bootstrap-SASS, ReactsTrap, StyledComponents)
  • fehlendes Verständnis für grundlegende Paradigmen der Software-Entwicklung (SoC, DRY, SOLID) und React/Komponenten-Architektur im Besonderen
  • lineares ?Abarbeiten? statischer JPEG-Vorlagen
  • Mängel in der Umsetzung aller(!) ?fertigen? Arbeitspakete

Erfolge:

• sukzessiver Abbau redundanten Codes (bei gleichzeitiger Umsetzung neuer Features und Behebung funktionaler Fehler)
• erhebliche Reduktion externer Abhängigkeiten
• Aufbau eines neuen Teams
• Einführung von Storybook (bessere Kommunikation visueller/struktureller ?Wahrheiten?)
• bessere Dokumentation funktionaler Anforderungen
• gemeinsames Verständnis und Einordnung des Projektziels (?Big Picture?)
• Schnitt von Arbeitspaketen getrennt nach funktionalen und visuellen Anforderungen
• 95%ige Fertigstellung geforderter Features

• Migration (auf WebExtension-API) und Weiterentwicklung einer Browser-Extension
• Mozilla stellt in 11/2017 die Unterstützung von alten, auf dem AddOn-API basierenden Firefox-Erweiterungen ein, dies erlaubt/erfordert Vereinheitlichung von browser-spezifischen API-Wrappern im Quellcode.
• Implementation ursprünglicher Features (frühe Versionen basierten auf Angular) in neuer, vereinheitlichter Code-Base, Zugriff auf neue Backend-API
• Analyse und behutsames Refactoring von Bestandscode (Laufzeitverhalten, semantische Stolpersteine, unsaubere Entkoppelung von Modulen)
• diverse Bugfixes im Bestandscode (vor allem Race-Conditions aufgrund fehlerhafter synchroner Verwendung asynchroner Schnittstellen)
• kurzfristige Erstellung einer hybriden (AddOn-API + WebExtension-API) Zwischenversion zur ?Rettung? lokal gespeicherter Zugangsdaten (erspart mühsame erneute Eingabe nach Aktualisierung auf dem Nutzerrechner)
• Umsetzung von Tracking-Vorgaben

• responsive single-page Web-App (SPA) zur interaktiven Korrektur von OCR-Ergebnissen von thaideutsch-gemischten Textseiten
• Gängige OCR-Systeme scheitern oft daran, dass eine Zeile in Thai-Schrift aus bis zu 4 vertikalen Bereichen bestehen kann.
• Die App anylysiert die Grapheme in den von Tesseract gefundenen Zeilen, versucht anhand von Layout-Informationen eine Sprachzuordnung pro Zeile und kombiniert aufgesplittete Thai-Zeilen.
• Die Ergebnisse werden ?schwebend? über dem Scan-Bild angezeigt und sind interaktiv korrigierbar (aktuell Sprachzuordnung und Thai-Zeile).
• Mittelfristig sollen die OCR-relevanten Teile (besonders für Thai) zur Erfassung von Neu-Kunden in ERM-on-ARM eingebunden werden (z.B. Scan von Ausweisen/Visitenkarten über Kamera des Mobilgeräts).

• React-basierte, responsive SPA: Sucheingabe mit Vorschlägen, Ergebnisliste und Kartenanzeige
• mehrsprachig, konfigurierbar für markt-/länder-spezifische Anforderungen
• Einbindung imperativer GoogleMaps-Logik in deskriptive React-Logik
• Clustering von Markern in Abhängigkeit von der Zoom-Stufe
• Automatische, kontextabhängige Berechnung von Zoom-Stufe und Karten-Ausschnitt
• GeoLocation-Einbindung
• Weiterentwicklung ?Living StyleGuide?, Responsive Web Design
• SVG-Validierung zur Verbesserung des Workflows

• Einrichtung und Konfiguration von Icinga2 auf einem Raspberry Pi
• Überwachung des WLAN im Hotel meiner Partnerin
• Fernzugriff über Web und VPN (inklusive automatische DNS-Aktualisierung für dynamische IPAdresse)
• Automatischer wöchentlicher Remote-Neustart aller Access-Points (JavaScript-Hack)

• Abstraktion und Umsetzung einer (React)-Komponentenhierarchie aus nicht hierarchisch organisierten Design-Vorlagen eines externen Projekt-Beteiligten gemäß ?Atomic Design? - Grundsätzen
• Entwicklung eines interaktiven ?Living StyleGuide? auf Basis des OpenSource-Projekts ?patternplate?
• Interaktiver Prototyp mit allen Design-Vorlagen und konfigurierbaren Demo-Daten auf Basis des OpenSource-Projekts ?boilerplate-server?

• HTML5-Video-Player mit Flash-Fallback für alle Tochter-Unternehmen der ProSieben.Sat1 Media AG (myvideo, ampya, pro7.de, sixx.de, ...)
• Neu-Entwicklung einer Bibliothek für HTML-UI-Komponenten (normalisiertes Event-Model, bubbling Custom Events auch auf IE8, kein jQuery)
• UI-Hierarchie voll konfigurierbar, UIBuilder zur Laufzeit mit eigenen Komponenten-Typen erweiterbar
• Normalisierung des unterschiedlichen, oft nicht standard-konformen Verhaltens von HTML-Video-Elementen in unterschiedlichen Browsern
• Normalisierung von Browser-abhängigen Fullscreen-APIs, inkl. CSS-Fallback für Full-Window-Video
• Ableitung des Nutzerverhaltens in iOS Fullscreen Video aus Video-Events
• agiles Vorgehensmodell
• automatisierter Buildprozess für Frontend mit Grunt (NodeJS), Unit-Tests mit Jasmine
• Responsive Styles

• CMS(FirstSpirit)-basierter Internetauftritt
• Neu- und Weiterentwicklung von Web-Komponenten ( Template, JavaScript, StyleSheets ) in laufendem Projekt
• Anpassung bestehender Komponeten an die Marke Vaillant Group
• agiles Vorgehensmodell nach Scrum
• automatisierter Buildprozess für Frontend mit Grunt und Bower (NodeJS), Unit-Tests mit Jasmine und Karma, Visual Tests mit PhantomCSS
• Responsive Styles über eigententwickeltes Grid und Mediaquery-Mixins

• Hybrid-App für iPad als inspirierende Ergänzung zum Internet-Auftritt 
• Anpassung von ICMSP-Modulen, Templates, JavaScript, StyleSheets von laufendem Projekt
• Entwicklung einer Schnittstelle zwischen Web und iOS (ähnlich PhoneGap), vier WebViews
• Aufsetzen einer Entwicklungs- und On-Device-Debug-Umgebung für hybride Inhalte
• CI, Unit-Tests mit qUnit, Integrationstests mit PhantomJS
• Hotspot-Editor für redaktionelle Decks

• Prototyp einer Kamera-App zur Erfassung von Raum-Geometrie durch Kantenerkennung und Gyrosensor
• möglicher Einsatz in Augmented-Reality-Apps für Raumgestaltung, Innenarchitektur

• Binäres Voting (?ja?/?nein?) auf öffentlich interessante Fragen
• Web-2.0-Client für Desktop-Browser auf Basis von ExtJS
• Hybrid-App auf Basis von PhoneGap
• anonyme Authentifizierung zur einmaligen Stimmabgabe pro Frage
• PHP-Backend-Prototyp auf Basis des Yii-Frameworks
• statistische Auswertung der Ergebnisse (editierbare Charts)
• Business-Konzept für Fragen-Erzeugung und -bewertung
• Drag&Drop Fragen-Editor
• PMWiki für Wissensmanagement und Team-Kommunikation