Portfolio

Projekte an der TU-Wien und private Projekte

All
WEB
HCI
GAMES
DESIGN
VR
MOBILE

Projekt: IWDB

IWDB Erweiterung

IWDB ist ein freies auf PHP4 basierendes Datenbanksystem für das Browsergame Icewars (Weltraumkriegssimulation). Es ermöglicht Informationen der Spielewebseite mittels copy&paste in die Datenbank zu übertragen um eine bessere Übersicht und Auswertung über den Spielfortschritt zu erhalten. Die Datenbank war für die neueste Version des Spiels nicht mehr geeignet und musste daher angepasst werden. Der gesamte PHP-Code wurde auf PHP5 migriert, alle vorhanden Parser an die neue Version des Spiels angepasst und um neue Features erweitert.

Beschreibung:

Bei diesem Spiel ist es wichtig (um erfolgreich zu sein), dass sich die Spieler in Gruppen von ca. 9 Personen aufteilen und davon wird ein Spieler mit den Ressourcen der anderen beliefert (die sich jeweils auf eine Ressource spezialisieren). Der belieferte Spieler baut hingegen nur Kriegsmaterial. Um Produktionsstillstände durch Ressourcenmangel zu vermeiden bzw. eine bessere Steuerung der Ressourcenproduktion zu ermöglichen musste dieses System erweitert werden.

Neue Features:

Möglichkeit Spieleseite in der IWDB zu laden

vereinfachtes kopieren in Parser
automatisierter Login ins Spiel
Navigation über IWDB auf der Spieleseite

Ressourcenbedarfsberechnungen je Planet, mit Transporthochrechnungen
Parser für Transporte
Transportstatistiken

Technologien: HTML, PHP, Javascript, CSS, MySQL

Abb. In IWDB integrierte Spielseite (oben), Statistik über Ressourcenlieferungen (unten)

HCI

NavibrationBelt

Projekt: NavibrationBelt

NavibrationBelt

Im Zuge des Projektpraktikums "Beyond the Desktop" wurde ein Prototyp für ein Navigationsgerät entwickelt, dass über haptische Signale Richtungsangaben an den Benutzer übermittelt.

Das Projekt wurde in einer Gruppe von drei Personen durchgeführt. Mein Aufgabenbereich bestand in der Arduino Programmierung und Teile der Android App.

Beschreibung:

Der Prototyp bestand aus einem Gürtel, der mit drei Vibrationsmotoren (Aktoren), für jede Richtung einen, versehen war. Die Elektronik war auf der Rückseite des Gürtels angebracht. Wenn sich der Benutzer einen Kreuzungspunkt nähert, vibriert der Aktor in dessen Richtung der nächste Wegpunkt liegt. Leichte Abzweigungen z.B.: halb links wurden mit Signalen auf den Aktoren vorne und links realisiert. Beim Erreichen des Ziels vibrieren alle Aktoren mehrfach gleichzeitig. Die Eingabe des Ziels erfolgt mittels Android App, die die Google Maps Karte zur Darstellung nutzt. Jeder Kreuzungspunkt wird mittels eines Pin-Symbols auf der Karte angezeigt. Der aktuelle Standort wird über GPS ermittelt und auf der Karte angezeigt.

Evaluation:

Der Prototyp wurde mittels Photo Elicitation Method an vier Probanden evaluiert.
Download Paper

Technologie: Arduino, Java, XML-Parser, Android, Google API
Methoden: Photo Elicitation Method

Abb.: Android App (oben), NavibrationBelt (unten)

GAMES

Super Mario Sports

Projekt: Kinect Game

Super Mario Sports

Im Zuge des Projektpraktikums "Beyond the Desktop" wurde ein auf Microsoft Kinect basierender Spieleprototyp eines Endlessgames entwickelt. Der Spieler ist hierbei "Super Mario" und muss Hindernissen ausweichen, sowie Punkte sammeln die in Boxen über den Köpfen der Spieler erscheinen.

Das Projekt wurde in einer Gruppe von drei Personen durchgeführt. Mein Aufgabenbereich bestand in der Erkennung und Segmentation der Spieler, sowie des GUI-Designs.

Beschreibung:

