Sunday, November 22, 2009

Configurar WebPart para Meteorologia

Autor:André Lage
Publicação:
__________
Download:Documento
(EN)Translate:Link

Configurar WebPart para Meteorologia
O  Sharepoint é daquelas ferramentas que devemos parar e explorar antes de realizar desenvolvimento, uma das grande capacidade do Sharepoint é a sua integração com outras tecnologias Web o que torna bastante flexivel e toda a personalização das paginas simples e directas.
Para este tipo de desenvolvimento, o sharepoint tem uma Webpart chamada "DataViewWebpart" que realiza chamada a dado através de diferentes camadas de dados, desde Listas de Sharepoint, WebServices, Banco de Dados e XML.
Para desenho da Webpart utilizei a estrutra XSL "EXtensible Stylesheet Language" que é uma camada de Desenho que serve para modelos em diferentes Webpart, desde que tenha os mesmo tipo de dados a receber.
Neste artigo mostra como podemos utilizar os acessos a Dados XML em WebPart com Desenho XSL, tendo como finalidade criar uma WebPart de Meterologia.

Configurar XSL para conteudo

Antes de começar a criar a WebPart temos que desenhar a estrutura como a nossa Webpart vai ficar, para isso podemos utilizar o Sharepoint Designer 2007 e utilizar a (DVWP) DataViewWebPart, para chamar a nossa Datasource precisamos chamar o WebService de Meterologia da Google.
Exemplo: 
WebService da Google para Meterologia.*
Autor

* Google disponibiliza um webservice para aceder ao estado tempo através de um conjunto de parâmetros.
Parâmetros:
Weather: Cidade onde estamos a pesquisar a Meterologia
hl: Lingua em que o conteudo vem traduzido, pt-PT(Portugal), pt-BR (Brasil)


Ao chamar o WebService, pretendo que fique em ficheiro XML para poder trabalhar e realizar alterações.
Depois de criar o ficheiro de XML, podemos utiliza a opção "Datasource Library" para fazer uma pré-visualização dos nossos dados e selecionar e importar.

Depois  seleccionamos os campos a importar adicionamos a Datasource e os campos a importar de uma maneira simples simple :).

 Depois de importar os campos que queres utilizar dos WebServices podemos utilizar o HTML para desenhar o resultado final da Webpart.


Depois de criado a alterado dados do output da nossa WebPart, devemos copiar o seu conteudo desde 
"<xls:stylesheet" até "</xls:stylesheet">, este conteudo irá ser utilizado para configuração da XML WebPart.

Configurar XML WebPart

Já na página de Sharepoint, adicionamos a nossa "XML WebPart" e podemos começar a configurar.


No modo de Edição da WebPart, podemos definir de onde provem os nossos dados de XML, neste caso eu defini o nosso WebService da Google para meterologia.
No campos:
XML Link: Devemos adicionar o Link onde se encontra o nosso conteudo de XML neste caso o WebService da Google.
XSL Editor: Da cópia do conteudo do XSL realizada no Sharepoint Designer 2007 devemos passar para este editor de conteúdo, onde irá ficar a estrutura da WebPart de Meteorologia. 


Feito, agora é so fazer "OK" e a nossa WebPart está pronta para ficar disponível na página de Sharepoint.


Aqui temos mais um exemplo de como podemos utilizar o que vem por defeito do Sharepoint sem realizar nenhum desenvolvimento, apenas alteração de XSL e serviços disponibilizados pela internet, de uma maneira, simples simples.
Anexo  "Tempo _São Paulo_ - By André Lage.dwp"
Anexo "Microsoft Stock" - MSFT_Stock.dwp
Anexo "Graficos Bolsas" "Google, Microsoft, Oracle, Sybase"
Exemplo:

 

Se pretenderem mudar as imagens que o serviço da API da google disponibiliza para algo mais personalizado podes alterar o caminho.


images/weather/chance_of_rain.gif
images/weather/sunny.gif
images/weather/mostly_sunny.gif
images/weather/partly_cloudy.gif
images/weather/mostly_cloudy.gif
images/weather/chance_of_storm.gif
images/weather/rain.gif
images/weather/chance_of_rain.gif
images/weather/chance_of_snow.gif
images/weather/cloudy.gif
images/weather/mist.gif
images/weather/storm.gif
images/weather/thunderstorm.gif
images/weather/chance_of_tstorm.gif
images/weather/sleet.gif
images/weather/snow.gif
images/weather/icy.gif
images/weather/dust.gif
images/weather/fog.gif
images/weather/smoke.gif
images/weather/haze.gif
images/weather/flurries.gif



Um grande abraço a todos e espero que tenham gostado de mais este Artigo.


7 comments:

rjperes said...

Muito bom!

ArmazenRoots said...

Eu nao consigo obter os dados de http://www.google.com/ig/api?weather=sao paulo&hl=pt-BR

Consigo para http://www.google.com/ig/api?weather=curitiba&hl=pt-BR

Acho q o espaço causa problemas.
Alguma sugestao?

valeu

Tecnologias .Net CRM SHAREPOINT said...

No primeiro Link eu adicionei o correcto "sao%20paulo"

http://www.google.com/ig/api?weather=sao%20paulo&hl=pt-BR

ArmazenRoots said...

JA tentei assim tb.
Aqui nao esta funcionando assim.

Tecnologias .Net CRM SHAREPOINT said...

Embora o site apareça em branco consegues aceder ao XML com os dados, com o rato carega botao direito e seleciona "View Source" o conteudo esta la.
Comigo esta a funcionar.

ArmazenRoots said...

Onde tem a opção View Source?

Eu nao consigo visualizar nada depois de clicar em Show data.
Só obtenho a mensagem de erro:

" O servidor retornou um erro não especificado ao tentar obter os dados da fonte de dados. Verifique o formato e o conteúdo da consulta e tente novamente. Se o problema persistir, contate o administrador do servidor."

Será q posso deixar como curitiba, selecionar os campos e depois trocar de volta para Sao Paulo?

Tecnologias .Net CRM SHAREPOINT said...

Já sei o que estas a fazer, ok faz isto, abre o teu Internet explorer e adiciona o url "http://www.google.com/ig/api?weather=sao%20paulo&hl=pt-BR" e guarda o ficheiro como *.xml

depois adiciona o ficheiro no sharepoint e segue o manual, o principal e realiza o XSLT para receber os dados.

Cumprimentos,