E ai pessoal, Vamos falar um pouco sobre Webslice, tecnologia introduzida pela Microsoft no Internet Explorer 8  juntamente com uma série de outras inovações que serão faladas em outros artigos.

Mas o que vem a ser um Webslice, segue abaixo uma série de perguntas e respostas a respeito da tecnologia:

1.    O que é um Webslice?
Webslice é uma tecnologia embutida no Internet Explorer 8 que através de alguns parâmetros embutido dentro do HTML da página, é possível selecionar parte de uma página Web e adicioná-la a barra de favoritos do IE8.

Veja abaixo antes de adicionar a pagina ao Webslice e depois de adicionar aonde mesmo com outra página web aberta, eu consigo consultar somente a parte da site que me foi de interesse.


2.    Qual a vantagem disto?
Pense por exemplo, sites de cotação na bolsa, aonde as pessoas tem de consultar várias vezes o mesmo gráfico para visualizar como andam as suas ações, normalmente teríamos de ficar entrando na pagina varias vezes ao dia para consultar a mesma informação. Com o Webslice temos a possibilidade agora de retirar esta parte do gráfico e adicioná-la a barra de favoritos do IE8. Assim ele não precisa recarregar mais a página, somente clicar em cima do nome do pagina nos favoritos que a devida parte será carregada na tela.

3.    Funciona com outros navegadores?
Por enquanto não, mas provavelmente próximas versões dos navegadores terão a mesma funcionalidade.

4.    Posso adicionar mais de um site a barra de favoritos do IE8?
Sim, a quantidade de sites a serem adicionadas é ilimitada.

5.    Como se faz para adicionar um Webslice no navegador?
O procedimento é bem simples, basicamente ele consiste nos seguintes passos:

a.     Toda página que contem um Webslice pode ser identificada pelo símbolo verde que ficará habilitado no navegador:

b.    Ao clicar na seta para baixo, serão listados todos os Webslices disponíveis.

c.     Clique no item de sua escolha

d.    Confirme clicando em ADD TO FAVORITE BAR

e.    Já está pronto para utilizar.

Outra maneira de instalar um Webslice é clicando em cima do símbolo verde que ficará visível quando o mouse passar por cima do mesmo.


Fim de teoria. Vamos à prática.

Para começar devemos criar um novo Web Site no Visual Studio 2008, para isto basta clicarmos nas teclas SHIFT + ALT + N, digitar o nome do site e clicar em OK.

1.    Agora, com o projeto criado, expanda o Solution Explorer e clique duas vezes sobre a página Default.aspx para ter a visualização do código HTML da pagina, é aqui que vamos trabalhar.

2.    Entenda que alguns trechos de códigos são obrigatórios para as devidas funcionalidades do Webslice na aplicação, o principal deles é a declaração da class hslice na div que irá conter todo o trecho que será demonstrado dentro do WebSlice.
Os outros trechos são:

a.     entry-title: Título do Webslice a ser visualizado.

b.    entry-content: Conteúdo do Webslice .

3.    Vamos começar a criar:

·         WebSlice Simples, somente o nome na barra dos favoritos
 

Para  nosso primeiro exemplo, vamos criar um WebSlice simples que não tem conteúdo, somente título que servirá como um botão que irá apontar para o nosso site.

<div class="hslice" id="HW">

 <h3>

  <span class="entry-title">Web Slice Na Barra de Favoritos</span>

 </h3>

</div>

 

 

·         WebSlice com conteúdo  
WebSlice com conteúdo é sem dúvidas a maior utilização desta tecnologia. De forma bem simples é possível deixar que certa porção da pagine seja visualizada através dos WebSlices do navegador.  
Infelizmente, não e possível utilizar componentes que realizem Post Back, então sempre opte por controles em HTML puro para melhor funcionalidade.

<div class="hslice" id="HW">

        <h3><span class="entry-title">Web Slice</span></h3>

        <table class="entry-content">

            <tr><td><b>Internet Explorer 8</b></td></tr>

            <tr>

                <td>

                    <img src="ie8_logo.jpg" />

                </td>

            </tr>

        </table>

    </div>

 

 

·         Atualização Automática
É possível definir que os WebSlices tenham seu conteúdo atualizado de forma automática, isto é muito útil para demonstrações de sites como de leilões eletrônicos, monitoramento ou até mesmo um site que atualize a previsão do tempo a cada 30 minutos.
A cada atualização, se for detectada alguma modificação no conteúdo do WebSlice o título do mesmo ficará em negrito na barra de favoritos para alertar que existe algo de novo lá dentro.

<div class="hslice" id="HW">

 <h3><span class="entry-title">Web Slice</span></h3>

  <table class="entry-content">  

   <tr>

    <td>

     <b>Atualizado a cada: <span class="ttl">1</span> Min</b>

    </td>

   </tr>

  </table>

</div>

 

Pois é pessoal, sei que foi curto, mas espero que tenha ajudado um pouco na utilização deste recurso tão interessante que é o Webslice no Internet Explorer 8.