Tech days2010template16x9ria

Criando RIAs em SharepointFoundation 2010

OFF305

André LageSBS Software

Andre.lage@sybase.pt

http://twitter.com/aaclage

http://aaclage.blogspot.com

• Criando RIAs utilizando Sharepoint Foundation 2010

• Silverlight/SharePoint

• Silverlight WebPart

• Silverlight Client OM

• Silverlight Ria Services

• Conclusão

Quick guide

SharePoint 2010 com Silverlight

What´s new

Silverlight...a powerfull development for creating engaging, interactive user experiences for Web, desktop, and mobile applications when online or offline.Silverlight helps create visually rich experiences with backend support for rapid develomp through the Microsoft Web Platform, Visual Studio and Expression Studio

...a free plug-in powered by the .NET framework that is compatible across multiple browsers, devices and operating system to bring a new level of interactivity wherever the web works.

“By Paul Stubbs Technical Evangelist Microsoft Corporation”

• Facil de construir e para testar• Common runtime -> menos problemas de compatibilidades “Plug-in”• Semantica .Net• Separação Design do código• Plataforma de Desenvolvimento e Debugging “Visual Studio”

• Mais Interactivo• Animações, Multimédia, Acesso a Dados, ….

• Integração com o cliente• Ponte com o Html• Fora do Browser• File System

http://www.silverlight.net/learn/quickstarts

Silverlight

• SharePoint 2010 • Utilizador final e desenvolvimento

• Silverlight fornece uma oportunidade para o desenvolvimento dinâmico para a internet

• Simple self-contained applications • Complex business applications• Branding applications • Multi-touch applications• …

• Plataformas de Desenvolvimento• Ferramentas em Sharepoint no Visual Studio 2010 • Expression Blend Suite 3• Sharepoint suporta Silverlight nativamente

Sharepoint 2010/Silverlight

Plataforma para SharePoint 2010

Plataforma para SharePoint 2010

• Um Plug-in para o Browser• Aplicação sobre uma sandbox

• XAML declarative markup

• Cross-browser/cross-plataform

• Interação com a páginas Web e Network.

• Podemos usar Silverlight em página de ASPX page ou em WebPart

Silverlight

• Desenvolvimento de Web Part

• Propiedades importantes: URL ou ficheiro .XAP

• Ficheiros .xap(Silverlight-based application package)• Em contexto de site SharePoint• Fora do contexto de Site SharePoint

Silverlight Web Part

• Onde posso fazer o deploy dos ficheiros .XAP (Soluções de Silverlight)

• Pasta Virtuais do SharePoint• Numa Document Library• Sub-Pasta da raiz do Site

• Pasta fisica do Servidor• Na pasta 14\Template\Layouts• 14\Template\Layouts\ClientBin “pasta por defeito”

Silverlight Web Part soluções

• Personalizar a Web Part

• Implementar propiedades na Class de Web Part• Uso de WebBrowsable e Personalizable attributes

• Passar valores das propiedades para aplicações da Silverlight

Propiedades web Part do Silverlight

• Propiedades da Web Part são enviadas para aplicações em Silverlight através do parametro initParams em html

• No Evento Application_Startup a propiedade e.InitParams pode ser usada

• e.InitParams.Keys.Contains(“Nome”)• e.InitParams[“Nome”]

Propiedades web Part do Silverlight

DemoSilverlight Web Part

• Cliente Object Model fornece uma api em vez de mais serviços

• Fornece nova layer para reconhecer os Objectos de SharePoint

• Aumentar a consistencia dos Desenvolvedores nas diversas plataformas (.Net, ECMAScript, Silverlight)

• Plataforma desenvolvida e suportada pela Microsoft

• Semântica parecida com SharePoint Object Model

• Uso do Client OM em Silverlight para criar SharePoint aplicações

SharePoint Client Object

Client Object Model

• A Web Part pode disponibilizar o plug-in para o Silverlight

• SharePoint aceita Silverlight em web Part

• Web Part personalizado podes guardar propiedades que podem ser usadas no Silverlight sendo enviadas via InitParamenters property.

• Os ficheiros XAP pode ser adicionado em ficheiros de file System ou em conteudos de SharePoint.

Silverlight Web Parts

• Em “c:\program Files\Common Files\Microsoft Shared\Web Server Extensions\14\Template\Layouts\ClientBin”

• Microsoft.SharePoint.Client.Silverlight.dll• 230kb

• Microsoft.SharePoint.Client.Silverlight.Runtime.dll• 130kb

“Using the SharePoint Foundation 2010 Managed Client Object Model “http://msdn.microsoft.com/en-us/library/ee857094(office.14).aspx

Silverlight Client Object Model

Areas Suportadas?

Exemplo: SPWeb.Url = Web.Url

DemoSilverlight com Client Object

• Client Object Model• Site, Navigation• Security services• Very flexible

• ADO.NET Data Services(REST access to lists)

• Fácil de usar• List Schema

• SharePoint web services API

• Passar info em paginas de HTML

• Chamadas a WebServices personalizados

Sharepoint Data Access Silverlight

Web ServicesAdvanced OperationsSharePoint Server Operations

Client OMAdvanced OperationsSite Operations Security

RESTList DataFixed Schema

• Trabalhar com o Object Model Remotamente• Query em REST style web services

Syntax: • /_vti_bin/ListData.svc/{Entity}[({identifier})]/[{Property}]

Exemple para retornar os Km em Autoestradas $4: • /_vti_bin/ListData.svc/Autoestradas(4)/Km

Exemple to selecionar Autoestrada com 300 Km:• /_vti_bin/ListData.svc/Autoestradas?$filter=KM eq ‘300’

http://www.sharepointdevwiki.com/display/sp2010/REST+APIs

Client API / REST

• Grande Quantidade de dados Lentidão• Grande Quantidade de dados Confunde o Utilizador• Resposta: Apenas a informação que precisa

• Possibilidade de realizar querys a Informação• Possibilidade de Paginar

• ADO.NET Data Services “novidade” nosso amigo! • $top= - Limita o numero de linhas a retornar• $skip= - Salta o número especificado de linhas • Exemple: Aparecer o 3º grupo de 10 linhas,

?$top=10&$skip=20

Dataset

RIA Data on Sharpoint 2010

Web Page

< object> tagwith hidden field

name

ListXML with initial load of list data (hidden

field)

Web Part

SilverlightViewer

ListData.svc

DemoSilverlight com RIA

Conclusion

• Aplicações Robustas e interactivas• Bom tratamento de Dados é

essencial• Seguir sempre as boas práticas• Integração Web 2.0

Eu uso e não volto atrás....

Q & A

A sua opinião é importante!Complete o questionário de avaliação e devolva-o à saida.