SharePoint News AGOSTO/09

Si bien la importante actualizacion al Blog que pude realizar el dia Domingo, cuando pude respirar un poco y publicar todo el material que tenia Semi Armado en Live Writer, me dio tiempo a ir comentandoles de las noticias mas recientes de la plataforma, en este caso les dejo otros articulos que seguramente les van a ser utiles.

1 – Trabajando con KPIs

La gente de SharePoint Kings esta en el inicio de un nuevo Gran articulo con el Paso a Paso para dominar las listas de KPIs en SharePoint, pilar de los proyectos de Inteligencia de Negocios. Este completo articulo nos permitira entender el funcionamiento y aplicarlo en nuestras implementaciones.

 

2 – Gestion De Proyectos en SharePoint

Este Blog que acabo de conocer, trata uno de los temas que mas me apasionan en el tema de SharePoint, la gestion de Proyectos, en particular un articulo sobre Que preguntas hacer al momento de Seleccionar herramientas que nos ayuden en los Proyectos, y muchos datos interesantes, se los recomiento completamente es una buena fuente de recursos.

3 – Graficos con Power WebPart

Si bien esta es una mas de las soluciones que se desarrollaron para darle capacidad de graficar datos a SharePoint con sus Listas y bibliotecas, esta alternativa, ademas de ser gratuita, es muy facil de implementar, mediante una aplicacion liberada en Codeplex y en base a los nuevos controles graficos liberados por Microsoft, de este tema hay mucho por hablar, mas teniendo en cuenta que las soluciones con Visifire y demas componentes le dan una potencia adicional a SharePoint y de cara al usuario final enriquece mucho las soluciones.

4 - THE SharePoint PowerShell Module (SPoshMod)

Nuevamente los Scripts de PowerShell para Sharepoint es el tema de la construccion de soluciones que nos permiten realizar tareas rutinarias o complejas de una forma simple, en esta oportunidad en base a la Version 2.0. Un Proyecto para evaluar, logicamente disponible en Codeplex.

5 – PowerTagCloud

El domingo les hablaba de la importancia de los TAG Clouds, profundizando mas en el tema me encontre con esta solucion, tambien de ILoveSharePoint en la cual, usando 100% Power Shell, se logra generar un interesante Cloud para usar en nuestros portales…

6 – Otro Dato de SharePoint 2010

Esta imagen, que esta dando vueltas por los distintos sitios que estan publicando informacion sobre SharePoint 2010 (En lo personal, y debido al NDA y como cuesta diferenciar que puedo publicar y que No puedo publicar, opte por no subir nada hasta que realmente tenga la confirmacion de poder hacerlo) esta imagen de lo que va a ser Visio Web Access y su incorporacion con Workflows, realmente me dejo asombrado por la nueva funcionalidad, y como una imagen vale mas que mil palabras, solo vean esto…

 

Interesante no? Y si bien hoy en dia podemos lograr esto con la version 2007 y el WebPart de Visio, no deja de asombrar la nueva forma de trabajo y la cantidad de novedades que vamos a tener en la 2010…

Y bueno, por el momento esto es todo, espero que les sean de utilidad estos links.

Conectar WebParts de SharePoint

WebPart Connections permite contectar diferentes WebParts para intercambiar datos entre ellas, inclusive si son de distintos proveedores esto es posible mediante el WebPart Connection Framework, lo que nos permite usarlo como Consumidor y como Proveedor de datos.Mas Info de Power WebPart

Pueden ver el Articulo completo, con el Codigo fuente Aqui, y acceder al Framework que esta Publicado en Codeplex.

Ocultar las ACCIONES de Listas y Bibliotecas

Hace unos dias me consultaban por las opciones que existen para Ocultar algunas de las Acciones que nos ofrecen las Bibliotecas y Listas de SharePoint, sin lugar a dudas, la mayoria de las formulas que existen son via Codigo, o JavaScript, en este caso les dejo una opcion que mediante el WebPart Editor de Contenido, copiando un Script, podemos eliminar las Opciones que sean necesarias…

