1. MobileWars:
Desarrollo móvil
multiplataforma
Daniel Martínez Ramos
Erick Camacho Chavarría

2. Nosotros
 Daniel Ramos -
@dannyGeek. Adobe
Certified Expert en varios
productos. CoManager de
LiveData AUG
 Erick Camacho –
@ecamacho. CoManager
de CocoaHeads México

3. Nosotros
 Desarrollamos apps móviles para iOS con Objective-C.
 Nos gusta el desarrollo nativo, pero es costoso hacer una
aplicación nativa por plataforma.
 Existen opciones y queríamos explorarlas.

4. ¿Qué hicimos?
 Litros de A Litro
 Una aplicación para geolocalizar
gasolineras y su calificación por la
Profeco.
 OpenSource: github.com/tidyslice

5. Los concursantes

6. Objective -C
 La usamos como Referencia.

7. Objective-C - Requisitos
IDE Precio Lenguaje
XCode Gratuito Objective-C

8. Objective-C - La aplicación
 DEMO

9. Objective-C - Observaciones
Performance Documentaci Curva de Componentes Plataformas
ón aprendizaje soportadas
Excelente Excelente Alta Gran cantidad iOS
y muchos de
terceros

10. PhoneGap

11. PhoneGap
 Permite empaquetar aplicaciones HTML como
aplicaciones nativas.
 Ofrece plantillas para cada plataforma soportada.
 Tiene una librería nativa para integrarse con la plataforma
y una librería javascript para integrarlo con tus
aplicaciones.

12. PhoneGap
IDE Precio Lenguaje
Xcode – iOS Gratuito HTML, javascript
Eclipse – Android, (Soporte desde USD
BlackBerry $249)
Dreamweaver CS5.5

13. Phonegap – La Aplicación
 Demo

14. Phonegap - Observaciones
Performance Documentaci Curva de Componentes Plataformas
ón aprendizaje soportadas
Lento Buena Baja Buena iOS
Cantidad Blackberry
Android
WebOS
Symbian
Bada

15. Phonegap - Observaciones
 Es sencillo hacer plugins que empaqueten funcionalidades
nativas.
 Phonegap es sólo un wrapper. Lo importante es el
framework HTML/javascript que uses.
 Existen varios, pero sólo 2 maduros: jqueryMobile y
SenchaTouch
 Los controles con cualquier framework javascript, se notan
que no son nativos.

16. Appcelerator Titanium

17. Appcelerator Titanium
 Titanium es un compilador que transforma de código en
un DSL propietario con javascript a código nativo de la
plataforma elegida.
 Para usarlo, se debe utilizar el Titanium IDE basado en
Eclipse

18. Appcelerator Titanium
IDE Precio Lenguaje
Titanium Studio Gratuito javascript
(Soporte, cursos,
certificación de pago)

19. Appcelerator Titanium
 Demo

20. Appcelerator Titanium
Performance Documentaci Curva de Componentes Plataformas
ón aprendizaje soportadas
Bueno Mala Media Pocos iOS
Android
Blackberry
(beta)
Escritorio

21. Appcelerator Titanium
 Programas usando un DSL javascript que se compila a
componentes nativos casi al 100%
 El usuario verá una app nativa, no notará que es Titanium
 Lo que no se compila a nativo, se ejecuta por un intérprete
en tiempo de ejecución para permitir mecanismos
dinámicos
 El DSL define un framework MVC para crear aplicaciones
basado en eventos y ventanas.

22. Adobe Air

23. Adobe Air
 Tecnología para crear aplicaciones usando ActionScript
puro o con el framework Adobe Flex.

24. Adobe Air
IDE Precio Lenguaje
Flash CS5 Desde USD$699 ActionScript
Flash Builder MXML

25. Adobe Air
 Demo

26. Adobe Air
Performance Documentaci Curva de Componentes Plataformas
ón aprendizaje soportadas
Bueno con Buena Media Buena iOS
ActionScript cantidad Android *
Malo con Flex Escritorio
 * Sólo funciona en el 10% de los smartphones con Android
y en las Tablets con HoneyComb

27. Adobe Air
 Para crear controles (botones, diálogos, etc) puedes
hacerlo a mano usando ActionScript o Flex.
 Los controles Flex se ven diferentes a los nativos, así que
el usuario notará la diferencia
 A pesar de que soporta ActionScript no soporta varias
características de Flash, por lo que no se puede pasar una
app Flash a móvil de forma transparente

28. Conclusiones
 Usa Aplicación nativa si te interesa mucho el rendimiento
y quieres usar funciones que ningún framework soporta
como OpenGL.
 Si tienes expertise con javascript, phonegap te permitirá
una productividad instantánea a costo de un bajo
performance.
 Si necesitas que tu app funcione en BlackBerry, sólo
phonegap te lo garantiza.

29. Conclusiones
 Lo mejor de Titanium es que utiliza controles nativos, pero
su DSL es un problema: es poco flexible si te quieres salir
de los estándares que maneja.
 Adobe Air tiene un ecosistema impresionante. Su IDE te
permite hacer debug, simulaciones, construir interfaces
con drag & drop; existen varias herramientas de análisis de
código, de testing, etc.
 Tiene dos desventajas: los controles se nota que no son
nativos y el performance en smartphones es todavía lento
(en tablets es muy bueno)

30. Conclusiones
 Si tienes expertise en Adobe Flex, puedes ser muy
productivo desde el inicio.

31. Gracias
 Código http://github.com/tidyslice
 Contacto info@tidyslice.com
 Próximo Sábado : charla CocoaHeads México - telmexHub