Titanium es un framework que permite crear aplicaciones nativas para iPhone y Android usando tecnologías web como HTML, CSS y JavaScript. La arquitectura de Titanium traduce el código JavaScript a código nativo de Objective-C para iPhone y Java para Android, permitiendo aprovechar las capacidades de los dispositivos móviles mientras se usan habilidades web existentes. El framework provee APIs para interactuar con componentes de interfaz nativos, cámara, geolocalización, acelerómetro, almacenamiento y más.

1. Apps para iPhone y Android con tecnologías web
José Carrión
Desarrollador Freelance
Twitter: @joselo | nationcode.com

2. En esta sesión:
Que es Titanium (Mobile)?
Arquitectura de alto nivel de Titanium Mobile
Overview del API
Demo

3. Que es Titanium
(Mobile)?
Titanium es un framework para crear
aplicaciones nativas usando tecnologías web.
Desktop: Windows, Mac, Linux
Mobile: iPhone, Android
Open Source (Apache 2.0 License)
Website: http://appcelerator.com
Source: http://github.com/appcelerator

4. Por qué Titanium?
Aplicaciones Nativas
Iphone 2.2.1 se viene el 3.x, Android 1.5
Aprovecha las capacidades de los dispositivos
Web Tech
Habilidades y conocimientos que ya existen, no
necesitas conocer Objective-C o Java para ser productivo
Desarrollo rápido
Lo mejor de los dos mundos
Un solo set de tecnologías, muchas plataformas
Los recursos, son compilados en un solo ejecutable

5. Arquitectura de Alto nivel
UI API Phone API
contiene asignaciones a contiene asignaciones a las
componentes de UI nativos, capacidades nativas del teléfono
• Navbar, Tabbar, Toolbar, Geo, Acelerometro, Mapas, Sonido
Menus • DB, File System, Red
• Diálogos, Alertas, Botones Código fuente
(HTML, CSS, JavaScript)
Tu aplicación Tu aplicación
UI API Phone API Módulos UI API Phone API Módulos
JavaScript - Objective-C Bridge JavaScript - Java Bridge
iPhone Objective-C API Android Java API
iPhone App Nativo Android App Nativo

6. Media
Paquetes o streaming de audio y video.
Video:
Audio:

7. + Media
Interactúa con la cámara del iPhone/Android

8. Geolocalización ubicación del
Usá Geolocation para conocer la
usuario

9. Acelerómetro
Puedes usar gestures avanzados y el movimiento
del teléfono para añadir interactividad

10. BD & File System
Accesa una base de datos SQLite (synch/asynch) y
el file system de la plataforma

11. Red
Objeto tipo XHR para solicitud de datos remotos

12. Controles IUtravés de una interfaz
Usa controles nativos a
Nativos
Javascript

13. IU Nativo en el iPhone
Tab Bar
Nav Bar
Table View
Alertas / Opciones
Composite Views
Mucho más

14. IU Nativo en Android
Tab Bar
Table View
Alertas / Opciones
Indicador de
Actividad
Notificaciones
Mucho más

15. APIs comúnes
Table View en iPhone Table View en Android

16. Necesitas más?
Platform / OS Data
Application Properties
Logging
Analytics
API para Mashups (Facebook, Yahoo, Twitter,
SOAP...)
Testing
Más en cada update

17. Curiosidad?
Kitchen Sink - Demo completo del API
Codestrong.com - ejemplos y guías
Dev Chat: #titanium_app (irc.freenode.net)
http://www.codestrong.com/timobile/samples/

18. Como desarrollo y
pruebo
• Los proyectos para movil se pueden probar en
el emulador del dispositivo
• También se pueden cargar directamente al
dispositivo (Requiere algunas instalaciones)
• Titanium Developer

19. Titanium Developer

20. Titanium Developer
Hecho en Titanium
Crea / administra proyectos
Deploy del código a los simuladores
Ayuda con testing y packaging
Requiere sign-up gratuito en el Appcelerator
Network (soporte, updates, lista e-mail, otros
servicios)

21. Demo

22. Entonces que?
• Titanium: Permite desarrollar aplicaciones de
escritorio y móviles usando tecnologías web
(Puedes usar el Framework JS de tu
preferencia)
• En el futuro se espera soporte para
Blackberry, Windows Movile, Symbian
• Sigue de cerca su avance
http://www.codestrong.com

23. ¿?
¿Pregunta
s?

24. Gracias!
Twitter: @joselo
Email: joselo@nationcode.com