Atenç�o: esse artigo tem um v�deo complementar. Clique e assista!

Do que trata o artigo

Este artigo mostra como criar um Web Chat usando ASP.NET AJAX, usando ainda recursos espec�ficos do SQL Server, como suporte nativo a consultas resultantes em formato XML.

Para que serve

O uso de XML garante a troca de informaç�es independente de tecnologia enquanto que o AJAX permite que uma p�gina ASP.NET seja atualizada de forma eficiente, diminuindo os reloads completos.

Em que situaç�o o tema � �til

O uso do XML para trafegar dados na Web tornou-se padr�o h� algum tempo j�. Portando se voc� deseja transferir informaç�es n�o � necess�rio mais criar um padr�o particular, basta utilizar para isso o XML. Quem n�o se irrita com uma p�gina que sofre atualizaç�es completas? O AJAX � utilizado para diminuir essa ocorr�ncia. Ao utiliz�-lo � poss�vel recarregar apenas �reas pr�-definidas da p�gina, garantindo uma usabilidade melhor aos usu�rios.

Resumo do DevMan

Quando se fala em XML, estamos falando nada mais nada menos que um padr�o universal para trafegar dados na Web. Dessa forma, neste artigo apresento um modelo completo para trabalhar com XML desde a camada de dados at� a interface, explorando tamb�m outro assunto de grande import�ncia hoje, o AJAX, que permite a criaç�o de sites mais interativos e com melhor experi�ncia de usu�rio, poupando refreshs totais de p�gina. Para isso faremos um Chat em ASP.NET, fazendo ainda uso efetivo de Stored Procedures.

Uma forma muito simples para representaç�o de dados estruturados, organizados de forma hier�rquica, � a XML (eXtensible Markup Language). Muito parecido com o HTML, permite criar nossas pr�prias TAGs podendo assim representar diversas tabelas de um banco de dados relacional. Existem in�meras formas para se trabalhar com XML. Grande parte dos objetos no .NET Framework que trabalham com listas costumam dar um �timo suporte � XML, por exemplo, para manipulaç�o temos objetos existentes no ADO.NET e para exibiç�o os Web Controls, como GridView, DataList, DropDownList, todos estes permitem que façamos refer�ncia direta em seu DataSource a um objeto XML e ele se encarregar� de exibir dados em tela.

Se pararmos para pensar em quest�o de banco de dados, o SQL Server desde sua vers�o 2000 j� oferece �timos recursos para extrair dados diretos no formato XML. Atrav�s do comando FOR XML pode-se montar SELECTs e receb�-los diretamente em objetos XML em sua aplicaç�o. No Chat a ser constru�do, desenvolveremos uma classe de dados que, fazendo uso da biblioteca SQLXML, pode facilmente pegar o retorno do banco XML e atribu�-lo a um objeto do tipo XmlDocument. Feito isso, fica muito simples manusearmos os dados, afinal s�o muitos os recursos dispon�veis para este objeto. Com ele � poss�vel localizar n�s fazendo uso do XPath (para pesquisas em XML), montar um loop ForEach, ou ainda navegar n� a n� at� o destino desejado. Al�m disso, temos ainda o suporte a Linq to XML.

Al�m da XML, o uso de AJAX vem crescendo cada dia mais. A maior percepç�o que o usu�rio final tem de um site que usa AJAX � a aus�ncia das recargas de tela quando se executa uma aç�o no servidor, como um clique de um bot�o que efetua uma consulta ao banco de dados. Agora imagine um Chat, que � uma aplicaç�o cr�tica e sem d�vida um exemplo perfeito para uso do AJAX. J� pensou recarregar toda a tela para cada mensagem enviada ou recebida? Se voc� est� conversando com muitas pessoas de uma �nica vez, sua tela pareceria a �luz de uma boate de dança�, ficaria piscando intermitentemente sem hora para parar.

Com AJAX podemos fazer uso do seu principal controle, o UpdatePanel, que permite facilmente realizar uma operaç�o no servidor como uma consulta ao banco de dados sem a realizaç�o do famoso submit, que apaga toda a tela para execuç�o da aç�o e ent�o retorna as informaç�es solicitadas pelo usu�rio. Para quem j� trabalha ou trabalhou com AJAX, j� pode ser sofrido do mal dos m�ltiplos UpdatePanels, onde temos uma mesma p�gina com muitos UpdatePanels, distribu�dos alguns dentro de outros ou ainda paralelos, o que exige uma atenç�o redobrada para que um UpdatePanel n�o acione um outro que tenha parte da tela que n�o deveria sofrer aç�o naquele exato momento. Nosso exemplo ser� um bom exemplo de como se trabalhar com m�ltiplos UpdatePanels.

Nota: O UpdatePanel � um dos principais personagens do ASP.NET AJAX, � ele quem faz o trabalho de carregar apenas parte da p�gina e evitar o seu refresh completo.

Começando pelo banco de dados

Vamos � pr�tica. Com o SQL Server aberto, crie um banco de dados vazio e d� a ele o nome de ChatAJAX, conforme Figura 1.

Figura 1. Criando o banco de dados ChatAJAX

Criado o banco, vamos agora criar as duas �nicas tabelas necess�rias para que o Chat possa funcionar corretamente. Geralmente para podermos falar com algu�m na Web, seja um Chat Web, programas como MSN, GTalk, f�runs, entre muitos outros, na maioria das vezes, existe a necessidade de uma breve autenticaç�o, e quando n�o, uma identificaç�o para que as pessoas saibam com quem est�o falando. Pensando nisto, teremos uma tabela de usu�rios, onde poderemos ter controle de todos aqueles que est�o participando do Chat para uma poss�vel conversa. Conforme Figura 2, repare o qu�o simples ser� a tabela de usu�rios, teremos um c�digo identificador UsuarioID (PrimaryKey/Identity), o Login, a Senha, um campo para sabermos se aquele usu�rio est� dispon�vel para dialogar com outro, chamado de Logado e mais um campo com a data/hora do �ltimo login efetuado pelo usu�rio. "

[...] continue lendo...

Criando um Chat - .Net Magazine 74

Este artigo mostra como criar um Web Chat usando ASP.NET AJAX, usando ainda recursos específicos do SQL Server, como suporte nativo a consultas resultantes em formato XML.

Atenç�o: esse artigo tem um v�deo complementar. Clique e assista!

Artigos relacionados