StayFriends

vobe Webversion

Unsere Aufgabe

Für die bestehende Abstimmungs-App "Vobe" unseres Kunden StayFriends sollte eine Webversion mit den wichtigsten Funktionen der App umgesetzt werden.

Die Webvariante sollte nicht nur grafisch der App entsprechen, sondern auch u.a. das Verhalten der animierten Abstimmungs-"Bubbles" aufweisen.

Folgende Funktionen waren gefordert:

Anmeldung über Facebook
Abstimmen und Anzeige der Entscheidungen
Anzeige des Chatverlaufs

Unsere Lösung

Das Design der App wurde für die Webversion adaptiert und wichtige Funktionen, wie z.B. das Facebook-Login implementiert.

Kniffeliger wurde die Umsetzung des physikalischen Verhaltens der Bubbles: Hierzu war, ebenso wie für die "Drag & Drop"-Funktionalität für Touchdevices, die Verwendug eines Frameworks erforderlich

Einige Lösungschritte im Einzelnen:

Auslesen der Vobe-API
Integration des Frameworks "PhysicsJS" zur Simulation des physikalischen Verhaltens der Bubbles
Implementierung von "Drag & Drop" (Avatare in Bubbles ziehen)
Anpassung von "Drag & Drop" für Touchdevices
Aktualisierung der Abstimmungen außschließlich bei aktivem Fenster