Animatron

Herausforderung

Das Hauptprodukt des Kunden ist eine Webanwendung namens Editor. Sie ermöglicht die Erstellung von animierten Inhalten direkt im Browser. Die beste Beschreibung des Konzepts ist “Flash im Browser, aber ohne Flash”. Diese revolutionäre Web-App erlaubt es Benutzern, Cartoons, 2D-Spiele, Präsentationen, Vektorgrafiken und alle Arten von Animationen sehr einfach zu erstellen. Benutzer können die in der App erstellten Inhalte in verschiedenen Formaten exportieren und ihre Kreationen in sozialen Netzwerken veröffentlichen und/oder mit Freunden teilen.

Redwerk wurde beauftragt, eine Website zu entwickeln, um die von den Benutzern im Editor erstellten Inhalte zu verwalten und zusätzliche Metafunktionen hinzuzufügen. Einige der Hauptfunktionen der App waren:

• Anmeldung
• Registrierung
• Inhaltserstellung
• Entdecken-Option

Die Kommunikation zwischen unserer Anwendung und dem clientseitigen Backend sollte über die REST-API des Backends erfolgen. Da diese API jedoch nicht vollständig beschrieben war, mussten wir ein beschreibendes Dokument mit einer genauen Analyse der für die einzelnen Entwicklungsschritte erforderlichen REST-Methoden erstellen.

Der Kunde plante, den Softwareentwicklungsprozess in mehrere Meilensteine zu unterteilen.

Lösung

Auf Wunsch des Kunden wurde der Entwicklungsprozess zunächst in 3 Meilensteine unterteilt.

In der ersten Phase wurden der HTML/CSS-Code und die Serviceaspekte des Projekts entwickelt. Dies wurde als erster Schritt gewählt, da diese Arbeit nicht von der API abhing. Wir verwendeten Mock-Speicherlösungen, um dem Kunden die Möglichkeit zu geben, das Look-and-Feel unserer interaktiven Designs zu beurteilen.

Nach Erreichen des ersten Meilensteins hatten wir genügend Informationen gesammelt, um ein Dokument über die erforderliche REST-API zu erstellen. Es war wichtig, dies präzise und transparent zu tun, da das Backend vom Kunden entwickelt wird und die REST-Methoden auf deren Seite implementiert werden mussten.

Der zweite Meilenstein befasste sich hauptsächlich mit API-bezogenen Fragen. Nachdem die REST-Spezifikationen bestätigt wurden, implementierten wir ein Prototypmodell, das später für die Kommunikation zwischen der REST-API und dem Webteil verwendet wurde. SSL-Zertifikate wurden implementiert. Dies erleichterte später den Aufbau der Live-Deployment-Lösung.

Der dritte Meilenstein bestand darin, die Benutzeroberfläche für angemeldete Benutzer zu gestalten, was wiederum Änderungen im allgemeinen Design mit sich brachte. Zusätzlich mussten einige neue Funktionen implementiert werden. Das Outsourcing-Team von Redwerk fand eine Lösung zur Unterstützung einer großen Anzahl von Webbrowsern, d. h. Internet Explorer 9 und 10, Firefox, Google Chrome und Safari (für iPad). Das Design wurde so vorbereitet, dass es in Zukunft an Retina-Displays angepasst werden kann. Eine Reihe von UI-Elementen wurden als jQuery-Plugins erstellt, was bedeutet, dass sie leicht wiederverwendet werden können.

Was die Authentifizierungsmethode betrifft, baute das Redwerk-Team eine einfache Lösung basierend auf der klassischen Kombination aus E-Mail und Passwort sowie der Authentifizierung über soziale Netzwerke wie Twitter und Facebook. Wir haben es sogar möglich gemacht, den Gravatar eines Benutzers anzuzeigen. Zu diesem Zweck wurden Java-Komponenten verwendet und als Dienst in Scala neu codiert.