Evolución visual y funcional de SharePoint desde su lanzamiento

La tendencia de diseño en la última versión de SharePoint se ha visto cubierta por el enfoque "minimalista".
La siguiente recopilación muestra los avances en en temas visuales y funcionales de la plataforma desde que fue creada.

2001

Funciones básicas: Creado bajo la administración de documentos, búsqueda y lo que se llamaba en ese entonces un Dashboard Site para visualizar webparts. 

Diseño visual: El diseño se caracteriza por tener un encabezado estándar donde el usuario podía personalizar el logotipo o el título de la página

2002

Funciones básicas: Capacidad de crear listas y páginas HTML. 

Diseño visual: El diseño tiene un ligero cambio en el encabezado y también tiene añadido en los iconos de nivel de página. También es la primera vez que se muestra la parte izquierda de navegación "Inicio rápido"

2003

Funciones Adicionales:  En el año 2003 el equipo de Microsoft añadió la posibilidad de crear "Topic Sites". Estos sitios eran un poco más complejos que las páginas WebPart y fueron el primer paso hacia los sitios que ahora conocemos como de Publicación. La búsqueda también se ha actualizado en esta versión.

Diseño visual: El diseño tiene una importante reforma y que incluía muchos de los nuevos elementos de diseño y mucho más CSS. Casi todas las página tienen un icono basado en el tipo de sitio que correspondía, sin embargo, el control de búsqueda fue una de los puntos más difíciles de personalizar correctamente. También se encontró la manera de girar el texto verticalmente en la parte izquierda navegación.

2007

Funciones Adicionales: En el año 2007 se hizo un cambio importante con la capacidad de tener editoriales, páginas maestras y diseños de página. 

Diseño visual: El diseño incluía un fondo sombreado que enmarca en el área de contenido. Esto permitió a los propietarios de sitios para elegir los temas que cambiaron drásticamente la apariencia de los sitios. Con la inclusión de las páginas principales (MasterPages), diseñadores ya no se necesitan para modificar los archivos CSS fundamentales en el servidor para personalizar la apariencia de sus sitios.

2010

Funciones Adicionales:  No hubo muchas funcionalidades adicionales entre 2007 y 2010, pero se podrían mencionar la introducción de la cinta de opciones de SharePoint y un perfil mejorado y las características sociales, así como el suministro de noticias. 

Diseño visual: Al igual que con la versión anterior del diseño para SharePoint 2010 tiene una revisión completa de su página principal. 

El diseño se ha simplificado y con poco esfuerzo se optimizó el rendimiento del sitio mediante la inclusión de imágenes de sprite y menos imágenes de fondo pesado.

2013

Funciones Adicionales:  Las nuevas características para 2013 se centraron en las relaciones sociales , la movilidad de contenido, la gestión de proyectos , comunidades , búsqueda y aplicaciones. 

Diseño visual: El nuevo diseño inspirado  en el estilo metro es muy simplista, ya que utiliza el peso de la fuente y el color para guiar a los usuarios en la página . 

Todos los colores son planos y la iconografía es muy simplista y monótona. La introducción del "Design Manager" le permitirá a los diseñadores que no tienen páginas maestras o experiencia de diseño de páginas nativas de SharePoint personalizar el aspecto de los sitios sólo por el uso de HTML y CSS estándar.

Habilitar a usuarios anonimos el uso de formularios de Infopath

Como es sabido, al habilitar la autenticación anónima en un sitio de SharePoint se deshabilitan múltiples funcionalidades básicas para el manejo de elementos y documentos. 

Una de esas funcionalidades básicas es la acción de submit en formularios de infopath, debido a un motivo de seguridad, no es posible subir elementos en las bibliotecas. 

Lo primero que se debe hacer es habilitar el acceso a los usuarios anónimos a la biblioteca.

Notarán que al momento de romper la herencia en la biblioteca de formulario y establecer el acceso anónimo no aparecen habilitadas las opciones de Add Items, Edit Items y Delete. Items.

1. 

2. 

3. 

4. En la misma ventana emergente de clic derecho y seleccione propiedades. Ahí copie el Address (URL)

5. Copie y pegue el URL en una nueva ventana y cambie lo que dice DOCLIB por LIST como se ve en la imagen.

6. Ahora verá como se muestran habilitadas las opciones deseadas, ya con esto se podrá hacer submit en esa biblioteca.

Referencia: http://sshela.wordpress.com

Branding SharePoint en dispositivos móviles

Muchos usuarios han podido experimentar una situación no tan agradable al momento de customizar su Master Page, ya que al querer accesarla por dispositivos móviles se dan cuenta que se visualiza mas o menos como la siguiente imagen:

