Titanium es una herramienta para desarrollo de aplicaciones móviles de forma rápida y sencilla utilizando JavaScript como lenguaje de programación base. Porque todo el mundo puede hacer aplicaciones móviles nativas y de calidad. Si eres front-developer o back-developer, ya no tienes que preocuparte cuando te piden una aplicación móvil. En la charla te explicaremos como hacer tu aplicación con Titanium con un caso práctico de desarrollo, sin necesidad de saber Java ni Objective-C. Ponencia presentada por Ariel Ferrandini durante Codemotion 2013 http://www.paradigmatecnologico.com

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