Este é um post disponível para assinantes MVPou para quem possui Créditos DevMedia. Clique aqui para saber mais!
Artigo Clube Delphi 92 - VCL for the Web e Ajax
Artigo da Revista Clube Delphi Edição 92.
Novidades
VCL for the Web e
Utilizando o poder do
Estamos entrando na era da Web 2.0 e certamente uma das maiores inovações da nova internet, dentre muitas, tem um nominho bem pequeno, mas que supera muitas espectativas: Ajax. Atualizar páginas sem a necessidade de reload e requisições ao servidor tornou-se rotina em diversos sites. São inúmeras as possibilidades. Hoje podemos encontrar Ajax em portais como Yahoo!, UOL, Terra, Orkut entre outros.
No artigo “Delphi 2007 em Detalhes”, na edição 86, publiquei diversos exemplos sobre os principais aspectos da nova IDE e entre elas estava a VCL for the Web. A VCL for the Web é o novo nome dado aos antigos componentes Intraweb da empresa Atozed Software.
Agora totalmente reformulada e com novos componentes, a VCL for the Web vem totalmente compatível com Ajax. Veremos nesse artigo onde, como e porque aplicar Ajax. Faremos a construção de uma página de cadastro onde alguns itens utilizarão Ajax e outros farão requisições ao servidor, assim poderemos visualizar as diferenças entre ambos métodos.
Entendendo o que é Ajax
Ajax, na verdade, não é uma tecnologia e sim um conjunto de tecnologias já conhecidas que unidas formam um novo conceito de desenvolvimento dinâmico e assíncrono. O objetivo principal do Ajax é tornar a navegação Web mais dinâmica e interativa. Esse novo modelo de desenvolvimento envolve algumas das principais tecnologias encontradas para o ambiente Web, tais como: XHTML e CSS, DOM, XML e XSLT, XMLHttpRequest e Javascript. Seu significado é Asynchronous Javascript And XML.
No modelo atual de internet, uma página é carregada após obter seus dados de uma requisição ao servidor Web, ou seja, toda e qualquer página só é atualizada mediante a um reaload, recarregamento da mesma. Um exemplo disso seria a exclusão de um e-mail no webmail. Você seleciona a mensagem, clica em excluir, confirma e então a página é recarregada não mostrando mais o item, já que o mesmo foi apagado.
Em Ajax a etapa de recarregamento não acontece. Experimente selecionar uma mensagem no Gmail e apagá-la. Com certeza perceberá que somente o item sumiu sem que a página inteira fosse recarregada. Isso é Ajax. No diagrama da Figura 1 podemos ver claramente o fluxo de trabalho que envolve uma ou mais páginas Web.
Figura 1. Fluxo de trabalho em uma página Web
A interação com o usuário também é parte das inovações da Web 2.0. Com Ajax é possível interagir mais eficientemente com as ações do usuário/internauta. Um exemplo fortíssimo disso está no novo webmail do Yahoo! que agora implementa abas, menus de contexto, barras de progresso etc., como podemos ver na Figura 2.
"
Este é um post disponível para assinantes MVPou para quem possui Créditos DevMedia. Clique aqui para saber mais!
Adriano Santos
É especialista Delphi, ex-editor das revistas ClubeDelphi e WebMobile, atualmente é Product Manager na SPK Tecnologia - empresa distribuidora de diversas soluções tecnológicas – e especialista em Microsoft Team Foundation Server.
