Presentación

Estos son algunos de los términos más utilizados en el ecosistema de las aplicaciones RIA donde Flash Catalyst CS5 mejora considerablemente los flujos de trabajo.

Las aplicaciones web tradicionales han dado el salto hacia las aplicaciones RIA, y es importante entender la diferencia entre ambas para aprovechar al máximo Flash Catalyst CS5.

Flash Catalyst CS5 es una aplicación que permite llevar los gráficos creados en herramientas de diseño como Photoshop o Illustrator hacia elementos de tipo componentes reutilizables en herramientas de desarrollo como Flash Builder 4.

Los flujos de trabajo actuales para crear aplicaciones RIA suelen ser lentos y poco optimizados, pero después de la llegada de Flash Catalyst CS5 la integración entre las herramientas de diseño de la suite CS5 y Flash Builder 4 es muy veloz e intuitiva.

Se muestran algunas herramientas adicionales a Flash Catalyst CS5 para mejorar el flujo de trabajo. Hay una integración con Fireworks CS5 a través de FXG y una planeación del proyecto mediante Adobe WorkFlowlab.

Exploraremos el espacio de trabajo de Flash Catalyst CS5, desde el panel de propiedades, algunos menús contextuales, la línea de tiempo hasta las vistas de código y diseño.

FXG es una sintaxis declarativa de elementos gráficos en Flex. Flash Catalyst CS5 nos va a ahorrar una cantidad de trabajo considerable gracias a que todos los cambios que yo haga en la interfaz se generan en FXG al mismo tiempo.

Flash Catalyst CS5 incluye herramientas que serán familiares a los diseñadores acostumbrados a otros programas de edición gráfica.

Las herramientas de dibujo de Flash Catalyst CS5 incluyen las principales dentro de cualquier herramienta de edición de gráficos. Sin embargo, si necesitamos mayor nivel de detalle podemos hacer un salto en cualquier momento a herramientas más robustas a nivel gráfico como Illustrator CS5.

Los modos de mezclado nos brindan la posibilidad de mezclar colores sobre diferentes elementos para crear efectos muy atractivos.

Los filtros son recursos muy poderosos que se pueden aplicar a imágenes, gráficos y componentes para crear interfaces altamente visuales.

Una de las técnicas más utilizadas para crear aplicaciones RIA, es crear wireframes para simular la funcionalidad. Flash Catalyst tiene algunas herramientas que nos serán muy útiles en este proceso.

Uno de los propósitos de utilizar Flash Catalyst CS5 es aprovechar la posibilidad de personalizar los componentes existentes en Flex 4 para crear aplicaciones RIA.

Revisaremos cómo preparar una aplicación desde Illustrator CS5 para su correcta importación dentro de Flash Catalyst CS5, este es un paso muy importante para posteriormente generar componentes a partir del arte contenido en el diseño de la interfaz de usuario.

Los componentes Button y Toggle Button son dos de los más utilizados en Flash Catalyst CS5, por ser el primer tipo de interacción utilizada en aplicaciones, sitios web, banners, etc.

Los componentes Checkbox y RadioButton de Flash Catalyst CS5 me permiten hacer selecciones simples, múltiples y mutuamente excluyentes.

Ahora es posible cumplir prácticamente cualquier exigencia de diseño con respecto a las barras de desplazamiento, ya que los componentes Vertical y Horizontal Scrollbar respectivamente son muy fáciles de crear y personalizar en Flash Catalyst CS5.

Los componentes de tipo Horizontal y Vertical Slider son muy útiles cuando tenemos una aplicación donde necesitamos hacer una selección por rangos. Flash Catalyst CS5 nos permite configurarlos rápidamente.

Cuando necesitemos interactuar con texto en Flash Catalyst CS5, utilizaremos el componente TexInput que nos permite generar cuadros de texto interactivos con diversas propiedades.

El componente DataList es uno de los más impresionantes de Flash Catalyst CS5, ya que permite mostrar datos de una manera veloz y muy extensible.