Der Spieler wird mittels Kinect getracked und ein Abbild von ihm wird auf den Monitor übertragen. Alle Bewegungen werden ebenso in "Echtzeit" übertragen. Die Spielewelt läuft immer schneller werdend von rechts nach links (Endlessgame). Die Hindernisse und Boxen erscheinen zufallsgeneriert, wobei die Hindernisse noch dazu auf verschiedenen Höhen erscheinen. Die Aufgabe des Spielers ist, den Hindernissen durch springen und ducken auszuweichen, dabei aber soviele Boxen wie möglich mit zu nehmen. Pro vergangener Zeit bekommt der Spieler zusätzlich zu den Boxen Punkte. Berührt er ein Hindernis verliert er ein Leben, bis alle Leben aufgebraucht sind.

Technologie: Microsoft Kinect, Kinect for Windows SDK, C#

Abb. Spieler beim spielen über Fernseher, Kinect ist darunter angebracht

GAMES

A PAPARAZZI’S HEYDAY

Projekt: Unity3D Game

A PAPARAZZI’S HEYDAY

Im Zuge des Projektpraktikums "Exploratives Design" wurde ein Spiel zum Thema "aufblühen" entwickelt. Eine etwas weitere Auslegung des Begriffes aufblühen ("flourish") brachte uns auf: "aufblühen von Gerüchten". In den man berühmte Personen mit einer Kamera in ungewöhnlichen Situationen, oder an dubiosen Orten ablichtet um neue Gerüchte zu streuen.

Das Projekt wurde in einer Gruppe von drei Personen durchgeführt. Mein Aufgabenbereich bestand in der Spielerbewegung, Kamerabewegung und Teile des Leveldesigns.

Beschreibung:

Der Spieler startet in einem Stadtsetting und kann sich frei im Raum bewegen. "Stars" sind über das Level hinweg verteilt. Die Aufgabe des Spielers ist es alle Stars zu finden und zu fotografieren. Erfolgreiche Fotos werden in eine Zeitung gedruckt und als Screenshot gespeichert. Um das Gameplay fordernder zu gestalten wurde die Kamera standardmäßig ausgeblendet und der Spieler muss mittels einer Taste die Kamera auf das Ziel richten. Solange die Kamera aktiv ist beginnt das Blickfeld des Spielers sich zu bewegen. Der Auslöser der Kamera braucht mehrere Sekunden (wird mittels Ladebalken angezeigt) und solange muss das Ziel fixiert werden. Nach drücken des Auslösers wird das Schwanken der Kamera stark vermindert, aber Lagekorrekturen sind kaum mehr möglich. Nach erfolgreicher Aufnahme des "Stars" wird das Bild in einer Zeitung abgebildet und ein Gerücht wird gesät.

Technologie: Unity 3D - Game Engine, Javascript, C#, Maya, Blender

Abb. Gordon Freeman betrunken auf Parkbank, Kamera und Zeitung

DESIGN

Projektorientierte Recherche 1

Projekt: Projektorientierte Recherche und designgenerierende Methoden 1

Projektorientierte Recherche und designgenerierende Methoden 1

Beim Projektpraktikum "Projektorientierte Recherche und designgenerierende Methoden" wird Ideengenerierung durch unterschiedliche Methoden gefördert. Als Ziel soll eine Idee, ein Mockup entstehen. Das Thema in dem sich die Idee entwickeln soll ist "wearable".

Dieses Projektpraktikum wurde in einer Gruppe von vier Personen durchgeführt. Alle Gruppenmitglieder beteiligen sich an allen Methoden.

Beschreibung:

Am Anfang stand der Bereich Fahrradwearable. Durch die Literatur Recherche wurden die Themenbereiche Sicherheit, Signalgebung, Navigation und Sturzerkennung als erste Richtungen konkretisiert. Der Bereich der Sturzerkennung wurde von einem der interviewten Experten abgeraten weiter zu verfolgen. So blieben die drei anderen im weiteren Focus über die Videoanalyse und den Cultural hinweg bis zu den Szenarien. In diesen entwickelten sich zwei konkretere Ideen, zum einen ein Fahrradhelm mit Signalgebung an andere Verkehrsteilnehmer, zum anderen ein an den Handgelenken befestigtes "Freizeit"-Navigationssystem. Im folgenden Design Workshop wurde die Idee des Helmes verworfen und ein Design-Prototyp für einen Fahrradhandschuh mit Navigation entworfen.

