Stephan Giesau

Moin, ich bin Stephan Giesau

Frontend-Entwickler und IT-Berater aus Hansestadt Hamburg für moderne Webanwendungen und Apps.

Als Senior Application Consultant bei IBM Studios Hamburg entwickle ich gemeinsam mit UX Experten & Visual Designern digitale Produkte für Kunden aus der Industrie- und Finanzwelt.

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

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

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

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