1. Apps para iPhone y Android con tecnologías web:
De cero a app en una hora.
Jasson Cascante
Sr. Interactive Enginneer - RBX Global
Twitter: @Yeco | http://elbleg.com

2. En esta sesión:
Que es Titanium (Mobile)?
Arquitectura de alto nivel de Titanium Mobile
Overview del API
Hands On: Cliente para TwitPic

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
Responsivas
Aprovecha las capacidades de los dispositivos
Web Tech
Habilidades y conocimientos que ya existen
Desarrollo rápido
Lo mejor de los dos mundos
Un solo set de tecnologías, muchas plataformas

5. Arquitectura de Alto nivel
UI API Phone API
contiene asignaciones a contiene asignaciones a las capacidades
componentes de UI nativos, nativas del teléfono
• Navbar, Tabbar, Toolbar, Menus Geo, Acelerometro, Mapas, Sonido
• Diálogos, Alertas, Botones • DB, File System, Red
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
Usá Geolocation para conocer la ubicación del usuario

9. Acelerómetro
Podés usar gestures avanzados y el movimiento del
telefono 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 IU Nativos
Usá controles nativos a través de una interfaz 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. Necesitás más?
Platform / OS Data
Application Properties
Logging
Analytics
API para Mashups (Facebook, Yahoo, Twitter, SOAP...)
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. ¿?
¿Preguntas?

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

20. Hola Mundo!!
(Sí... Otro)

21. Hands On
Objetivo: Cliente para TwitPic
APIs: Photo Gallery, Camara, HTTP Client, Properties
Biblioteca externa: jQuery
NOTA: Titanium no depende de ninguna biblioteca de
JavaScript podés usar la que gustes

22. Gracias!
dudas?
Twitter: @Yeco
Email: Yeco@elBleg.com