Architekturprüfung, Dokumentation und Change-Management-Prozess

Entwicklung eines webbasierten Management-Frontends für Support-Agenten des Energiespeicher-Managementsystems. Ziel war es, den Support-Mitarbeitern ein Tool an die Hand zu geben, mit dem sie die Ladeinfrastruktur des Kunden effizienter verwalten können. Die Herausforderung bestand darin, die Komponenten so vorzubereiten, dass sie später in verschiedenen Szenarien innerhalb des Unternehmens wiederverwendet werden können wie z.B: dem bestehenden Portal. Der generische Ansatz wurde erreicht, indem die Kernfunktionen in separate Pakete aufgeteilt und in die Hauptanwendung importiert wurden. Das Frontend wurde mit React und Typescript entwickelt. Die Entwicklung wurde in einem Team von 4 Entwicklern und 2 QA-Agenten durchgeführt. Die Anforderungen wurden in enger Zusammenarbeit mit den Supportmitarbeitern gesammelt. Der Entwicklungsprozess war agil mit 3-wöchigen Sprints. Die UX wurde in Figma visualisiert. Die API wurde mit OpenAPI entwickelt. Das Backlog wurde in Azure DevOps und später in JIRA verwaltet. Das Projekt umfasste die Stakeholder-Kommunikation mit dem VP of Cloud Services und den internen Produktverantwortlichen.

Tätigkeiten:

• Frontend
• IT Architektur
• Qualitätssicherung
• Requirements
• UI/UX

Tools und Methoden:

• Azure DevOps
• Figma
• MIRO
• OpenAPI
• React
• Typescript

Auf Basis der Low-Code Plattform CaseOS wurde eine Dashboard zur Visualisierung der täglichen Ballenproduktionszahlen entwickelt. Eine Monats- und Jahressicht lassen den Betrachter zudem ein Controlling bzw. Planung durchführen. Er kann entscheidene KPI (Ballen/Tag, die durchschnittliche Arbeitszeit/h oder die Arbeitstage/Monat) in Echtzeit verändern und sich die Auswirkungen ansehen. Die Daten werden von der Presse in Echtzeit ohne aktives Zutun des Benutzers in den Browser gepusht und von der Siemens S7 per OPC UA abgerufen. Die Nutzer wurden nach Inbetriebnahme geschult.

Tätigkeiten:

• API Design
• Hosting (Cloud, OnPremise)
• Coaching
• Entwicklung
• Datenmodellierung
• Design
• DevOps
• Frontend
• Qualitätssicherung
• Requirements
• UI/UX
• Visualisierung

Tools und Methoden:

• CSS
• CapacitorJS
• Chart.js
• ExpressJS
• HTML
• Industrie 4.0
• Ionic
• Javascript
• MongoDB
• NoSQL
• NodeJS
• OPC UA
• Redux
• Sentry.IO
• Shoelace Web Components
• Sketch
• StencilJS
• Swagger
• Typescript

Es wurde ein konfigurierbarer OPC-UA Adapter geschrieben, der Daten von OPC-UA Quellen liest oder abonniert, die Daten interpretiert, prüft und ggf. transformiert. Die Daten werden per REST/WebSocket an die Zielanwendung gesendet. Bei Ausfall des Zielsystems werden die Daten im Adapter gepuffert und beim nächsten Start erneut gesendet.

Tätigkeiten:

• API Design
• Entwicklung
• Design
• DevOps
• Requirements

Tools und Methoden:

• ExpressJS
• Industrie 4.0
• JSON
• Javascript
• NodeJS
• OPC UA
• PM2 Task Manager
• REST
• Siemens S7 PLC
• Typescript

Nach 12 Jahren maßgeschneiderter Entwicklung von Individualsoftware für Konzerne und Mittelstand, haben wir beschlossen unsere Expertise in ein Produkt zu gießen. Unserer Produkt CaseOS ist ein Digitalbaukasten, mit dem sich Anwendungen, Frontends und Apps dynamisch mit einem WYSIWYG-Editor entwickeln lassen. In Sachen Customizing steht dem Benutzer allerdings nichts im Wege. Im Gegenteil. Das System ist von grundauf auf Whitelabeling und Erweiterung konzipiert. Das eigene CI/CD kann mühelos umgesetzt und individuelle Erweiterungen selber entwickelt werden. Sowohl im Frontend als auch im Backend sind keine Grenzen gesetzt. Weder bei der Technologiewahl noch bei der Plattform. Da das System komplett auf Webtechnologien aufgebaut ist, können daraus alle Kanäle bespielt werden: Web, PWA, App, Desktop und theoretisch sogar Embedded-Systeme.

