1 Web UC 2014 EL OBJETIVO NO ES SÓLO HACER MÁS CON MENOS ES HACERLO MEJOR

2 Foro Universidades 2014. Pensando en la nube - SharePoint como Web Corporativa FCO JAVIER MUÑOZ DE LA IGLESIA JEFE DE ÁREA CEI Y WEB VICERRECTORADO DE RELACIONES INSTITUCIONALES Y COORDINACIÓN DE CANTABRIA CAMPUS INTERNACIONAL ALBERTO DIAZ MARTIN SHAREPOINT TEAM LEADER – MVP SHAREPOINT ENCAMINA

3 Objetivos  Modernización  Usabilidad  Experiencia grata  Mensaje claro

4 Objetivos  Responder a una estructura clara y concisa de lo que queremos difundir  Definir un mensaje acorde al objetivo que nos plantemos  Potenciar la interactuación con los usuarios  Ponderar y etiquetar correctamente el contenido  Diferenciar css, javascript y html  Urls amigables  Redacción del contenido enfocado al mensaje

5 SharePoint y nuestro enfoque  Pensando en el usuario  Interface sencilla  Navegación clara y jerarquizada  Multidispositivo (Sobremesa, Tablet, Smarphones)  Atractiva (Imágenes, videos….)  Pensada en posicionamiento  Integrada con Redes Sociales  Comunicación bidireccional

6 Reutilizando los contenidos Alimentan las webs de centros/investigación/etc… Fechas de gestión académica Noticias etiquetadas Ofertas de empleo, Plan docente

7 Implementació n On-Premise Virtualizado Servidor de DB Contenido SP Fuentes Externas normalizadas Servidor de aplicaciones Servidor de búsquedas Frontal Web Cabina de discos Multidispositivos

8 Fundamental - Responsive Web Design Facilidad para la utilización de framework adaptativo (Fluid Baseline Grid), mediante el uso de estructuras fluidas, hojas de estilo (CSS) con media-queries para tener un único canal y punto de edición que sea válido para todos los dispositivos: ◦Smartphones ◦Tablets ◦PC/MAC Facilidad de uso para los editores

9 Capacidades de búsquedas Tipos de APIs para búsquedas: SharePoint 2013, nos proporciona varias API para poder realizar consultas, y disponer de esta manera de varias opciones de acceso a los resultados de búsqueda. Disponemos de una variedad de tipos de soluciones personalizadas. .NET client object model (CSOM)  Silverlight CSOM  JavaScript CSOM  Representational State Transfer (REST) service endpoints  Server object model

10 Capacidades de búsquedas FUENTES EXTERNAS Business Connectivity Services (BCS) Uso de datos normalizados: Un vez creada la lista externa (becas, ofertas de empleo, eventos de agenda), se reutiliza a través de toda la aplicación web proporcionando una buena experiencia de usuario que interactúa con los datos externos. Habilitada la búsqueda de datos externa: Modificando las propiedades de las búsquedas de SharePoint Server, no sólo recuperamos los datos en el portal de intranet, sino que obtenemos información del contenido externo específico en el portal público.

11 Capacidades de búsquedas ETIQUETADO DE LA INFORMACIÓN Gracias al etiquetado y a las búsquedas podemos obtener la información deseada en cualquiera de las secciones de la web. Catalogación de:  Noticias  Documentos  Ofertas de empleo  Perfil de contratante  ….

12 Capacidades de búsquedas RESULTADO Y FILTRADO DEL CENTRO DE BÚSQUEDAS  Filtrado de resultado.  Búsqueda profunda en documentos  Páginas  Imágenes  ….

13 Noticias NUEVA SECCIÓN DE NOTICIAS Noticias etiquetadas: ◦Temática ◦Unidad / Centro ◦… Galerías de fotos en noticias Fácil navegación y búsqueda Noticia principal Noticias secundarias Áreas temáticas Resto de noticias

14 Acceso a datos mediante BCS y Servicios Web

15

16 Inserción de contenido multimedia, redes sociales

17 Gracias a un “GRAN” equipo Área de Campus de Excelencia Internacional y Web, dependiente del Vicerrectorado de Relaciones Institucionales y Coordinación de CCI, es la responsable de las páginas web institucionales de la Universidad de Cantabria y de Cantabria Campus Internacional (Campus de Excelencia Internacional de la UC),

18 Grupo de trabajo CRUE Existe un grupo de trabajo entre varias universidades llamado Formación Online y presencia en Internet (anterior Campus virtuales: servicios integrados y criterios de calidad) cuyos objetivos son  Profundizar en aspectos relacionados con los portales web institucionales: internacionalización, aspectos de usabilidad y accesibilidad  Detallar aspectos de diseño para el desarrollo de portales web institucionales centrados en el usuario  Actualización de estándares y normas relacionadas con los Campus Virtuales, los Portales Web y Redes Sociales  Puesta en marcha de red de trabajo colaborativa  Creación de una knowledge base interuniversitaria o foro de debate e intercambio de experiencias de distintos ámbitos.  Compartición de proyectos y aplicaciones, y colaborar en los mismos según su temática. Primeros contacto con otras universidades que emplean o van a emplear SharePoint  Universidad de La Rioja  Universidad de Castilla la Mancha Objetivo:  Compartir desarrollo  Compartir conocimiento  Compartir experiencias  Compartir recursos Contactar con [email protected]@unican.es

