Silverlight: Primeira aplicação - Easy .net magazine 2

Silverlight

    Criar aplicações para a web sempre foi um grande desafio, são muitas tecnologias disponíveis, muitas novidades e grandes avanços tecnológicos são lançados a cada mês. Cada vez mais as aplicações web requerem interfaces mais elaboradas, design com apelo visual atraente, interatividade, recursos multimídias com qualidade de vídeo e áudio, usabilidade e facilidade de trabalhar com a manipulação de dados, tudo isso sem perder a produtividade durante o desenvolvimento. A alternativa da Microsoft para a construção de aplicativos desse tipo, o que chamamos de RIA (Rich Internet Application), é o Silverlight e suas ferramentas de desenvolvimento integradas como o Visual Studio e o Expression Blend.
  Silverlight é um plug-in cross-browser e cross-platform, considerada a nova geração para a apresentação de conteúdo interativo e multimídia. Essa tecnologia facilita muito quando queremos disponibilizar vídeos, áudios, trabalhar com imagens, criar formulários, trabalhar com informações em base de dados entre ersas outras possibilidades.
  A Microsoft tem feito grandes avanços a cada novo release lançado, mostrando que está apostando muito nessa tecnologia. A cada nova versão a distância entre uma aplicação online e uma aplicação desktop fica menor. Hoje já temos a possibilidade de realizar ersas tarefas como acessar informações do computador do usuário, dispositivos de hardware ou até mesmo rodar uma aplicação Silverlight fora do browser, tudo isso de forma fácil e simples e ainda proporcionar a criação de aplicativos com um visual atraente. Existe inclusive uma ferramenta da Microsoft chamada Expression Blend que é uma ferramenta exclusiva para o design de aplicativos feitos em Silverlight ou WPF (Windows Presentation Foundation, a base do Silverlight), tudo ainda com integração completa ao Visual Studio.

Nota do DevMan

O Expression Blend é uma ferramenta da Microsoft cujo objetivo principal é auxiliar no desenvolvimento de designs em Silverlight ou WPF, nela você pode criar interfaces aprimoradas para suas aplicações. O Expression Blend é totalmente integrado ao Visual Studio. O Microsoft Expression Blend 4 já está disponível para download de avaliação no site da Microsoft.

Nota do DevMan

WPF (Windows Presentation Foundation) é um componente do .NET framework que possibilita criar aplicações elaboradas voltadas para aplicações Windows, é a base do Silverlight e  é considerado a evolução do Windows Forms.

   A ferramenta mais completa da Microsoft para o desenvolvimento de software é o Visual Studio. Existe um pacote do Visual Studio chamado Express que é gratuito e você pode fazer o download no site da Microsoft, um deles é o Visual Web Developer Express. Existe um aplicativo da Microsoft chamado Web Platform Installer que facilita a configuração de todo o ambiente, dessa forma se você acompanhou a primeira edição da Easy .NET Magazine e já tem instalado o Web Developer 2008 Express você pode pular para a próxima etapa, fazer o download e instalar o “Silverlight 3 Tools for Visual Studio” para habilitar o desenvolvimento de aplicações Silverlight.

Web Platform Installer

Para preparar o ambiente de desenvolvimento em Silverlight com o Web Developer Express a Microsoft preparou o Web Platform Installer que é uma ferramenta completa que instala a plataforma Web da Microsoft. Antes de iniciar a instalação a ferramenta permite que você selecione quais ferramentas deseja instalar. Faça o download do Web Platform Installer no site da Microsoft e inicie a instalação, três abas aparecerão na tela, são elas:  

·  What’s New? – com as últimas novidades inseridas na ferramenta;

·  Web Platform – com as ferramentas básicas da plataforma web;

·  Web Applications – com ersos aplicativos que podem ser instalados juntos com a plataforma web da Microsoft.

Clique em Web Platform conforme mostra a Figura 1, quatro opções são apresentadas: Web Server, Frameworks and Runtimes, Database e Tools. Clique em Click to include the recommended products nas quatro opções para instalar os produtos recomendados pela Microsoft.

Em Tools clique em Customize e deixe habilitado o Silverlight 3 Tools for Visual Studio, Silverlight Toolkit e Visual Web Developer 2008 Express SP1, conforme a  Figura 2.

<!--[if !vml]-->
<!--[endif]-->

Figura 2. Silverlight 3 Tools for Visual Studio

A próxima etapa é aceitar o termo de licença dos produtos instalados, para isso clique em I Accept, na sequência é iniciada a instalação de um dos produtos recomendados pela Microsoft, o SQL Server 2008 Express. Nesta etapa vamos inserir uma senha conforme a Figura 3 para o usuário “sa”, que é o administrador da base de dados.

<!--[if !vml]-->
<!--[endif]-->

Figura 3. Web Platform Installer – SQL Server Express password

Se tudo ocorrer como previsto você receberá a mensagem de Congratulations por ter instalado com sucesso os aplicativos recomendados e estará pronto para iniciar o desenvolvimento com a tecnologia Silverlight.

Criando uma aplicação Silverlight

                Abra o Visual Studio Web Developer Express e localize o Recent Projects (Figura 4). No Recent Projects aparecem os últimos projetos que você trabalhou e as opções para abrir um projeto existente ou criar um novo, são eles Open Project e Create Project respectivamente. Clique em Create Project, uma janela chamada New Project aparecerá (Figura 5), na lado superior esquerdo aparecerão duas opções de linguagens de programação, Visual Basic e Visual C#, em ambos os casos é possível criar aplicações Silverlight e o resultado final será o mesmo. Para esse artigo não é necessário um conhecimento nas linguagens de programação, porém é essencial que você estude alguma dessas linguagens para criar aplicações em Silverlight.

                Para esse artigo vou utilizar o Visual C#. Na janela Templates em Visual Studio Installed Templates selecione Silverlight Application e em Name informe o nome do nosso projeto, neste caso coloque SilverlightApp e clique no botão OK.

<!--[if !vml]-->
<!--[endif]-->

Figura 4. Recent Projects

<!--[if !vml]-->
<!--[endif]-->

Figura 5. Tela New Project

Uma janela chamada New Silverlight Application vai aparecer (Figura 6). Para rodar uma aplicativo Silverlight é necessário uma página HTML ou ASP.NET que permite o browser carregar uma aplicação Silverlight. Com a opção Host the Silverlight application in a new Web Site desabilitada, o Visual Studio cria em tempo de execução uma página de teste. Já com a opção habilitada um novo projeto ASP.NET é criado na mesma “Solution” do projeto Silverlight, isso possibilita trabalhar com o projeto ASP.NET de forma separada.

<!--[if !vml]-->
<!--[endif]-->

Figura 6. Opções para criar o projeto Silverlight

Selecione a opção Host the Silverlight application in a new Web site, mantenha o nome sugerido para o projeto ASP.NET, neste caso o nome é SilverlightApp.Web e no ComboBox New Web Project type aparecem as opções ASP.NET Web Application Project e ASP.NET Web Site. Existem ersas diferenças entre as duas opções, mas acredito que a mais importante seja que em Application Project temos um assembly pré-compilado no servidor proporcionando mais segurança e performance e no caso de Web Site as aplicações não são pré-compiladas. Em nosso primeiro projeto vamos manter o “ASP.NET Web Application Project”, clique em “OK” para criar a sua primeira aplicação Silverlight.

ATENÇÃO! A exibição deste artigo foi interrompida.

  #Este é um post fechado

Este post está disponível para assinantes da Easy .net magazine ou para quem possui Créditos DevMedia. Clique aqui para saber mais sobre como abrir este post!