Flash Catalyst y Flash Builder

Adobe Flash Catalyst y Adobe Flash Builder 4

AndrĂŠs Rodriguez - Sinergy Marlon Ceballos - Xpert Thursday, June 25, 2009

Qué veremos hoy?

• • • • •

Adobe

Flash Plataform Adobe Flash Catalyst Adobe Flash Builder 4 Demo Preguntas

User Group

Thursday, June 25, 2009

h"p://aug.xpert.com.co

USER GROUP

Flash es mucho más que Flash

Adobe

User Group

Thursday, June 25, 2009

h"p://aug.xpert.com.co

USER GROUP

Flash es mucho más que Flash • Clientes: – Adobe Flash Player – Adobe AIR

Adobe

User Group

Thursday, June 25, 2009

h"p://aug.xpert.com.co

USER GROUP

Flash es mucho más que Flash • Herramientas: – Adobe Flash CS4 Professional – Adobe Flash Catalyst – Adobe Flex Builder

Adobe

User Group

Thursday, June 25, 2009

h"p://aug.xpert.com.co

USER GROUP

Flash es mucho más que Flash • Framework: – Adobe Flex

Adobe

User Group

Thursday, June 25, 2009

h"p://aug.xpert.com.co

USER GROUP

Flash es mucho más que Flash • Servidores: – Blaze DS – Familia Adobe Flash Media Server

Adobe

User Group

Thursday, June 25, 2009

h"p://aug.xpert.com.co

USER GROUP

Adobe Flash Catalyst (Beta)

Adobe

User Group

Thursday, June 25, 2009

h"p://aug.xpert.com.co

USER GROUP

Qué es Adobe Flash Catalyst?

• Herramienta de diseño para creación de interfaces dinámicas y contenido interacLvo.

Adobe

User Group

Thursday, June 25, 2009

h"p://aug.xpert.com.co

USER GROUP

Adobe Flash Catalyst (Beta)

El diseño de la interfaz de una aplicación tiene un enorme impacto en el éxito de la misma.

Anónimo...

Adobe

User Group

Thursday, June 25, 2009

h"p://aug.xpert.com.co

USER GROUP

Flash Catalyst ‐ Caracterís@cas • No necesitas escribir código.

Adobe

User Group

Thursday, June 25, 2009

h"p://aug.xpert.com.co

USER GROUP

Flash Catalyst ‐ Caracterís@cas • Herramientas familiares para el diseñador

Adobe

User Group

Thursday, June 25, 2009

h"p://aug.xpert.com.co

USER GROUP

Flash Catalyst ‐ Caracterís@cas • CompaLbilidad con Photoshop, Illustrator y Fireworks

Adobe

User Group

Thursday, June 25, 2009

h"p://aug.xpert.com.co

USER GROUP

Flash Catalyst ‐ Caracterís@cas • Permite separar la parte visual de la aplicación (experiencia del usuarios) de la parte lógica • El diseñador parLcipa en la creación de la interacLvidad de la aplicación

Adobe

User Group

Thursday, June 25, 2009

h"p://aug.xpert.com.co

USER GROUP

Flujo de trabajo actual Diseño

Desarrollo



Diseño visual



Importa los archivos



Define la experiencia del usuario



Implementa la experiencia del usuario



Desarrollo

Adobe

User Group

Thursday, June 25, 2009

h"p://aug.xpert.com.co

USER GROUP

Flujo de trabajo actual • Problema: – El diseñador genera elementos estáLcos – Es complejo explicar caracterísLcas dinámicas como transiciones

Adobe

User Group

Thursday, June 25, 2009

h"p://aug.xpert.com.co

USER GROUP

Flujo de trabajo con Catalyst Diseño

Desarrollo



Diseño visual



Importa el proyecto



Genera la experiencia del usuario



Desarrollo

Adobe

User Group

Thursday, June 25, 2009

h"p://aug.xpert.com.co

USER GROUP

Algunos usos de Catalyst • Interfaces de aplicaciones • Contenido interacLvo • Portafolios

Buscador Twitter Mensaje AutorDelTwitter FechadelTwiit

• ProtoLpos • Micro siLos web

Este es un típico mensaje de Twitter el cual no puede pasarse de 140 Este es un típico mensaje de Twitter el cual no puede pasarse de 140

• Widgets

Adobe

User Group

Thursday, June 25, 2009

h"p://aug.xpert.com.co

USER GROUP

Flex Framework

Adobe

User Group

Thursday, June 25, 2009

h"p://aug.xpert.com.co

USER GROUP

Flex Framework • Orientación al diseño: – Componentes Spark – MXML 2009 – FXG

Adobe

User Group

Thursday, June 25, 2009

h"p://aug.xpert.com.co

USER GROUP

Flex Framework • MXML 2009 – CompaLble con Halo – Pueden usarse varios namespaces – xmlns:fx=“h"p://ns.adobe.com/mxml/2009” – Librería con soporte gráfico

Adobe

User Group

Thursday, June 25, 2009

h"p://aug.xpert.com.co

USER GROUP

Flex Framework • FXG – Formato gráfico basado en MXML – Soportado por las herramientas de diseño y de desarrollo

Adobe

User Group

Thursday, June 25, 2009

h"p://aug.xpert.com.co

USER GROUP

Flash Builder 4

Adobe

User Group

Thursday, June 25, 2009

h"p://aug.xpert.com.co

USER GROUP

Flash Builder 4 • • • • •

Adobe

Integración con Flash Catalyst Integración con Flash Professional Soporte para temas Package Explorer Network Monitor

User Group

Thursday, June 25, 2009

h"p://aug.xpert.com.co

USER GROUP

Ahora la demostración...

Demo

Adobe

User Group

Thursday, June 25, 2009

h"p://aug.xpert.com.co

USER GROUP

Puedes encontranos en la web: • • • • •

Adobe

h"p://aug.xpert.com.co h"p://www.xpert.com.co/blog h"p://www.facebook.com/adobecolombia h"p://www.twi"er.com/adobexpert email: aug[at]xpert.com.co

User Group

Thursday, June 25, 2009

h"p://aug.xpert.com.co

USER GROUP