Adobe ha liberado la segunda beta pública de Adobe Flash Catalyst y Adobe Flash Builder 4 los cuales son productos que entraron a formar parte de la plataforma Flash. Estas betas están disponibles tanto para mac como para windows.

• Descargar Adobe Flash Catalyst beta.
• Descargar Adobe Flas Builder 4 beta.
• Ver y descargar la ayuda de Adobe Flash Catalyst (online y en PDF para descarga)
• Ver y descargar la ayuda de Adobe Flash Builder y Flex 4 (online y en PDF para descarga)

Ten presente que en la parte inferior de la página de descarga de Flash Catalyst encontrarás el número serial que debes ingresar. Flash Builder 4 por su parte es una versión trial de 30 dias, sin embargo, si tienes un serial de Flex Builder 3 puedes solicitar un serial para Flash Builder 4 en éste link.

Como siempre, ten en cuenta que al no tratarse de versiones definitivas de software, las betas pueden contener errores que podrían desestabilizar el sistema operativo y el funcionamiento de otras aplicaciones, por lo tanto conviene instalarlas en un computador que eventualmente pueda ser reinstalado sin mayores traumatismos, en pocas palabras evita instalarlas en el computador con el cual trabajas.

No olvides ver la serie de 3 videotutoriales “Crear un buscador de Twitter con Flash Catalyst y Flash Builder 4” que hemos publicado en www.tutorialesadobe.com.

En www.tutorialesadobe.com ha sido publicado una serie de video-tutoriales que muestran cómo crear un buscador de Twitter con Flash Catalyst y Flash Builder 4. Puedes ver los videos en estos links:

• Primera parte
• Segunda parte
• Tercera parte

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.

Eres desarrollador Flex? ven y conoce la herramienta que te permitirá integrar el diseño de interfaces a tu flujo de trabajo. Eres diseñador? ven y conoce el mundo de las RIAs (Rich Internet Applications) y cómo harás parte de él.

• Tema: Flash Builder 4 y Flash Catalyst
• Presentadores:
  Andrés Rodriguez, emprendedor, fundador y cabeza del Equipo de trabajo de Sinergy Networks, empresa Colombiana consultora en el desarrollo de Aplicaciones Web (RIAs)
  Marlon Ceballos, consultor e instructor en tecnologías para multimedia y medios impresos. Es “Adobe Certified Expert – Design Master CS4” y “Adobe Certified Instructor, Print Specialist“.
• Fecha: 25 de Junio – 2009 (Jueves)
• Hora: 4:00 pm – 6:00 pm. Favor llegar al menos 15 minutos antes.
• Lugar: Tecnoparque Nodo Bogotá
• Dirección: Calle 54 No. 10-39
• Registro (sólo si vas a asistir): en la página web del Colombia AUG o en la página del evento en  Facebook

Si no puedes asistir, sígue la charla vía Twitter: http://twitter.com/adobexpert y conoce el cronograma de charlas Adobe CS4 para el 2009: http://xpert.com.co/cs4/

Tú también puedes participar en las charlas del Adobe User Group, si deseas mostrar un truco, realizar una demostración etc, solo debes enviarnos un mensaje a aug[at]xpert.com.co indicando lo que deseas presentar y el tiempo que te tomará.

Adobe ha liberado al fin como beta pública a Adobe Flash Catalyst y Adobe Flash Builder 4 los cuales son productos que entran a formar parte de la plataforma Flash. Estas betas están disponibles tanto para mac como para windows.

• Descargar Adobe Flash Catalyst beta.
• Descargar Adobe Flas Builder 4 beta.
• Ver y descargar la ayuda de Adobe Flash Catalyst (online y en PDF para descarga)
• Ver y descargar la ayuda de Adobe Flash Builder y Flex 4 (online y en PDF para descarga)

Ten presente que en la parte inferior de la página de descarga de Flash Catalyst encontrarás el número serial que debes ingresar. Flash Builder 4 por su parte es una versión trial de 30 dias, sin embargo, si tienes un serial de Flex Builder 3 puedes solicitar un serial para Flash Builder 4 en éste link.

Como siempre, ten en cuenta que al no tratarse de versiones definitivas de software, las betas pueden contener errores que podrían desestabilizar el sistema operativo y el funcionamiento de otras aplicaciones, por lo tanto conviene instalarlas en un computador que eventualmente pueda ser reinstalado sin mayores traumatismos, en pocas palabras evita instalarlas en el computador con el cual trabajas.

Si descargas la versión PDF de la ayuda de Flash Catalyst podrás leer en la primera página “Using Adobe Flash Catalyst CS5” lo cual nos hace suponer que esta aplicación vendrá incluida con algunas versiones de la próxima Creative Suite.

Recuerda que 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 estas aplicaciones.

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).

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:

• 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:



• 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.

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:

• Adobe Flash Catalyst en el sitio Labs de Adobe.
• Demo de Adobe Flash Catalyst en Adobe Edge.
• Demo de Adobe Flash Catalyst en la Web 2.0 conference.
• Demo de Adobe Flash Catalyst por Mark Anders.
• Adobe Flex 4 (Gumbo) en el sitio Labs de Adobe.
• Adobe Flex 4 (Gumbo) en el sitio Open Source de Adobe.
• The Adobe Flash Plataform (la plataforma Adobe Flash).
• Conoce la interfaz de Adobe Flash Catalyst (video-tutorial en www.tutorialesadobe.com).
• Crear un buscador de Twitter con Flash Catalyst y Flash Builder – Parte 1 (video-tutorial en www.tutorialesadobe.com).
• Crear un buscador de Twitter con Flash Catalyst y Flash Builder – Parte 2 (video-tutorial en www.tutorialesadobe.com).
• Crear un buscador de Twitter con Flash Catalyst y Flash Builder – Parte 3 (video-tutorial en www.tutorialesadobe.com).

Este video de la presentación de Kevin Lynch en la Web 2.0 conference, nos muestra cómo construir una aplicación usando Illustrator, Flash Catalyst, Flex Builder, Flex y el API de ActionScript 3 para Facebook.

Video recomendado para conocer como encaja el trabajo de Adobe Catalyst en el desarrollo de RIAs. Noten por ejemplo como Catalyst abre directamente el archivo de Illustrator reconociendo las capas y los elementos de manera individual para poder agregarles características de interactvidad. Catalyst genera el código MXML que finalmente es editado en Flex donde se agregará la lógica de la aplicación.