SharePoint 2013: Ejemplos de uso de Live Tiles!

Como sabéis, SharePoint 2013 incorpora el concepto de “modern UI” de Windows 8 en el diseño de sus sitios en un claro alineamiento con la interfaz de usuario propia de Windows 8 y Windows Phone 8 y con el objetivo de facilitar el uso de sitios de SharePoint desde dispositivos táctiles. Los “Live Tiles” están disponibles por defeco en varias plantillas de sitios de SharePoint 2013:

  • Platilla “Sito de Grupo”, se trata en este caso de la WebPart “Iniciando su sitio”

image

  • Plantilla Sitio Desarrollador: Lista “GettingStarted” con vista “Mosaicos” configurada por defecto

image

  • “Mis Sitios” en la parte social:

image

Adicionalmente, podemos encontrar sitios públicos de SharePoint 2013 con un diseño de tipo “modern UI” y en los que se hace uso de Live Tiles:

image

Finalmente os dejo algunas referencias con ejemplos sobre como crear Live Tiles en SharePoint 2013:

Windows 8: Como instalar .NET Framework 3.5 desde línea de comandos!

Pues con esta necesidad me encontré la semana pasada en la que me tocó re-instalar Windows 8 un par de veces. La primera por un crash total del sistema operativo y la segunda, porque el disco duro del portátil empezó a dar problemas por lo que me toco reemplazarlo rápidamente por otro hasta que consiga el ansiado SSD :P. Y ahora al lio, si te encuentras con el problema de qué vía asistente no puedes instalar .NET Framework 3.5 en tu equipo, no desesperes porque tienes la posibilidad de hacerlo por línea de comandos como se menciona en este artículo de la MSDN: http://msdn.microsoft.com/es-es/library/hh506443.aspx. Básicamente, los pasos a seguir son:

  • En primer lugar, disponer de los archivos de instalación de Windows 8 en un DVD o en un USB para poder acceder a los mismos fácilmente desde línea de comandos.
  • En segundo lugar, abrir el símbolo del sistema con un usuario administrador y ejecutar el siguiente comando que permite habilitar e instalar .NET Framework 3.5 en el equipo: DISM /Online /Enable-Feature /FeatureName:NetFx3 /All /LimitAccess /Source:d:\sources\sxs. Ten en cuenta que la ruta dónde se encuentren los archivos fuente de Windows 8 pueden variar en función de la unidad dónde los tengas disponibles

image

  • Y si todo va bien, al cabo de unos minutos tendrás .NET Framework instalado en tu equipo :-). Como siempre, en este mundillo todo o casi todo es posible.

image

SharePoint 2013: Como personalizar las nuevas barras de navegación superior (I)!

A nivel de look & feel, los sitios de SharePoint 2013 presenta nuevas barras de navegación en la parte superior de cada página disponible. Estas barras de navegación, disponibles mediante los correspondiente controles delegados, se pueden personalizar en cuanto a visibilidad y aspecto de forma sencilla por medio de JavaScript como veremos en este post:

  • Para demostrar como personalizar las barras de navegación superior, vamos a crear en primer lugar una página de WebParts ya que la idea es realizar a efectos demostrativos la personalización en una única página.
  • Insertamos en la página de WebParts una WebPart de tipo “Editor de secuencia de comandos” que nos permitirá añadir el código JavaScript necesario.
  • A través de las opciones de configuración, añadimos el código qué nos permita por ejemplo ocultar una de las barras de navegación superior.
image image image
  • Cómo veis, el código JavaSript es muy sencillo. Simplemente localizamos el elemento que contiene la barra de navegación superior y lo ocultamos.
   1: <script language="javascript">

   2: _spBodyOnLoadFunctionNames.push("HideBrandingsuite");

   3: function HideBrandingsuite()

   4:  {    

   5:     document.getElementById('suiteBarLeft').style.visibility = 'hidden';

   6: }

   7: </script>

  • El resultado visible es el siguiente:

image

  • Si queremos cambiarle por ejemplo el color de fondo a la barra de navegación, el código necesario es similar:
   1: <script language="javascript">

   2: _spBodyOnLoadFunctionNames.push("HideBrandingsuite");

   3: function HideBrandingsuite()

   4:  {    

   5:     document.getElementById('suiteBarLeft').style.visibility = 'hidden';

   6:     document.getElementById('suiteBarLeft').style.background='#000000';

   7:  }

   8: </script>

  • Y el resultado correspondiente el que a continuación se muestra:

image

SharePoint 2013: Como crear un sitio con PowerShell utilizando la plantilla de otro sitio!