Methoden: Literatur Recherche, Experten Interviews, Cultural Probes, Videoanalyse, Design Game, Szenarien, Design Workshop

Abb. Poster, Pfad der Ideen Generierung (von oben nach unten)

HCI

Technology for Language Learning

Projekt: User Research

Technologie for Supporting Language Learning

Im Zuge der VO/VU "User Research" wurde der Einsatz von Technology im Bereich Fremdsprachen lernen erforscht. Der Focus lag auf der Erforschung der Motivationsgenerierung und der wichtigsten Einflussfaktoren beim Einsatz von Technologien. Das gesamte Projekt wurde in englischer Sprache durchgeführt.

This project was carried out by four people. Each member of the group has participated in all methods.

Description:

We used a multimethod approach to gain insight in the field of language learning and to research the aspect of motivation for using an app on a regular basis. We started by exploring the broader domain and ran two open-ended interviews with teachers to gain insight from their expert point of view. Based on that foundational information we ran observations of language learning classes. Further on we observed two state of the art online communities for language learning. For exploring the aspects for using an app we conducted a survey and we also collected qualitative data. As the result of the research we propose four key aspects for general language learning application: Learning Goal and Path, UI Design and Usability, Social Interaction and Achievement System.
Download Paper

Methoden: Literatur Research, Expert Interviews, Observation, Survey, Technology Probes

Abb. Research plan, survey results

Virtual Reality

Projekt: Virtual Reality

VR Interaction Technique

Der Schwerpunkt der VU "Virtual and Augmented Reality" lag in der Implementierung von Virtual Reality Interaktions-Techniken in ein vorgefertigtes Framework. Die Eingabe erfolgt über einen mit speziellem Muster bedruckten Würfel über einer Kamera (Webcam). Die Lage und Bewegung des Würfels wird getracked und in die VR-Umgebung übertragen.

Beschreibung:

Zum Teilimplementieren war das Tracking des Würfels über das OpenTracker Framework und die Darstellung in der VR-Umgebung (Unity). Die Interaktions Techniken Homer (Hand-Centered Object Manipulation Extending Ray-Casting) und Go-Go ("Non-linear Mapping for Direct Manipulation", benannt nach Inspector Gadget) waren vollständig zu implementieren. Bei der Homer Technik wird mittels Ray-Casting ein Objekt ausgewählt, zum Selektieren springt die virtuelle Hand auf das ausgewählte Objekt. Im Gegensatz dazu bewegt sich bei der Go-Go Technik die virtuelle Hand im Raum linear bis zu einem definierten Abstand (Körpernähe), danach bewegt Sie sich exponentiell zum Ziel. Zusätzlich war auch noch eine Netzwerkkommunikationsschnittstelle (Client-Server) zu implementieren. So dass zwei Personen in einem VR-Raum Interaktionen durchführen können (zu sehen im unteren Screenshot).

Technologie: Unity 3D - Game Engine, C#, OpenTracker Framework

Abb. Waage soll mit Gewichten von zwei Personen beladen werden, ohne das sie aus dem Gleichgewicht gerät

WEB

Software Engineering

Projekt: Software Engineering und Projektmanagement

Ticketline

Bei der VO/VU Software "Engineering und Projektmanagement" war ein Ticket-Reservierungssystem in MVC-Architektur (Modell, View, Controller) zu entwickeln. Das Projekt wurde mittels Rational Unified Process (RUP) geplant und umgesetzt.

Dieses Projektpraktikum wurde in einer Gruppe von fünf Personen durchgeführt. Meine Aufgaben waren: Site-Design, Mockup, CSS, die Bereiche: Reservierungen verwalten/kaufen, Merchandise Warenkorb/kaufen (jeweils m+v+c), News (nur Design), automatisierte Testscripts zur Suche und Merchandise implementieren.

Beschreibung:

Als Startpunkt wurde eine detaillierte Anforderungsanalyse und UML-Modelle der Grundfunktionen (Login, Reservierung, Tickets), sowie deren Datenbankdesign zur Verfügung gestellt. Diese wurden um die benötigten weiteren Funktionen erweitert. Die Website verfügte über diese Features:

