Iniciando Com Silver Light 4 e WCF Ria Services

Download Iniciando Com Silver Light 4 e WCF Ria Services

Post on 04-Jul-2015

703 views

Category:

Documents

8 download

Embed Size (px)

DESCRIPTION

Iniciando com silverlight 4 e WCF por Alliston Carlos

TRANSCRIPT

Introduo ao Silverlight 4 e WCF RIA ServicesUma aproximao bsica das tecnologiasAlliston Carlos

2010

Introduo ao Silverlight 4 e WCF RIA Services

SumrioRequisitos ...................................................................................................................................... 2 Histria da Web (HTML, Web 2.0 e AJAX, RIA) ............................................................................. 3 Silverlight 4 .................................................................................................................................... 4 O que Silverlight? ................................................................................................................... 4 O que XAML? .......................................................................................................................... 4 Criando o primeiro projeto com Silverlight............................................................................... 4 Criando um projeto Navigation Application ............................................................................. 9 Iniciando com WCF Ria Services.................................................................................................. 13 Criando um projeto Business Application com Silverlight ..........Error! Bookmark not defined.

1

Introduo ao Silverlight 4 e WCF RIA Services

Introduo ao Silverlight 4 e WCF RIA ServicesRequisitosVisual Studio 2010 (Para desenvolvimento com Silverlight 4) Verso Ultimate http://www.microsoft.com/downloads/details.aspx?FamilyID=06a32b1c 80e9-41df-ba0c-79d56cb823f7&displaylang=en* Observao: Quem possui cadastro no CIEE pode baixar o Visual Studio 2010 Professional de graa e FULL!

Silverlight 4 Developer Tools, Toolkit e WCF RIA Services http://www.silverlight.net/getstarted/* A partir deste ponto, assumo que as ferramentas de suporte e desenvolvimento estejam devidamente instaladas e configuradas

2

Introduo ao Silverlight 4 e WCF RIA Services

Histria da Web (HTML, Web 2.0 e AJAX, RIA)No incio da dcada de 90, surgiu a World Wide Web, conhecida por pginas estticas, HTML puro e quase nenhum dinamismo nos browsers. A medida que a Web foi se popularizando, a necessidade de recursos mais dinmicos foi crescendo, o que permitiu o surgimento de novos paradigmas e a aproximao dos sistemas desktop. Tal cenrio favoreceu o surgimento do AJAX, o chamado Asynchronous Javascript And XML, onde uma funo Javascript executava uma operao, e por meio de callback os dados eram manipulados. Mas esse tipo de programao no era muito trivial, por isso surgiram controles como o UpdatePanel e ScriptManager do ASP.Net 2.0, que mais tarde foram incorporados ao .Net 3.5 (anteriormente, estes componentes eram distribudos atravs de um toolkit a parte para o Visual Studio). Mesmo com a aproximao da web com o desktop, atravs de AJAX, os programadores buscavam algo mais prximo ainda da programao para ambientes desktop. Esta necessidade favoreceu o surgimento do conceito chamado RIA Rich Internet Applications. Este conceito ganhou vrios frameworks de desenvolvimento, entre eles o Adobe Flex e o Microsoft Silverlight. So basicamente plugins da pgina onde executam, objetos dentro do HTML.

3

Introduo ao Silverlight 4 e WCF RIA Services