Este es el codigo, desde el Blog de Hong Kim, y logicamente aplica para la version en Ingles, solo debemos personalizarla :

<script>
function GetElementByText(tagName, title)
    {
        var a = document.getElementsByTagName(tagName);
        for (var j=0; j < a.length; j++)
        {
            if (a[j].text)
            {
                if (a[j].text === title)
                {
                    return a[j];
                }
            }
        }
        return null;
    }
function hideWinExp()
{
var o = GetElementByText("ie:menuitem","Open with Windows Explorer");
            if (o)
            {
                o.disabled = true;
            }
var p = GetElementByText("ie:menuitem","Edit in Datasheet");
if (p)
            {
                p.disabled = true;
            }
var q = GetElementByText("ie:menuitem","Export to Spreadsheet");
if (q)
            {
                q.disabled = true;
            }
var w = GetElementByText("ie:menuitem","View RSS Feed");
if (w)
            {
                w.disabled = true;
            }
var e = GetElementByText("ie:menuitem","Add to My Links");
if (e)
            {
                e.disabled = true;
            }
}
_spBodyOnLoadFunctionNames.push("hideWinExp");
</script>

Espero les sea de utilidad, es una de las formas mas simples de Realizar esta tarea.

Quick Search con JQuery y Gratis!

Jan Tielens como siempre nos regala una nueva funcionalidad para SharePoint, en esta oportunidad en base a JQuery y es una herramienta que nos permite mejorar las Busquedas en nuestros sitios, con un mini Box para realizar busquedas en nuestros portales.

Aqui un Ejemplo :

1. Download the code file here.
2. Add a new Content Editor Web Part, which is available in SharePoint out-of-the-box, to a page.
3. Modify the newly added web part, use the Source Editor button in the properties task pane to add the downloaded code.
4. Optionally you can give the web part a meaningful Title in the Appearance group (e.g. Quick Search).

When you check out the code, notice that the first line is a reference to the jQuery library, hosted on Google’s servers. If you plan to use this in production, I’d recommend you to host the jQuery library in your own environment so you have to update the reference with your own URL.

Tengan especial atencion al idioma en el cual estan pensando implementar esta funcionalidad, ya que si no es ingles, hay que hacer algunas modificaciones tal como esta especificado en el Articulo.

Tambien tengan en cuenta que esta funcionalidad es exclusiva para SharePoint SERVER.

Version Actualizada del Service Pack 2 (Ya era Hora no?)

Microsoft acaba de liberar el 29/7 una version actualizada del tan comentado Service Pack 2, que incluye el Fix al problema del cambio del tipo de Licencia que tanto molestaba… De todas formas, en lo personal todavia no recomiento la implementacion del SP2 si no es extremadamente necesaria y si nuestros servidores se estan comportando como es debido, para que complicarlo?

El Link al Sitio de Descarga es el Siguiente : http://www.microsoft.com/downloads/details.aspx?FamilyID=b7816d90-5fc6-4347-89b0-a80deb27a082&displaylang=en

Yo sigo esperando a que se publique la version de SharePoint CON Service Pack 2, esto me asegura de que ya esta en una etapa madura, por el momento, y si bien es posible hacer nuestra propia version con el SP2 embebido, les recomiendo que prueben en sus entornos de Desarrollo u Homologacion antes de aplicar este Service Pack en sus granjas de Servidores.

Otras formas de Publicar Videos en SharePoint

Despues de mi articulo mostrando el WebPart de Publicacion de Videos en .FLV de SharePoint, recibi algunas consultas sobre como publicar Videos en otros formatos en forma directa, es por eso que les dejo 2 formas de publicar contenido de este tipo en nuestros portales.

La Primera es la forma Facil :

