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.
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
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
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