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.

Introducción a Titanium Appcelerator (2014)

443 views

Published on

Breve introducción a programadores en desarrollo de aplicaciones móviles nativas con Titanium Appcelerator en 2014.

Published in: Mobile
  • Be the first to comment

Introducción a Titanium Appcelerator (2014)

  1. 1. MULTI-PLATAFORMA
  2. 2. MULTI-PLATAFORMA +390,000 Desarrolladores +50,000 Apps appcelerator.com/customers/app-showcase
  3. 3. Titanium funciona como un puente entre el sistema operativo nativo y el código de la aplicación No es una solución basada en web que proporciona funcionalidad a través de un Web View JavascriptCore – iOS Mozilla Rhino - Android
  4. 4. ACCESO A: • APIs específicas de la plataforma • Servicios basados ​​en localización • Compartir en redes sociales • Rich multimedia • Manejo y almacenamiento de datos en línea y en el dispositivo • Extensibilidad
  5. 5. IDE basado en Eclipse
  6. 6. docs.appcelerator.com/titanium/3.0/#!/api/Titanium TABGROUP TAB WINDOW VIEWS } Elemento que agrupa y contiene tabs o pestañas Pestaña que contiene a su vez a una ventana Parte principal de la interfaz. Toda app tiene al menos una ventana Contenedores que almacenan elementos visuales y otras vistas Titanium.UI BUTTON LABEL TABLEVIEW IMAGEVIEW ACTIVITYINDICATOR } Botón al que se le puede agregar funciones y modificar el estilo Elemento para mostrar bloques de texto plano Funciona como una tabla de HTML con celdas Elemento para mostrar imagenes, optimizado para móvil Control que muestra un icono de cargando CONTENEDORES CONTROLES
  7. 7. docs.appcelerator.com/titanium/latest
  8. 8. docs.appcelerator.com/titanium/latest/#!/api/Alloy = MVC
  9. 9. Todas las definiciones de ventanas, vistas y estilos, así como variables, funciones y acceso a datos se programan en archivos .js TITANIUM Los elementos visuales se agregan al proyecto por medio de XML en la carpeta VIEWS y los estilos van en archivos .tss en la carpeta STYLES. Todas las funciones y variables se definen en la carpeta CONTROLLERS. ALLOY
  10. 10. TITANIUM ALLOY
  11. 11. CREAR PROYECTO ALLOY: EN TITANIUM STUDIO File > New > Titanium Project > Alloy EN TERMINAL Crear un nuevo proyecto de Titanium > Abrir terminal $alloy new INSTALAR ALLOY: $sudo npm install alloy -g
  12. 12. CREAR CONTROLADORES: EN TITANIUM STUDIO Clic derecho en el proyecto > New> Alloy Controller EN TERMINAL $alloy generate controller row Se crearán los siguientes archivos: • controllers/row.js • views/row.js • styles/row.tss
  13. 13. CREAR MODELOS: EN TITANIUM STUDIO Clic derecho en el proyecto > New > Allow Model EN TERMINAL $alloy generate model todo name:string active:boleean Se crearán los siguientes archivos: • models/todo.js • models/todo.json • migrations/320984132083_todo.js
  14. 14. PLATFORM SPECIFIC UI: La propiedad platform permite mostrar elementos visuales solo en la plataforma especificada: • android • ios • mobileweb
  15. 15. <REQUIRE> Permite partir la aplicación en componentes más pequeños
  16. 16. ESTILOS Y FUNCIONES GLOBALES • Estilos globales [project root]/app/styles/app.tss • Funciones y variables globales [project root]/app/alloy.js
  17. 17. TODO LO DEMÁS AQUÍ: https://github.com/appcelerator/KitchenSink

×