Sobre la solución les comento que no existe un master page dedicado a móviles, siempre se va a tomar en cuenta el MP que tiene por default el sitio. Lo que se debe hacer concretamente es deshabilitar la funcionalidad que por default le permite a SharePoint identificar de donde se está haciendo el request del sitio, y si este detecta que se intenta abrir la página desde un dispositivo móvil automáticamente te redirecciona a la página /_layouts/mobile/mbllists.aspx 

Para evitar eso se debe hacer lo siguiente:

•  Entrar a la ruta del servidor donde se está instado SP C:\inetpub\wwwroot\wss\VirtualDirectories\publico80\App_Browsers
• Hacer un respaldo del archivo compat.browser y abrir el archivo original.

• Buscar dentro del archivo compat el siguiente código y cambiar el valor de IsmobileDevice de true a false <capability name="isMobileDevice" value="false" />

<!-- iPhone Safari Browser -->

<!-- sample UA "Mozilla/5.0 (iPhone; U; CPU iPhone OS 2_0 like Mac OS X; ja-jp) AppleWebKit/525.18.1 (KHTML, like Gecko) Version/3.1.1 Mobile/5A345 Safari/525.20" -->

<browser id="iPhoneSafari" parentID="AppleSafari">

<identification>

<userAgent match="iPhone" />

<userAgent match="Mobile" />

</identification>

<capabilities>

<capability name="isMobileDevice" value="true" /> 

<capability name="canInitiateVoiceCall" value="true" />

<capability name="optimumPageWeight" value="1500" />

<capability name="requiresViewportMetaTag" value="true" />

<capability name="supportsTouchScreen" value="true" />

<capability name="telephoneNumberDetectionDisabled" value="true" />

</capabilities>

</browser>

• Finalmente podemos hacer una prueba con el explorador de Safari. En la parte de developer abrir la página como Safari iOS 4.3.3 - Iphone

Ya con esto nos aseguramos de que, a pensar de abrir la página desde móvil (por la funcionalidad de emular el escenario en safari) se visualiza igual que abriéndolo desde una PC.

Configuración de SMTP en SP2010 para envíar correos por medio de Gmail

Una práctica muy útil para configuración de alertas y flujos de trabajo en SP, y generalmente usada para laboratorios en donde no tenemos servicio de correo es el uso de Gmail como plataforma, vinculado con el servicio de SMTP de nuestro servidor de Sharepoint.


El procedimiento es muy sencillo, sin embargo, puede presentar problemas de funcionamiento si el servidor en el que se configura el SMTP tiene restricciones de internet o si en definitiva no tiene salida de internet.

1. En primer lugar debemos activar la Feature para tener acceso a un servicio de SMTP. Accedemos al [Server Manager] y en el mismo en la sección de Features agregamos [SMTP Server].

2. Una vez finalizada la instalación podremos revisar que el servicio SMPT está corriendo del lado del servidor.

 3. Entrar ver la opción de SMTP en la consola de administración de Internet Information Server. En el mismo accedemos a la configuración de SMTP Email.

3. En esta sección dejamos los valores por defecto, aunque si lo deseamos podemos utilizar la opción [Store e-mail in pickpu directory] para almacenar los correos en un directorio y poder ver los mismos desde allí (esto es muy útil para demos sin conexion a internet)

4. Levantar el servicio 

4. A continuación configuramos el servidor SMTP utilizando la interfaz de configuración de IIS 6 (ya lo sé es un poco triste, pero es lo que hay). Accedemos a la misma con el menú [Administrative Tools // Internet Information Services (IIS) 6.0 Manager]

5. Lo primero que vemos es que el servicio está detenido, lo seleccionamos, desplegamos el menú contextual y [Start]

6. Una vez iniciado, seleccionamos el mismo y accedemos a las propiedades del servicio. Primeramente la IP que se selecciona debe ser la que tenemos configurada para la salida a internet.

7. En la pestaña [Access] habilitamos el servidor local para que pueda hacer Relay sobre si mismo.

8. En la pestaña [Delivery] seleccionamos [Outbound Security] y configuramos nuestra cuenta de GMAIL con la opción [Basic Authentication]. Además marcamos la opción de [TLS encryption]

9. En [Outbound connections] utilizamos el puerto de gmail > 587

10. En la sección [Advanced] configuramos el smart host para que utilice smtp.gmail.com.

11. Finalmente entramos al CA para establecer los valores que hemos configurado en la sección de System Settings - Email and Text Messages (SMS)

12. El Outbound SMTP server debe ser el nombre completo del servidor en el que hemos configurado el servicio o también puede ser la IP del servidor, junto con el from address, que será una cuenta de correo ficticia con la que hará el relay hacia gmail

Referencias: 

www.elbruno.com  [TFS2010] HowTo: Configurar un servicio SMTP