Este documento presenta Titanium, un entorno de desarrollo para crear aplicaciones nativas para iOS, Android y BlackBerry usando Javascript. Explica que Titanium permite desarrollar una aplicación para múltiples plataformas usando un solo lenguaje de programación y diseño. También describe las tecnologías involucradas, cómo funciona Titanium, sus ventajas y limitaciones, y los elementos y APIs disponibles.

1. Ariel Ferrandini Price
De perdidos a Titanium
@aferrandini
arielferrandini@gmail.com
Paradigma Tecnológico

2. De perdidos a Titanium
Ariel Ferrandini Price
arielferrandini@gmail.com - Paradigma Tecnológico
Patrocinadores
@aferrandini

3. De perdidos a Titanium
Ariel Ferrandini Price
arielferrandini@gmail.com - Paradigma Tecnológico
Organización y Asistentes
@aferrandini

4. De perdidos a Titanium
Ariel Ferrandini Price
arielferrandini@gmail.com - Paradigma Tecnológico
I
{CM}
@aferrandini

5. De perdidos a Titanium
Ariel Ferrandini Price
I
arielferrandini@gmail.com - Paradigma Tecnológico
{CM}
@aferrandini

6. De perdidos a Titanium
Ariel Ferrandini Price
arielferrandini@gmail.com - Paradigma Tecnológico
@aferrandini

7. Javascript
Douglas Crockford Senior JavaScript Architect
@aferrandini

8. De perdidos a Titanium
Ariel Ferrandini Price
arielferrandini@gmail.com - Paradigma Tecnológico
¿Quién soy?
•
Ariel Ferrandini Price (11-11-85)
@aferrandini

9. De perdidos a Titanium
Ariel Ferrandini Price
arielferrandini@gmail.com - Paradigma Tecnológico
¿Quién soy?
•
Ariel Ferrandini Price (11-11-85)
•
Murcia ~ Madrid
@aferrandini

10. De perdidos a Titanium
Ariel Ferrandini Price
arielferrandini@gmail.com - Paradigma Tecnológico
¿Quién soy?
•
Ariel Ferrandini Price (11-11-85)
•
Murcia ~ Madrid
@aferrandini

11. De perdidos a Titanium
Ariel Ferrandini Price
arielferrandini@gmail.com - Paradigma Tecnológico
¿Quién soy?
•
Ariel Ferrandini Price (11-11-85)
•
Murcia ~ Madrid
•
Programador Backend
@aferrandini

12. De perdidos a Titanium
Ariel Ferrandini Price
arielferrandini@gmail.com - Paradigma Tecnológico
¿Quién soy?
•
Ariel Ferrandini Price (11-11-85)
•
Murcia ~ Madrid
•
Programador Backend
•
PHP ~ Symfony
@aferrandini

13. De perdidos a Titanium
Ariel Ferrandini Price
arielferrandini@gmail.com - Paradigma Tecnológico
¿Quién soy?
•
Ariel Ferrandini Price (11-11-85)
•
Murcia ~ Madrid
•
Programador Backend
•
PHP ~ Symfony
•
+8 años experiencia en movilidad
@aferrandini

14. De perdidos a Titanium
Ariel Ferrandini Price
arielferrandini@gmail.com - Paradigma Tecnológico
¿Qué es Titanium?
`Titanium`: en español `Titanio` del latín `Titan`,
es un elemento químico cuyo símbolo es Ti y su
número atómico es 22.
@aferrandini

15. De perdidos a Titanium
Ariel Ferrandini Price
arielferrandini@gmail.com - Paradigma Tecnológico
¿Qué es Titanium?
– Es un entorno de desarrollo abierto y extensible,
para crear preciosas aplicaciones NATIVAS para las
plataformas móviles: iOS, Android, BlackBerry e híbridas
HTML5.
Appcelerator Titanium
@aferrandini

16. De perdidos a Titanium
Ariel Ferrandini Price
arielferrandini@gmail.com - Paradigma Tecnológico
Tecnologías
•
¡ Javascript !
•
[ Java ]
•
[ Objective-C ]
•
[ HTML/CSS ]
@aferrandini

17. De perdidos a Titanium
Ariel Ferrandini Price
arielferrandini@gmail.com - Paradigma Tecnológico
Tecnologías
•
¡ Photoshop ! / Gimp
@aferrandini

18. De perdidos a Titanium
Ariel Ferrandini Price
arielferrandini@gmail.com - Paradigma Tecnológico
¿Cómo funciona?
JS
@aferrandini

19. De perdidos a Titanium
Ariel Ferrandini Price
arielferrandini@gmail.com - Paradigma Tecnológico
¿Por qué Titanium?
•
Una misma aplicacion para varias plataformas.
•
Un solo lenguaje de programación: Javascript.
•
Una sola maquetación.
•
Un solo diseño.
@aferrandini

20. De perdidos a Titanium
Ariel Ferrandini Price
arielferrandini@gmail.com - Paradigma Tecnológico
¿Cuándo NO usar Titanium?
•
Necesidad de OpenGL.
•
Pantallas muy complejas.
•
Necesidad de alto rendimiento.
@aferrandini