Silverlight 4O que Silverlight? a plataforma de RIA desenvolvida pela Microsoft. Trabalha com XAML e linguagens .Net (VB, C# e F#), assim como o ASP.Net trabalha com HTML e linguagens .Net

O que XAML? a linguagem de marcao utilizada pelo Silverlight, a qual lembra as linguagens XML e HTML. responsvel pelo design dos controles que iro aparecer na tela. Sigla de eXtended Application Markup Language (Linguagem de Marcao Extendida para Aplicaes). Pronunciase Zammel e foi introduzida com o WPF Windows Presentation Foundation

Criando o primeiro projeto com SilverlightPrimeiro, devemos abrir o Visual Studio e selecionar a criao de um novo projeto Silverlight. Teremos a tela a seguir:

Figura 1. Novo Projeto Silverlight

Podemos notar que temos vrios templates de projetos, todos referentes ao Silverlight: Silverlight Application: Uma aplicao comum, sem facilidades para acesso a dados, nem navegao. Recomendada para animaes, aplicaes simples, etc. Silverlight Class Library: Biblioteca de classes para o Silverlight, onde possvel criar somente controles customizados, sem execuo direta (F5)

4

Introduo ao Silverlight 4 e WCF RIA Services Silverlight Business Application: Aplicao Line of Business (LOB), onde temos pginas navegveis e uma aplicao mais voltada para acesso a dados do Banco Silverlight Navigation Application: Mesmo que o Business Application, somente diferenciando pela falta de configuraes voltadas para acesso a Dados WCF RIA Services Class Library: Biblioteca para criao de controles de expanso do WCF RIA Services Escolhendo o primeiro tipo, teremos ento a janela a seguir:

Figura 2. New Silverlight Application

Como o Silverlight apenas um objeto dentro de uma pgina Web, nos solicitado a criao de um novo Web Site, para hospedagem. Temos as opes de configurao, incluindo se desejamos habilitar o RIA Services. Selecionando as opes padro e clicando OK, teremos nosso primeiro contato com o Silverlight:

5

Introduo ao Silverlight 4 e WCF RIA Services

Figura 3. MainPage.xaml

Reparando na imagem acima, veremos duas reas distintas: Uma de Design (superior) e outra de XAML (inferior). Nesta tela possvel customizar a aparncia da nossa janela (chamada MainPage.xaml), seja arrastando controles para ela, ou digitando-os diretamente no XAML. Olhando na parte XAML, verifiquem que teremos as seguintes declaraes:

Figura 4. XML Namespaces

Estes so os XML Namespaces, onde declaramos os namespaces que iremos utilizar na tela. um recurso praticamente igual ao using do C#. Para que possamos adicionar um controle (TextBox) na tela, alm de arrastar da Toolbox para a tela, podemos escrever sua Tag diretamente no XAML. Esta Tag ficaria assim: Figura 5. Tag TextBox

Mas como esta Tag cobriria toda a superfcie da tela, devemos ajust-la para o tamanho desejado. Para isso, redimensionamos a TextBox como qualquer outro controle, em qualquer

6

Introduo ao Silverlight 4 e WCF RIA Services tecnologia (ASP.Net, WPF, WindowsForms) e podemos posicion-la em qualquer lugar, como aplicaes Windows Client (a principal vantagem das aplicaes RIA) XAML Aps o redimensionamento, podemos reparar que existem certas linhas ligando a TextBox s bordas do elemento Grid. Eles servem para indicar qual ser o comportamento do controle em caso de redimensionamento da pgina (alterao de resoluo ou tamanho do navegador, por exemplo). Clicando em cima das linhas, elas sero apagadas, indicando que no existir mais vinculo entre aquele lado e sua borda respectiva:

Figura 6. TextBox alinhada esquerda e no canto superior.

No esquecendo do XAML, o resultado da TextBox acima ser parecido com o seguinte:

Figura 7. XAML da TextBox anterior

Vale notar tambm que suas propriedades podem ser customizadas atravs da janela de Propriedades do Visual Studio:

7

Introduo ao Silverlight 4 e WCF RIA Services

Figura 8. Propriedades da TextBox

Verificando que esta TextBox no possui nome, podemos clicar no local onde est escrito e dar um nome nossa TextBox, alm de definir outras propriedades escolha.

8

Introduo ao Silverlight 4 e WCF RIA Services

Criando um projeto Navigation ApplicationO Navigation Application um novo tipo de projeto, que foi incluido no Silverlight 3. um template parecido com o que temos para o ASP.Net Web Forms, onde existem pginas ao invs de janelas. De cara, aps sua criao (exatamente igual criao do projeto anterior), nos deparamos com uma tela, parecida com um Web site qualquer. Executando-a, temos a seguinte tela:

Figura 9. Navigation Application rodando

Realmente um Web site comum, apenas difere por ser criado em Silverlight! Repare tambm no endereo da pgina, mais precisamente na parte SilverlightApplication2TestPage.aspx#/Home. Esta URL significa que: O Silverlight est hospedado na pgina (ASP.Net) SilverlightApplication2TestPage.aspx Dentro desta pgina, o Silverlight aponta para a pgina (Silverlight) Home Desta forma, possvel, por exemplo, enviar um link para algum apontando diretamente para a pgina de About (Sobre), ao invs de enviar o link raiz do Web site e o usurio ir procurando onde certa informao est contida. Mas e esta pgina SilverlightApplication2TestPage.aspx? Ela est contida no projeto Web, que no nosso caso se chama SilverlightApplication2.Web. Navegando por ele, dentro da pasta ClientBin, iremos encontrar o nosso pacote Silverlight compilado, chamado SilverlightApplication2.xap. E como eu disse anteriormente que o Silverlight um objeto inserido dentro de qualquer pgina HTML, vejam como ele est na pgina aspx:

9

Introduo ao Silverlight 4 e WCF RIA Services

Figura 10. Silverlight hospedado no ASP.Net/HTML

Mesmo que este seja o cdigo do projeto ASP.Net, no HTML ser exibido o mesmo cdigo. Voltando ao projeto Silverlight, vamos analisar o XAML da MainPage.xaml:

Figura 11. Trecho da MainPage.xaml no Navigation Application

Neste trecho, temos os controles responsveis pelo menu de navegao da nossa aplicao, mais especificamente os controles HyperlinkButton. Eles funcionam exatamente como links do HTML/ASP.Net, e neste caso so separados por um retngulo simples. O mais intrigante a propriedade NavigateUrl, onde definimos cada pgina que estar vinculada ao HyperlinkButton. Caso criemos a pgina Contato, atravs desta propriedade que iremos criar um link para ela. Lembrando que as pginas criadas devem estar dentro da pasta Views do projeto Silverlight, para que sejam reconheci