Este documento presenta una introducción a Titanium y Alloy para el desarrollo de aplicaciones móviles multiplataforma. Explica cómo Titanium permite crear prototipos rápidos que se ejecutan en iOS, Android y MobileWeb, y cómo Alloy apoya el patrón MVC y facilita el desarrollo multiplataforma. También proporciona enlaces para configurar el entorno de desarrollo y aprender más sobre conceptos como modelos, vistas y controladores en Alloy.

1. AppHack 2013
GDL-MX
Saturday, November 9, 13

2. Eye Candy
http://inspired-ui.com/
http://www.fromupnorth.com/user-interface-inspiration-650/
Saturday, November 9, 13

3. Backend
Saturday, November 9, 13

4. Titanium
• Crear prototipos rápidos
• Soporte multiplataforma - iOS, Android
y MobileWeb
• Soporte a MVC vía Alloy
• Corre en todos lados: win, mac, linux
Saturday, November 9, 13

5. Setup
• Instalación de SDK nativas
• Instalación de Titanium Studio
• http://developer.appcelerator.com
•
http://docs.appcelerator.com/titanium/latest
• MVC
Saturday, November 9, 13

6. MVC
Saturday, November 9, 13

7. Alloy
• Utilizaremos un “atajo” principalmente
para dos cosas: minimizar el tiempo de
creación de la UI, facilitar el soporte
multiplataforma
• Cambiar de ambientes rápidamente:
tener configuraciones para desarrollo,
testing y producción fácilmente.
Saturday, November 9, 13

8. Archivos
• Abrir Titanium Studio
• Crear una nueva app con Alloy
• Encontraras una distribución asi• Importante: Hay hoja de estilos
• TSS te permite crear
comportamiento personalizado
para cada plataforma
Saturday, November 9, 13

9. Detalles
•
MVC parte la aplicación en tres
componentes principales:
•
Modelos: incluyen la lógica de negocios,
reglas, datos y estado de la aplicación
•
Views: Proporciona la UI para interactuar
entre el usuario y los modelos
•
Controles: incl. la lógica de la app entre
modelos y views
Saturday, November 9, 13

10. Detalles
•
Modelos: los modelos se implementan
utilizando backbone.js, por lo que hereda
su API de colecciones
•
•
Views: Basados en elementos TI UI clásicos
Saturday, November 9, 13
Controllers: Se utiliza Ti clásico para crear
la interacción entre modelos y views

11. Ejemplos
Saturday, November 9, 13

12. Docs
•
Alloy Setup - http://docs.appcelerator.com/
titanium/3.0/#!/guide/Alloy_Quick_Start
•
Alloy mas a fondo - http://
docs.appcelerator.com/titanium/3.0/#!/
guide/Alloy_Concepts
•
Ejemplos Avanzados - https://github.com/
appcelerator/alloy/tree/master/test/apps/
advanced
Saturday, November 9, 13

13. Thanks!
•
•
•
Saturday, November 9, 13
Mauro Parra-Miranda
@mauropm
mauropm@gmail.com