Registrierung/Login: Reservierung und kaufen von Tickets ist nur mit gültigen Account möglich
Einstellungen: Eigenen Account verwalten
News: Aktuelle Veranstaltungen werden hier angezeigt
Top10: Liste der meistverkauften Tickets
Merchandise: Zusatzartikel passend zu den Veranstaltungen kaufen
Suche: Veranstanltungen nach bestimmten Kriterien finden, Details anzeigen lassen (z.B.: Kinosaalbelegung)
Reservierungen: Eigene Reservierungen und Einkäufe auf einen Blick (Drucken, Kaufen)

Technologie: ASP.net, C#, Linq, MS-SQL, Ajax, Javascript, CSS

Abb. Abblauf einer Reservierung im Ticketline System

DESIGN

Projektorientierte Recherche 2

Projekt: Projektorientierte Recherche und designgenerierende Methoden 2

Projektorientierte Recherche und designgenerierende Methoden 2

Beim zweiten Teil des Projektpraktikum "Projektorientierte Recherche und designgenerierende Methoden" wird mit dem Ergebnissen aus dem ersten Abschnitt ein funktioneller Prototyp erstellt.

Dieses Projektpraktikum wurde in einer Gruppe von vier Personen durchgeführt. Meine Aufgaben lagen hauptsächlich im Mobileapp-Developement.

Beschreibung:

Aus dem gewonnen Daten der ersten Phase wurden Sketches, Wireframes und Mockups erstellt und diese mit Potenziellen Anwendern evaluiert, sowie mit den erhaltenen Feedback verfeinert. Im nächsten Schritt wurden die zur Umsetzung möglichen Technologien erfasst und mit diesen anschließend Technology Probes erstellt und an Anwendern getestet. Mit diesen Ergebnissen wurde ein Prototyp erstellt. Dieser besteht zum einen aus einem tragbaren Gerät (aufnähbarer Batch), der über LEDs und Vibrationsmotoren die Richtung zum nächsten Ziel anzeigt und einer App für das Smartphone mit der Einstellungen verändert und zusätzliche Informationen angezeigt werden.

Features:

Wearable: LED Richtungsanzeige
Wearable: Vibration als Notification
App: Karte mit Markierung für Interessante Punkte
App: Manuelle Auswahl von Punkten und Wegberechnung
App: Filter für Sehenswürdigkeiten, Restaurants uvm.
App: Anzeige von Detailinformationen und Ratings zu Punkten
App: Home Funktion

Methoden: Mockup, Technology Probe, Product Design
Technologie: Android (Java), Google APIs, Arduino

Abb. Logo, Produkt Design, Technology Probe, Android App

MOBILE

WorkTimeTracker

Projekt: WorkTimeTracker

WorkTimeTracker

Diese App dient zur Aufzeichnung von Arbeitszeiten und bietet zusätzliche statistische Auswertungen.

Beschreibung:

Mit dieser App ist eine einfache Art der Zeiterfassung möglich um damit einen guten Überblick über die Aufgewendeten Stunden zu erhalten. Die aufgezeichneten Daten können als formatierte Exceldateien exportiert werden. Diese können Lokal am Smartphone verwendet, oder direkt an den angemeldeten Google-Account (Drive) gesendet werden. Weiters werden statistische Auswertungen zu den Daten angeboten, die einen schnellen Überblick über die aufgezeichneten Zeiten bieten. Die grafische Darstellung der Daten ermöglichen zusätzlich Auswertungen wie z.B.: "an welchen Wochentag arbeite ich am längsten". Diese App befindet sich noch in der Entwicklung. Umgesetzt sind bisher die unten angeführten Funktionen.

Features:

Einfache Aufzeichnung über Start/Stop Funktion
Bearbeiten, Anzeigen, Suchen von Einträgen
Auswertung für Arbeitszeiten pro Tag/Woche/Monat
Anzeige von Überstunden mit grafischer Aufbereitung
Anzeige von Maximal-/Durchschnittswerten
Erstellen von Excel-Tabellen
Backup von Daten auf Google Drive

Technologie: Android (Java), Google APIs, Apache POI, SQLite

Abb. Android App

Hello

I'm Günther

About Me

Portfolio

Skills

Programming

Testing

Security

UI / UX

Contact