Como ya sabéis, con PowerShell en SharePoint se puede hacer de todo :P. En esta ocasión vamos a ver como crear un sitio utilizando la plantilla de un sitio existente:

  • Lo primero que haremos mediante Get-SPWebTemplate es obtener dicha plantilla aplicando los filtros adecuados. Fijaros qué en este caso estoy filtrando tanto por nombre como por nivel de compatibilidad para asegurarme que tengo una única plantilla.
  • A continuación, mediante New-SPWeb creo el nuevo sitio y utilizo en el parámetro Template la plantilla que he seleccionado.
  • Finalmente, hacemos el correspondiente Dispose() para qué no se nos quede el objeto SPWeb creado sin ser liberado.
   1: Add-PSSnapin Microsoft.SharePoint.Powershell

   2: $template = Get-SPWebTemplate | where { $_.Title -eq "Blank Site" -and $_.CompatibilityLevel -eq 15 }

   3: $template

   4: $newWeb = New-SPWeb -Url http://winsrv2012:90/sitios/TDEVCR/subsite2 -Name "Subsite Test" -Description "This is a test site" -Template $template -AddToTopNav -AddToQuickLaunch -UniquePermissions

   5: write-host "Site" $newWeb.Url "created at" (Get-Date).ToString()

   6: $newWeb.Dispose()

  • Ejecutamos el script anterior en PowerShell ISE y comprobamos que como resultado se muestra la información del sitio creado.

image

  • Navegamos al sitio y comprobamos que se ha creado con la plantilla seleccionada.

image

[Eventos]: Pre-registro abierto para la 1ª Iberian SharePoint Conference…¿Qué esperas para apuntarte?

Desde el pasado miércoles 22 de mayo ya tenemos abierto el pre-registro para la 1ª Iberian SharePoint Conference qué tendrá lugar en Madrid el próximo 10 de octubre y en la que contaremos con un cartel de speakers nacionales e internacionales de lujo como podéis comprobar en la web de la conferencia. Tenemos previstas en torno a 40 sesiones orientadas a todos los públicos objetivos qué trabajan con SharePoint: decisores de negocio, desarrolladores, gerentes de IT, profesionales de IT, diseñadores, etc. Para que os hagáis una idea, tendremos sesiones como las siguientes:

  • ALM en SharePoint.
  • Aplicaciones, un nuevo modelo para personalizaciones en SharePoint 2013.
  • Como crear una solución ECM (cero papel) en SharePoint 2013.
  • Lync comunicaciones y conectividad sin límites.
  • Office 365: ¿Debo dar el salto a la nube?
  • 10 Best Productivity features in SP2013 you need to know about.
  • Automating SharePoint 2013 deployment: tips, tricks and scripts.
  • SharePoint 2013: Mobile strategy and design.
  • y muchos más que podéis consultar en la web de la conferencia.

Además, el día 11 de octubre realizaremos dos workshops sobre desarrollo e IT en los que los asistentes tendrán la oportunidad de aprender de como desarrollar para SharePoint 2013 y como gestionar adecuadamente despliegues de SharePoint 2013 de la mano de MVPs de España y Latinoamérica. Finalmente, aunque menos importante, gracias a nuestros patrocinadores los asistentes tendrán la oportunidad de conocer casos de éxito de implantación y uso de la plataforma por un lado y de soluciones verticales por otro. ¿A qué esperas para apuntarte? Se trata de la primera conferencia técnica y de negocio sobre SharePoint realizada en España…y por supuesto, habrá sorpresas durante la misma.

image

Como nota final, si quieres más información sobre la conferencia o quieres participar como patrocinador o colaborador en la misma, ponte en contacto con nosotros o síguenos a través de:

SharePoint Online: Creación de aplicaciones con NAPA (II)!

Siguiendo con la serie de posts sobre creación de aplicaciones para SharePoint Online con NAPA, en esta ocasión vamos a ver como publicar una sencilla aplicación que publicaremos en el sitio de SharePoint Online:

  • Accedemos al entorno de desarrollo de NAPA para crear una aplicación tal y como vimos en el post previo.
  • En el cuadro de herramientas de NAPA por un lado podemos ver los elementos que componen nuestra aplicación qué son los típicos de una aplicación de tipo “SharePoint-Hosted” en cuanto a qué tenemos la posibilidad de añadir elementos como CSS, páginas ASP.NET y archivos JavaScript.
  • Por otro lado, tenemos una serie de comandos de acción que nos permite acciones como ejecutar/eliminar/publicar la aplicación, modificar su configuración o abrir el proyecto en Visual Studio.
  • Particularmente interesante me parece la opción de modificar la configuración de la aplicación que a través de la correspondiente ventana modal nos permite “tocar” su manifiesto de manera que podemos cambiar desde aspectos relativos al nombre o título de la aplicación hasta los permisos de la misma.
