Adobe Flash Catalyst: el eslabón perdido entre el diseñador y el desarrollador

Flash Catalyst es la nueva aplicación de Adobe que permite al diseñador hacer parte del flujo de trabajo de desarrollo de una aplicación de Flex como diseñador de su interfaz.

El desarrollo de una aplicación web debe incluir siempre un buen diseño visual de su interfaz, así­ que dentro del equipo de trabajo deberí­a existir un diseñador que conozca sobre estándares y usabilidad, entre otros temas y que proporcione los elementos visuales al desarrollador; sin embargo nos encontramos con dos inconvenientes: el diseñador desconoce los parámetros de este tipo de trabajos y el desarrollador no tiene herramientas que le permiten usar el archivo digital generado por el diseñador. El diseñador generalmente entrega una imagen del diseño de la interfaz y el desarrollador se enfrenta a un dilema: hacer su propia interpretación de esta idea mediante una maquetación CSS o descuartizar el archivo enviado por el diseñador y generar infinidad de JPGs, GIFs, PNGs, unidos mediante DIVs. En el primer caso tendremos una variación entre el diseño original; en el segundo caso tendremos una web muy pesada (y muchas veces también con diferencias respecto al diseño original). Finalizar esta relación de amor y odio entre el diseñador y el desarrollador es el objetivo de Adobe Flash Catalyst (antes llamado Thermo).

catalyst

Adobe Flash Catalyst será el nuevo integrante de la Adobe Flash Plataform. Se trata de una herramienta con la cual el diseñador puede crear interfaces de aplicaciones mediante herramientas comunes para él y sin necesidad de código. Catalyst puede abrir archivos generados en Photoshop CS4, Illustrator CS4 o Adobe Fireworks CS4 y convertirlos en contenidos dinámicos e interactivos. A partir del archivo de Catalyst es posible exportar a SWF o AIR o enviarlo al desarrollador (este será probablemente el escenario más común) quien abrirá este archivo en Flex para agregarle funcionalidad.

El flujo de trabajo será el siguiente:

flujocatalyst

  • El diseñador crea el diseño de la interfaz de la aplicación en Photoshop CS4, Illustrator CS4 o Fireworks CS4. Será de gran ayuda el hecho de organizar todos los elementos en capas independientes.
  • El diseñador abre el archivo en Catalyst donde convertirá los diferentes elementos en componentes tales como botones y scroll bars y agregará caracterí­sticas como transiciones e interactividad:
  • catalyst21

  • Catalyst respeta la integridad de los archivos que abre por lo tanto no existe diferencia visual entre el archivo en su programa original y abierto en Catalyst, además los cambios realizados en los archivos originales son actualizados en Catalyst.
  • El diseñador podrá modificar los elementos en Catalyst y agregar elementos nuevos mediante herramientas de dibujo y paneles como Layers y Timeline los cuales son comunes para él.
  • El diseñador puede previsualizar el archivo finalizado en el navegador antes de enviarlo al desarrollador.
  • El desarrollador recibe el archivo de Catalys y lo abre en Flex donde podrá ver todo el código MXML de la estructura, transiciones e interactividad que Catalyst generó automáticamente el cual podrá modificar y posteriormente agregar la funcionalidad. Las modificaciones en el archivo de Catalyst se actualizan automáticamente en el archivo de Flex.
  • gumbo

La próxima versión de Flex (codename Gumbo) cumple un papel muy importante en este nuevo flujo de trabajo al incluir entre sus caracterí­sticas una mayor orientación a la integración entre el diseñador y el desarrollador mediante un modelo de descripción de objetos para representar gráficos (Flex Graphics Markup) y el soporte para el formato de archivo FXG.

Como pueden ver, estas nuevas tecnologí­as llevan a una inevitable evolución del trabajo del diseñador lo cual lo obliga a actualizar sus conocimientos pues pronto será necesario que entienda y maneje conceptos de RIAs y conozca temas como usabilidad y estándares, así­ que es hora de cambiar la perspectiva.

Más recursos para conocer Adobe Flash Catalyst:

