Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Alloy PreviewMauro Parra-Mirandamauropm@gmail.com
AgendaPre-requisitosInstalaciónUsando AlloyConclusiones
Pre-requisitosTitanium Studio (bajalo de http://appcelerator.com)NodeJS instalado (bajalo de Node.js http://nodejs.org/#do...
¿Cómo comenzar?Crear un proyecto nuevo en Ti Appcabre la terminal y vete a donde esta tu proyecto (porejemplo, en mi caso:...
¿Qué hay nuevo?Nota que hay un nuevo directorio, llamado “  app”. Eseserá el nuevo “Resources” (i.e., todos los cambios lo...
Estructura del proyecto
Echemos un vistazo mas a        fondo...
Estructura de directorio        en app    views - Archivos XML que describen el UI    controllers - Archivos JS que contie...
Estructura de Directorio     (continuación)   assets - Cosas como imagenes, logos, db files, etc.   Cualquier cosa que des...
Directorios opcionales  migrations - Archivos JS que definen migraciones de  modelos.  widgets - Componentes reusables aut...
Compilando el proyecto  $ alloy compile --config platform=ios  (esto se hace desde la terminal aún, pronto será  integrado...
Corriendo el app$ alloy run
Generando archivos en       alloy  view & style -  $ alloy generate view NAME  view, style & Controller -  $ alloy generat...
Generando archivos en       Alloy  Widget (con id ID):  $ alloy generate widget ID  Generando hooks pre y post compilación...
RecursosAlloy Source Code - https://github.com/appcelerator/alloyAlloy Quick Start - https://wiki.appcelerator.org/display...
¿Preguntas?
Alloy Preview
Upcoming SlideShare
Loading in …5
×

Alloy Preview

1,269 views

Published on

Introducción a la tecnología de Alloy, el MVC de Appcelerator para Titanium Appcelerator.

Published in: Technology
  • Be the first to comment

  • Be the first to like this

Alloy Preview

  1. 1. Alloy PreviewMauro Parra-Mirandamauropm@gmail.com
  2. 2. AgendaPre-requisitosInstalaciónUsando AlloyConclusiones
  3. 3. Pre-requisitosTitanium Studio (bajalo de http://appcelerator.com)NodeJS instalado (bajalo de Node.js http://nodejs.org/#download)XCode (bajalo de http://developer.apple.com )Titanium Mobile SDK 2.1.x (de Titanium Studio,selecciona help->install SDK)
  4. 4. ¿Cómo comenzar?Crear un proyecto nuevo en Ti Appcabre la terminal y vete a donde esta tu proyecto (porejemplo, en mi caso: ~/Documents/Titanium_Studio_Workspace/testalloy) y corre:alloy new .
  5. 5. ¿Qué hay nuevo?Nota que hay un nuevo directorio, llamado “ app”. Eseserá el nuevo “Resources” (i.e., todos los cambios losharemos en app).Resources será automáticamente reescrito cadaocasión que compilemos, por lo que de preferencia, NOPONGAS NADA AHI!
  6. 6. Estructura del proyecto
  7. 7. Echemos un vistazo mas a fondo...
  8. 8. Estructura de directorio en app views - Archivos XML que describen el UI controllers - Archivos JS que contienen la lógica de la app y las llamadas a la Ti API styles - Archivos TSS que contienen el estilo de la UI, definidos en Views. TSS es una sintáxis similar a la de JSON, con sabor a CSS. models - Archivos JS que incluyen la definición y extensión de modelos y colecciones basadas en Backbone.JS
  9. 9. Estructura de Directorio (continuación) assets - Cosas como imagenes, logos, db files, etc. Cualquier cosa que desees termine en el directorio Resources de la aplicación. lib - Directorio donde guardas bibliotecas de JS y módulos commonjs. Al igual que assets, se copiarán a Resources.
  10. 10. Directorios opcionales migrations - Archivos JS que definen migraciones de modelos. widgets - Componentes reusables autocontenidos crossplataforma que pueden reutilizarse en diversos proyectos de Alloy.
  11. 11. Compilando el proyecto $ alloy compile --config platform=ios (esto se hace desde la terminal aún, pronto será integrado con Titanium Studio). Como platform se puede poner: ios, android o mobileweb.
  12. 12. Corriendo el app$ alloy run
  13. 13. Generando archivos en alloy view & style - $ alloy generate view NAME view, style & Controller - $ alloy generate controller NAME
  14. 14. Generando archivos en Alloy Widget (con id ID): $ alloy generate widget ID Generando hooks pre y post compilación: $ alloy generate jmk
  15. 15. RecursosAlloy Source Code - https://github.com/appcelerator/alloyAlloy Quick Start - https://wiki.appcelerator.org/display/guides2/Alloy+Quick+Start#AlloyQuickStart-SimpleExample
  16. 16. ¿Preguntas?

×