Apps para iPhone y Android con tecnologías webApps para iPhone y Android con tecnologías web

José CarriónJosé CarriónDesarrollador FreelanceDesarrollador Freelance

Twitter: @joselo | Twitter: @joselo | nationcode.comnationcode.com

En esta sesión:En esta sesión:

Que es Titanium (Mobile)?Que es Titanium (Mobile)?

Arquitectura de alto nivel de Titanium MobileArquitectura de alto nivel de Titanium Mobile

Overview del APIOverview del API

DemoDemo

Que es Titanium Que es Titanium (Mobile)?(Mobile)?

Titanium es un framework para crear Titanium es un framework para crear aplicaciones nativas usando tecnologías web.aplicaciones nativas usando tecnologías web.

Desktop: Windows, Mac, LinuxDesktop: Windows, Mac, Linux

Mobile: iPhone, AndroidMobile: iPhone, Android

Open Source (Apache 2.0 License)Open Source (Apache 2.0 License)

Website: http://appcelerator.comWebsite: http://appcelerator.com

Source: Source: http://github.com/appceleratorhttp://github.com/appcelerator

Por qué Titanium?Por qué Titanium?Aplicaciones NativasAplicaciones Nativas

Iphone 2.2.1 se viene el 3.x, Android 1.5Iphone 2.2.1 se viene el 3.x, Android 1.5

Aprovecha las capacidades de los dispositivosAprovecha las capacidades de los dispositivos

Web TechWeb Tech

Habilidades y conocimientos que ya existen, no Habilidades y conocimientos que ya existen, no necesitas conocer Objective-C o Java para ser productivonecesitas conocer Objective-C o Java para ser productivo

Desarrollo rápidoDesarrollo rápido

Lo mejor de los dos mundosLo mejor de los dos mundos

Un solo set de tecnologías, muchas plataformasUn solo set de tecnologías, muchas plataformas

Los recursos, son compilados en un solo ejecutableLos recursos, son compilados en un solo ejecutable

Arquitectura de Alto nivelArquitectura de Alto nivel

iPhone Objective-C APIiPhone Objective-C API

UI APIUI API

JavaScript - Objective-C BridgeJavaScript - Objective-C Bridge

Phone APIPhone API

Android Java APIAndroid Java API

JavaScript - Java BridgeJavaScript - Java Bridge

iPhone App NativoiPhone App Nativo Android App NativoAndroid App Nativo

UI API contiene asignaciones a contiene asignaciones a

componentes de UI nativos,componentes de UI nativos,• Navbar, Tabbar, Toolbar, Navbar, Tabbar, Toolbar,

MenusMenus• Diálogos, Alertas, Botones Diálogos, Alertas, Botones

Phone API contiene asignaciones a las

capacidades nativas del teléfonoGeo, Acelerometro, Mapas, Sonido

• DB, File System, Red

Tu aplicaciónTu aplicaciónTu aplicaciónTu aplicación

Código fuenteCódigo fuente(HTML, CSS, JavaScript)(HTML, CSS, JavaScript)

MódulosMódulos UI APIUI API Phone APIPhone API MódulosMódulos

MediaMediaPaquetes o streaming de audio y video.Paquetes o streaming de audio y video.

Video:Video:

Audio:Audio:

+ Media+ MediaInteractúa con la cámara del iPhone/AndroidInteractúa con la cámara del iPhone/Android

GeolocalizaciónGeolocalizaciónUsá Geolocation para conocer la ubicación del Usá Geolocation para conocer la ubicación del usuariousuario

AcelerómetroAcelerómetroPuedes usar gestures avanzados y el movimiento Puedes usar gestures avanzados y el movimiento del teléfono para añadir interactividaddel teléfono para añadir interactividad

BD & File SystemBD & File SystemAccesa una base de datos SQLite (synch/asynch) y Accesa una base de datos SQLite (synch/asynch) y el file system de la plataformael file system de la plataforma

RedRedObjeto tipo XHR para solicitud de datos remotosObjeto tipo XHR para solicitud de datos remotos

Controles IU NativosControles IU NativosUsa controles nativos a través de una interfaz Usa controles nativos a través de una interfaz JavascriptJavascript

IU Nativo en el iPhoneIU Nativo en el iPhone

Tab BarTab Bar

Nav BarNav Bar

Table ViewTable View

Alertas / OpcionesAlertas / Opciones

Composite ViewsComposite Views

Mucho másMucho más

IU Nativo en AndroidIU Nativo en AndroidTab BarTab Bar

Table ViewTable View

Alertas / OpcionesAlertas / Opciones

Indicador de Indicador de ActividadActividad

NotificacionesNotificaciones

Mucho másMucho más

APIs comúnesAPIs comúnesTable View en iPhoneTable View en iPhone Table View en AndroidTable View en Android

Necesitas más?Necesitas más?Platform / OS DataPlatform / OS Data

Application PropertiesApplication Properties

LoggingLogging

AnalyticsAnalytics

API para Mashups (Facebook, Yahoo, Twitter, API para Mashups (Facebook, Yahoo, Twitter, SOAP...)SOAP...)

TestingTesting

Más en cada updateMás en cada update

Curiosidad?Curiosidad?

Kitchen Sink - Demo completo del APIKitchen Sink - Demo completo del API

Codestrong.com - ejemplos y guíasCodestrong.com - ejemplos y guías

Dev Chat: #titanium_app (irc.freenode.net)Dev Chat: #titanium_app (irc.freenode.net)

http://www.codestrong.com/timobile/samples/http://www.codestrong.com/timobile/samples/

Como desarrollo y Como desarrollo y pruebopruebo• Los proyectos para movil se pueden probar en Los proyectos para movil se pueden probar en

el emulador del dispositivoel emulador del dispositivo

• También se pueden cargar directamente al También se pueden cargar directamente al dispositivo (Requiere algunas instalaciones)dispositivo (Requiere algunas instalaciones)

• Titanium DeveloperTitanium Developer

Titanium DeveloperTitanium Developer

Titanium DeveloperTitanium Developer

Hecho en TitaniumHecho en Titanium

Crea / administra proyectosCrea / administra proyectos

Deploy del código a los simuladoresDeploy del código a los simuladores

Ayuda con testing y packagingAyuda con testing y packaging

Requiere sign-up gratuito en el Appcelerator Requiere sign-up gratuito en el Appcelerator Network (soporte, updates, lista e-mail, otros Network (soporte, updates, lista e-mail, otros servicios)servicios)

DemoDemo

Entonces que?Entonces que?

• Titanium: Permite desarrollar aplicaciones de Titanium: Permite desarrollar aplicaciones de escritorio y móviles usando tecnologías web escritorio y móviles usando tecnologías web (Puedes usar el Framework JS de tu (Puedes usar el Framework JS de tu preferencia)preferencia)

• En el futuro se espera soporte para En el futuro se espera soporte para Blackberry, Windows Movile, SymbianBlackberry, Windows Movile, Symbian

• Sigue de cerca su avanceSigue de cerca su avancehttp://www.codestrong.comhttp://www.codestrong.com

¿?¿Pregunta¿Preguntas?s?

Twitter: @joseloTwitter: @joselo

Email: Email: joselo@nationcode.comjoselo@nationcode.com

Gracias!Gracias!