image image image
  • De echo, la parte relativa a configuración de permisos está bastante currada y disponemos de una serie de controles tipo “ecualizador” qué nos permite establece el tipo de permiso para cada categoría y subcategoría de permisos definidos. Por ejemplo, en la categoría “Content” puedo configurar a nivel de Lista lo qué puede hacer o no la aplicación. En cualquier caso, los valores de permisos disponibles son dependientes del mismo. Por ejemplo, para Lista tenemos None (valor por defecto), Read, Write, Manage o Full Control. En cambio, para el servicio de BCS (categoría Services) las posibilidades son None (valor por defecto) o Read.
  • Si abrimos el archivo App.js, es ahí dónde está la lógica por defecto que trae la aplicación y dónde podemos añadir nuestra propia lógica.
  • Modificamos ligeramente este código y ejecutamos la aplicación, de forma que se inicia el despliegue de la misma desde NAPA. Este despliegue consta de un total de 3 etapas qué se visualizan en la correspondiente ventana modal.
image image image
  • Cuando el proceso de despliegue concluye, se muestra un mensaje en la ventana modal que nos indica que podemos lanzar la aplicación.
  • Lanzamos la aplicación y listo, ya la tenemos operativa y preparada para su uso…sin duda, el desarrollo con NAPA es realmente rápido en cuanto a la generación de aplicaciones funcionales.
image image

SharePoint Online: Creación de aplicaciones con NAPA (I)!

Una de las novedades a nivel de desarrollo que incorpora SharePoint Online en Office 365 es la de poder crear aplicaciones sin salirnos del navegador utilizando la herramienta de desarrollo NAPA. Esta herramienta facilita la creación de aplicaciones del nuevo modelo de aplicaciones de SharePoint y para utilizarla únicamente necesitamos disponer de una suscripción de Office 365. En este post vamos a ver como, a partir de un sitio de desarrollo de SharePoint Online, podemos disponer de un entorno web de desarrollo de aplicaciones bastante intuitivo. Empecemos:

  • En primer lugar, accedemos a la administración de colecciones de sitios de SharePoint Online en Office 365. Si no lo tenemos creado, creamos un sitio de desarrollo de SharePoint Online.
  • Accedemos al sitio de desarrollo y en la página principal pulsamos sobre el “Tile” “Crear una aplicación”.
  • Esto nos redirige a una página en la qué se nos informa qué tenemos que instalar las herramientas de desarrollo para crear aplicaciones para Office y SharePoint. Estas herramientas están disponibles en el Store de aplicaciones para SharePoint Online.
image image image
  • En el primer acceso al Store, veremos que no se muestra ninguna aplicación y qué no es posible determinar qué aplicaciones están disponibles para descarga. Esto es así por el idioma por defecto que al ser castellano, no permite devolver ninguna aplicacion.
  • Cambiamos el idioma y ya tenemos acceso a las herramientas de desarrollo.
  • Pulsamos “Agregar”, de manera que se nos pedirán unas credenciales de acceso al Marketplace. En mi caso, he usado la cuenta de Windows Live que habitualmente utilizo para este tipo de cuestiones.
image image image
  • A partir de aquí, se inicia el proceso conocido para agregar la aplicación al conjunto de aplicaciones del sitio empezando por su adquisición.
  • Una vez adquirida, se muestra la correspondiente página indicando que ya se puede agregar la aplicación para que sea usada por todos los integrantes de la organización. Pulsamos el botón “Volver al sitio”.
  • Como esta acción implica que vamos a agregar la aplicación de forma efectiva al sito, se muestra el correspondiente diálogo preguntando si confiamos o no en la aplicación. Pulsamos “Confiar”.
image image image
  • Accedemos a la página “Contenidos del sitio” y comprobamos como NAPA está disponible entre las aplicaciones agregadas e instaladas.
  • Pulsamos el correspondiente acceso directo de la aplicación y somos redirigidos a la página principal en la que podemos especificar el nombre de la aplicación y el tipo: para SharePoint, para contenido de Excel (Excel y versión web de Excel), panel de tareas de Office (Word y Excel) y aplicación de correo para Office (versión web de Outlook).
  • Tras elegir la opción “App for SharePoint” y pulsar el botón “Create” se muestra el entorno de desarrollo de NAPA en el que disponemos de un primer proyecto de aplicación del que partir.
image image image

Y hasta aquí llega este primer post sobre la creación de aplicaciones para SharePoint Online con NAPA.