Artigo Clube Delphi 92 - VCL for the Web e Ajax

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.

Figura 2. Site do Yahoo! Totalmente Ajax

De fato o Ajax chegou em boa hora, juntamente com o aumento da banda larga de modo geral. Vejamos então como implementar uma tela de cadastro fazendo uso do modelo utilizando a VCL for the Web no Delphi 2007 for Win32.

Criando o banco de dados

Criaremos uma base de dados em Firebird, bem simples contendo apenas duas tabelas: Cursos e Concursos. Para isso acesse o seu gerenciador preferido de banco de dados e crie um banco de dados chamado Banco.fdb com as tabelas citadas. A estrutura das tabelas deverá seguir a proposta das Tabelas 1 e 2.