PDF de programación - CompartiMOSS 13

Vol. 13
Septiembre 2012

Español



 SHAREPOINT POR KO: KNOCKOUTJS .................................................................3
 COLECCIONES DE SITIOS "HOST-NAMED" EN SHAREPOINT 2013 .........................9
 LA COMUNICACIÓN Y EL ROL DE LA INTRANET CORPORATIVA (IC)........................12
 10 PUNTOS PARA ENTENDER LA GESTIÓN ESTRATÉGICA DEL PORTFOLIO DE
PROYECTOS EN PROJECT SERVER 2010................................................................14
 MADPOINT. GRUPO DE USUARIOS DE SHAREPOINT DE MADRID..........................17
 ENTREVISTA CON ALBERTO DIAZ MARTIN...........................................................21
 CAMPO PARA GEOLOCALIZACIÓN EN SHAREPOINT 2013.....................................25
 CONEXIÓN DE WEBPARTS DE FILTROS Y CUADRO DE MANDOS DE
PERFORMANCEPOINT MEDIANTE PROGRAMACIÓN...................................................27
 NOVEDADES EN SOCIAL ENTERPRISE DE SHAREPOINT 2013..............................31
 EXPLOTANDO LOS SERVICIOS DE EXCEL DESDE APLICACIONES EXTERNAS MEDIANTE
SUS SERVICIOS WEB..............................................................................................33
 NOVEDADES DE PROJECT SERVER 2013...........................................................38
 CASO PLAN CEIBAL..........................................................................................42
 COMPARTIR APLICACIONES DE SERVICIO ENTRE GRANJAS SHAREPOINT
2010...................................................................................................................45

Comparti MOSS



REVISTA ESPECIALIZADA EN
TECNOLOGIAS SHAREPOINT

Bienvenidos a CompartiMOSS, la primera revista electrónica sobre
SharePoint dirigida al mundo de habla hispana.

Editorial

16 de julio del 2012: Microsoft presenta
su nueva versión de Office…

(Continúa en la primera página)



En esta Edición:

 Colecciones de Sitios "Host-Named" en SharePoint 2013
 Campos para Geolocalizacion en SharePoint 2013
 Novedades en Social Enterprise de SharePoint 2013
 Novedades de Project Server 2013
 SharePoint por KO: KnockoutJS
 Más, mucho más…






01 - Editorial



Staff

CompartiMOSS es una publicación
independiente de distribución libre en
forma electrónica. Las opiniones aquí
expresadas son de estricto orden
personal, cada autor es
completamente responsable por su
propio contenido.


Dirección General

 Gustavo Vélez

 Fabián Imaz

Juan Carlos González



Contáctenos
[email protected]
[email protected]
[email protected]


Blogs
http://www.gavd.net
http://geeks.ms/blogs/ciin
http://blog.siderys.com/


Facebook
http://www.facebook.com/group.php
?gid=128911147140492


Escríbanos:
[email protected]


Visítenos:
http://www.gavd.net/servers/compar
timoss/compartimoss_main.aspx



recibido



Editorial

16 de julio de 2012: Microsoft presenta su nueva versión de Office, incluyendo a
SharePoint 2013, cumpliendo con el ciclo de renovación de productos que usualmente
se da cada tres años. Aunque con sustanciales modificaciones, SharePoint 2013 es de
nuevo una evolución con respecto a SharePoint 2010, pero está lejos de ser una
revolución. Principalmente tres campos han sido modificados o añadidos a la
plataforma: extensivas modificaciones en la Característica de Publicación, reemplazo
de los diferentes tipos de motores de búsqueda por una versión unificada y el marco
de trabajo de Aplicaciones.

Otra multitud de aspectos han
también actualizaciones: algunas
modificaciones en los componentes "sociales", cambios en aspecto y usabilidad,
algunos componentes nuevos (para "Educación", por ejemplo), pero, como ya lo
mencionamos anteriormente, estos son los cambios que se pueden esperar para
adaptar el servidor a las exigencias de las empresas modernas, no una revolución.

En CompartiMOSS estamos siempre en la línea de frente en cuanto a innovaciones, por
lo que empezamos directamente en este número con artículos sobre SharePoint 2013.
Como la nueva versión no se espera comercialmente sino hasta dentro de unos meses,
por varios números seguiremos publicando artículos sobre SharePoint 2010, reflejando
la situación que nos tocara vivir como profesionales de SharePoint: por algún tiempo,
inclusive algunos años, tendremos que convivir con ambas versiones.

Deseamos que puedan disfrutar –e implementar- las ideas presentadas en los artículos
de la presente edición. Recuerden que en lo referente a los artículos sobre SharePoint
2013, se trata de una versión Beta que puede cambiar en la versión final. Pero que
esto no ponga cortapisas a su curiosidad: descargue e instale a SharePoint 2013. Sin
duda le gustará...