Tätigkeiten:

• API Design
• App-Store Verwaltung
• Hosting (Cloud, OnPremise)
• Entwicklung
• Datenbankprogrammierung
• Datenmodellierung
• Design
• Design System
• Frontend
• IT Architektur
• Qualitätssicherung
• Requirements
• Rollout/Deploy
• Unit Tests
• UI/UX
• Visualisierung

Tools und Methoden:

• CSS
• CapacitorJS
• ExpressJS
• HTML
• Ionic
• Javascript
• Jest
• MongoDB
• NoSQL
• NodeJS
• REST
• Redux
• Shoelace Web Components
• Sketch
• Socket.IO
• StencilJS
• Swagger
• Typescript
• WebSocket

Breitgefächerte Consulting-Leistungen bei einem Angular/Microservice-Entwicklungsprojekt mit ca. 40 Mitarbeitern und Board-of-Management-Attention. Als Frontend-Lead habe ich die Requirements mit Stakeholdern, Backend-Leads und dem Frontend-Team abgestimmt. Ich habe Junior-Entwickler im Einsatz von Angular 11+ geschult und in die Codebase eingearbeitet. Ich habe das Design System und wesentliche, zentrale Komponenten initial umgesetzt und weiterentwickelt. Meine Rolle sah außerdem vor, die bereichsübergreifende Kommunikation zu erhöhen. Hierzu habe ich wöchentliche Entwickler-/PO-/Lead-Meetings (Dev-Insights) angesetzt, um Themen zu behandeln. Es war meine Verantwortung, die UI/UX-Konsistenz sowohl während der Entwicklung als auch in der Konzeptionsphase neuer Features zu wahren. Wireframes und Mockups wurden in Figma erstellt, um das spätere Look & Feel der Anwendung besser zu vermitteln. Ich habe automatisierte Unittests für Komponenten geschrieben. Das Projekt wurde nach SAFe durchgeführt.

Tätigkeiten:

• API Design
• Coaching
• Entwicklung
• Datenmodellierung
• Dokumentation
• Frontend
• IT Architektur
• Qualitätssicherung
• Requirements
• Unit Tests
• UI/UX
• Visualisierung

Tools und Methoden:

• Angular 11
• Angular Material
• Azure DevOps
• CSS
• Code Reviews
• Design System
• Figma
• HTML
• Javascript
• Jest
• Microservices
• NodeJS
• Refactoring
• RxJS
• SAFe
• SQL-Server
• Sketch
• Swagger
• Typescript

Entwicklung der Onlinepräsenz der Kieferchirurgie Regensburg mit vielen ästhetischen Animationen und emotionalen Bildern.

Tätigkeiten:

• Hosting (Cloud, OnPremise)
• Entwicklung

Tools und Methoden:

• CSS
• HTML
• Javascript

Entwicklung eines Dashboard-Systems, das es den Endnutzern erlaubt, eigene Auswertungen über KPIs zu erstellen (Self-Service). Teilautomatisierte Erstellung von SQL-Statements. Drag n Drop Editor für Widgetplatzierung und -größe. Verschiedene Charttypen unterstützt und kombinierbar.

Tätigkeiten:

• API Design
• Entwicklung
• Datenmodellierung
• Design
• Frontend
• Requirements
• UI/UX
• Visualisierung

Tools und Methoden:

• .Net WebApi
• AngularJS
• CSS
• Chart.js
• HTML
• Javascript
• Oracle Database
• REST
• Sketch
• Typescript

Entwicklung eines HTML/CSS/JavaScript-Design-Systems für eine neue POS-Management-Software. Mitarbeiter können damit Zeiten buchen, Aufträge bearbeiten und Einsätze planen. Es wurde kein JavaScript-Framework eingesetzt.

Tätigkeiten:

• Entwicklung
• Design
• Design System
• Frontend
• Prototyping
• UI/UX

Tools und Methoden:

• Bootstrap
• CSS
• HTML
• Javascript
• Sketch
• Typescript

GS1JS ist ein JavaScript-GS1-Barcode-Content-Parser für NodeJS und den Browser, geschrieben in Typescript.

Tätigkeiten:

• Entwicklung

Tools und Methoden:

• Gulp
• Javascript
• Typescript

Mit dem Online-Spiel sollten spielerisch Bewerber gewonnen werden. Ich habe alle Rollen übernommen – vom Vertrieb über das Konzept, den Spielnamen, das Spieldesign bis hin zur Programmierung, zum Betrieb und zur Schulung. Offline-Fähigkeit für den Betrieb in Messehallen ohne Internetzugang. Gamification des Recruitings.

