Everything Mobile. Febrero 2012

Transcripción

1

2 Everything Mobile Febrero 2012

3 Baufest Hoy

4 20 años de innovación Proveedor global de servicios y soluciones de TI Fundada en 1991, 20 años de trayectoria Operaciones internacionales y oficinas en Argentina, México, España y USA +800 proyectos en 30 países de América, Europa, Asia y África Infraestructura edilicia propia: m personas, graduadas en las mejores universidades Una de las 50 mejores empresas para trabajar en la Argentina según GPW. Certificación ISO 9001:2008 en la gestión de servicios de software Premio Sadosky 2011 a la Trayectoria Empresaria.

5 Servicios IT Consulting Software Solutions & Platforms Application Development IT Outsourcing IT Infraestructure Services Soluciones de Industria Application Lifecycle Management Arquitectura Corporativa IT Governance Software Quality Assurance basadas en xrm: CRM Call Center Service Desk POS Sales Force E-Commerce Development Desarrollo v1 Modernización Portales & Colaboración Mobile & Tablets Arquitectura e Integración BPM / ESB Aplicaciones administradas Mantenimiento, soporte y operación Fábrica Test center Infraestructura Instalación, configuración, y administración Sizing Networking Hosting y disponibilidad Seguridad ISO, CMMI, ITIL Framework BI / Data Management Mesa de ayuda Mesa de ayuda +100 empresas líderes confían en nosotros

6 Alianzas Plataformas & Herramientas NATURAL Socios Tecnológicos Socios de Negocio

7 Valores USD 8.4 Millones Encuesta de Satisfacción del Cliente 5 empresa con mayor facturación en desarrollo de software en Argentina, según IDC Reconocida como uno de los proveedores de servicios de TI con Mejor Imagen, según el ranking de Information Technology. 4 Puesto en ranking Mejores Empleadores que elabora Apertura Premio Sadosky 2011 a la Trayectoria Empresaria 91% entre Satisfechos y Muy Satisfechos Proceso de Ventas & Prestación de los servicios unificado

8 Homo mobile

9 9 Homo mobile A qué todos trajeron celular?

10 10 Una pequeño ejercicio estadístico Dispositivo Celular? Tablet? Netbook? Notebook? Plataforma ios? Blackberry? Android? Symbian? Abaco? Armar un excel para hacer la estadística No tengo idea?

11 Signo de los tiempos Tráfico desde dispositivos móviles en Latinoamérica: Crecimiento del 156% Inserción de celulares Argentina: 77% 50 Millones de líneas Activas 5 Millones de Planes de Datos Brasil: 54% México: 52% SmartPhones: Crecimiento del 175% Fuente: emarketer.com / Hunt MobileAds report 11

12 Signo (veloz) de los tiempos 12

13 13 Signo (veloz) de los tiempos

14 Entonces: A qué le prestamos atención? RIM tuvo sus días de gloria ( Volverán?) Microsoft no (todavía) y Symbian se despide Android viene pisando fuerte (como una tromba) Pero hay que considerar otras distracciones colaterales Pantallas chicas Navegadores alternativos SmartTV Fuente:Netmarketshare 14

15 Pero no es fácil tomar la decisión No hay que dejar de estar atentos a los propios usuarios Fuente: AdMob 15

16 16 Argentina tiene una distribución particular Fuente: Conference Mobile Track Sept 2011

17 17 Argentina tiene una distribución particular Fuente: ComsScore Diciembre 2011

18 18 Las tablets ya están dejando su marca Fuente: Comscore Junio 2011

19 19 Y en la oficina? Los SmartPhones alcanzaron un 100% de inserción entre los trabajadores móviles (Top: iphone) 44% tienen una tablet 59% de las tablets son ipad; 31% Android Fuente: ipass Noviembre 2011

20 Y que nos depara el futuro? En Tablets lidera el ipad IDC tuvo que ampliar la proyección No dejen de mirar los logs! Worldwide Smartphone Operating System 2011 and 2015 Market Share and Compound Annual Growth Rate Operating System 2011 Market Share 2015 Market Share Unit CAGR Android 38.90% 43.80% 23.70% BlackBerry OS 14.20% 13.40% 18.30% Symbian 20.60% 0.10% % ios 18.20% 16.90% 17.90% Windows Phone 7/Windows Mobile 3.80% 20.30% 82.30% Others 4.30% 5.50% 27.60% Total % % 20.10% Fuente: IDC Junio

21 Un diagnóstico: todo va a cambiar La forma de acceder a internet está cambiando El espacio tradicional de trabajo está cambiando Será algo así como el fin de la era de las PC? Será algo así como con las aplicaciones web? La única constante es el cambio ( Qué novedad!)

