Este documento presenta una charla sobre el uso de Flash Catalyst y Flash Builder para el desarrollo de aplicaciones web ricas. Los oradores, Ivan Alvarez y Daniel Ramos, discuten cómo estas herramientas permiten un flujo de trabajo colaborativo entre diseñadores e ingenieros mediante la creación de diseños interactivos que pueden extenderse fácilmente en el desarrollo. Ambas herramientas comparten el mismo framework Flex, lo que facilita la transición entre diseño y desarrollo.

1. Un duo dinámico
LiveData Adobe User Group
Campus Party Mexico 2010
Saturday, August 14, 2010

2. LiveData
http://livedata.groups.adobe.com/
@livedata_aug
#duo
Saturday, August 14, 2010

3. Acerca de
Ivan Alvarez
Adobe Certied Expert Flex & Air
AUG Manager LiveData
web
www.ivanalvarez.com
@ivanhoe
email
ivan.alvarez@tidyslice.com
Saturday, August 14, 2010

4. Acerca de
Daniel Ramos
Adobe Certied Instructor
AUG Manager LiveData
web
livedata.groups.adobe.com
@dannyGeek
email
daniel.ramos@tidyslice.com
danielramos@activ.com.mx
Saturday, August 14, 2010

5. Rich Internet Applications
Saturday, August 14, 2010

6. Aplicaciones Aplicaciones
Escritorio Web
Saturday, August 14, 2010

7. Aplicaciones Aplicaciones
Escritorio Web
Saturday, August 14, 2010

8. Aplicaciones Aplicaciones
Escritorio Web
Saturday, August 14, 2010

9. Aplicaciones Aplicaciones
Escritorio Web
RIA
Saturday, August 14, 2010

10. Workow
Saturday, August 14, 2010

11. Workow
Saturday, August 14, 2010

12. Workow
Saturday, August 14, 2010

13. Workow
Saturday, August 14, 2010

14. Workow
Saturday, August 14, 2010

15. Workow
Saturday, August 14, 2010

16. Workow
Saturday, August 14, 2010

17. Workow
Saturday, August 14, 2010

18. Workow
Saturday, August 14, 2010

19. Workow
Saturday, August 14, 2010

20. Workow
Saturday, August 14, 2010

21. Flash Builder
Una herramienta para crear
RIAs multiplaforma,
mediante el uso del
framework de Flex
Saturday, August 14, 2010

22. Flash Catalyst
Una herramienta para crear
interfaces expresivas y
contenido interactivo sin
escribir código
Saturday, August 14, 2010

23. Workow actual
Saturday, August 14, 2010

24. Diseño Desarrollo
 Diseño visual.  Importan assets
 Definen UX.  Implementa UX
 Desarrollo
El flujo de hoy produce diseños estáticos que ofrecen un uso muy limitado en
desarrollo
Saturday, August 14, 2010

25. Diseño y desarrollo
colaborativo
Saturday, August 14, 2010

26. Diseño Desarrollo
 Diseño visual
 Diseño interactivo
El nuevo flujo de trabajo genera diseños funcionales que pueden ser extendidos en
desarrollo
Saturday, August 14, 2010

27. Entregables
Saturday, August 14, 2010

28. Diseño interactivo Desarrollo
 Proyecto Flex (FXP)
 MXML
 ActionScript
 Skins para componentes
 Assets gráficos
Cliente
 Prototipos interactivos
 Wireframes
 SWF terminados
Saturday, August 14, 2010

29. Demo
16
Saturday, August 14, 2010

30. Flash Catalyst Flash Builder IDE
Flex Framework Flex Framework
FXP
MXML ActionScript MXML ActionScript
Flex Project
Flex Class Library Flex Class Library
Un framework común para
desarrollo y diseño
17
14
Saturday, August 14, 2010

31. Q&A
@dannyGeek @ivanhoe
#duo
18
Saturday, August 14, 2010

32. GRACIAS
@livedata_aug
http://livedata.groups.adobe.com/
19
Saturday, August 14, 2010