Cero a app en una hora
3 recomendaciones1,355 vistas
Titanium permite crear aplicaciones nativas para iPhone y Android usando tecnologías web como HTML, CSS y JavaScript. Ofrece una interfaz de programación que mapea los componentes y funcionalidades nativas de cada plataforma, permitiendo desarrollar una sola aplicación que funcione en ambas. En la sesión se explicó Titanium y su arquitectura, el API disponible para interactuar con cámaras, geolocalización, bases de datos y más, y se realizó un ejemplo básico de cliente para TwitPic.
Cero a app en una hora
- 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. En esta sesión: Que es Titanium (Mobile)? Arquitectura de alto nivel de Titanium Mobile Overview del API Hands On: Cliente para TwitPic
- 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. 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. 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. Media Paquetes o streaming de audio y video. Video: Audio:
- 7. + Media Interactúa con la cámara del iPhone/Android
- 8. Geolocalización Usá Geolocation para conocer la ubicación del usuario
- 9. Acelerómetro Podés usar gestures avanzados y el movimiento del telefono para añadir interactividad
- 10. BD & File System Accesa una base de datos SQLite (synch/asynch) y el file system de la plataforma
- 11. Red Objeto tipo XHR para solicitud de datos remotos
- 12. Controles IU Nativos Usá controles nativos a través de una interfaz Javascript
- 13. IU Nativo en el iPhone Tab Bar Nav Bar Table View Alertas / Opciones Composite Views Mucho más
- 14. IU Nativo en Android Tab Bar Table View Alertas / Opciones Indicador de Actividad Notificaciones Mucho más
- 15. APIs comúnes Table View en iPhone Table View en Android
- 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. 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. ¿? ¿Preguntas?
- 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. Hola Mundo!! (Sí... Otro)
- 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
Notas del editor
- #4: 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!
- #5: 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.
- #6: 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
- #7: Interfaces de sonido y vídeo que se integran con reproductor de vídeo del dispositivo.
- #8: También se puede integrar con la cámara y galería de fotos.
- #9: Apps can get geolocation data for position-aware Ejemplo: Yelpr, Usa Geo and web services de Yelp.com para encontrar reviews cerca del user
- #10: Ejemplo: PhoneSaber Suena como lightsaber cuando el telefono se mueve. Properties LANDSCAPE, LANDSCAPE_LEFT, LANDSCAPE_RIGHT, PORTRAIT, UPSIDE_PORTRAIT
- #11: filesystem (leer escribir abrir) Api sincronico and asincronico DB API. Puede escoger HTML 5 o Titanium's synchronous db API.
- #12: 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
- #13: native UI components, table views, tabs, text fields, and more. mencionar the Kitchen Sink, API para crear componentes, uniforme entre plataformas
- #16: API para crear componentes, uniforme entre plataformas.
- #17: Platform / OS Data: address, architecture, availableMemory, id, macaddress, model, name, ostype, phoneNumber, processorCount, username, version UserAgent Application Properties
- #21: 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