Webcast Canal SharePoint Andre Lage

CanalSharePoint – Maior Comunidade SharePoint do Brasil 1

Ribbons e Cliente Object Model

André LageConsultor SharePoint

Sybase, SBS Portugal

Wagner AmorinEspecialista SharePoint, EPM, BI, CRM

TerraForum Consultores

CanalSharePoint – Maior Comunidade SharePoint do Brasil 2

Agenda

• Apresentação• Ribbon• Client Object Model• Perguntas e respostas

CanalSharePoint – Maior Comunidade SharePoint do Brasil 3

Apresentação

• MCTS (Windows SharePoint Services 3.0, Microsoft Office SharePoint Server 2007 - configuração e desenvolvimento);

• Participação ativa nos foruns da microsoft sobre Sharepoint• Tem atuado diretamente na elaboração de artigos em Sharepoint para a Comunidade

CanalSharepoint.com.br.

André LageSybase, SBS Portugalhttp://www.sybase.pt

http://aaclage.blogspot.com

CanalSharePoint – Maior Comunidade SharePoint do Brasil 4

Apresentação

• MCPD Web Developer• MCTS (Windows SharePoint Services 3.0, Microsoft Office SharePoint Server 2007 -

configuração e desenvolvimento);

• Tem atuado diretamente na liderança da Comunidade CanalSharepoint.com.br.

Wagner AmorimTerraForum Consultores

ww.canalsharepoint.com.br\wagnerawaamorim.spaces.live.com

CanalSharePoint – Maior Comunidade SharePoint do Brasil 5

Objetivo

• Com a evolução dos produtos SharePoint 2007 e agora a nova versão, este webcast terá como objetivo fazer um Overview das funcionalidades Ribbon e Client Object Model do SharePoint 2010.

CanalSharePoint – Maior Comunidade SharePoint do Brasil 6

Entendendo a evolução

• SharePoint 2010

• SharePoint 2007

CanalSharePoint – Maior Comunidade SharePoint do Brasil 7

Follow Allways

• Microsoft “Best Pratices” SEMPRE...

Estudo das Metodologias e Paradigmas Sharepoint, antes de cada Projecto...

CanalSharePoint – Maior Comunidade SharePoint do Brasil 8

Vantagens Ribbon

• Substituir Menus por Tabs• Flexibilidade• Facilidade• Interactivo e apelativo• Uniformizar com Office 2007/2010

CanalSharePoint – Maior Comunidade SharePoint do Brasil 9

Feature Ribbon

Package Feature:Criar ficheiro WSP para instalação da Solução.

Feature Manifest:

Definição das Funcionalidades através de uma estrutura XML “Feature.xml”.

Elements Manifest:Ficheiro para definição das novas funcionalidades.

Para definir as novas opções para personalizar precisamos escolher uma das seguintes opções:

<CustomAction> Criar novas opções para Menu. <CustomActionGroup> - Criar novo grupo de opções para Menu. <HideCustomAction> - Esconder opções do Menu.

CanalSharePoint – Maior Comunidade SharePoint do Brasil 10

Estrutura do Ribbon

• CustomAction<CustomAction

Id="AsminhasTab"

Location="CommandUI.Ribbon"

RegistrationId="101"

RegistrationType="List">

TemplateID Descrição

100 Generic list101 Document library

102 Survey

103 Links list

.....

CanalSharePoint – Maior Comunidade SharePoint do Brasil 11

Estados para o Ribbon

Class DescriçãoCommandUI.Ribbon Menus associados aos templates pela opção

RegistrationId.CommandUI.Ribbon.ListView

Menus aparecem quando a Listagem de webpart está presente.

CommandUI.Ribbon.EditForm

Menus associado a form de edição.

CommandUI.Ribbon.NewForm

Menus associado a Nova form.

CommandUI.Ribbon.DisplayForm

Menus associado a visualização da form.

CanalSharePoint – Maior Comunidade SharePoint do Brasil 12

Controlos para Ribbons

Controlo Descrição

Button A simple button used to perform an action.

Checkbox A check box used to select an option.

Color Picker A grid used to select a color or style.

Combo Box A list used to select a value by clicking or typing.

Drop Down A list used to select a value by clicking.

Flyout Anchor A button with a down arrow used to open a menu.