1. Subir el Video a una Biblioteca de SharePoint
2. Ir a la pagina donde queremos publicar el video
3. Editamos la Pagina y Agregamos un WebPart
4. Seleccionamos el WebPart Editor de Contenido
5. Abrimos el Panel de Propiedades del WebPart
6. Click en Editor de Codigo fuente
7. Copiamos el Siguiente Codigo (remplazando el  http://link con el Link al archivo que subimos a la Biblioteca de SharePoint):

<div align="center">

<embed src="http://link  Referenciando al Archivo Publicado "

autoplay="true"

loop="false"

width="200"

height="200"

</embed>

</div>

Click en Aplicar, Aceptar y Listo, tenemos nuestro Propio WebPart para Ver Videos.

Adicionalmente tenemos esta otra opcion, un poco mas compleja, pero que nos permite integrar archivos de Medios de cualquier formato :

Espero que les sea de utilidad.

Free Silverlight Gauge

En el Blog de un Colega MVP me encuentro con este Interesante proyecto en Silverlight que genera u Gauge a partir de los datos ingresados, y que seguramente podremos adaptar facilmente en SharePoint.

En el articulo podremos descargar la version BETA Gratuita, el Codigo fuente, la configuracion y la forma de Contribuir en el Proyecto con Skins y mas. El Generador del Proyecto es Gonzalo Perez, a quien envio desde aqui mis felicitaciones por su trabajo y aporte a la comunidad.

Pagina del Proyecto , Descargarlo desde SkyDrive.

Mantenimiento de las Bases de Datos de SharePoint

Esta es ua consulta que la mayoria de los clientes me hacen al momento de Implementar SharePoint, que pasa con las bases de datos? cuales son las importantes? como tengo que mantenerlas? que tengo que Respaldar y como?

Para responder todas estas preguntas, les dejo una serie de articulos de Technet, donde ademas, ya se encuentra disponible un nuevo WhitePaper sobre el Mantenimiento de las Bases.

Database maintenance for Office SharePoint Server 2007 (white paper)

This white paper provides information and guidelines for maintaining the databases that host Microsoft SharePoint Products and Technologies data and configurations. It describes and provides examples of the database maintenance tasks that we recommend when using SharePoint Products and Technologies.

Download this white paper as a Microsoft Office Word document (.doc) file.

Database Maintenance for SharePoint Products and Technologies

Otros Enlaces de interes:

Database maintenance (Office SharePoint Server 2007)
Planning and Monitoring SQL Server Storage for Office SharePoint Server: Performance Recommendations and Best Practices (white paper)
Add, split, and merge content databases (Office SharePoint Server 2007)
Move content databases (Office SharePoint Server 2007)
Move all databases (Office SharePoint Server 2007)

TagCloud Generators

El uso de los TagClouds no solo nos sirve para los Blogs, imaginen el potencial de este tipo de herramientas para facilitar las busquedas en nuestros portales? o en nuestros sitios de Gestion Documental, o mas…

Y si bien ya existen algunos proyectos para SharePoint, en este caso quiero dejarles una serie de links en Internet donde encontraremos Generadores de TagClouds.

 

• Google Tag Cloud Maker
• TagCrowd
• TagmyCloud
• Tag Cloud
• Text Tagcloud
• Tag Cloud Generator
• MakeCloud
• Winkwaves Tag Cloud Generator

  

• Tag Cloud Builder
• ZoomClouds

SharePoint Quick Surveys Free WebPart

Otro WebPart para mejorar la presentacion de las encuestas en SharePoint, en esta oportunidad, un proyecto de Code.MSDN, seguramente les servira en sus proyectos.

Descargar el WebPart desde el Sitio del Proyecto : http://code.msdn.microsoft.com/QuickSurveys

Optimizar las imagenes para Publicar en Web

El tema de las imagenes puede perjudicarnos mucho en el rendimiento global de un sitio de SharePoint que vamos a publicar en la Web, y es uno de los errores comunes, asi que en este caso, les dejo 2 tips, el primero es una herramienta gratuita que nos permite optimizar el peso de los archivos .PNG sin perder calidad en los mismos, y el segundo es para archivos .JPEG.

1 – OptiPNG

Download

Latest version: OptiPNG 0.6.3 (released on 18 May 2009).

Choose one of the following options:

• Go to the OptiPNG download page at SourceForge.
• Follow the direct links to the latest version.

  The source code tarball:
  optipng-0.6.3.tar.gz

  The source code zip archive:
  optipng-0.6.3.zip

  The Windows executable:
  optipng-0.6.3-exe.zip

2 – JPEGTran para Archivos JPG http://sylvana.net/jpegcrop/jpegtran/

Otra Opcion para el Menu de Navegacion

Hace Poco cuando les mostraba el sitio de TorrasPapel, me gusto la forma en la que se construia el menu de navegacion, en este caso, les dejo un articulo que les va a permitir construir el mismo menu y adaptarlo a SharePoint, en este caso no va a ser de una forma Dinamica, pero para sitios en Internet el efecto es muy interesante…

Pueden ver un ejemplo funcional aqui : http://klanten.dotbrilliance.nl/css/overlap/

El Articulo completo y el codigo fuente lo encuentran Aqui : http://www.cssbake.com/cookbook/overlap-that-menu/

Polaroid Photo Viewer with Css and JQuery

Volviendo a JQuery, en este caso les dejo un articulo que nos muestra como podemos lograr un efecto interesante para la publicacion de imagenes y facilmente implementarlo en SharePoint…

This example is making use of CSS3 and jQuery, just to show the effect when combining two powerful techniques. The CSS3 is injected by jQuery, keeping the CSS file clean.

HTML 5 and CCS 3 CheatSheets in PDF

Para Designers y Developers, les dejo las guias en .PDF sobre estas 2 nuevas tecnologias.

HTML 5

• preview (.gif, 1017×836px)
• download the pdf (76 Kb)

CSS 3

• preview (.gif, 1255×882px)
• download the pdf (5 pages, 123 Kb)

El Creador de estos increibles recursos es Chris Hanscom.

MooTools Plugins for SharePoint Inspiration

Como vimos en el articulo anterior, MooTools nos deja un monton de fuentes de inspiracion para adaptar a SharePoint, en este caso les dejo una serie de Plugins que seguro podremos usar y mejoraran mucho nuesta forma de usar SharePoint si los adaptamos.

Plugins

SmoothScroll
Scroll smoothly through anchors within a single page.

Kroppr
A full-fledged image cropping/resizing/rotating plugin.

mooSocialize
A widget bar that manages a wide variety of social bookmarking and social network content sharing systems.

MooTools Event Calendar
A MooTools Calendar class that supports week/day/month view and the addition of events.

Pamoorama
It creates a container div that allows users to scroll through a containing image. Its intended use case if to horizontally scroll through a panorama image.

Slider
A Slider plugin that supports both vertical and horizontal bars that can be freely dragged or snap to predefined steps.

SortableTable
Sort and filter tables.

MooWheel
A data visualisation plugin that explores the possibilities of the canvas element.

Moosture
A Mouse gesture framework that allow you to trigger an event based on a predefined mouse gesture.

inlineEdit
An inline editor plugin that makes all elements with a specified class name editable and adds a special onSave hook method to save the changes.

Navigation

Image Menu
A horizontal menu that reveals more of the image as you rollover it.

Sexy sliding JavaScript side bar menu
Generates a sliding sidebar menu.

MooFlow
A full-fledged image slider that resembles cover flow.

Simple 3D Carousel
A 3d carousel.

MooHover
Allows you to include fancy transitions in CSS based hover menus.

Layout and Style

mooRainbow
A color picker utility.

Rounded Corners
Creates round corners on divs on the fly.

Reflection
Generate image reflections on the fly with a wide range of customisation options.

MooColumns
A class that allows you to dynamically organise content into multiple columns.

MooScroll
A MooTools class that allows the customisation of how the scrollbar looks on scrollable divs.

Tooltips

Window Growl
Tooltips in the same style as the Mac OS X’s Growl system.

Tips
A tooltip showdown.

MooTooltips
Toolstips that can have html or plain text content loaded with Ajax or inline.

Form Usability

FormCheck
This plugin allows you to define a groups of validation rules to be applied to forms.

Calendar
Features simple to create date pickers.

Validate
A simple form validation plugin.

JavaScript Time Picker
A time picker plugin. It uses the same idea as the date picker pattern, but applied to time picking.

MultipleSelect
Completely customised multiple select elements.

HTML Form Tips
Inspired by Twitter, it features a “remaining characters” count that’s automatically updates as the user types.

Select Box Factory v1.0
A class that makes select elements support multiple selection and selection drill down according to a variety of options.

Slideshow

Slideshow 2
Slideshow plugin, resembles the slideshow in iPhoto and Photos in Mac OS X and iPhone respectively.

SmoothGallery 2.0
A simple and elegant slideshow plugin.

Ajax

Fancy upload
A plugin that integrates Ajax and the Swiff functionality in MooTools to create an upload manager.

MooTabs - Tiny tab class for MooTools
A small plugin that helps in the creation of tabbed navigation through elements that can be retrieved via ajax.

Ajax login form
A very simple ajax-based login form.

Page Loader
Provides classes to work with loading content via ajax and displaying results in the current page. It also provides a history class that manages the history of the loading area.

MooTools Dotter
A simple and effective Ajax-loading indicator that relies solely on JavaScript and CSS instead of using images or animated GIFs.

Content Overlay

Lightbox
A port of the Lightbox plugin that handles a collection of images in a overlay.

MediaBoxAdvanced
Content overlaying that works with several different media types.

ReMooz
Image overlaying plugin. Simple and elegant.

Multibox
An overlaying plugin that supports images, flash, video, mp3s and html.

SlideItMoo
It packs a banner or image slider with an overlay image display effect that resembles Lightbox.

mooSlide 3.2
Shows an overlay window at the bottom or at the top of the page with a variety of options.

Plugin Collections

moo.rd
A collection of plugins that provides special effects, table management and more.

Clientcide Plugins
A large collections of plugins from the Clientcide blog.

Meteora
A collection of widgets written on top of MooTools, from datagrids, to calendars to JsonRPC.

Rich user interfaces

Mocha UI
A rich user interface library, it makes web applications look and behave like desktop applications.

JxLib
A library for rich client user interfaces.

File Manager
A complete implementation of a file system explorer that let’s you navigate through the files, rename and preview them.

MooTools Tutorials and Resources

Desde hace un tiempo vengo comentandoles de las posibilidades de JQuery asociadas a Sharepoint, y en este caso, voy a dejarles una serie de enlaces, utilidades y tutoriales de MooTools que seguramente les van a servir de mucho…

MooTools es un Framework de JavaScript con foco en ser flexible, modular y compacto. Todavia no se puede comparar con otros frameworks como jQuery, pero la comunidad de desarrolladores de MooTools genera numerosos articulos, tutoriales y plugins que ya estan bastante maduros y sofisticados para satisfacer las necesidades de la mayoria.

Starting points

The official documentation
Toda la documentacion.

jQuery vs MooTools
Diferencias entre jQuery y MooTools.

MooTools para los que NO Programamos.
Una serie de tutoriales dedicados a los que NO Programamos:

• Part 1
• Part 2
• Part 3

The MooWalkthrough
The MooTorial

MooTools classes
Natives and Elements
Select and create elements
Intro to the Library

1. Selectors
2. Intro to Using Arrays
3. Functions
4. Event Handling
5. Manipulating HTML
6. Set and Get Style Properties
7. Input Filtering Part I - Numbers
8. Input Filtering Part II - Strings
9. Using FX.Tween
10. Using Fx.Morph, Fx Options and Fx Events
11. Drag and Drop using Drag.Move
12. Regular Expressions
13. Periodical and Intro to Hashes
14. Sliders
15. Sortables and Intro to Methods
16. Accordion
17. Classes part I
18. Tooltips
19. A Few Mootools Tabs
20. Classes part II
21. Fx.Elements
22. Fx.Slide

 

Facebook modal box
It reproduces Facebook’s modal box in MooTools. A Very simple solution to get a Facebook-style modal box without the need of any external plugin.

Using custom missing image graphics
A very elegant and extremely simple solution to handling missing image graphics with a custom fallback image.

Sending Email notifications for broken images
A logic follow-up to the previous tutorial. It shows how to use AJax and PHP to send email notification on the occurrence of broken images.

Skype-style buttons
How to create a Skype-style button.

MooTools Flashlight effect
An eccentric, however interesting effect.

Snook-style navigation
A MooTools revisit of a tutorial by Jonathan Snook.

Explode effect on Ajax page loads
How to create an effect that makes the current content ‘explode’ off-screen while another content is fetched and loaded via ajax.

Font-Size scroller with Cookie save
Shows how to create a scroller that sets the font-size and store this information in a cookie.

Track Ajax link clicks using Google Analytics
A very insightful solution to tracking ajax-based navigation in Google Analytics.

Periodicar Ajax updates using MooTools
Shows how to implement a very simple function that periodically makes a ajax request on the background.

helps you determine if caps lock is on
A nice and simple technique for easily determining if caps lock in on. Might help improve usability, specially in login scenarios.

Simulate Flash horizontal navigation
Tutorial on how to create a horizontal navigation web site.

Product Highlighter
Slick rollover mechanism that works well as a product highlighter.

Auto caption images
How to automatically extract alt and title content and add it as captions to images on the page.

toElement method
Explains and shows an interesting use case for the toElement method in MooTools.

outerClick event
An implementation of a custom event for when a user clicks outside of a given element.

Saving a sortalbe nested list
A tutorial with a full implementation of a sortable nested list, from MooTools to MySQL.

CSS sprites with MooTools
A MooTools version of an article published on A List Apart about CSS sprites using jQuery.

Swiff
Explains what is the Swiff class and how it can be used to make flash elements communicate with JavaScript.

Fixing sIFR printing with CSS and MooTools
The use of sIRF can help you achieve the typography you want on the screen, but there may be problems when the user tries to print the page. This article shows how to work around that.

Advanced Topics

The Dollar Safe Mode
An article explaining a good practice for plugin developers that want to make their libraries compliant with “MooTools 1.2.3 Dollar Safety”, which means that it respects the global name $ in edge cases where people need to use more than one JavaScript library at the same time.

Custom Events
A nice example on how to define and explore custom events (such as alt+clicking) in MooTools.

Element Storage
An overview on the Element Storage functionality. How it works and how it could be used to make code easier to write and better organised.

Chaining with MooTools
A guide to the MooTools’s Chain class and how it can be used in custom classes.

Set style per media
Using JavaScript for dynamic styling may defeat the purpose of having a style for each media, this tutorial shows one way to be media-specific while dynamically changing CSS properties.

Creating a custom “:selected” pseudo-class in MooTools
How to create your own pseudo-class selector in MooTools.

The Mouse Ghost
An interesting experiment on saving the cursor coordinates and then reproducing its movements.

5 Advanced techniques for MooTools development
Things that you don’t get by reading documentation.

Don’t repeat your Moo
A very insightful article on how to achieve reusability in your JavaScript code with MooTools, adhering to the DRY (Don’t Repeat Yourself) principle.

Private methods in MooTools
Shows how to implement private methods in JavaScript with MooTools.

The Singleton class mutator
A tutorial that shows how to write a class mutator that implements the singleton design pattern. A class mutator is a macro-like method/idiom to be used inside a class definition

Binds class mutator
A mutator that binds a method to the instance of a class so that it can be accessed thorough the ‘this’ keyword even in the class definition.

Informacion y Links extraidos de www.smashingmagazine.com Espero les sean Utiles.