Septiembre, 2012
Gustavo Vélez – [email protected]
Juan Carlos González [email protected]
Fabián Imaz - [email protected]



CompartiMOSS







01 – KnockoutJS



SharePoint por KO: KnockoutJS

tiempos están

... Knockout,
una de las
nuevas librerías
de JavaScript
nos permite
dotar a
SharePoint de
un modelo de
programación
MVVM (Model-
View-
ViewModel)...

cambiando para

los
Los
programadores de SharePoint. Con la llegada de
la versión Preview de SharePoint 2013, se ha
puesto de manifiesto que tenemos que pulir
considerablemente nuestras habilidades de
programación en JavaScript. El nuevo modelo de
desarrollo de apps de SharePoint 2013 casi
impone hacer los desarrollos en JS con la ayuda
del modelo de objetos de cliente (JS CSOM) o bien
de la interfaz REST de SharePoint.

Para ayudar a mejorar en las habilidades de JS
con SharePoint, en este artículo os enseñaré
como Knockout, una de las nuevas librerías de
JavaScript nos permite dotar a SharePoint de un
modelo de programación MVVM (Model-View-
ViewModel), más dinámico y que nos permite
hacer interfaces muy usables.

¿Qué es Knockout?

KnockoutJS (o Knockout a secas) es una librería
para crear interfaces dinámicas con JavaScript
siguiendo el patrón MVVM, semejante a como lo
hace Silverlight o WPF. La característica principal
del patrón MVVM es que en vez de usar el
modelo de datos directamente, se usa un modelo
ajustado a cada vista
(de allí el nombre
ViewModel) donde mediante bindings se ligan las
propiedades del modelo con los controles de la
vista. Estos bindings suelen ser bidireccionales
para mejorar
la vista. El
"pegamento" que hace posible este enlace es
Knockout.

Vamos a ver un ejemplo sencillo de Knockout
para construir un pequeño gestor de tareas de
SharePoint. Primero usaremos datos "hardcoded"
y luego usaremos la interfaz REST de SharePoint
para obtener
los datos y posteriormente
modificarlos.

Para usar Knockout, tenemos que bajarnos el
fichero JS desde la página de descargas
y
referenciarlo desde nuestro HTML.

<script src="Scripts/knockout-2.0.0.js"
type="text/javascript"></script>


la usabilidad de

El tablón de tareas

La idea de este artículo es tener un pequeño
tablón de tareas de una lista de tareas en
SharePoint, para poder verlas, modificarlas y
añadir nuevas tareas sin ejecutar nada en el
lado servidor. La maqueta de
lo que
queremos conseguir es esta:



Como se ve, habrá una lista de tareas,
mostrando su título y su estado, junto con el
botón de edición de cada una de las tareas.
Habrá también una zona para crear o
modificar la tarea, con los controles de
edición y botón de guardar.

El ejemplo completo se puede bajar desde
mi blog, y en este artículo iré enseñando las
piezas clave de la solución.

La vista

Empezamos con un HTML estático sencillo
para conseguir la vista. El fragmento de
HTML para mostrar las tareas es una lista
normal (elemento UL) con varios SPAN.

<div id="taskListPanel">
<ul>
<li>
<div class="task-item">
<span
class="taskTitle">Titulo</span>
<span>Estado</span>
<a href="#">Editar</a>
</div>
</li>
</ul>
</div>






01 – KnockoutJS

función

El ViewModel

Como modelo de vista usaremos un array de objetos de
JavaScript llamado datosTareas, con las propiedades Id,
Title y Estado.

var datosTareas = [
{ Title: "Tarea 1", Id: 1, Estado: "Not
started" },
{ Title: "Tarea 2", Id: 2, Estado: "In
progress" },
{ Title: "Tarea 3", Id: 3, Estado:
"Completed" }
];

Para convertir este array estándar de JS en un modelo de
Knockout, tenemos que usar la función observableArray()
de Knockout para inicializar una colección observable (la
que permitirá el binding con la vista). Esta función toma un
objeto y lo convierte en un "observable" de Knockout.

Para nuestro caso usaremos una
llamada
ViewModel() a la que pasaremos un parámetro array de
objetos. Se expondrá una propiedad llamada tareas, que
usaremos para binding.

var ViewModel = function (elementos) {


ko.observableArray(elementos);
};

Si se trata de una propiedad que no sea array, se usaría la
función análoga observable().

El enlace de datos con Knockout

El primer paso es decorar los elementos HTML que
queremos enlazar con datos mediante el atributo data-
bind. En el caso de los elementos SPAN, usaremos la
sintaxis text: Nombre, que