22 Cómo nos imaginamos el cambio? Cloud computing Browser base computing Desktop browser y cliente móvil sin discriminaciones Contenido para todos Dispositivos: Notebook + SmartPhone + Tablet Entornos de desarrollo: Emuladores, Simuladores y dispositivos Distribución: Marketplaces Cambios en las metáforas de UI Lo usual era que un canal móvil solo proveyera una pequeña cantidad de funcionalidad: ya no. 22

23 Escenarios de desarrollo mobile

24 La herramienta correcta Soluciones WAP Escritorios virtuales Transcodificación Modernización Aplicación web Aplicación nativa Escenarios Plataformas controladas Solución provisoria Universo de usuarios muy amplio y no controlado Accesos a información offline Acceso móvil a una aplicación tradicional Aplicaciones con requerimientos particulares de seguridad 24

25 25 Web o Nativa? Me oriento a aplicaciones web o nativas? Lo mas probable es que sean las dos Además va a ser necesario condimentarla con un poco de cloud

26 Y mi página será móvil? W3 provee un sitio para evaluar la mobile-friendliness de las páginas: MobileOK Evalúa: usabilidad, eficiencia e interoperabilidad. Realiza pruebas de: Tamaño de las páginas Uso de la red Contenido, formatos, etc. 26

27 Sitios móviles: Alternativas de arquitectura

28 Situación actual Fragmentación de dispositivos Hardware Software Preferencias de usuario y Localización Environment Grupos de dispositivos Tabletas de 10 Galaxy Tab 10, Ipad, Motorola Xoom Tabletas de 7 Smartphones 4.5 Galaxy Tab 7, Samsung S, iphone, HTC BlackBerries Curve 8550/9550 Cómo hacemos aplicaciones web que puedan ser visualizados correctamente en todos los dispositivos? 28

29 Delivery Context Qué es? Conjunto de atributos que describen el contexto en el que se mostrará una página Web Dispositivo Mecanismos de acceso Preferencia de usuarios etc Ayuda a decidir: Cuál es la representación más conveniente para el contenido Web? 29

30 30 Transparent Delivery Context Jquery Mobile Servidor Delivery Context Reglas de adaptación Dispositivo HTTP Request HTTP Response Contenido Web Adaptado Adaptador Contenido Web Delivery Context DDR Perfil Dispositivo

31 Implementaciones Utilizan User-Agent y UAProf: CC/PP WURFL DeviceAtlas MovilaDetection RightDetection ApacheMobileFilter Utiliza WURFL y brinda módulos para: Detección de dispositivo Clúster Caching Redimensión de Imagen Detección de Carrier 31

32 Demo

33 33 Aplicación Everything Mobile Requerimientos funcionales Mostrar información de un evento Mobile Permitir la inscripción al evento Mobile Mostrar dónde es el evento y cómo llegar al mismo Requerimientos no funcionales App funcione correctamente en los dispositivos smart más utilizados en el mercado argentino

34 Aplicación Everything Mobile Pantalla Inicial Descripción Evento Header Navegación: Páginas + Transiciones Mapas Utilización de plugin para JQueryMobile Utilización Api Google Maps Geolocalización: HTML 5 Formulario Inscripción Encuesta Datos del dispositivo 34

35 35 Arquitectura usual En general, el enfoque arquitectónico para las aplicaciones móviles es el de múltiples dispositivos basado en servicios (SOA/REST) Las aplicaciones publican servicios de negocio que son invocados desde diferentes canales: Web / Móvil / etc. Los servicios son independientes del canal y no necesitan ser duplicados El canal móvil es, en general, diferente al de web Lo usual era que un canal móvil sólo provea una pequeña cantidad de funcionalidad.

36 36 Arquitectura - Everything Mobile Arquitectura Java Web. Aplicación alojada en Google Cloud Google App Engine HTML Pages Servicios DB JAVA APP SERVER HTTP SERVER

37 Arquitectura - Everything Mobile La capa presentación utiliza frameworks que adaptan su contenido a las características del dispositivo JQueryMobile, Sencha. Orientados a dispositivos touch, Poseen lists, detail panes, overlays, toggles, sliders, tabs, etc Capa Presentación de la App: Código HTML + JQueryMobile JQUERYMOB HTML Pages Servicios JAVA APP SERVER HTTP SERVER 37

38 HTML5 Para usar HTML5 hay que tener en cuenta la audiencia Analizar si son dispositivos móviles modernos Aunque HTML5 es un draft, hay partes importantes ya incorporadas en Apple Safari, Google Chrome, Mozilla Firefox, Opera y IE9 Herramientas de compatibilidad con HTML

39 JQueryMobile 39

40 DesarrolloNativo.Como(es); 40