21. De perdidos a Titanium
Ariel Ferrandini Price
arielferrandini@gmail.com - Paradigma Tecnológico
Hay que saber decir NO, si no se puede...
@aferrandini

22. De perdidos a Titanium
Ariel Ferrandini Price
arielferrandini@gmail.com - Paradigma Tecnológico
Antes de empezar con Titanium
•
Conocimiento de Javascript medio/alto.
•
Necesitas un Mac para aplicaciones
iOS (iPhone y iPad).
@aferrandini

23. De perdidos a Titanium
Ariel Ferrandini Price
arielferrandini@gmail.com - Paradigma Tecnológico
Antes de empezar con Titanium
•
Conocimiento de Javascript medio/alto.
•
Necesitas un Mac para aplicaciones
iOS (iPhone y iPad).
•
•
Desarrollador Apple 99$/año.
Desarrollador Android 25$.
@aferrandini

24. De perdidos a Titanium
Ariel Ferrandini Price
arielferrandini@gmail.com - Paradigma Tecnológico
Titanium
@aferrandini

25. De perdidos a Titanium
Ariel Ferrandini Price
arielferrandini@gmail.com - Paradigma Tecnológico
Titanium IDE
•
•
•
Eclipse con esteroides.
Se integra a la perfección con Android SDK y Xcode.
Debug:
‣ Android Simulator ~ Mejor Android Device +
DDMS.
‣ iOS Simulator.
@aferrandini

26. De perdidos a Titanium
Ariel Ferrandini Price
arielferrandini@gmail.com - Paradigma Tecnológico
UI - Elementos nativos
•
•
•
•
•
Window,View, ScrollView, ListView, ImageView, WebView
Label, TextField, Dialog, OptionDialog
List, ListItem, ListSection
Slider
ProgressBar, Switch
http://docs.appcelerator.com/titanium/latest/
@aferrandini

27. De perdidos a Titanium
Ariel Ferrandini Price
arielferrandini@gmail.com - Paradigma Tecnológico
UI - Elementos nativos
•
•
•
•
•
CoverFlowView, DocumentViewer
Toolbar
TabbedBar, StatusBar
SystemIcon, SystemButton
iPad - SplitWindow
http://docs.appcelerator.com/titanium/latest/
@aferrandini

28. De perdidos a Titanium
Ariel Ferrandini Price
arielferrandini@gmail.com - Paradigma Tecnológico
UI - Elementos nativos
•
•
SearchView
ProgressIndicator
http://docs.appcelerator.com/titanium/latest/
@aferrandini

29. De perdidos a Titanium
Ariel Ferrandini Price
arielferrandini@gmail.com - Paradigma Tecnológico
Elementos personalizados
•
•
•
Módulos Javascript con Views, Labels, etc.
•
Appcelerator Market / Github.
Módulos nativos (Java, Objective-C).
Depende de la necesidad y lo complejo que sea el
elemento.
http://docs.appcelerator.com/titanium/latest/
@aferrandini

30. De perdidos a Titanium
Ariel Ferrandini Price
arielferrandini@gmail.com - Paradigma Tecnológico
API - Titanium. | Ti.
•
Titanium.Geolocation
‣
Acelerómetro
‣
•
GPS
‣
Brújula
•
XML/JSON Parser
‣
Notificaciones Push
Titanium.Database
Lectura/Escritura archivos
Titanium.Media
‣
Grabación de audio y vídeo
‣
•
Cámara de fotos
‣
Acceso HTTP/HTTPS
‣
Titanium.Filesystem
‣
Titanium.Network
‣
•
•
Reproductor de música y vídeos
Titanium.Facebook
‣
Integración con Facebook
‣
Integración con Twitter
‣
Integración SQLite
‣
Integración con Foursquare
‣
Almacenamiento clave-valor
‣
Integración con Yahoo!
@aferrandini

31. De perdidos a Titanium
Ariel Ferrandini Price
arielferrandini@gmail.com - Paradigma Tecnológico
Hay un framework MVC
Alloy
http://docs.appcelerator.com/titanium/3.0/#!/guide/Alloy_Framework
@aferrandini

32. De perdidos a Titanium
Ariel Ferrandini Price
arielferrandini@gmail.com - Paradigma Tecnológico
Alloy framework
•
•
•
Vistas en archivos XML, hojas de estilo y temas.
•
Widgets con sus propias vistas, controladores y modelo.
Controladores con herencia.
Modelo que permite sincronización mediante adaptadores y
migraciones.
@aferrandini

33. De perdidos a Titanium
Ariel Ferrandini Price
arielferrandini@gmail.com - Paradigma Tecnológico
Workshop
https://github.com/aferrandini/Simon
@aferrandini

34. De perdidos a Titanium
Ariel Ferrandini Price
arielferrandini@gmail.com - Paradigma Tecnológico
¡Muchas gracias!
@aferrandini
@aferrandini

35. De perdidos a Titanium
Ariel Ferrandini Price
arielferrandini@gmail.com - Paradigma Tecnológico
¿Preguntas?
@aferrandini