AppHack GDL 2013

691 views

Published on

Plática acerca de desarrollo en iOS y Android, basado en Titanium Appcelerator + Alloy

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
691
On SlideShare
0
From Embeds
0
Number of Embeds
10
Actions
Shares
0
Downloads
13
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

AppHack GDL 2013

  1. 1. AppHack 2013 GDL-MX Saturday, November 9, 13
  2. 2. Eye Candy http://inspired-ui.com/ http://www.fromupnorth.com/user-interface-inspiration-650/ Saturday, November 9, 13
  3. 3. Backend Saturday, November 9, 13
  4. 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. 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. 6. MVC Saturday, November 9, 13
  7. 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. 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. 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. 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. 11. Ejemplos Saturday, November 9, 13
  12. 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. 13. Thanks! • • • Saturday, November 9, 13 Mauro Parra-Miranda @mauropm mauropm@gmail.com

×