41 Tecnologías - Comparaciones iphone Android RIM HP Nokia Samsung Características ios ios OS OS 5.x OS 6.0+ WebOS Symbian Bada Mercado Uso Alta Media Alta Alta Media Baja Baja Baja Baja Madurez Alta Media Media Alta Media Baja Baja Media Baja Distribución Alta Alta Alta Alta Media Media Baja Media Baja Portabilidad Baja Baja Alta Alta Alta Media Baja Media Baja Interoperabilidad Baja Baja Alta Alta Media Media Baja Media Baja Tabletas Alta Alta Alta Baja Baja Baja Baja Baja Baja Desarrollo Tiempo Media Media Media Alta Alta Alta Media Alta Media Costo directo Media Media Baja Alta Alta Alta Alta Alta Alta Variabilidad Baja Baja Alta Media Media Media Baja Alta Media Recursos Potencialmente Calificables en el Mercado Media Media Alta Alta Alta Media Baja Baja Baja Recursos Calificados en el Mercado Media Baja Alta Baja Baja Baja Baja Baja Baja Dirección del Crecimiento Media Media Alta Baja Baja Baja Baja Baja Baja Proveedores Alta Alta Alta Media Media Baja Baja Baja Baja Costos Monetario Herramientas Alta Alta Media Baja Baja Baja Baja Baja Baja Características de las Aplicaciones Look, touch and Feel Alta Alta Media Baja Baja Alta Baja Baja Media Integración Empresarial Media Media Alta Alta Alta Alta Baja Baja Baja Bases De Datos Alta Alta Alta Media Media Alta Baja Baja Baja Protocolos de Comunicación Media Alta Alta Alta Baja Media Baja Baja Baja Seguridad Media Alta Media Alta Alta Alta Media Media Media Robustez Media Media Media Alta Alta Alta Media Media Media

42 Frameworks En aras de resolver el problema de la heterogeneidad de ambientes, existen frameworks y herramientas que pueden clasificarse en: WORA, Write Once Run Anywhere, o de cross-development: Escribir un único código cross-compilable a varias plataformas. Multiple Phone Web Based Application Framework: Utilizando lenguajes y APIs de desarrollo Web sobre los dispositivos móviles.

43 Otros Frameworks MonoTouch / MonoDroid (Ximarin): Appcelerator Titanium: NimbleKit: Sencha (+Phonegap): Mermalade (former Airplay SDK): Flash CS 5.5: Unity 3D: StoneStrip S3D: MobiOne Studio: DragonFire SDK: Corona SDK: Excelente artículo con info de los frameworks actuales:

44 Evaluación de Alternativas de Desarrollo Nativa Características ios Android RIM Web PhoneGap Rhomobile WORA Features Nativos Acceso Total Acceso Total Acceso Total Alta variabilidad entre dispositivos Inaccesibles Accesibles con restricciones Accesibles con restricciones Madurez 3+ años 2 años 4 años años 1 año Reusabilidad / Velocidad de Desarrollo Sólo ios Sólo Android Sólo RIM Única Aplicación Única Aplicación Única Aplicación Mantenibilidad Por Plataforma Por Plataforma Por Plataforma Por Aplicación Por Aplicación Por Aplicación Leng. Programación CORE Objective-C Java Java HTML5 CSS3 etc HTML5 CSS3 JQueryMobile Ruby Herramientas de Desarrollo Xcode Java Standard Java Standard Web Standard Web Standard + Nativo RhoStudio Capacitación (Curva Aprendizaje) Pronunciada.NET / Java Devs Accesible.NET / Java Devs Accesible.NET / Java Devs Web Standard Web Standard Muy Pronunciada Recursos Calificados en el Mercado X X X Alta Media Baja Proveedores X X X Alta Alta Baja Simplicidad Desarrollo WYSIWYG WYSIWYG Programmatic Web Standard JavaScript Soup Declarativo Buenas Prácticas MVC MVC Ad Hoc Web Standard No MVC Requiere Conectividad Online No No No Si No No Look, touch and Feel Multitouch / Gestures Gestures / Pinch Trackball / Touchscreen Dependiente del Mobile Browser Dependiente del Mobile Browser Estilo propio del Framework

45 Mobile Developer Roadmap - Nativos Java Beans Boys

46 Mobile Developer Roadmap - WORA WORA Write once, Run Anywhere Java Beans Boys WEB Dev Ninja

47 Aplicaciones Geographic Information Systems Geolocalización Descuentos / Cupones localizados Marketing Publicidad ultra dirigida. Conexión comprador-vendedor. POS (Point of Sales) NFC / Wallets Personal Asistente Personal (Siri) Salud Wireless Sensor Networks QR / Barcode Readers / RFID Medición directa de datos de campo HMI (Human Machine Interfaces) Realidad Aumentada Social Networks Facebook/Twitter/ CMS Integración empresarial Ofimática -> MoviMática. Teletrabajo elearning (UDACITY) Social Networks Integración con Redes Sociales

