Soluciones de Movilidad para nuevos entornos empresariales
00 
¿Quiénes somos?
Adrián Díaz Cervera 
MVP SharePoint Server 
SharePoint Architect en ENCAMINA 
http://blogs.encamina.com/desarrollandosobresharepoint 
http://geeks.ms/blogs/adiazcervera 
adiaz@encamina.com 
addiacer@gmail.com 
@AdrianDiaz81
Santiago Porras Rodrígues 
MVP Windows Platform 
Desarrollador SharePoint ENCAMINA 
http://blogs.encamina.com/en-tu-casa-o-en-la-mia/ 
http://geeks.ms/blogs/santypr 
sporras@encamina.com 
@saintwukong
01 
Un poco de historia
Más de una década de evolución
Evolución SharePoint vs Dispositivos móviles 
• 2007 
– MOSS 2007 => Totalmente Incompatible con dispositivos móviles 
– Iphone y Android => Eclosión del fenómeno Smartphone 
• 2010 
– SharePoint 2010 => Incorpora guiños a la movilidad (vista movil, rest..) pero INSUFICIENTE 
– Presentación de Windows 7,5 Microsoft se equivoco en la estrategia 
• 2012 
– Windows 8 => Sistema operativo para poder utilizar tanto en tablets como escritorio
Hoy
02 
La importancia de la movilidad en el entorno 
Enterprise
Entorno Enterprise 
Destacarse de la Competencia 
Compartir información 
Cualquier rol: Directivo, Mando intermedio 
Acceder desde cualquier sitio
Objetivo 
• Hacer aplicaciones que se puedan ejecutar en cualquier 
dispositivo y plataforma 
• Servicios en el Cloud 
• Mobile-First, cloud-first
Caso de Éxito : SanLucar Fruit 
• SanLucar Fruit: multinacional hortofrutícola +2,000 Empleados distribuidos en 35 países 
– Objetivo: Distribuir más de 90 variedades de frutas “Premium” en cualquier parte del mundo 
– Para lograr este Objetivo: 
• Exhaustivos controles de calidad a lo largo de todo el proceso 
• Aplicación Móvil: permitiera realizar todo el proceso de control de calidad
03 
¿Qué nos proporciona SharePoint?
Que viene OOB en la versión 2013 
• Experiencia de explorador para dispostivos móviles optimizada 
Proporciona una experiencia de exploración de visualizaciones moderna y ligera para que los 
usuarios naveguen por bibliotecas de documentos, listas, wikis y elementos web, y también para que 
acedan a esos componentes.
Que viene OOB en la versión 2013 
• Canales de Dispositivos 
– Permite personalizar que vista queremos mostrar en cada dispositivo. 
– Asignar una MasterPage por dispositivo 
– Modificar el PageLayout para personalizar los elementos a visualizar 
– Si SharePoint 2013 cumple los “nuevos” estándares Web HTML5, CSS3, Javascript para que 
necesitamos los Canales de Dispositivos?
Que viene OOB en la versión 2013 
• Notificaciones Push 
– Permite subscribir a un dispositivo móvil a una lista para notificar cualquier modificación 
– Ejemplo: 
• http://www.compartimoss.com/revistas/numero-14/notificaciones-a-aplicaciones-windows-phone- 
desde-sharepoint-parte-i 
• http://www.compartimoss.com/revistas/numero-15/notificaciones-a-aplicaciones-windows-phone- 
desde-sharepoint-parte-ii 
– Posibilidad de hacer uso de Azure Mobile Service para abstraernos del dispositivo al que se envía 
la notificación
Que viene OOB en la versión 2013 
• Servicio de búsqueda 
• ¿Qué ofrece? 
– La principal característica de buscar dentro del contenido de documentos, listas, personas, 
conversaciones, videos, etc 
– Rastrear diferentes orígenes de contenidos que no son SharePoint, como Exchange, carpetas 
compartidas, sitios webs, para que el usuario pueda encontrar resultados en ellos 
Resultado => Acceder a esta información mediante Consultas a la API Rest 
Ejemplos: Web CompartiMOSS, Iberian SharePoint Conference
Que viene OOB en la versión 2013 
• Posibilidad de servir imágenes en distintos tamaños y por lo tanto en diversas 
tamaño. 
• Optimizar la vista para dispositivos móviles dar imágenes menos pesada 
• Links: 
• http://geeks.ms/blogs/adiazmartin/archive/2013/06/17/sharepoint-2013- 
representaciones-de-im-225-genes.aspx 
• http://blogs.encamina.com/desarrollandosobresharepoint/2013/10/22/sharepoint- 
2013-mejoras-en-sitios-de-publicacion-renderizar-imagenes/
Que viene OOB en la versión 2013 
• Ubicación=> 
Campo Geolocalizado para representarlo en Mapas 
• Contenido de Inteligencia Empresarial 
Reporting Services, Reporting Services 
• Office Web App
04 
Desarrollo móvil
Herramientas para desarrollo 
• Realizar Apps de forma nativa 
– Android : 
• IDE : Eclipse 
• Lenguaje de Programación: Java 
– IOS: 
• IDE : Xcode 
• Lenguaje de Programación: Objective C 
– Windows Phone-Windows 8: 
• IDE : Visual Studio 
• Lenguaje de Programación: XAML 
• Realizar Apps MultiPlataforma 
– HTML 5 : Cordova PhoneGap 
– C #: Xamarin
Apps Nativas vs MultiPlataforma 
• Ventajas de Apps Nativas 
• + Aprovechamiento de las capacidades del dispositivo (cámara, Bluetooth, voz, 
localización, sensor, etc.) 
• Seguridad: Las aplicaciones nativas son en teoría más seguras ya que el 
código es compilado y no accesible por terceros. 
• - Desarrollo muy vinculado a la plataforma, poco reutilizable y muy sujetos a 
los cambios del SO en el que se encuentre 
• Ventajas de Apps MultiPlataforma 
– + Número de usuarios potenciales 
– Reutilización de Código 
– Perfectas para las APPs que se necesitan que estén continuamente 
actualizadas
Apps Hibridas 
• La mayor parte de las APP de hoy en día son Hibridas 
• Pueden ser de dos tipos: 
– Desarrolladas en HTML 5 y realizan alguna característica propia de la 
plataforma. 
– Desarrollada nativamente y realizan alguna característica propia haciendo uso 
de HTML 5.
Resumen
05 
Windows Phone
06 
Apache Cordova + Azure Mobile Services
Apache Cordova- PhoneGap 
• Es una plataforma para crear aplicaciones móviles HTML5, JavaScript y CSS3 
• Combinar con cualquier framework JS => Jquery UI, Sencha, Angular,… 
• Disponible : iOS, Android, Blackberry, Windows Phone, Palm WebOS, Bada, and 
Symbian. 
• Integrado con Visual Studio 2013/2015
Demo: APP Compartimoss
07
¿Qué es Xamarin? 
• Xamarin es una plataforma que nos permite crear Apps nativas para iOS, Mac, 
Android, Windows Phone, Windows 8 y más 
– Haciendo uso de C#/F# 
Ventajas: 
1. Aplicaciones 100% nativas 
2. IDEs sencillos (Visual Studio, Xamarin Studio) 
3. Código Compartido 
Desventaja Inicial 
UI por plataforma
Xamarin Forms
DEMO
¿Preguntas?

