Foro Universidades 2014. Pensando en la nube - SharePoint como Web Corporativa
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
F C O JAV I E R M U Ñ OZ D E L A I G L E S I A
J E F E D E Á R E A C E I Y W E B
V I C E R R E C TO R A D O D E R E L A C I O N E S I N ST I T U C I O NA L E S Y C O O R D I N A C I Ó N D E CA N TA B R I A C A M P U S I N T E R N AC I O N A L
A L B E RTO D I A Z M A RT I N
S H A R E P O I N T T EA M L EA D E R – M V P S H A R E P O I N T
E N C A M I N A
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
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
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
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 fjavier.munoz@unican.es
19. La visión de SharePoint
Plataforma de Colaboración Empresarial Plataforma de Sitios de Internet
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
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
Features SharePoint 2010 SharePoint 15
Clean URLs http://www.c.com/Pages/cars.aspx http://www.c.com/cars
Home Page Redirects HTTP 302 for http://www.c.com to
redirect to /pages/default.aspx
Home page served from address
www.c.com – no redirect for browser
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 None Automatically generated and referenced
in robots.txt
SEO Properties
(e.g. Meta Description)
<title> and <h1> must be identical Browser title
Meta description
Meta keywords
Webmaster Tools integration None Assists 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 …
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.
Enseñar la navegación por metadatos
Enseñar en Site Settings la configuración de navegación
Enseñar el Term Store Management
crear un término como página y ver las opciones
Enseñar las Friendly URL
Crear una página y enseñar la friendly url
Catálogo de Producto
Crear un sitio de catálogo
Crear un conjunto de términos
Cursos
Master
Seguridad Informática
SharePoint 2013
Computers
Desktops
Laptops
Crear los productos
Configurar el Catalogo de productos en la Configuración de la Lista
Configurar el Site Collection Access en el Conjunto de términos, con la URL del sitio de Publishing
En el sitio de Publishing, Conectar el catálogo en Site Settings
Enseñar la navegación por Catálogo
Enseñar el Web Part de Búsqueda
https://www.nothingbutsharepoint.com/sites/eusp/Pages/SharePoint-2013-Navigation-using-Managed-Metadata-Term-Store.aspx
http://www.sharepoint911.com/blogs/laura/Lists/Posts/Post.aspx?ID=185
http://sp2013.blogspot.com.es/2012/08/content-search-and-metadata-driven.html
Product Catalog
http://johnrossjr.wordpress.com/2012/08/02/sharepoint-2013-wcm-creating-your-first-catalog/
http://technet.microsoft.com/en-us/library/jj656774.aspx
Enseñar el Image rendition
Activar el Blob Cache
Site Settings -> Look and feel -> Image rendition
Biblioteca de Images -> editar el rendition de una Image
Enseñar el Design Manager y subir el diseño de CompartiMOSS
http://blog.mastykarz.nl/image-renditions-sharepoint-2013/
http://bniaulin.wordpress.com/2012/07/18/sharepoint-2013-design-manager-convert-html-to-master-page/
Activar Blob Cache
<BlobCache location="C:BlobCache14" path=".(gif|jpg|jpeg|jpe|jfif|bmp|dib|tif|tiff|themedbmp|themedcss|themedgif|themedjpg|themedpng|ico|png|wdp|hdp|css|js|asf|avi|flv|m4v|mov|mp3|mp4|mpeg|mpg|rm|rmvb|wma|wmv|ogg|ogv|oga|webm|xap)$" maxSize="10" enabled="false" />
Si el documento lleva más de tres secciones, repite los bloques de color por el mismo orden: azul, verde, morado.