SilverLight 4 - Revisão de conceitos e Acesso a dados

Se você nunca ouviu falar do SilverLight (agora ele esta na sua versão 5) este artigo tem o objetivo de dar uma visão geral sobre o que é o SilverLight, quais seus principais recursos e como usá-lo.

O Silverlight é um de uma nova família de aplicativos para web site que fornecem gráficos, imagens, animação, áudio, e vídeo - todas as características necessárias para o tipo de experiência de usuário rica que as pessoas estão esperando em aplicações web. Esses aplicações são chamadas de RIA - Rich Internet Applications, e, o Adobe Flash foi um dos pioneiros na arena RIA. Pois bem agora ele não está só , a Microsoft fez a sua entrada neste espaço com o lançamento do Silverlight.

Da mesma forma que o Adobe Flash, o Silverlight funciona como um plug-in dentro do navegador e precisa ser instalado na primeira vez que um aplicativo Silverlight é executado. (Um plug-in é um software que não faz parte do Web browser mas pode ser adicionado à para executar aplicativos adicionais). Quando um usuário visita um site que precisa do plug-in Silverlight, o navegador da Web solicitará ao usuário a instalá-lo.

Depois que o plug-in é instalado, visitar qualquer site que hospeda uma aplicação Silverlight faz com que Silverlight seja iniciado no navegador sem problemas. O plug-in em si tem em torno de 4MB, e para além do run-time do Silverlight (que é responsável para executar o aplicativo Silverlight), a aplicação em si precisa ser baixada do site que hospeda o aplicativo.

Obter e instalar o Silverlight no seu computador é bastante simples. tudo o que você tem que fazer é visitar um site Silverlight e ele vai pedir que você instale o Silverlight.

Neste momento você deve estar pensando como será um site que usa o SilverLight ? que recursos ele apresenta ? Então vamos mostrar um bom exemplo: acesse o site Memorabilia - http://memorabilia.hardrock.com/.

Abaixo temos a tela inicial do site que usa o SilverLight:

 

Quando a página aparece, a tela exibe inúmeras pequenas imagens do memorabilia, mas cada vez que você clicar em uma imagem, ela será ampliada. Quando você ampliar a imagem, ele aparece pela primeira vez turva e torna-se progressivamente mais nítida.

Isto é porque a imagem no seu conjunto (que pode ter várias megabytes de tamanho) não é carregada de uma só vez, em vez disso, ele carrega progressivamente quando você precisa. Você também pode ver várias animações no site.

Criar uma aplicação como esse recursos usando HTML simples seria muito difícil e não teria a interatividade rica que é fornecido pelo Silverlight.

Hospedando uma aplicação SilverLight em uma página web

Como os aplicativos do Silverlight são executados a partir um navegador da Web, eles têm que ser hospedado em uma página da Web.

Aplicativos Silverlight têm a extensão .xap (pronunciado "zap"), mas o arquivo Silverlight é, na verdade nada mais do que um arquivo .zip. Se você renomear o arquivo para ter uma extensão .zip e abrir o arquivo, você ainda pode ver todas as bibliotecas compiladas, imagens de marcação, e outros recursos que o arquivo contém.

Para entender como um aplicativo do Silverlight está hospedado em HTML, você pode navegar para um site da Web que contém um aplicativo do Silverlight e visualizar o código-fonte HTML clicando com o botão direito do mouse e escolhendo a opção para visualizar o código fonte(Source View) do menu. O Código-fonte HTML vai se parecer como o exemplo mostrado abaixo:

<object data=”data:application/x-silverlight-2,” type=”application/x-silverlight-2” width=”100%” height=”100%”>
<param name=”source” value=”ClientBin/SilverlightApplication.xap”/>
<param name=”onerror” value=”onSilverlightError” />
<param name=”background” value=”white” />
<param name=”minRuntimeVersion” value=”4.0. 50303.0”/>
<param name=”autoUpgrade” value=”true” />
<a href=”http://go.microsoft.com/fwlink/?LinkID=149156&v=4.0. 50303.0”style=”text-decoration: none;”>
<img src=”http://go.microsoft.com/fwlink/?LinkId=161376”alt=”Get Microsoft Silverlight” style=”border-style:none”/>
</a>
</object>

A tag HTML é uma tag object que especifica o atributo de dados e o tipo. Estes elementos significam que um objeto Silverlight está sendo criado.

A tag param name = "source" contém a posição relativa do arquivo .xap que irá ser executado quando o aplicativo for iniciado.

Alguns dos outros parâmetros contém valores que especificam onde obter as versões mais recentes do Silverlight.

Se tudo isso parece muito complicado para você, não se desespere. As tags objects são criados automaticamente quando você usar o Visual Studio e o Expression Blending.

O que você precisa para criar aplicações SilverLight

A Microsoft fornece todos os programas necessários para criar aplicações Silverlight.

O Expression Blend e o Visual Studio são os aplicativos mais usados para criar aplicações Silverlight, mas podemos usar também o Visual Web Developer 2010 Express Edition.

Para começar a desenvolver aplicações em Silverlight 4, você precisa instalar as seguintes ferramentas:

Todos esses recursos você pode encontrar no site: http://www.silverlight.net/

Em outro artigo pretendo mostrar como criar uma aplicação SilverLight usando os recursos acima mencionados. Aguarde...

Joã 3:20 Porque todo aquele que faz o mal aborrece a luz, e não vem para a luz, para que as suas obras não sejam reprovadas.

Joã 3:21 Mas quem pratica a verdade vem para a luz, a fim de que seja manifesto que as suas obras são feitas em Deus.

Venha para a luz, venha para Jesus, a verdadeira luz que ilumina as trevas e nos conduz para a perfeição.

Referências:

José Carlos Macoratti