12 thoughts on “Adobe Flash Catalyst: el eslabón perdido entre el diseñador y el desarrollador

  1. April 30, 2009

    Mario Navas Reply

    que bueno se ve todo esto he!!! oie Marlon gracias por compartirlo!
    😉

  2. May 4, 2009

    paranoio Reply

    “En teoria” es una gran idea , yo aun tengo mis dudas creo que esta aplicacion no estaba destinada a ser una herramienta nueva sino un agregado para photoshop, porque el problema que enfrentan los diseñadores actualmente es la dificultad de aprender el uso de AS3 por esa razon solo entregan imagenes de la interface al desarrollador y con esta nueva herramienta el diseñador tendra que aprender a usar una nueva herramienta.
    El esfuerzo realizado para aprender esta nueva herramienta bien podria ser usado para aprender lo basico de AS3 no crees ?

  3. May 4, 2009

    Marlon Ceballos Reply

    Hola Paranoio,

    Como consultor e instructor me he podido dar cuenta del “rechazo” por parte de la mayorí­a de los diseñadores a la programación lo cual es fácil de entender pues no es su campo de accción. Personalmente estoy de acuerdo con la especialización de las funciones, es decir, el diseñador en su parte visual y el desarrollador con su código. Es más, hay diseñadores especializados en impresos, en web, etc y desarrolladores especializados en bases de datos, en aplicaciones empresariales, RIAs, etc. Aunque no es un averdad absoluta, los mejores profesionales suelen ser los que se especializan en un campo especí­fico pues las diferentes áreas actualmente son tan extensas y complejas que es casi imposible abarcarlas y ser bueno en todas.

    Es claro que un diseñador que domine AS3 tiene muchas ventajas laborales pues su campo de acción con Flash va mucho más allá de simples banners, sin embargo Catalyst es un producto orientado al diseño de RIAs con el claro objetivo de poder entregarle al diseñador la responsabilidad completa del diseño de una interfaz o aplicación lo cual incluye las transiciones dinámicas e interactividad. Al tratarse de una tarea de diseño no requerirá generar código y por lo tanto el diseñador no necesitará saber programar.

    Lamentablemente siempre debemos estar dispuestos a aprender nuevas herramientas para estar preparados en nuestro actual mercado y si le has dado una mirada a los sitios labs de Adobe y otras empresas te darás cuenta de la gran cantidad de productos que están en la lista de próximos lanzamientos. Afortunadamente Catalyst parece una herramienta fácil de usar, claro está que su éxito no está asegurado pero como tú dices, pero es un buen concepto. Incluso creo que los desarrolladores serán lo más beneficiados pues podrán incluir fácilmente a los diseñadores en su equipo de trabajo.

  4. […] El Colombia Adobe User Group – Xpert ofrecerá el 25 de Junio como parte del Adobe User Group Tour 2009 un evento especial donde conocerás la nueva versión del IDE de Flex llamado Adobe Flash Builder 4 y la nueva aplicación que entra hacer parte de la Plataforma Flash: Adobe Flash Catalyst. […]

  5. […] Colombia Adobe User Group – Xpert estará presente en el Campus Party con la presentación de Adobe Flash Catalyst, la nueva aplicación de Adobe que entra a ser parte de la Plataforma Flash. La presentación será […]

  6. […] El Colombia Adobe User Group – Xpert ofrecerá el 25 de Junio como parte del Adobe User Group Tour 2009 un evento especial donde conocerás la nueva versión del IDE de Flex llamado Adobe Flash Builder 4 y la nueva aplicación que entra hacer parte de la Plataforma Flash: Adobe Flash Catalyst. […]

  7. […] estará presente en el Campus Party con la presentación de Adobe Flash Catalyst, la nueva aplicación de Adobe que entra a ser parte de la Plataforma Flash. La presentación será […]

  8. […] Post en el blog de Xpert: Adobe Flash Catalyst, el eslabón perdido entre el diseñador y el desarrollador. […]

  9. March 29, 2010

    Comunidad AdobeXpert Reply

    Adobe Flash Catalyst, el eslabón perdido entre el diseñador y el desarrollador: http://bit.ly/cG0on6 AdobeCP

  10. March 29, 2010

    Alberto Blas Reply

    RT @adobexpert: Adobe Flash Catalyst, el eslabón perdido entre el diseñador y el desarrollador: http://bit.ly/cG0on6

  11. April 14, 2010

    Comunidad AdobeXpert Reply

    Adobe Flash Catalyst: el eslabón perdido entre el diseñador y el desarrollador: http://bit.ly/cG0on6

  12. April 14, 2010

    Zguillez Reply

    RT @adobexpert: Adobe Flash Catalyst: el eslabón perdido entre el diseñador y el desarrollador: http://bit.ly/cG0on6

Leave a Reply

Your email address will not be published. Required fields are marked *