Branding en SharePoint 2010: Trucos y Buenas Prácticas

Roberto Ramón Berná

CyB300001

SharePoint Developer – Colaboración y Búsqueda

rberna@solidq.com

¿Qué vamos a aprender?

Elegir el método de despliegue adecuado.

Diferenciar entre archivos Customized y Uncostumized.

Buenas prácticas en branding.

Despliegue del branding con feature en Visual Studio.

Objetivos

Apartados Branding como concepto.

¿Por qué realizar un branding?

Despliegue: Visual Studio & SPD

Demo 1: Despliegue Visual Studio

Archivos Customized & Uncostumized

Demo 2: Customized & Uncostumized

Malas prácticas

Agenda

¿Qué es el branding? Viene de la palabra “brand” y

significa marca

Podríamos decir que realizar un branding es crear tu propia marca

Branding en sitio web = colores, tipos de fuentes, logos e imágenes

Branding en SharePoint = branding sitio web + master page, layouts, css, WebParts, XSL

Branding

¿Por qué realizar un proyecto de branding ?

Queremos ser únicos y diferentes del resto

El efecto positivo que causa en lo empleados de nuestra empresa

Branding

Página maestra (Master Page)

Diseño de página (Layout)

XSLT

Transformar XML

Separa contenido y presentación

Web Parts

Componentes que el usuario puede mover, mostrar o ocultar.

El usuario interactúa con ellos

Son configurables

Content Query Web Part

CSS

JavaScript

Branding

¿De qué elementos disponemos?

Ejemplo

Web de SolidQ (Home)

Ejemplo

Web de SolidQ (Cursos)

Feature Proporciona archivos Uncostumized en SharePoint

Ámbito (Scope)

Solución Administra y configura proyectos

Organiza nuestros archivos

Despliegue

Conceptos

Definir claramente las rutas del despliegue.

Master page y layouts bajo Master Page Gallery

Archivos personalizados. (css, xsl, js,images)

Style Library/CustomImages Imágenes

Style Library/CustomStyles css

Style Library/CustomScripts JavaScript

Style Library/CustomXSLFiles xsl

2 formas de desplegar

Utilizando SharePoint Designer o IU de SharePoint

Mediante activación de features de Visual Studio

Despliegue

Indicaciones y Opciones

Subir cualquier archivo en

cualquier momento.

Velocidad alta en recuperación frente a fallos.

Despliegue

IU SharePoint o SPD

Archivos desplegados son

Uncostumized( almacenados sistema de archivos de SharePoint)

Aumenta el rendimiento de nuestra aplicación.

Nos ahorramos el trabajo manual.

Visual Studio

Ventajas

Todo el trabajo es manual

(subidas, actualizaciones, borrados, etc…)

Archivos desplegados son Customized (BD)

Muchos archivos Customized implica menos rendimiento

Despliegue

IU SharePoint o SPD

A veces resulta muy costoso,

en cuanto a cambios sencillos

Recuperación lenta en cuanto fallos

Visual Studio

Desventajas

Despliegue

¿Por qué no se despliegan los layouts?

<%@ Page language="C#" Inherits="Microsoft.SharePoint.Publishing.PublishingLayoutPage,Microsoft.SharePoint.Publishing,Version=14.0.0.0,Culture=neutral,PublicKeyToken=71e9bce111e9429c" meta:webpartpageexpansion="full" meta:progid="SharePoint.WebPartPage.Document" %>

Esta directiva la usa SharePoint para identificar que tu Page Layout ha sido personalizado usando SharePoint Designer.

DEMO SharePoint Branding con Visual Studio

CUSTOMIZED:

Antiguamente conocidos como “Unghosted Files”

Son archivos que están almacenados en la base de datos

UNCOSTUMIZED:

Antiguamente conocidos como “Ghosted Files”

NO se encuentran en la base de datos, se encuentra en el sistema de archivos de SharePoint. (14/Template/Features/…)

¡IMPORTANTE! Son tipos de archivos, no existen como tal

Tipos de archivos Customized y Uncostumized: Breve descripción

ARCHIVOS CUSTOMIZED

Una página pasa a ser Customized editándola con SD o con UI de SharePoint

No confundir con editar contenido

SharePoint accedería a la BD para renderizar la página

Archivos creados con SPD o con UI SharePoint nunca podrán ser Uncostumized

El paso de archivo Uncostumized a Customized se puede revertir.

INCONVENIENTES

Evitan mantener la consistencia en nuestro diseño

Customized = Una única versión del archivo

Empeoran el rendimiento (Consultas SQL)

+ archivos customized = - rendimiento

Tipos de archivos

Customized

ARCHIVOS UNCOSTUMIZED

No se guardan en la BD

Se guardan en el sistema de archivos

VENTAJAS

Mantienen la consistencia del diseño

Aumenta el rendimiento. (Almacenados en caché)

+ archivos uncostumized = + rendimiento

Tipos de archivos

Uncostumized

Tipos de archivos

Tipos de archivos

Tipos de archivos

DEMO Customized & Uncostumized Files

Estilos inline <p style=“color:red; margin-left:15px;”></p>

Aplicar un ancho fijo a nuestro sitio en px

No aplicar el diseño sobre contenido real. “Lorem ipsum dolor sit amet....”

Utilizar varias master pages

Fijar el ancho de la ribbon

Modificar los archivos por defecto de SharePoint

Branding

Malas prácticas

Si quieres disfrutar de las mejores sesiones de

nuestros mentores de España y Latino América,

ésta es tu oportunidad.

http://summit.solidq.com/madrid/

Síguenos: