Comprar

Wireframing

del curso: Adobe Flash Catalyst CS5

Presentación Adobe Flash Catalyst CS5
Evolución de la web a RIA Adobe Flash Catalyst CS5
Wireframing Adobe Flash Catalyst CS5

Información sobre este video

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.

Una lección de: Adobe Flash Catalyst CS5

Adobe Flash Catalyst CS5 es un nuevo producto disponible por primera vez en la suite CS5. Es toda una herramienta profesional enfocada al diseño de interactividad para diseñadores gráficos y diseñadores web que desean construir interfaces rápidamente sin escribir una sola línea de código. Si quieres realizar su primera aplicación RIA en poco tiempo, este es tu curso.

USD 18.80

02:30 horas

Comprar

Cursos similares

Presentación de la formación y el formador.

Presentación

01:11
Veamos los conceptos básicos antes de comenzar a trabajar, así como el espacio de trabajo de la aplicación.

INTRODUCCIÓN A FLASH CATALYST CS5
- 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.
  
  Conceptos básicos
  
  03:02
- 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.
  
  Evolución de la web a RIA
  
  04:58
- 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.
  
  Descripción general del producto
  
  01:59
- 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.
  
  Flujo de trabajo Actual vs Propuesto
  
  03:17
- 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.
  
  Organización del trabajo
  
  04:55
- 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.
  
  Espacio de Trabajo
  
  02:42
- 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.
  
  Formato FXG
  
  02:10
Nos lanzamos de lleno en nuestro proyecto usando las capas, las herramientas de dibujo y los filtros, entre otras cosas.

CAPAS, HERRAMIENTAS DE DIBUJO Y LIBRERÍA
- Flash Catalyst CS5 incluye herramientas que serán familiares a los diseñadores acostumbrados a otros programas de edición gráfica.
  
  Manejo de capas
  
  02:16
- 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.
  
  Herramientas de dibujo
  
  03:36
- Los modos de mezclado nos brindan la posibilidad de mezclar colores sobre diferentes elementos para crear efectos muy atractivos.
  
  Modos de mezclado
  
  02:05
- Los filtros son recursos muy poderosos que se pueden aplicar a imágenes, gráficos y componentes para crear interfaces altamente visuales.
  
  Uso de filtros
  
  01:48
- 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.
  
  Wireframing
  
  01:46
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.

COMPONENTES
- 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.
  
  Introducción a los componentes
  
  02:16
- 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.
  
  Prepara la aplicación para generar componentes
  
  04:27
- 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.
  
  Componente Button y Toggle Button
  
  04:23
- Los componentes Checkbox y RadioButton de Flash Catalyst CS5 me permiten hacer selecciones simples, múltiples y mutuamente excluyentes.
  
  Componente de Checkbox y Radio Button
  
  05:03
- 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.
  
  Componente Horizontal y Vertical ScrollBar
  
  04:28
- 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.
  
  Componente Horizontal y Vertical Slider
  
  03:13
- Cuando necesitemos interactuar con texto en Flash Catalyst CS5, utilizaremos el componente TexInput que nos permite generar cuadros de texto interactivos con diversas propiedades.
  
  Componente TextInput
  
  02:19
- 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.
  
  Componente Data List
  
  04:47
- Entender el uso de los componentes personalizados nos facilitará la reutilización de los mismos a lo largo de los diferentes estados y aplicaciones.
  
  Componentes personalizados
  
  02:37
A lo largo de este capítulo veremos la creación de estados, cómo compartir componentes entre ellos, su usabilidad y la administración de la líbreria.

ESTADOS Y PÁGINAS
- 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.
  
  Creación de estados
  
  05:32
- 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.
  
  Compartir componentes entre estados
  
  03:24
- 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.
  
  Administración de la librería
  
  02:42
- Si conocemos las posibilidades que nos brindan los estados, podremos mejorar considerablemente la usabilidad dentro de nuestras aplicaciones.
  
  La usabilidad de los estados
  
  05:06
Flash Catalyst nos hace el trabajo más fácil. Veamos cómo.

TRANSICIONES, INTERACCIONES Y SECUENCIAS
- 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.
  
  Interacciones simples
  
  03:13
- Es posible agregar interacciones condicionales para diferentes elementos dentro de un DataList muy fácilmente con Flash Catalyst CS5.
  
  Interacciones condicionales
  
  02:07
- El manejo de la línea de tiempo es esencial al momento de estar controlando estados dentro de Flash Catalyst CS5.
  
  Línea de tiempo
  
  02:56
- Crear transiciones con Flash Catalyst CS5 es algo muy sencillo de hacer y permite obtener resultados altamente atractivos dentro de las aplicaciones.
  
  Crear y editar transiciones
  
  07:52
- Las secuencias son muy útiles cuando queremos ligar una acción a alguna interacción con algún componente.
  
  Manejo de secuencias
  
  03:05
Aprenderemos a utilizar estos dos importantes componentes.

DATALIST Y SCROLL PANEL
- El componente de DataList es muy efectivo al momento de presentar datos dentro de una aplicación RIA, vamos a aprender a utilizarlo.
  
  Introducción a DataList
  
  03:36
- 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.
  
  Creación de un DataList complejo
  
  07:09
- Para manipular los datos mostrados dentro de un DataList utilizaremos una herramienta llamada " Datos en Tiempo de Diseño".
  
  Datos en tiempo de diseño
  
  03:09
- El componente de ScrollPanel permite desplegar áreas que sobrepasan el layout de la aplicación de una manera limpia y muy estética.
  
  Scroll Panel
  
  02:25
Es fácil ver el potencial de Flash Catalyst 4, al verlo trabajar de manera combinada con Flash Builder 4.

INTEGRACIÓN CON FLASH BUILDER 4
- 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.
  
  Introducción a Flash Builder
  
  01:52
- 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.
  
  Soporte de formato de FXG
  
  03:42
- Flash Builder 4 es todo un ambiente enfocado al desarrollo con Flex, capaz de aprovechar los recursos generados por Flash Catalyst CS5.
  
  Uso de Flash Builder
  
  02:56
- Cuando se ven estas dos herramientas en acción es realmente fácil entender el potencial de esta combinación al construir aplicaciones RIA.
  
  Roundtrip con Flash Catalyst
  
  03:59
Integración de estos elementos en nuestras aplicaciones RIA.

ANIMACIÓN, VÍDEO Y SONIDO
- 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.
  
  Integración de SWF de Flash
  
  01:49
- Incorporar vídeo dentro de una aplicación RIA con Flash Catalyst es una tarea simple y divertida.
  
  Vídeo dentro de Flash Catalyst
  
  04:46
- Puedo importar sonido dentro de Flash Catalyst CS5 y ligarlo con diferentes componentes dentro de una aplicación.
  
  Efectos de sonido
  
  02:31
- 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.
  
  Interacciones adicionales
  
  02:53
Ya hemos terminado el trabajo y ahora ha llegado el momento de mostrarlo.

PUBLICACIÓN
- 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.
  
  Opciones de publicación
  
  01:51
- 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.
  
  Salida hacia web de un proyecto
  
  01:37
- 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.
  
  Entrega en el escritorio con AIR
  
  02:20
- En este ejemplo, revisaremos dos de las opciones más utilizadas dentro de Flash Catalyst CS5 para optimizar nuestras aplicaciones.
  
  Optimización de las aplicaciones
  
  02:17