Animatron

Défi

Le produit principal du client est une application web appelée l’Éditeur. Elle est conçue pour permettre la création de contenu animé dans un navigateur. La meilleure description du concept est « Flash dans un navigateur, mais sans Flash ». Cette application web révolutionnaire permet aux utilisateurs de créer très facilement des dessins animés, des jeux 2D, des présentations, des graphiques vectoriels et toutes sortes d’autres animations. Les utilisateurs peuvent exporter le contenu créé dans l’application dans différents formats et publier leurs créations sur les réseaux sociaux et/ou les partager avec leurs amis.

Redwerk a été sollicité pour développer un site web pour gérer le contenu créé par les utilisateurs dans l’Éditeur et ajouter certaines fonctions méta supplémentaires. Voici quelques-unes des principales fonctions de l’application :

• Connexion
• Inscription
• Création de contenu
• Option d’exploration

L’idée était que la communication entre notre application et le backend côté client s’effectue via l’API REST du backend. Cependant, cette API n’était pas entièrement décrite et nous avons dû créer un document descriptif avec une analyse exacte des méthodes REST requises pour les étapes de développement individuelles.

Le client avait l’intention de diviser le processus de développement logiciel en plusieurs étapes.

Solution

Initialement, à la demande du client, le processus de développement a été divisé en 3 jalons.

Dans la première phase, le code HTML/CSS et les aspects service du projet ont été développés. Ce choix a été fait car ce travail ne dépendait pas de l’API. Nous avons utilisé des solutions de stockage simulées afin de donner au client la possibilité d’évaluer l’apparence et la convivialité de nos conceptions interactives.

Une fois le premier jalon atteint, nous avions recueilli suffisamment d’informations pour composer un document sur l’API REST requise. Il était important de le faire de manière précise et transparente, car le backend est développé par le client, et les méthodes REST devaient être implémentées de son côté.

Le deuxième jalon concernait principalement les questions liées à l’API. Après confirmation des spécifications REST, nous avons implémenté un modèle prototype qui a ensuite été utilisé pour la communication entre l’API REST et la partie web. Les certificats SSL ont été implémentés. Cela a facilité la création ultérieure de la solution de déploiement en direct.

Le troisième jalon consistait à concevoir l’interface utilisateur pour les utilisateurs connectés au système, ce qui a à son tour entraîné des changements dans la conception générale. De plus, quelques nouvelles fonctions ont dû être implémentées. L’équipe de développement logiciel externalisé de Redwerk en offshore a trouvé une solution pour prendre en charge un grand nombre de navigateurs web, à savoir Internet Explorer 9 et 10, Firefox, Google Chrome et Safari (pour iPad). La conception a été préparée pour être adaptable aux écrans Retina à l’avenir. Un certain nombre d’éléments d’interface utilisateur ont été créés sous forme de plug-ins jQuery, ce qui signifie qu’ils peuvent être facilement réutilisés.

En ce qui concerne la méthode d’authentification, l’équipe de Redwerk a construit une solution simple basée sur la combinaison classique d’e-mail et de mot de passe ainsi que sur l’authentification par réseau social via Twitter et Facebook. Nous avons même rendu possible l’affichage du Gravatar d’un utilisateur. À cette fin, des composants Java ont été utilisés et recodés sous forme de service en Scala.