AppHack 2013GDL-MX

Saturday, November 9, 13

Eye Candy

http://inspired-ui.com/

http://www.fromupnorth.com/user-interface-inspiration-650/

Saturday, November 9, 13

Backend

Saturday, November 9, 13

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

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

MVC

Saturday, November 9, 13

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

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

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

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

EjemplosSaturday, November 9, 13

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

Thanks!

• Mauro Parra-Miranda

• @mauropm

• mauropm@gmail.com

Saturday, November 9, 13