Cero a app en una hora

5,519 views

Published on

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

No Downloads
Views
Total views
5,519
On SlideShare
0
From Embeds
0
Number of Embeds
1,088
Actions
Shares
0
Downloads
110
Comments
0
Likes
3
Embeds 0
No embeds

No notes for slide
  • SDK

    un conjunto de herramientas para desarrollar aplicaciones de escritorio y móviles.

    presentación se centrará en el móvil,

    Pero se puede utilizar titanium developer y de titanium para desarrolladores para crear Windows, Mac y Linux Apps.

    Hincapié en la bondad de código abierto!
  • Valor: poder crear aplicaciones de escritorio y móviles utilizando las tecnologías de la web

    Los desarrolladores ya están familiarizados con (HTML, CSS y JavaScript).

    Muchas personas con conocimientos básicos

    Se puede utilizar esas habilidades en una amplia variedad de plataformas nuevas, incluyendo iPhone y Android.

    Los webdev podemos escapar del navegador y utilizar las capacidades de dispositivos nativos que no estaban disponibles para nosotros antes.
  • Aplicaciones compiladas a binarios nativos

    Source files fuente no se sirven de Internet

    Aunque puedes usar servicios a distancia


    Dividen en 4 partes

    - html/css/js maneja la lógica de la aplicación

    - APIs accesa funcionalidad nativa, analytics y módulos

    - Bridge compila webcode en código nativo

    - runtime shell empaca la aplicación para cross-plattform
  • Interfaces de sonido y vídeo que se integran con reproductor de vídeo del dispositivo.
  • También se puede integrar con la cámara y galería de fotos.
  • Apps can get geolocation data for position-aware

    Ejemplo: Yelpr,
    Usa Geo and web services de Yelp.com para encontrar reviews cerca del user
  • Ejemplo: PhoneSaber
    Suena como lightsaber cuando el telefono se mueve.

    Properties
    LANDSCAPE, LANDSCAPE_LEFT, LANDSCAPE_RIGHT, PORTRAIT, UPSIDE_PORTRAIT
  • filesystem (leer escribir abrir) Api

    sincronico and asincronico DB API.

    Puede escoger HTML 5 o Titanium's synchronous db API.
  • Objeto tipo XMLHttpRequest para llamadas remotas.

    Objeto nativo no funciona por detalles de implementación del SDK

    Propiedades:
    NETWORK_LAN NETWORK_MOBILE, NETWORK_NONE, NETWORK_UNKNOWN, NETWORK_WIFI, networkType networkTypeName, online
  • native UI components, table views, tabs, text fields, and more.

    mencionar the Kitchen Sink,

    API para crear componentes, uniforme entre plataformas
  • API para crear componentes, uniforme entre plataformas.
  • Platform / OS Data:
    address, architecture, availableMemory, id, macaddress, model, name, ostype, phoneNumber, processorCount, username, version
    UserAgent

    Application Properties
  • Pre-requisitos
    SDK iPhone y/o Android
    Titanium Developer
    Titanium Mobile Beta
    El primer proyecto
    Generar archivos de la aplicación
    Estructura de un Proyecto
    Opciones de configuración
  • Cero a app en una hora

    1. 1. Apps para iPhone y Android con tecnologías web: De cero a app en una hora. Jasson Cascante Sr. Interactive Enginneer - RBX Global Twitter: @Yeco | http://elbleg.com
    2. 2. En esta sesión: Que es Titanium (Mobile)? Arquitectura de alto nivel de Titanium Mobile Overview del API Hands On: Cliente para TwitPic
    3. 3. Que es Titanium (Mobile)? Titanium es un framework para crear aplicaciones nativas usando tecnologías web. Desktop: Windows, Mac, Linux Mobile: iPhone, Android Open Source (Apache 2.0 License) Website: http://appcelerator.com Source: http://github.com/appcelerator
    4. 4. Por qué Titanium? Aplicaciones Nativas Responsivas Aprovecha las capacidades de los dispositivos Web Tech Habilidades y conocimientos que ya existen Desarrollo rápido Lo mejor de los dos mundos Un solo set de tecnologías, muchas plataformas
    5. 5. Arquitectura de Alto nivel UI API Phone API contiene asignaciones a contiene asignaciones a las capacidades componentes de UI nativos, nativas del teléfono • Navbar, Tabbar, Toolbar, Menus Geo, Acelerometro, Mapas, Sonido • Diálogos, Alertas, Botones • DB, File System, Red Código fuente (HTML, CSS, JavaScript) Tu aplicación Tu aplicación UI API Phone API Módulos UI API Phone API Módulos JavaScript - Objective-C Bridge JavaScript - Java Bridge iPhone Objective-C API Android Java API iPhone App Nativo Android App Nativo
    6. 6. Media Paquetes o streaming de audio y video. Video: Audio:
    7. 7. + Media Interactúa con la cámara del iPhone/Android
    8. 8. Geolocalización Usá Geolocation para conocer la ubicación del usuario
    9. 9. Acelerómetro Podés usar gestures avanzados y el movimiento del telefono para añadir interactividad
    10. 10. BD & File System Accesa una base de datos SQLite (synch/asynch) y el file system de la plataforma
    11. 11. Red Objeto tipo XHR para solicitud de datos remotos
    12. 12. Controles IU Nativos Usá controles nativos a través de una interfaz Javascript
    13. 13. IU Nativo en el iPhone Tab Bar Nav Bar Table View Alertas / Opciones Composite Views Mucho más
    14. 14. IU Nativo en Android Tab Bar Table View Alertas / Opciones Indicador de Actividad Notificaciones Mucho más
    15. 15. APIs comúnes Table View en iPhone Table View en Android
    16. 16. Necesitás más? Platform / OS Data Application Properties Logging Analytics API para Mashups (Facebook, Yahoo, Twitter, SOAP...) Más en cada update
    17. 17. Curiosidad? Kitchen Sink - Demo completo del API Codestrong.com - ejemplos y guías Dev Chat: #titanium_app (irc.freenode.net) http://www.codestrong.com/timobile/samples/
    18. 18. ¿? ¿Preguntas?
    19. 19. Titanium Developer Hecho en Titanium Crea / administra proyectos Deploy del codigo a los simuladores Ayuda con testing y packaging Requiere sign-up gratuito en el Appcelerator Network (soporte, updates, lista e-mail, otros servicios)
    20. 20. Hola Mundo!! (Sí... Otro)
    21. 21. Hands On Objetivo: Cliente para TwitPic APIs: Photo Gallery, Camara, HTTP Client, Properties Biblioteca externa: jQuery NOTA: Titanium no depende de ninguna biblioteca de JavaScript podés usar la que gustes
    22. 22. Gracias! dudas? Twitter: @Yeco Email: Yeco@elBleg.com

    ×