Soluciones de movilidad para nuevos entornos empresariales

  • 1.
    Soluciones de Movilidadpara nuevos entornos empresariales
  • 2.
  • 3.
    Adrián Díaz Cervera MVP SharePoint Server SharePoint Architect en ENCAMINA http://blogs.encamina.com/desarrollandosobresharepoint http://geeks.ms/blogs/adiazcervera adiaz@encamina.com addiacer@gmail.com @AdrianDiaz81
  • 4.
    Santiago Porras Rodrígues MVP Windows Platform Desarrollador SharePoint ENCAMINA http://blogs.encamina.com/en-tu-casa-o-en-la-mia/ http://geeks.ms/blogs/santypr sporras@encamina.com @saintwukong
  • 5.
    01 Un pocode historia
  • 6.
    Más de unadécada de evolución
  • 7.
    Evolución SharePoint vsDispositivos móviles • 2007 – MOSS 2007 => Totalmente Incompatible con dispositivos móviles – Iphone y Android => Eclosión del fenómeno Smartphone • 2010 – SharePoint 2010 => Incorpora guiños a la movilidad (vista movil, rest..) pero INSUFICIENTE – Presentación de Windows 7,5 Microsoft se equivoco en la estrategia • 2012 – Windows 8 => Sistema operativo para poder utilizar tanto en tablets como escritorio
  • 8.
  • 9.
    02 La importanciade la movilidad en el entorno Enterprise
  • 11.
    Entorno Enterprise Destacarsede la Competencia Compartir información Cualquier rol: Directivo, Mando intermedio Acceder desde cualquier sitio
  • 12.
    Objetivo • Haceraplicaciones que se puedan ejecutar en cualquier dispositivo y plataforma • Servicios en el Cloud • Mobile-First, cloud-first
  • 13.
    Caso de Éxito: SanLucar Fruit • SanLucar Fruit: multinacional hortofrutícola +2,000 Empleados distribuidos en 35 países – Objetivo: Distribuir más de 90 variedades de frutas “Premium” en cualquier parte del mundo – Para lograr este Objetivo: • Exhaustivos controles de calidad a lo largo de todo el proceso • Aplicación Móvil: permitiera realizar todo el proceso de control de calidad
  • 14.
    03 ¿Qué nosproporciona SharePoint?
  • 15.
    Que viene OOBen la versión 2013 • Experiencia de explorador para dispostivos móviles optimizada Proporciona una experiencia de exploración de visualizaciones moderna y ligera para que los usuarios naveguen por bibliotecas de documentos, listas, wikis y elementos web, y también para que acedan a esos componentes.
  • 16.
    Que viene OOBen la versión 2013 • Canales de Dispositivos – Permite personalizar que vista queremos mostrar en cada dispositivo. – Asignar una MasterPage por dispositivo – Modificar el PageLayout para personalizar los elementos a visualizar – Si SharePoint 2013 cumple los “nuevos” estándares Web HTML5, CSS3, Javascript para que necesitamos los Canales de Dispositivos?
  • 17.
    Que viene OOBen la versión 2013 • Notificaciones Push – Permite subscribir a un dispositivo móvil a una lista para notificar cualquier modificación – Ejemplo: • http://www.compartimoss.com/revistas/numero-14/notificaciones-a-aplicaciones-windows-phone- desde-sharepoint-parte-i • http://www.compartimoss.com/revistas/numero-15/notificaciones-a-aplicaciones-windows-phone- desde-sharepoint-parte-ii – Posibilidad de hacer uso de Azure Mobile Service para abstraernos del dispositivo al que se envía la notificación
  • 18.
    Que viene OOBen la versión 2013 • Servicio de búsqueda • ¿Qué ofrece? – La principal característica de buscar dentro del contenido de documentos, listas, personas, conversaciones, videos, etc – Rastrear diferentes orígenes de contenidos que no son SharePoint, como Exchange, carpetas compartidas, sitios webs, para que el usuario pueda encontrar resultados en ellos Resultado => Acceder a esta información mediante Consultas a la API Rest Ejemplos: Web CompartiMOSS, Iberian SharePoint Conference
  • 19.
    Que viene OOBen la versión 2013 • Posibilidad de servir imágenes en distintos tamaños y por lo tanto en diversas tamaño. • Optimizar la vista para dispositivos móviles dar imágenes menos pesada • Links: • http://geeks.ms/blogs/adiazmartin/archive/2013/06/17/sharepoint-2013- representaciones-de-im-225-genes.aspx • http://blogs.encamina.com/desarrollandosobresharepoint/2013/10/22/sharepoint- 2013-mejoras-en-sitios-de-publicacion-renderizar-imagenes/
  • 20.
    Que viene OOBen la versión 2013 • Ubicación=> Campo Geolocalizado para representarlo en Mapas • Contenido de Inteligencia Empresarial Reporting Services, Reporting Services • Office Web App
  • 21.
  • 22.
    Herramientas para desarrollo • Realizar Apps de forma nativa – Android : • IDE : Eclipse • Lenguaje de Programación: Java – IOS: • IDE : Xcode • Lenguaje de Programación: Objective C – Windows Phone-Windows 8: • IDE : Visual Studio • Lenguaje de Programación: XAML • Realizar Apps MultiPlataforma – HTML 5 : Cordova PhoneGap – C #: Xamarin
  • 23.
    Apps Nativas vsMultiPlataforma • Ventajas de Apps Nativas • + Aprovechamiento de las capacidades del dispositivo (cámara, Bluetooth, voz, localización, sensor, etc.) • Seguridad: Las aplicaciones nativas son en teoría más seguras ya que el código es compilado y no accesible por terceros. • - Desarrollo muy vinculado a la plataforma, poco reutilizable y muy sujetos a los cambios del SO en el que se encuentre • Ventajas de Apps MultiPlataforma – + Número de usuarios potenciales – Reutilización de Código – Perfectas para las APPs que se necesitan que estén continuamente actualizadas
  • 24.
    Apps Hibridas •La mayor parte de las APP de hoy en día son Hibridas • Pueden ser de dos tipos: – Desarrolladas en HTML 5 y realizan alguna característica propia de la plataforma. – Desarrollada nativamente y realizan alguna característica propia haciendo uso de HTML 5.
  • 25.
  • 26.
  • 27.
    06 Apache Cordova+ Azure Mobile Services
  • 28.
    Apache Cordova- PhoneGap • Es una plataforma para crear aplicaciones móviles HTML5, JavaScript y CSS3 • Combinar con cualquier framework JS => Jquery UI, Sencha, Angular,… • Disponible : iOS, Android, Blackberry, Windows Phone, Palm WebOS, Bada, and Symbian. • Integrado con Visual Studio 2013/2015
  • 29.
  • 30.
  • 31.
    ¿Qué es Xamarin? • Xamarin es una plataforma que nos permite crear Apps nativas para iOS, Mac, Android, Windows Phone, Windows 8 y más – Haciendo uso de C#/F# Ventajas: 1. Aplicaciones 100% nativas 2. IDEs sencillos (Visual Studio, Xamarin Studio) 3. Código Compartido Desventaja Inicial UI por plataforma
  • 32.
  • 33.
  • 34.

Notas del editor

  • #2  Versión de portada para Ofertas. Si utilizas esta, elimina las otras tres.
  • #3  Si el documento lleva más de tres secciones, repite los bloques de color por el mismo orden: azul, verde, morado.