Insert Table A 10-by-10 grid used to specify the dimensions of a table.

Label A line of text used to provide information.

Menu A container used to show pop-up menus.

.......

http://msdn.microsoft.com/en-us/library/ee537017(office.14).aspx

CanalSharePoint – Maior Comunidade SharePoint do Brasil 13

Exemplo Controlo Ribbon

<CustomAction Id=“Botao Ribbon" RegistrationType="List" RegistrationId="101" Location="CommandUI.Ribbon" Sequence="5"> <CommandUIExtension> <CommandUIDefinitions> <CommandUIDefinition Location="Ribbon.Documents.Manage.Controls._children"> <Button Id="Ribbon.Documents.New.DemoButton" Alt=“Botao Ribbon“ Sequence="5" Command="Opcao“ Image32by32="_layouts/images/Ribbon/Pinguim.png" LabelText="Link to Sybase“ TemplateAlias="o1"/> </CommandUIDefinition> </CommandUIDefinitions> <CommandUIHandlers> <CommandUIHandler Command=" Opcao" CommandAction="javascript:window.location.href='http://www.sybase.pt';" /> </CommandUIHandlers> </CommandUIExtension> </CustomAction>

CanalSharePoint – Maior Comunidade SharePoint do Brasil 14

Desenhar Ribbon

CanalSharePoint – Maior Comunidade SharePoint do Brasil 15

Desenhar Ribbon

<CommandUIDefinition Location="Ribbon.Tabs._children"> <Tab Id="Ribbon.CustomTabExample" Title="A minha Tab" Description="Aqui ficam os meus controls" Sequence="501"><Scaling //Escala da nossa Tab “Size="OneLargeTwoMedium"” Id="Ribbon.CustomTabExample.Scaling">....

<Groups Id="Ribbon.CustomTabExample.Groups"> <Group Id="Ribbon.CustomTabExample.CustomGroupExample" Description="Novo Grupo Base" Title="Novo Grupo Base" Sequence="52" Template="Ribbon.Templates.CustomTemplateExample"> <Controls Id="Ribbon.CustomTabExample.CustomGroupExample.Controls"> <Button. ...

CanalSharePoint – Maior Comunidade SharePoint do Brasil 16

Desenhar Ribbon

<CommandUIDefinition Location="Ribbon.Templates._children"> <GroupTemplate Id="Ribbon.Templates.CustomTemplateExample"> <Layout Title="OneLargeTwoMedium" LayoutTitle="OneLargeTwoMedium"> <Section Alignment="Top" Type="OneRow"> <Row>....

<CommandUIHandlers> <CommandUIHandler Command="CustomTabExample.HelloWorldCommand" CommandAction="javascript:alert('Botao Selecionado');" /> ....

CanalSharePoint – Maior Comunidade SharePoint do Brasil 17

Vantagens• Acesso Objectos Sharepoint• Funcionalidades Dinâmicas• API Microsoft

Client Object Model

Possiveis problemas• Desenvolvimento robusto• Intervenções Pontuais• Browsers em Sites Internet

CanalSharePoint – Maior Comunidade SharePoint do Brasil 18

Client Object Model

<script type="text/javascript"> function useClientContext() { var clientContext = new SP.ClientContext('/'); this.oWebsite = clientContext.get_web(); clientContext.load(oWebsite); clientContext.executeQueryAsync(Function.createDelegate(this, this.onQuerySucceeded), Function.createDelegate(this, this.onQueryFailed));}

function onQuerySucceeded() { alert('Titulo: ' + oWebsite.get_title()+ '\n '+oWebsite.get_description());} function onQueryFailed(sender, args) { alert('Request failed. ' + args.get_message() + '\n' + args.get_stackTrace());}</script>

<input type="button" value="Pegar Titulo site" onclick="javascript:useClientContext()"/></div>

http://msdn.microsoft.com/en-us/library/ee537247(office.14).aspx

CanalSharePoint – Maior Comunidade SharePoint do Brasil 19

Client Object Model

CanalSharePoint – Maior Comunidade SharePoint do Brasil 20

P&R

André Lage Wagner Amorimhttp://aaclage.blogspot.com http://

canalsharepoint.com.br/wagnera

[email protected] [email protected]