Tätigkeiten:

• API Design
• Hosting (Cloud, OnPremise)
• Coaching
• Entwicklung
• Datenmodellierung
• Design
• Dokumentation
• IT Architektur
• Qualitätssicherung
• Requirements
• Sound Design
• UI/UX

Tools und Methoden:

• AngularJS
• CSS
• Cloud
• ExpressJS
• Grunt
• Gulp
• HTML
• Ionic
• Javascript
• MongoDB
• NoSQL
• NodeJS
• REST
• SASS
• Sketch

Tätigkeiten:

• Entwicklung

Tools und Methoden:

• Bootstrap
• CSS
• HTML
• Javascript
• MySQL
• PHP
• Wordpress
• jQuery

Tätigkeiten:

• Entwicklung

Tools und Methoden:

• CSS
• Google Maps
• HTML
• Javascript
• MySQL
• PHP
• Wordpress
• jQuery

Entwicklung einer SEO-optimierten AJAX-Website mit client-seitigem Austausch von Inhalten, die per AJAX geladen werden.

Tätigkeiten:

• Entwicklung

Tools und Methoden:

• Bootstrap
• CSS
• HTML
• Javascript
• MySQL
• PHP
• SASS
• Wordpress
• jQuery

Entwicklung einer responsive Website mit CMS.

Tätigkeiten:

• Entwicklung

Tools und Methoden:

• AngularJS
• Bootstrap
• CSS
• HTML
• Javascript
• MySQL
• PHP
• Wordpress
• jQuery

Songautor für Künstler wie Christian Stürmer, Beatrice Egli, Glasperlenspiel und Marco Mengoni. Platz 1 in den Charts und Platin- bzw. Goldverkaufszahlen in Deutschland, der Schweiz und Italien.

Tätigkeiten:

• Komponieren
• Musikproduktion

Tools und Methoden:

• Ableton Live
• Apple Logic Audio
• Creativity
• MacBook
• Music Studio
• Music Theory
• Musical Instruments
• Native Instruments
• Research
• Steinberg Cubase

Entwicklung und Betrieb einer Website für Superstreem Media mit Multimedia-Features wie MP3-Player und Slideshow.

Tätigkeiten:

• Hosting (Cloud, OnPremise)
• Entwicklung
• Design
• SEO
• UI/UX

Tools und Methoden:

• CSS
• HTML
• Javascript
• Photoshop

Entwicklung einer CMS-basierten Website für Breathe Music mit Multimedia-Features wie MP3-Player und Slideshow.

Tätigkeiten:

• Hosting (Cloud, OnPremise)
• Entwicklung
• Design
• SEO
• UI/UX

Tools und Methoden:

• CMS
• CSS
• HTML
• Javascript
• Photoshop
• Wordpress

Konzern- und Mittelstandsberatung.

Entwicklung der Q-Board IT-Servicemanagement Suite Desktop-App für das Verwalten von SLAs (Service Level Agreements). Migration von MS SQL-Server zu Oracle Datenbank. Entwerfen von Tabellen, Views und SQL-Queries. Kunden: Postbank, Commerzbank, Daimler und andere.

Tätigkeiten:

• API Design
• Entwicklung
• Kundenservice
• Datenbankprogrammierung
• Datenmodellierung
• Design
• Dokumentation
• IT Architektur
• Qualitätssicherung
• Requirements
• Rollout/Deploy
• UI/UX
• Visualisierung

Tools und Methoden:

• Crystal Reports
• Installshield
• MS SQL-Server
• Oracle Database Server
• Osen UI Framework
• SQL
• Visual Basic 6.0
• Windows Server

Mein EDM-Artist-Projekt „Mind One“ wurde von vielen bekannten DJs wie Paul van Dyk, Tiësto, Armin van Buuren und Ferry Corsten unterstützt. Die musikalischen Rechte wurden durch Lizenzierungen mit Sony, Warner und Universal (Compilations wie Club Rotation) monetär ausgewertet. Die Verlagstätigkeiten habe ich selbst übernommen und mit der GEMA abgerechnet. Alle Grafikleistungen wie Plattencover, Logo und Werbebanner wurden selbst erstellt.

Tätigkeiten:

• Komponieren
• Design
• Musikproduktion
• Sound Design

Tools und Methoden:

• Mischpult
• Photoshop
• Steinberg Cubase
• Studiotechnik
• Synthesizers