Stephan Giesau

Referenzen

elektronische Gesundheitsakte (eGA)

Projekt

Die elektronische Gesundheitsakte (eGA) von IBM ermöglicht es Versicherten, ihre digitale Patientenakte auf dem Smartphone zu verwalten und Gesundheitsdaten sicher zu speichern. Erstmals sind Abrechnungsdaten der Krankenversicherung, wie z.B. Arzt- und Krankenhausbesuche, Arztdokumente, Medikamente und Impfungen von Versicherten von überall abrufbar.

In Kooperation mit IBM bindet die Techniker Krankenkasse als eine der ersten Krankenversicherungen die eGA als Bestandteil der eigenen Kunden-App (TK-Safe) für TK-Versicherte an.

Aufgaben

Anbindung neuer Funktionen aus der eGA für die Android-Version von TK-Safe
Qualitätssicherung der App zum Go-Live im März 2019

Tools & Technologien

Android
Kotlin
ReactiveX / RxJava

Gesetzliche Krankenversicherung

Projekt

Für eine große, deutsche Krankenversicherung wurde der technisch und visuell veraltete Webauftritt auf ein modernes, responsives Layout aktualisiert. Dazu gehörten die Überarbeitung der bisherigen Website samt Kundenportal und Online-Filiale, sowie die Neuentwicklung der Startseite und des Grundlayouts des Portals.

Aufgaben

Technische Leitung der Frontend-Entwicklung
Focal Point für Abstimmungen zwischen Fachbereich/Redaktion, IT-Dienstleister und Designagentur
Technische Beratung, Qualitätssicherung und Anleitung der externen Agentur bei der Erstellung von Design Assets
Aufsetzen einer aktuellen Frontend-Buildarchitektur

Tools & Technologien

HTML 5
CSS 3 / SASS
JavaScript
node.js / npm
jQuery

Lufthansa

Projekt

Gemeinsam mit Lufthansa, der größten europäischen Airline, entwickelt IBM die Internetportale LH.com und (ehemals) Miles-and-More.com stetig weiter.

Aufgaben

Technische Konzeption des Designsystems für den erneuerten Profilbereich „Lufthansa ID“
Implementierung des Redesigns für Miles & More
Beurteilung von Change Requests und Dokumentation der Umsetzung in Statements of Work

Tools & Technologien

JavaScript / ES6
HTML 5
CSS 3 / SASS
JSP

Projekte

diffsite

Projekt

Ein Tool, um zwei Versionen der gleichen Website visuell für verschiedene Bildschirmgrößen zu vergleichen – durch Gegenüberstellung oder einen von mehreren Überlagerungsmodi (Blending Modes).

Auswahl aus verschiedenen Vergleichsmodi und Gerätegrößen
Unterstützung von öffentlichen und lokalen Seiten (via localhost)
Automatische Erkennung von AMP-Seiten und verlinkter Canonical-Seite

Motivation

Zur Unterstützung von A/B-Tests bei verschiedenen Kunden unter Ausschluss visueller Abweichungen habe ich diffsite entwickelt. Das Tool vereint die Funktionen vieler anderer Vergleichstools in einer Oberfläche und beschleunigt dadurch die Qualitätssicherung enorm.

Tools & Technologien

Vanilla JS
JavaScript / ES6
Webpack
CSS3 / SCSS
HTML 5

Prefetchalyzer

Projekt

Mit Prefetchalyzer kann eine User Journey über mehrere Seiten hinweg (z.B. Produktseite, Warenkorb, Checkout) auf potenzielle Performanceoptimierungen untersucht werden. Das Tool analysiert, welche kritischen Ressourcen (wie Scripte und CSS) von nachfolgenden Seiten benötigt werden und schlägt vor, auf welcher Seite im Prozess diese Ressourcen für einen Geschwindigkeitsgewinn vorgeladen werden können.

Upload beliebiger User Journeys, aufgezeichnet im HAR-Format
Automatisierte Analyse von Ressourcen mit Filterfunktionen
Export der Ergebnisse zur Durchführung von Performancetests und Einbindung im HTML-Code

Motivation

Es gibt bereits viele Tools, die Performanceprobleme auf einzelnen Webseiten analysieren – jedoch kaum eines, welches die Analyse einer gesamten User Journey über mehrere Seiten hinweg ermöglicht. Somit lassen sich viele Optimierungen der Seitenladegeschwindigkeit finden, die bei anderen Tools verborgen bleiben.

Tools & Technologien

Vue.js
TypeScript
Material Design Components
HAR Format

Filehoster

Projekt

SG Filehoster ist ein einfaches, webbasiertes Tool zum Teilen von Dateien, das auf dem eigenen Webserver betrieben werden kann und keine Datenbankanbindung erfordert. Abseits von Basisfunktionen wie Passwortschutz und Ablaufdatum ist der Funktionsumfang bewusst klein gehalten.

Übersichtliches UI zum Hochladen, Abrufen und Verwalten von Dateien
Verschleierung und Absicherung der Dateien, z.B. Deep-Linking Schutz
Hohe Konfigurierbarkeit des UI und der Sicherheitsvorkehrungen

Motivation

Für meine Nebentätigkeit als Grafikdesigner und Mediengestalter brauchte ich eine Möglichkeit, schnell und unkompliziert Arbeitsergebnisse, wie z.B. Flyer und Layoutdateien, mit den Kunden zu teilen. Die Ablage sollte sicher und vertraulich sein, sowie optional ein Ablaufdatum enthalten, um Entwürfe zeitlich begrenzt verfügbar zu machen.

Durch die Implementierung konnte ich die Neuerungen von PHP-Version 7+ anwenden und ausprobieren.

Tools & Technologien

PHP 7
Composer
HTML 5
CSS 3 / SASS

Bow Warriors

Projekt

Ein offenes Multiplayer-Spiel im Browser, bei dem sich die Spieler, aufgeteilt in zwei Teams, mit Pfeilen befeuern und dafür Punkte kassieren.

Echtzeit-Spiel auf Tastatur oder Touchscreen
Wähle einen von sechs Charakteren

Motivation

Da ich generell sehr an grafischen Projekten sowie Spieleentwicklung interessiert bin, habe ich mich nach Lesen eines Tutorials zu Multiplayer-Spielen mit Phaser und Socket.IO für dieses Projekt begeistert. Ziel war die Exploration der Möglichkeiten von Phaser wie animierte Sprites, Tilemaps, Touch Controls und Steuerung des Game Lifecycle.

Tools & Technologien

Phaser 3
Socket.IO
TypeScript
node.js / Express Server
Tiled Editor
Game Assets

ExpenSync

Projekt

Mit ExpenSync als digitalem Haushaltsbuch lassen sich die eigenen Ausgaben erfassen, kategorisieren und auswerten. Alle Daten werden über Dropbox synchronisiert und sind damit auf allen Geräten abrufbar.

Anpassbarkeit von Accounts, Ausgabe-Kategorien und Darstellung im UI
Berechnung von Monats- und Gesamtsaldo nach Accounts
Grafische Auswertung der Ausgaben mit dynamischen Filtermöglichkeiten

Motivation

Als eines meiner ersten Web-App-Projekte ist ExpenSync über die Jahre gewachsen und gereift. Viele Technologien, die heute in Progressive Web Apps (PWA) eingesetzt werden, habe ich mit ExpenSync ausprobiert – unter anderem Offlinespeicherung, Chrome Apps und native APIs von HTML5.

Tools & Technologien

Framework7
Dropbox API
localStorageDB
JavaScript / ES6
HTML 5
CSS 3