Instalando o ATLAS

Faça o download do arquivo AtlasSetup.msi


Você será solicitado a confirmar a instalação dos templates na versão VB e C# , clique em Next e a seguir em Finish. Aguarde o final da instalação e quando receber a mensagem de que a instalação completou com sucesso clique em Close.

Inicie o Visual Web Developer e no menu File selecione a opção . A janela New Web Site selecione em My Templates o template "Atlas" Web Site conforme figura abaixo:

Será criado um novo projeto contendo os seguintes itens:

* Pasta App_Data - Local usado para colocar a fonte de dados

* Pasta Bin - Contém a DLL do Atlas - Microsoft.Web.Atlas.dll



* A página padrão Default.aspx
* O documento com o contrato de licença
* O arquivo readme.txt
* O arquivo web.config contendo as configurações prontas que possamos usar o Atlas.

Na seção Design vemos o componente ScriptManager que é responsável pela definição de quais scripts serão usados conforme a necessidade da página.

Arquitetura do Atlas

A arquitetura Atlas está dividida em duas partes principais. A primeira é a biblioteca de scripts do cliente do Atlas, que torna mais produtiva a construção de funcionalidades no lado cliente das aplicações web. Ela possui um rico modelo de componentes e permite scripts orientados a objeto. Ela fornece várias classes que agregam funcionalidade aos aplicativos, incluindo acesso à rede, melhorias na interface do usuário, ações de manipulação de string.

A segunda parte é o conjunto de extensões do servidor que permite integrar o modelo de aplicação entre o cliente e o servidor.

Segue abaixo uma figura que representa essas arquitetura:

Exemplo de uso do ModalPoup

Achei dois exemplos interessantes do uso do ModalPopup.Neste primeiro exemplo o ModalPopup é utilizado para fazer edição de um GridView, ver figura abaixo:




O código pode ser visto neste link.

Outro exemplo que achei interessante foi a utilização do ModalPopup como diálogo de confirmação (ver o link)

Atlas Framework Toolkit

O Atlas Framework Toolkit é um SDK que veio para trazer mais funcionalidade ao Atlas Framework. Ele é composto de um conjunto de componentes, com código fonte incluso para que possa ser possível a construção de novos controles. São alguns componentes do Toolkit:

AlwaysVisibleControl - controle utilizado para deixar uma informação sempre visivel mesmo que o site possua rolagem.

CascadingDropDown - controle que cria dropdown em cascata.

CollapsiblePanel - expande ou oculta um panel com informações.

ConfirmButton - cria uma caixa de confirmação a partir de um Button, LinkButton ou ImageButton.

HoverMenu - cria um menu de forma dinâmica.

ModalPopup - cria um popup em estilo modal.

PopupControl - cria um popup genérico.

TextBoxWatermark - cria um textbox com marca d'agua.

O Atlas Framework

Visão Geral:

O Atlas é um framework desenvolvido pela Microsoft baseado na tecnologia AJAX. Ele surgiu juntamente com o ASP.net 2.0 e tem como principal objetivo integrar scripts do cliente com o Asp.net do servidor.
O framework oferece uma API de desenvolvimento baseado em JavaScript. A programação é feita utilizando recursos de orientação a objetos e bastante similar a sintaxe utilizada no Framework .Net.
Com o uso do Atlas as páginas web ganharam novos recursos, até então possíveis somente em aplicações desktop. A API oferece componentes que aumentam a interatividade do site, tais como o comportamento de arrastar e soltar algum objeto, adicionar sombra a algum elemento, entre outros.
Hoje em dia, a maioria dos browsers, principalmente os mais usados, suportam o Atlas, evitando problemas de compatibilidade que tanto incomodavam os desenvolvedores.

Conceitos Técnicos:

No Ajax, os desenvolvedores podem criar códigos onde os clientes fazem chamadas assíncronas ao servidor, por meio do objeto XMLHttpRequest. Para realizar a conexão o XMLHttpRequest possui um objeto Proxy, que envia e recebe os dados servidor.
Soluções AJAX utilizam, além do JavaScript, outras tecnologias. Dentre elas o DOM ( Document Object Model ) que expõe os objetos de uma página, possibilitando o acesso a cada um seguindo um padrão ( Documentos, Janelas, ... ) e o DHTML (Dynamic HTML) que é uma extensão HTML que permite uma página Web ser modificada dinamicamente na própria máquina, sem a necessidade de novos acessos ao servidor.

Como utilizar o Atlas?

O Atlas é baseado no .Net Framework 2.0 e fornece suporte para uma melhor utilização dos recursos do JavaScript no lado do cliente e do objeto XmlHttpRequest. Para que ele possa ser utilizado, primeiro é preciso fazer o download do Atlas e em seguida, instalá-lo. Quando ele é instalado, é acrescentado ao Visual Studio um modelo adicional de Web Site para C# e VB e sempre que um novo projeto vai ser criado aparece como opção de criação o "ASP NET 'Atlas' Web Site". Esse tipo de site inclui o Microsoft.Web.Atlas.dll e um arquivo de Web.config configurado para a utilização dos recursos do Atlas. Para utilizar os componentes do Atlas, basta criar uma nova aba na ToolBox, associá-la a DLL do Atlas e os componentes já ficam disponíveis para uso. Depois é só arrastar os componentes e programar!

Exemplo de GridView com UpdateProgress

Primeiramente coloca-se o Scriptmanager e monta o Gridview normalmente. Coloca o Gridview criado num Updatepanel para torná-lo assíncrono quando houver um post na página. Ver figura abaixo:

Depois basta colocar a(s) informação(ões) e/ou imagem(ens) que deseja que apareça quando houver uma requisição ao servidor dentro do Updateprogress, um dos controles do Atlas Framework. Ver exemplo a seguir:

O resultado será o seguinte: