Presentación sobre el grupo de usuarios ActionLab y como desarrollar una aplicación móvil con Flash Builder 4.5

2. Carlos Zaragoza
AUG Manager ActionLab
@carast
www.carast.com
carast@gmail.com
ActionLab

3. ActionLab AUG
Enfocado a ActionScript, AIR, Blaze DS, ColdFusion,
Dreamweaver, Flash Professional, Flash Catalyst, Flash
Player, Flex, RIA - Rich Internet Applications.
ActionLab

4. El propósito de este grupo es reunir a todos los
usuarios de tecnologías Adobe y poder generar
conocimiento y así aprender entre todos.
Este grupo está enfocado en compartir información de
ActionScript con todas las tecnologías con las que
puede convivir, desde datos, hasta experiencias 3D.
ActionLab

5. @ActionLab_AUG
.com/actionlab
http://actionlab.groups.adobe.com/
ActionLab

6. Agenda
#ActionLab
¿Porqué desarrollar para móviles?
Adobe Air 2.7 y Flex SDK 4.5.1 en dispositivos móviles
Entorno de desarrollo y componentes
Creando nuestra primer aplicación para móviles
ActionLab

7. Venta de PC y no-PC,
Desktops 2011
Laptos 18%
Netbooks Fuente: Analyst firm Gartner announced
revised lower estimates for the
Tablets worldwide PC shipment market for 2010
and 2011
Smartphones
46%
25%
6% 5%
Al día de hoy el número de dispositivos
móviles activos en el mundo es de 5.3
billones, incluyendo Smartphones y
tabletas
ActionLab

8. Fuente: comScore
ActionLab

9. ActionLab

10. ActionLab

11. ActionLab

12. ActionLab

13. Adobe AIR 2.7 en
dispositivos móviles
AIR para dispositivos móviles permite a los
desarrolladores crear aplicaciones que pueden ser
lanzadas de la misma manera que las aplicaciones
nativas en cada plataforma.
ActionLab

14. Nuevas características de la
versión 2.7
4x más rápido en aplicaciones iOS
Ahora podemos hacer debug y correr las aplicaciones
mucho mas rápido con el nuevo modo disponible en el
ADT(Air Developer Tool)
Instalación del runtime de AIR en SD de los equipos
ActionLab

15. Nuevas características de la versión 2.7
ActionLab

16. Adobe Flex 4.5.1 SDK
Componentes
existentes
Skins
Componentes nuevos
ActionLab

17. Adobe Flash Builder 4.5.1
ActionLab

18. Consideraciones para el
diseño y desarrollo móvil
Áreas activas mas
grandes
El scrolling es diferente
Tomar en cuenta las
diferentes densidades
CPU y GPU es mucho
más limitado
Cuidar la memoria
ActionLab

19. Componentes Mobile-ready
ActionLab

20. Controls
ActionLab

21. Layout
Charts
ActionLab

22. Estructura estándar de
aplicaciones para móviles
ActionLab

23. *Pantalla simple de UI
*Propiedad “data” para
pasar datos de una
View vista a otra
ActionLab

24. El contenedor ViewMenu define
un menú en la parte inferior de
un contenedor de View.
Cada contenedor View define su
propio menú..
ViewMenu
ActionLab

25. ActionLab

26. ActionLab

27. Opciones de performance
Usa ActionScript sobre MXML para construir Item
Renderers
Cuando sea posible, usar ActionScript y Gráficos FXG
compilados o bitmats para componentes de skins en
lugar de MXML y gráficos en tiempo de ejecución
MXML.
ActionLab

28. Opciones de performance
Usa Spark Label, TextInput y TextArea para texto en
lugar de un RichText y RichTextEditable
Charts son soportados en proyectos móviles, pero
otros componentes MX no
ActionLab

29. Adaptando aplicaciones
móviles para múltiples
densidades de pixel
ActionLab

30. ActionLab

31. Multi-DPI bitmaps
MultiDPOBitmapSource permite especificar diferentes
archivos de bitmap para usarse en diferentes DPIs
160 dpi --- 36px
240 dpi --- 48px
320 dpi --- 72px
ActionLab

32. Per-DPI CSS rules
Sintaxis CSS que te permite crear reglas CSS para
aplicar en cada DPI, esta ventaja es usada por el skin
para adaptar tamaños de fuentes para diferentes DPIs
ActionLab

33. Diseño de vistas
ActionLab

34. Empacando aplicaciones
para su implementación
ActionLab

35. Demos
http://conqu.com/
http://www.adobe.com/devnet/flex/samples/
politifact.html
ActionLab