48 48 My Retail Point: LG Argentina My retail point es un portal de uso exclusivo de Clientes que necesitan captar información de campo para la gestión de Puntos de Venta. La captura de datos se puede descargar de manera off line en el portal cargando las planillas de los merchand o captando los datos y fotos desde dispositivos móviles que envían la información online desde el campo. La solución Mobile permite, además de mejorar los tiempos de captura, mejorar la gestión de las agencias y su auditoría de los datos de carga mediante dispositivos con GPS que gestionan además las rutas de los recursos de campo. LG Argentina mejora la información de campo para la gestión de su estrategia en Punto de Venta para más de puntos en todo el país.

49 Cotizador de seguros: Sancor Seguros Portal Productor: Cotizador Automotor Solución integrada que Sancor Seguros ofrece a sus productores que concentra los servicios del complejo proceso de cotización y evaluación de riesgos de la compañía, desde y hacia diversas plataformas. MultiPlataforma Framework propietario BPF Meta-Lenguaje para reglas de negocios. Extensiones y Clientes Móviles implementados sobre cada plataforma. BlackBerry: kxml2 Android: ksoap ios: KissXML

50 Inspecciones agrícolas: TAGH Gestión 50

51 Total Tech Resource (USA) - Traductor Software móvil para Android de Speech Recognition / Text-To-Speech. Integración con servicios de Traducción obtenidos de Cloud Servers propietarios del cliente, para ofrecer un servicio de traducción de lenguajes (Inglés-Español, Español-Inglés) portable (Diccionario, Thesarus, Sinónimos, Antónimos, frases). La tecnología utilizada para la interpretación, procesamiento digital y generación de señales de audio es la misma utilizada por el popular sistema Siri del Iphone 4S.

52 52 Trade Intelligence: TENARIS-TAMSA MX / AR Sistema de control del Patio de barras de acero Actualizar ubicaciones e inventario Actualización de la información de distribución, ubicación y stock de cada unidad de producción. Utilizando dispositivos móviles GUNS rugged (robustas) con lectores de código de barra, se registran los movimientos de las estivas dentro del proceso productivo. Consultar ubicaciones e inventario Trazabilidad en el patio de producción que implica una mejora en la eficiencia de la logística y del proceso productivo. Trazabilidad en el patio de producción. Características: Lectura mediante disparo Windows Mobile.NET Compact Framework Usabilidad BeeMobile UI Arq. Robusta de conectividad

53 Rockola: Personal Fest 2011 AR - Madview El problema: Personal necesitaba en una semana desarrollar una aplicación de demostración interactiva de la tableta Motorola Xoom que comenzará a comercializar en breve y promocionar la compra de ringtones y canciones desde los celulares. La solución: Baufest desarrolló una aplicación nativa para la plataforma. Los asistentes al Personal Fest podían seleccionar y escuchar en la tableta temas de múltiples bandas y cantantes. Al escuchar un tema se registraba la selección en un ranking, mediante una integración con servicios web, que se proyectaba en los monitores del festival. Los servicios de Baufest: Desarrollo Nativo en Android Diseño de Interfaz de Usuario Usabilidad Integración Arquitectura SOA Despliegue Instalación de la solución 53

54 Rockola: Personal Fest 2011 AR - Madview 54

55 Cambio Paradigmático La influencia Mobile está generando un cambio fuerte en todos los ambientes de las TIC. Ubicuidad Movilidad Mayor énfasis en la Usabilidad y la experiencia del usuario (UX) Mayor personalización de las aplicaciones. Trabajo con mí dispositivo Cambio en la distribución del software (Packaging vs. App Stores) Form Title Enter Text Enter Text Enter Text Option 1 Option 1

56 @baufest 56

57 Te interesa trabajar en Baufest? beneficios Capacitación y Desarrollo Profesional Biblioteca con volúmenes ProProfes 100% Certificados Inglés in-company Horarios flexibles Política de rotación Baufest Gym Grupos de interés rrhh@baufest.com valores Orientación al cliente Compromiso con el trabajo Genuino valor agregado Relación a largo plazo Desarrollo personal y profesional Forma de trabajo Sustento económico Responsabilidad social Desarrollo de la industria rrhh@baufest.com

58 Muchas gracias! Argentina Tel.: +54 (11) Fax: +54 (11) Roosevelt 1655 C1425ASJ, Buenos Aires México Tel.: +52 (55) Fax: +52 (55) Avda. Ejército Nacional 678, Col. Polanco Reforma, Distrito Federal C.P México D.F. USA Tel +1 (617) Broadway 14th floor Cambridge, MA EE.UU España Tel.: Fax: c/ Francisco Giralte, , Madrid info@baufest.com baufest.com Contactos Rodrigo: rramele@baufest.com Elvio: enabot@baufest.com Recursos Humanos: rrhh@baufest.com