19 La visión de SharePoint Plataforma de Colaboración Empresarial Plataforma de Sitios de Internet

20 ¿Qué hay de nuevo en 2013?

21 Nuevo licenciamiento SharePoint for Internet Sites Standard Enterprise SharePoint Server 2013

22 Experiencias inteligentes Navegación por Metadata Páginas Topic URLs limpias Contenido por búsqueda Refinamientos Recomendaciones

23 Plantilla de Commerce Item Catálogo Fácil de importar/sincronizar

24 Similar al CQWP pero basado en el índice del contenido Muestra el contenido en colecciones de sitio Cross-Site Nuevo modelo de presentación -Renderizado en cliente -Plantillas HTML Web Part de Búsqueda por Contenido

25 Cross-Site Publishing Definimos contenido disponible para otras colecciones de sitio Agregándolo usando el Content by Search Web Part

26 Dirigida por la jerarquía del almacén términos Clean URLs -www.contoso.com/careers -www.contoso.com/aboutus Páginas de tópicos dinámicas para sitios de catálogos Navegación administrada

27 Friendly URL http://contoso.com/computers Navegación administrada, búsqueda y páginas topic Audio Cameras Computers Home appliances Phones TV and video TERM STORE NAVIGATION TAXONOMY Search Filter query by CATEGORY: COMPUTERS Use page maincategory.aspx CONTENT SEARCH WEB PART

28 Definir filtros por contenido del catálogo Capacidades de filtros para la información del catálogo Los editores de contenido definen que propiedades están disponibles en el refinamiento El renderizado se puede personalizar para cada filtro Navegación por refinamiento

29 Demo – Web Part de Búsqueda de Contenido, Navegación con Metadatos Administradors, …

30 Mejoras en SEO A nivel de sitio y página FeaturesSharePoint 2010SharePoint 15 Clean URLs http://www.c.com/Pages/cars.aspxhttp://www.c.com/cars Home Page Redirects HTTP 302 for http://www.c.com to redirect to /pages/default.aspxhttp://www.c.com Home page served from address www.c.com – no redirect for browser www.c.com Country code top-level domains (ccTLDs) http://www.c.com/en- us/Pages/cars.aspx http://www.c.com/es- mx/Pages/coches.aspx http://www.c.com/cars http://www.c.mx/coches XML Sitemaps NoneAutomatically generated and referenced in robots.txt SEO Properties (e.g. Meta Description) and must be identicalBrowser title Meta description Meta keywords Webmaster Tools integration NoneAssists with ownership verification

31 Soporte para traducción manual o automática en variaciones y en términos Mejoras en rendimiento Mejoras en variaciones y multi-idioma

32 Transformación dinámica de las imágenes Thumbnails son thumbnails Tamaño de imágenes -Resize cambia el tamaño de la imagen -Optimizada la carga de página Cropping para áreas de la imagen Interpretaciones de imágenes

33 Escenarios sencillos de podcast Soporte de video -Embedido en el contenido -Generación de thumbnail -Interpretaciones -Soporte para almacenamiento externo -Multiple encodings Reproductor HTML5 - o en su defecto Silverlight Mejoras en video

34 Capacitar a los Diseñadores Web -CSS renovadas por completo -Renderizado de Web Part con DIVs Diseño y branding de sitios usando las tecnologías web que los desarrolladores conocen y aman (HTML, CSS, JS), usando sus herramientas preferidas Design Manager es un asistente para subir y modificar plantillas Administrador de Diseños

35 Renderizado por dispositivos con Canales Diferentes canales definidos a nivel de sitio 1.Definimos ‘channels’ por dispositivo o grupo de dispositivos 2.Asignamos la ‘Master Page’ alternativa por canal 3.Incluimos o excluimos selectivamente porciones del ‘Page Layouts’ por canal 4.Previsualización mientras diseñamos o creamos contenido Control específico para definir renderizado móvil

36 Demo – Design Manager, Interpretaciones de imágenes …

37 Resumiendo Nuevo Licenciamiento Mejoras en Variaciones Administrador de Diseños Navegación por metadatos CanalesSEO Publicaciones Cross-Site SEARCHCatálogos Interpretaciones de imágenes Análisis de uso

38 ¿Quiénes somos? 00

39 Es la actitud fresca, optimista y comprometida que utiliza el ingenio y la creatividad para encontrar soluciones de tecnología y talento que mejoren el presente de las personas, la empresa y nuestra sociedad. Pensamos en colores

40 ¿Qué hacemos en ENCAMINA para Educación? CRM Alumni (fidelización y gestión antiguos alumnos) Soluciones de Colaboración, ECM, BPM y BI en la Universidad Captación de Alumnos 2.0 Portales web Marketing Digital integrado (Dynamics Marketing & Dynamics Social) AZURE & Office365 SharePoint EVERYWARE

41 Dynamics CRM y SharePoint para Educación (captación y fidelización de alumnos) Dynamics CRM, en combinación con el portal basado en SharePoint permiten optimizar la captación de alumnos y la gestión de sus muestras de interés, así como la comunicación segmentada con ellos.

42 ¿Preguntas?

43 Otros sitios en SharePoint http://www.topsharepoint.com/