Animatron

Desafío

El principal producto del cliente es una aplicación web llamada Editor. Está diseñada para permitir la creación de contenidos animados en un navegador. La mejor descripción del concepto es “Flash en un navegador, pero sin Flash”. Esta revolucionaria aplicación web permite a los usuarios crear dibujos animados, juegos 2D, presentaciones, gráficos vectoriales y todo tipo de animaciones muy fácilmente. Los usuarios pueden exportar el contenido creado en la app en diferentes formatos, y publicar sus creaciones en las redes sociales y/o compartirlas con sus amigos.

Redwerk recibió el encargo de desarrollar un sitio web para gestionar los contenidos creados por los usuarios en el Editor y añadir algunas metafunciones adicionales. Algunas de las principales funciones de la aplicación eran:

• Registrarse
• Registrarse
• Creación de contenidos
• Explorar opción

La idea era que la comunicación entre nuestra aplicación y el backend del lado del cliente se llevara a cabo a través de la API REST del backend. Sin embargo, esta API no estaba completamente descrita y tuvimos que crear un documento descriptivo con un análisis exacto de los métodos REST necesarios para cada uno de los pasos de desarrollo.

El cliente pretendía dividir el proceso de desarrollo del software en varios hitos.

Solución

Inicialmente, a petición del cliente, el proceso de desarrollo se dividió en 3 hitos.

En la primera fase se desarrolló el código HTML/CSS y los aspectos de servicio del proyecto. Se eligió este primer paso porque este trabajo no dependía de la API. Utilizamos soluciones de almacenamiento simuladas para dar al cliente la oportunidad de juzgar el aspecto de nuestros diseños interactivos.

Una vez alcanzado el primer hito, habíamos reunido suficiente información para redactar un documento sobre la API REST necesaria. Era importante hacerlo de forma precisa y transparente, porque el backend lo desarrolla el cliente, y los métodos REST tenían que implementarse por su parte.

El segundo hito se centró principalmente en cuestiones relacionadas con la API. Una vez confirmadas las especificaciones REST, implementamos un modelo prototipo que se utilizó posteriormente para la comunicación entre la API REST y la parte web. Se implementaron los certificados SSL. Esto facilitó la posterior creación de la solución de despliegue en vivo.

El tercer hito consistió en diseñar la interfaz de usuario para los usuarios registrados en el sistema, lo que a su vez provocó cambios en el diseño general. Además, hubo que implementar un par de funciones nuevas. El equipo de subcontratación de desarrollo de software de Redwerk encontró una solución compatible con un gran número de navegadores web, es decir, Internet Explorer 9 y 10, Firefox, Google Chrome y Safari (para iPad). El diseño se preparó para adaptarse a las pantallas Retina en el futuro. Varios elementos de la interfaz de usuario se crearon como plug-ins jQuery, lo que significa que pueden reutilizarse fácilmente.

En cuanto al método de autenticación, el equipo de Redwerk construyó una solución sencilla basada en la clásica combinación de correo electrónico y contraseña, así como en la autenticación a través de redes sociales como Twitter y Facebook. Incluso hicimos posible mostrar el Gravatar de un usuario. Para ello se utilizaron componentes Java y se recodificaron como servicio en Scala.