X-Platform Development

DroidconMAD 2016 Barcamp Slides

Transcript

1. APPCELERATOR TITANIUM X-Platform Development Álvaro Toscano Pérez @alvaro_toscano
2. ¿Que es Titanium? Es la plataforma creada por Appcelerator que permite desarrollar apps para dispositivos móviles (iOS, Android, BlackBerry, Windows Phone?), programando en Javascript. http://www.appcelerator.com/customers/app- showcase/
3. Beneficios de Titanium Titanium genera aplicaciones NATIVAS, por lo que se ejecutan con el rendimiento de una app Nativa. Desde el entorno de desarrollo de Titanium creamos la UI y se programa el comportamiento en Javascript.
4. ¿Por qué elegir Titanium? Proyectos X-Platform Deadlines cercanas Sobresaturación de proyectos POE ¿Por qué Titanium? - Porque queremos nativo
5. Características de Titanium • Plataformas: iOS, Android, Mobile web, BlackBerry • Lenguaje de programación: Javascript • Interacción con capacidades del dispositivo: • Cámara, Acelerómetro, GPS, Almacenamiento en Local, Contactos, … • El código JavaScript se traduce a NATIVO • Tiene su propio IDE (Titanium Studio) basado en Eclipse y Aptana.
6. Desarrollo Multiplataforma Puedes reutilizar gran parte del código para varios sistemas operativos ¿Escribo el código y ya está, funciona para varias plataformas? No es así de sencillo, ya que cada una necesita ciertas adaptaciones, pero gran parte del código es común. ¿Cuánto? Pues… depende, siempre todo depende,, puede ir de un 70% a un 90% de reusabilidad
7. Titanium.UI Titanium.UI es el módulo responsable de de los componentes nativos de la UI y la interacción con ellos en Titanium. El objetivo de Titanium.UI es proporcionar una experiencia de usuario nativa junto a un rendimiento nativo compilando Javascript. Podemos dividir Titanium.UI en 3 grupos: • Views (divs) • Controles (etiquetas, botones, sliders, tablas) • Windows (páginas)
8. Titanium.UI.Window Titanium.UI.Window es el elemento básico en una aplicación Titanium. Funciona como un contenedor para los demás elementos que se deseen añadir. Una app puede tener más de una Window pero como mínimo ha de existir una. Es un elemento que puede existir por sí mismo sin la necesidad de ser hijo de otro.
9. Titanium.UI.View Titanium.UI.View es el análogo a una etiqueta DIV en HTML. Básicamente es un rectángulo que mantiene otros elementos para un control más fácil. Una vista no puede existir por sí misma, ha de ser hija de una Window o de otro elemento que acepte Views como hijos.
10. Documentación https://docs.appcelerator.com/platform/latest/#!/guide/ Titanium_Development
11. Titanium.UI.TabGroup Titanium.UI.TabGroup es el principal elemento de navegación y común para todas las plataformas. El TabGroup controla diferentes Titanium.UI.Tab (Pestañas). Cada Tab controla una Window. El TabGroup tiene una sola instancia y no puede ser cerrada ni eliminada, sólo se puede ocultar.
12. Desarrollo Multiplataforma - Ejemplo
13. Desarrollo Multiplataforma - Ejemplo
14. Detalles de cada elemento Cada elemento de la interfaz tiene propiedades tales como: UI: top, bottom, left, right, width, height, backgroundColor, … Métodos: add(), open(), remove(), … Eventos: click, touch start, doubletap, …
15. Appcelerator Platform - DASHBOARD
16. Appcelerator Platform - TITANIUM
17. Appcelerator Platform - APP DESIGNER
18. Appcelerator Platform - ARROW
19. Appcelerator Platform - PUSH
20. Appcelerator Platform - ANALYTICS
21. Appcelerator Platform - CASOS DE ÉXITO
22. Appcelerator ¡¡GRACIAS!!