Quería daros a conocer un proyecto que hemos lanzado hace poco. Se trata de una red social en forma de comunidad para la marca Ford, promocionando su nuevo Ford Fiesta y otras cosillas.

Junto con mi compañero Carlos Serrano, editor también de este blog, el equipo de diseñadores y de backend, hemos desarrollado íntegramente nuestra primera aplicación comercial con Flex. Nos ha costado lo suyo, y no he podido resistirme a postearlo.

Cuando nos pasaron el funcional de algo tan extenso como es una comunidad online, nos planteamos seriamente con qué tecnología desarrollarla. Nuestro pan de cada día era Flash, pero al contemplar todas las posibilidades que Flex nos ofrecía, no lo pensamos demasiado.

En primer plano teníamos un montón de formularios, validaciones, botones, menús, listados, apilamientos de información, muchas ventanas de popups, alertas, etc, que según nuestra experiencia, programar con Flash sería un infiernillo… Por otra parte nos pedían una “home” llamativa y muy visual. Enseguida nuestros diseñadores idearon una interfaz 3D basada en cubos y planos. Y cómo no, la técnica perfecta para ello fue Papervision3D. El backend está basado en Coldfusion 8, y toda la comunicación servidor-cliente-servidor se basa en “remoting” mediante el protocolo AMF de Adobe. Una vez más, Flex nos hizo ver la luz, ya que facilita en gran medida este tipo de tareas con su soporte nativo de Remote Objects, y su gran compenetración con el servidor de Coldfusion.

Al principio teníamos nuestras dudas sobre cómo “mezclar” Flash y Flex. Mucha gente cree que Flex es algo a parte, algo independiente de Flash. Pero todo lo contrario, los dos van de la mano y se complementan perfectamente. Algunas de las piezas de la interfaz se han diseñado con Flash en línea de tiempo, e implementadas dentro de una aplicación Flex, a modo de assets.
Es simple, en cuestión de diseño de interfaz usamos Flex skinning y CSS, hasta que necesitamos algunos detalles más elaborados.

Desde aquí animo a toda la gente de Flash a pasarse a esta tecnología, que no hace otra cosa más que facilitarnos la vida. Los tiempos de desarrollo os aseguro que serán mucho menores, sobre todo cuando se trata de aplicaciones grandes que implican una lógica de negocio extensa.
La navegación por secciones y la carga de módulos (swf´s) es algo también muy sencillo con Flex, y una tarea que siempre nos ha dado quebraderos de cabeza en el mundillo Flash. Y la documentación es enorme, cientos de blogs tanto en habla hispana como en inglés, tutoriales, y listas de correo como Made In Flex, nos han ayudado mucho.

Flex, Flex, Flex !!!

Gracias a todo el equipo de Genetsis que ha hecho posible este proyecto.

Pd: maskedummies todavía está en fase Beta, y le quedan muchas cosillas por implementar, espero que os guste y reportéis cualquier opinión al respecto. Tiene un directorio de más de 1,5 millones de canciones que podéis escuchar gratis.

http://www.maskedummies.com/