Embed Size (px)
DESCRIPTION
Apps para iPhone y Android con tecnologías web - José Carrión
Citation preview
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?
