apphack gdl 2013
DESCRIPTION
Plática acerca de desarrollo en iOS y Android, basado en Titanium Appcelerator + AlloyTRANSCRIPT
![Page 1: AppHack GDL 2013](https://reader034.vdocument.in/reader034/viewer/2022051400/54c10bd14a7959e3508b45ad/html5/thumbnails/1.jpg)
AppHack 2013GDL-MX
Saturday, November 9, 13
![Page 2: AppHack GDL 2013](https://reader034.vdocument.in/reader034/viewer/2022051400/54c10bd14a7959e3508b45ad/html5/thumbnails/2.jpg)
Eye Candy
http://inspired-ui.com/
http://www.fromupnorth.com/user-interface-inspiration-650/
Saturday, November 9, 13
![Page 3: AppHack GDL 2013](https://reader034.vdocument.in/reader034/viewer/2022051400/54c10bd14a7959e3508b45ad/html5/thumbnails/3.jpg)
Backend
Saturday, November 9, 13
![Page 4: AppHack GDL 2013](https://reader034.vdocument.in/reader034/viewer/2022051400/54c10bd14a7959e3508b45ad/html5/thumbnails/4.jpg)
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
![Page 5: AppHack GDL 2013](https://reader034.vdocument.in/reader034/viewer/2022051400/54c10bd14a7959e3508b45ad/html5/thumbnails/5.jpg)
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
![Page 6: AppHack GDL 2013](https://reader034.vdocument.in/reader034/viewer/2022051400/54c10bd14a7959e3508b45ad/html5/thumbnails/6.jpg)
MVC
Saturday, November 9, 13
![Page 7: AppHack GDL 2013](https://reader034.vdocument.in/reader034/viewer/2022051400/54c10bd14a7959e3508b45ad/html5/thumbnails/7.jpg)
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
![Page 8: AppHack GDL 2013](https://reader034.vdocument.in/reader034/viewer/2022051400/54c10bd14a7959e3508b45ad/html5/thumbnails/8.jpg)
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 personalizadopara cada plataforma
Saturday, November 9, 13
![Page 9: AppHack GDL 2013](https://reader034.vdocument.in/reader034/viewer/2022051400/54c10bd14a7959e3508b45ad/html5/thumbnails/9.jpg)
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
![Page 10: AppHack GDL 2013](https://reader034.vdocument.in/reader034/viewer/2022051400/54c10bd14a7959e3508b45ad/html5/thumbnails/10.jpg)
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
• Controllers: Se utiliza Ti clásico para crear la interacción entre modelos y views
Saturday, November 9, 13
![Page 11: AppHack GDL 2013](https://reader034.vdocument.in/reader034/viewer/2022051400/54c10bd14a7959e3508b45ad/html5/thumbnails/11.jpg)
EjemplosSaturday, November 9, 13
![Page 12: AppHack GDL 2013](https://reader034.vdocument.in/reader034/viewer/2022051400/54c10bd14a7959e3508b45ad/html5/thumbnails/12.jpg)
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
![Page 13: AppHack GDL 2013](https://reader034.vdocument.in/reader034/viewer/2022051400/54c10bd14a7959e3508b45ad/html5/thumbnails/13.jpg)
Thanks!
• Mauro Parra-Miranda
• @mauropm
Saturday, November 9, 13