Entender el uso de los componentes personalizados nos facilitará la reutilización de los mismos a lo largo de los diferentes estados y aplicaciones.

El manejo de estados dentro de una aplicación de Flash Catalyst CS5 es uno de los recursos más utilizados para manejar la navegación dentro de las aplicaciones.

Una manera óptima de planear los diferentes estados de una aplicación RIA será reutilizando los elementos de IU (Interfaz de Usuario) y aprender a compartir componentes entre estados.

Aprender a administrar la librería es una técnica muy útil para reutilizar nuestros componentes entre diferentes proyectos, así como ahorrar tiempo dentro del mismo archivo.

Si conocemos las posibilidades que nos brindan los estados, podremos mejorar considerablemente la usabilidad dentro de nuestras aplicaciones.

Las Interacciones son recursos dentro de Flash Catalyst CS5 muy útiles para generar interactividad con el usuario sin escribir una sola línea de código.

Es posible agregar interacciones condicionales para diferentes elementos dentro de un DataList muy fácilmente con Flash Catalyst CS5.

El manejo de la línea de tiempo es esencial al momento de estar controlando estados dentro de Flash Catalyst CS5.

Crear transiciones con Flash Catalyst CS5 es algo muy sencillo de hacer y permite obtener resultados altamente atractivos dentro de las aplicaciones.

Las secuencias son muy útiles cuando queremos ligar una acción a alguna interacción con algún componente.

El componente de DataList es muy efectivo al momento de presentar datos dentro de una aplicación RIA, vamos a aprender a utilizarlo.

Podemos personalizar un componente DataList con diferentes opciones, y cambiar desde su layout hasta cada uno de los estados de los elementos que representan datos dentro del mismo.

Para manipular los datos mostrados dentro de un DataList utilizaremos una herramienta llamada " Datos en Tiempo de Diseño".

El componente de ScrollPanel permite desplegar áreas que sobrepasan el layout de la aplicación de una manera limpia y muy estética.

Adobe Flash Builder 4 es una herramienta creada para desarrollar aplicaciones RIA, que nos permitirá aprovechar todo el código generado por Flash Catalyst CS5.

El formato de intercambio FXG es una sintaxis útil para aprovechar todos los gráficos, interacciones y acciones generadas en Flash Catalyst CS5 dentro de Flash Builder 4.

Flash Builder 4 es todo un ambiente enfocado al desarrollo con Flex, capaz de aprovechar los recursos generados por Flash Catalyst CS5.

Cuando se ven estas dos herramientas en acción es realmente fácil entender el potencial de esta combinación al construir aplicaciones RIA.

Las películas generadas en Flash CS5 son un buen complemento cuando se necesita mayor flexibilidad en las animaciones, y Flash Catalyst CS5 permite importarlas fácilmente.

Incorporar vídeo dentro de una aplicación RIA con Flash Catalyst es una tarea simple y divertida.

Puedo importar sonido dentro de Flash Catalyst CS5 y ligarlo con diferentes componentes dentro de una aplicación.

Hay varias interacciones adicionales que podemos asignar a los diferentes componentes y elementos gráficos, tales como rotar, reescalar, e inclusive la más vistosa de todas, un giro en 3D.

Las opciones de publicación son importantes una vez terminado nuestro trabajo, porque son las que nos permitirán tener un control sobre la versión de publicación.

Flash Catalyst CS5 nos permite publicar nuestro trabajo rápidamente en Internet, gracias a que la carpeta generada por la herramienta esta lista para copiar y pegar en el servidor web.

Gracias a Adobe AIR, los usuarios de Flash Catalyst CS5 podemos crear aplicaciones que se instalan en el escritorio y se ejecutan a través de distintos sistemas operativos.

En este ejemplo, revisaremos dos de las opciones más utilizadas dentro de Flash Catalyst CS5 para optimizar nuestras aplicaciones.