Vous êtes sur la page 1sur 9

AJAX, Reverse AJAX e os Protocolos Bayeux e SPDY

Jose Alex de Souza


Universidade Federal do ABC - UFABC
zoinvoo@yahoo.com.br

Resumo 2. AJAX
Este artigo apresenta a tecnologia AJAX e a Reverse Ajax é um método de criação de páginas da web de
AJAX e os padrões Bayeux e o SPDY, que são usados forma dinâmica, que apareceu por causa do aumento no
para que o usuário de internet tenha uma experiência uso da web para realizações de negócios e de outras
agradável no seu uso, esses conjuntos de tecnologias aplicações, por causa desse aumento é necessário que as
juntas proporcionam aos desenvolvedores de aplicativos transações sejam feitas de forma mais rápidas e
web uma elaboração mais dinâmica das páginas web. As dinâmicas, para que os clientes ou usuários tenham uma
tecnologias citadas acima podem promover aplicações experiência positiva no seu relacionamento com as
web parecidas com aplicações desktop, sendo que seus aplicações web, que ficam cada vez mais parecidas com as
clientes ou usuários não notam o processamento no aplicações desktop.
carregamento das aplicações. Com a evolução da Web Com a evolução da web surgiu várias tecnologias
surgiu a necessidade de uma nova técnica de diferentes que criam as páginas web.
desenvolvimento para atender as necessidades de seus Segundo Reis (2005) [2], o primeiro a fala no termo
usuários, como carregar páginas mais rapidamente, ter AJAX, foi Jesse Garrett, que é o criador do Ajax no ano
uma interface mais elegante e agradáveis, dinâmicas, e 2005, onde essa expressão AJAX significa “Asynchronous
confiáveis. JavaScript And XML”, que consiste em utilizar
JavaScript, XML e XMLHTTPREQUEST, para criação
Palavras Chaves: AJAX, Reverse AJAX, Bayeux, de páginas para web, e tornar as páginas mais interativas
SPDY. para com o usuário.
Garrett (2005) [1], fala que “ajax não é uma tecnologia
1. Introdução e sim várias, cada uma progredindo de forma
independente, e que se juntaram de forma a poder
Segundo Garrett (2005) [1], com o avanço da explorar métodos de melhorar a interação com os
tecnologia os usuários da Internet tornaram-se mais utilizadores em aplicações Web”.
exigentes, preferindo páginas com maior nível de Outra definição do AJAX é que ele seja uma técnica
interatividade. adequada de utilização de DHTML com substituição no
Com isso os desenvolvedores necessitam criar modelo requisição/resposta de comunicação sincronizada
aplicativos, páginas ou sites mais eficientes para atender pela comunicação assíncrona com a separação da
as necessidades destes usuários. visualização e da busca dos dados.
Neste contexto surgiu uma nova técnica de aplicação Para Asleson (2006, p. 13) [3], “o Ajax funciona na
WEB, chamado AJAX, essa técnica utiliza várias maioria dos navegadores modernos e não requer nenhum
tecnologias como: JavaScript, XML, XMLHttpRequest, software ou hardware patenteado. Na verdade, uma das
DOM e HTML. vantagens dessa abordagem é que os desenvolvedores não
O artigo mostra os conceitos das tecnologias e do seu precisam aprender alguma linguagem nova ou descartar o
uso no dia-a-dia pelos usuários que interagem com varias investimento que fizeram em tecnologia no lado do
aplicações que estão espalhadas pela internet, como por servidor”.
exemplo: no Gmail, no mapa do Google, Yahoo, etc. A figura 1 abaixo mostra as tecnologias que envolvem
Serão demonstradas também suas principais vantagens a técnica do Ajax e que são:
e desvantagens, como também o funcionamento dos dois - HTML (HyperText Markup Language), Linguagem
principais modelos de aplicação Web. de Marcação de Hipertexto) ou XHTML (eXtensible
Também será abordado um pouco dos protocolos Hypertext Markup Language);
Bayeux da fundação DOJO e o SDPY que tem como - CSS (Cascading Style Sheets) que em português ficou
criador o Google que faz seu uso em suas aplicações. como folha de estilo em cascata;

1
- XMLHttpRequest; interface dos usuários interativamente usando o CSS
- JavaScript e DOM (Document Object Model) (Crane; Pascarello, 2006) [4].
Modelo de Objeto de Documentos.
2.3 XMLHttpRequest

O XmlhttpRequest Object, permite aos programadores


web recuperarem dados do web server como uma
atividade background, tendo como formato de dados
padrão o Xml, mas esse objeto trabalha bem com todos os
dados baseados em texto.
Segundo Asleson (2006) [3], o XMLHttpRequest, foi
implementado originalmente no internet Explorer 5, onde
o DOM é um componente ActiveX. Sendo importante
ressaltar que esse objetivo, não é um padrão do W3C, mas
que grande parte da funcionalidade é abordada em uma
nova proposta DOM.
O Objetivo do XMLHttpRequest, é permitir que um
código JavaScript faça o envio de dados e posa receber a
Figura 1 – Tecnologias do AJAX resposta de um servidor, sem haver necessidade de
carregar todo o código da página web.
2.1 HTML

Segundo Asleson (2006, p. 130) [3] “ao mesmo tempo


que os navegadores modernos dão suporte às últimas
novidades em padrões W3C, eles também tentam ser tão
condescendentes quanto possível com a página HTML
criada precariamente.”
De acordo com Asleson (2006), o HTML não tem seu
próprio compilador, diferente das linguagens de
programação como C++ ou Java que possuem compilador
próprio. O HTML converte seu código legível para
humanos em códigos binários usando um navegador Web
que converte códigos HTML para o formato DOM legível
para a máquina e assim gera o conteúdo na tela [3]. Figura 2 – Funcionamento do
Documentos HTML são arquivos de texto simples e XMLHttpRequest [3]
podem ser criados e editados em qualquer editor de
textos, como o Bloco de Notas do Windows, ou o A figura 2 mostra como o XMLHttpRequest atualiza
TextEdit, do Macintosh. Para facilitar a produção de um JavaScript sem a necessidade que todo o código da
documentos, apareceu no mercado editores HTML página web seja atualizados juntos, atualizando só o
específicos, com recursos sofisticados, que facilitam a necessário para o bom funcionamento da aplicação.
realização de tarefas repetitivas, inserção de objetos,
elaboração de tabelas e outros recursos. Esses editores 2.4 JavaScript e DOM
dividem-se em dois tipos:
- Editores de texto fonte que inserem automaticamente Asleson, (2006) [3], fala que a Netscape criou a
as etiquetas, orientando a inserção de atributos e linguagem de scripts que acabou sendo batizada de
marcações. JavaScript, ela foi criada de forma a deixar os applets
- Editores WYSIWYG que oferecem ambiente de mais fáceis de serem desenvolvidos por programadores e
edição com um "esboço" resultado final das marcações. projetistas da Web, que não estavam adaptados com o
Java.
2.2 CSS A Microsoft também criou sua linguagem de scripts
que se chamava VBScrip, ela foi desenvolvida em
A tecnologia que compõe o Ajax de nome CSS resposta ao JavaScrip da Netscape.
(Cascading Style Sheets), oferece uma maneira de definir Originalmente o JavaScript foi criada para ajudar os
estilos visuais reusáveis para elementos da página web, desenvolvedores a modificar dinamicamente as tags das
sendo possível nas aplicações Ajax modificar os estilos de páginas Web de modo a apresentar uma experiência mais

2
moderna ao seu cliente. Assim as páginas começam a Web, após o modelo aguardar a resposta do pedido, a
serem tratadas como um objeto nascendo então o página é modificada para o usuário em HTML.
Documento Object Model (DOM).
No começo JavaScript e DOM eram encontrados e
adaptados um ao outro mas evoluíram em estruturas
diferentes. O DOM é uma página realmente orientada a
objetos, mas pode ser modificada através de scripts como
o JavaScript ou o VBScript.
O JavaScript, linguagem de programação baseada em
scripts, é projetada para ser usada dentro das aplicações.
Os web browsers possuem um intérprete do JavaScript
que permite a interação programática com muitas
potencialidades embutidas nos browsers dos clientes, com
as aplicações Ajax sendo escritas em JavaScript
(Gehtland, 2005) [5].
A tecnologia DOM (Document Object Model) -
Modelo de Documentos Baseados em Objetos, apresenta
a estrutura das páginas web como um jogo de objetos
programáveis, que podem ser manipulados com
JavaScript, o script do Dom permite que uma aplicação
Ajax modifique eficazmente interfaces de usuários
separadas, redesenhando suas páginas (Crane, 2006) [6].
De acordo com Asleson (2006) [3], o DOM refere-se a
uma especificação do órgão W3C, criada de uma maneira
independente da linguagem e plataforma de forma a
alterar a estrutura e conteúdo do documento, essa é uma
melhor maneira de exibir e preparar os documentos
HTML ou XML.
O DOM foi fundamentado usando as especificações do
Object Management Group, isso permite que seja Figura 3 – Modelo tradicional para aplicações
utilizado em todas as linguagens de programação, ele é web (esquerda) comparado ao modelo Ajax
um modelo de objetos, determinando quais objetos são (direita) [1]
necessários para a representação e alteração de
documentos, definindo seu comportamento e atributos dos A figura 3 mostra a comparação dos dois modelo o
objetos que será utilizado entre eles [3]. clássico e o AJAX, à esquerda o modelo é baseado no
A conclusão desses quatros tópicos anteriores é de que modelo original da Web, e está adaptada para hypertexto,
o HTML ou XHTML junto com o CSS faz a apresentação onde as páginas fazem ligações com outras, porém esse
das informações, a tecnologia DOM por meio de scripts modelo foi desenvolvido originalmente para o
do JavaScript interage dinamicamente com as informações desenvolvimento de aplicações.
apresentadas, e o XMLHttpRequest é o responsável pela Para Garrett (2005) [1], no modelo AJAX, a direita da
troca de dados com o servidor web de forma assíncrona, figura 3, é adicionado uma camada intermediaria entre o
utilizando como padrão o XML, mas que funciona com cliente e o servidor, essa camada é considerada como um
qualquer formato de texto ou mesmo HTML. Motor AJAX, ela elimina a demora entre o pedido e o
retorno do servidor, otimizando e fazendo que o cliente
2.5 Modelo clássico web versus modelo AJAX retorne a interação com as aplicações web.
O Motor AJAX fica responsável pela realização das
As páginas de internet e suas aplicações podem ser comunicações com o servidor e atualizar as respectivas
feitas no Modelo Clássico Web que não são dinâmicos e áreas necessárias da página, com isso as aplicações
usam muita banda da rede e também no modelo AJAX começam a se tornar assíncronas, possibilitando que o
que faz uso de várias tecnologias para torna as páginas usuário não obrigatoriamente espere uma resposta do
web dinâmicas consumindo menos banda da rede. servidor para continuar sua interação com a aplicação.
Garrett (2005) [1], diz que no modelo clássico as Para Garrett (2005) [1], os pedidos assíncronos feitos
aplicações Web, em sua maior parte, tem suas interações no passado nas aplicações web utilizavam um “truque”
de interface com o usuário sendo realizado através de um que envolvia a utilização de Frame ou IFrame (efetuando
ciclo na qual são efetuados pedidos HTTP a um servidor os pedidos para essas frame escondidas, e que seriam elas

3
as responsáveis por ficar á espera da resposta), na agradável é que o cliente continua a interagir com a
atualidade as aplicações AJAX utilizam o objeto aplicação, tornando a requisição feita anterior ao servidor
XMLHttpRequest, que foi desenhado especificamente quase imperceptível para ele.
com este propósito.
2.6 Dados versus conteúdos

As aplicações Web tradicionais o conteúdo e o dado


são misturados em cada passo, um exemplo: é quando um
cliente adiciona um item a uma compra, é necessário
responder o preço atualizado do carrinho de compras e se
aconteceu algum problema, essa resposta é enviada pelo
servidor para o cliente, mais com ela é feita a atualização
da página web por completo.
Segundo Reis (2005) [2], nas aplicações com AJAX o
carrinho de compras trabalha de forma inteligente,
enviando o pedido de forma assíncrona ao servidor,
atualizando apenas os locais necessários evitando um
refresh, ou seja, não tem que atualizar toda a página web,
isso pode ser feito de várias formas, dependendo da
tecnologia usada na aplicação, e mesmo que o cliente ou
usuário fique esperando a página ser montada em seu Web
Browser, o servidor enviará respostas em formatos
JavaScript, um simples texto, ou documento XML que
será processado pelo motor AJAX.

2.7 Características e vantagens do AJAX

Conforme Reis (2005) [2], as aplicações que seguem o


modelo AJAX dão um grande passo quando se tenta
comparar com a complexidade e riqueza das aplicações
Desktop tradicionais.
Um dos motivos para a utilização do AJAX em
aplicações Web, é que a aplicação é executada ao lado do
cliente, possibilitando assim que a aplicação se comporte
igual a uma aplicação Desktop, e que a comunicação com
o servidor não fique limitada pela rede.
O AJAX possibilita uma maior interatividade em
termos gráficos, podendo enviar dados, ou mesmo arrastar
e colar elementos como é feito nas aplicações Desktop.

Figura 4 – Padrão de interação síncrono de uma


aplicação web tradicional (em cima), em
comparação com o padrão assíncrono de uma
aplicação AJAX (parte inferior) [1]

A figura 4 mostra a interação do cliente com aplicações


web nos dois modelos, em cima o tradicional e em baixo o
modelo AJAX, analisando a parte superior nota-se que o
cliente faz sua requisição ao servidor e espera sua
resposta, no modelo abaixo com o AJAX o tempo de Figura 5 – Comparação de desempenho do AJAX
espera da resposta é reduzido e outro fator importante e e web clássica. Fonte: Crane, 2006, p.51 [4].

4
A figura 5 mostra a relação da diferença no uso da solucionadas, devido às características não operacionais
banda de rede com aplicações web clássica e com a da Web (Reis, 2005) [2].
técnica AJAX, e uma relação entre tempo de resposta e o Outra desvantagem do AJAX é a latência de rede, ou
acumulativo de dados, isso se deve porque a comunicação seja, quando o usuário fazer um pedido ao servidor deverá
entre servidor e usuário torna-se mais eficiente e estável ser feito um feedback para que o usuário não ache que
no AJAX, pois não há mais acúmulo de dados, enquanto ocorreu algumas falhas, ou travamento com a aplicação
que, em uma aplicação web clássica, pode haver picos de durante o envio e resposta. Esse problema diminuirá com
dados de acordo com a solicitação feita por parte do o aumento da banda larga, mas nunca ira acabar devido ao
cliente (Crane, 2006) [4]. gênero da internet.
A redução do consumo de banda na maioria das vezes Também o AJAX requer que a aplicação tenha uma
no modelo AJAX é devido à redução da quantidade de conectividade permanente, pois operam baseadas na Web,
dados a serem trocadas com o servidor, isso acontece porque parte do processamento da aplicação fica em um
porque não é necessário reenviar a página inteira, somente servidor, isso faz com que seja obrigatória esta sempre
os dados de atualização, que são enviados para o Browser conectada (Reis, 2005) [2].
do cliente. Concluindo o assunto AJAX e de acordo com Soares
Uma aplicação AJAX não é proprietária, pois seu (2006) [7], para se ter um entendimento das técnicas
nome não é uma marca ou produto, seu nome é apenas AJAX será necessário considerar três princípios básicos, o
uma denominação ou técnica de como projetar aplicações primeiro é deixar o processamento da aplicação no
Web, usando tecnologias padrões já existentes no browser e os de dados no servidor, e isso só é possível
mercado. fazendo uso da técnica AJAX, pois com ela é possível
Conforme Reis (2005) [2], outra vantagem do AJAX é fazer várias chamadas ao servidor e fazer as atualizações
sua portabilidade, pois ele é constituído de várias das páginas necessárias, com um mecanismo de controle
tecnologias que são usadas na maioria dos Browsers do para se saber onde esta, como foi feito e quais dados
mercado. É uma técnica que não se limita apenas a um sejam carregados, para assim saber o que será feito em
Browser, e sim a mais de uma plataforma, além destas cada atualização. Também é necessários carregar os dados
vantagens também não há a necessidade da instalação de de uma página para outra e assim controlar os dados da
software ou plugin no Browser no cliente. sessão.
O segundo princípio serve para fazer a transformação
2.8 Desvantagens do AJAX de uma aplicação Web em um processo contínuo e
coerente, esse princípio esta ligado ao primeiro no sentido
Alguns pontos devem ser analisados, principalmente de dar separação entre a camada de aplicação que seria
devido ao comportamento do AJAX em Web Browsers nesse caso o cliente e o servidor.
(REIS, 2005) [2]. O terceiro princípio é a utilização de padrões de
O desempenho do cliente em uma aplicação AJAX é desenvolvimento, isso mostra como o desenvolvimento
contestado porque se transfere muito do processamento do das soluções Web, diz respeito aos padrões, práticas e
servidor ao cliente, essa mudança terá custo por que o metodologias que já foram consagradas em outros
cliente é quem terá a responsabilidade de realizar algumas ambientes de desenvolvimento, pois para o
operações, para quais ainda não foi desenvolvida no desenvolvimento de aplicações Web deve ser seguido um
início. padrão, uma disciplina de como é feito em outras
Esse problema pode sobrecarregar o cliente, caso não aplicações como, por exemplo: a clássica ERPs (Soares,
seja tomada algumas precauções na fase de 2006) [7].
desenvolvimento.
De acordo com Reis (2005) [2] algumas capacidades 3. Reverse AJAX
são limitadas nas aplicações AJAX, essas aplicações
podem fazer coisas que em algum tempo atrás não se Como o AJAX o Reverse AJAX também não é uma
imaginava ser feito na Web, são muitas as restrições nessa tecnologia em si, mas uma técnica que faz uso de um
plataforma, por causa do AJAX ser uma técnica que faz grupo de tecnologias existente no mercado.
uso de tecnologias já existentes, assim carrega as O Reverse AJAX vai permiti que as páginas web
limitações das tecnologias. possua conteúdos em tempo real, atraindo mais usuários
Essas limitações são o armazenamento local no cliente; mantendo a sua atenção na aplicação. Essa nova técnica
capacidade multimídia (streaming de vídeo); gráficos em de atualização de aplicações web possivelmente irá abrir
tempo real; interação com hardware (impressoras, áreas de desenvolvimento web que até agora não era
webcams). Elas estão sendo solucionadas usando possível. O Reverse AJAX é composto de tecnologias
Browsers mais novos ou utilizando plugins específicos, existentes para enviar dados, que tem sido usado antes em
mas muitas limitações serão complicadas para ser outras áreas no desenvolvimento de aplicativos, para que

5
o cliente tenha cada vez mais uma agradável experiência envia os dados para o navegador, ele são manipulados
no uso desses aplicativos [8]. pelo JavaScripts e a página é carregada normalmente.
Com o uso das tecnologias em AJAX foi criado o
termo que já foi definido acima como Reverse AJAX, que
vai permite que o servidor possa fazer atualizações dos
conteúdos das aplicações web, sem a necessidade de um
pedido de requisição do cliente ou usuários. Basicamente,
é uma forma de enviar os dados do cliente para o servidor
e um mecanismo para empurrar os dados do servidor de
volta para o cliente.
Temos três tecnologias para aplicação do Reverse
AJAX, e será feito uma pequena introdução para cada
uma.

3.1 Polling ou votação


Figura 7 – Diagrama do comet [8]
Esse tipo de tecnologia pode ser facilmente
implementado por ter uma função JavaScripts que realiza
A figura 7 mostra o diagrama comet com a ligação
as atualizações por um tempo a cada poucos segundos,
permanentemente aberta, e com todos os eventos de
quando é chamada ela consulta o servidor e devolve a
atualização contínua do lado do servidor que pode ser
resposta ao cliente.
transmitido para o cliente.

3.3 Piggyback ou sobre os ombros

Como o nome já sugere as três tecnologias por trás do


Reverse AJAX é sobreposto, e quando uma nova
informação chega ao servidor é armazenado até o próximo
cliente fazer uma solicitação para o servidor, atualizando
todos os dados novos.

Figura 6 – Aplicação continua no servidor [8]

A figura 6 representa um evento modelo


cliente/servidor, que tem como principal objetivo
representar o processo contínuo em tempo real a atividade
do servidor que é útil, por exemplo, quando o cliente tem
a necessidade de receber atualizações em tempo real como
o valor das cotações das ações que movimentam o índice Figura 8 – Diagrama do piggyback [8]
Bovespa (IBOV) etc. seu ponto fraco é que mesmo sem
dados novos o servidor envia uma resposta vazia para o A figura 8 acima demonstra a verticalização no
cliente, mantendo a conexão ativa, isso se torna um contexto de uma aplicação web do modelo clássico, mas
problema se um número muito grande de usuários que para AJAX Reverse deve ter outra camada do lado do
(milhões) usarem o aplicativo ao mesmo tempo, podendo cliente JavaScript, essa técnica não é tão popular quanto a
gerar uma sobrecarga no servidor e largura de banda. do Polling (voto) ou Comet, por exigir que o usuário faça
alguma atividade para a atualização.
3.2 Comet Juntando as duas técnicas AJAX e Reverse AJAX,
como o AJAX permitindo a criação de interfaces web
Comet é uma velha tecnologia usada para atualizar mais eficientes e agradáveis, melhorando a usabilidade e a
páginas web, ela exige que a conexão do cliente com o interatividade e o Reverse AJAX permitindo que os
servidor nunca feche. É por esta conexão que o servidor usuários tenham conteúdos em tempo real.

6
Os desenvolvedores podem criar aplicações web cada O bayeux é um padrão emergente para a prática do
vez mais interativas e com uma aceitação satisfatória dos comet, e já existe implementação de referência que é o
clientes ou usuários. cometd projeto da Fundação Dojo para implementar a
especificação bayeux, ele permite múltiplas conversações
dissociado em cima de uma única conexão HTTP, a
execução bayeux comunica-se através de vários canais
fictício, todos agrupados em uma única solicitação HTTP
resposta.
O evento bayeux é enviado do servidor para o cliente
via HTTP, dando uma resposta a uma solicitação HTTP
enviada, que podem ser a votação dos transportes que
após a recepção da resposta HTTP, o cliente emite uma
nova mensagem de bayeux e o Streaming de transporte
usa a técnica de streaming (sempre resposta), permitindo
múltiplas mensagens sendo enviadas pela mesma resposta
Figura 9 – Diagrama do AJAX e reverse AJAX [10].
Juntos [8]
5. Protocolo SPDY
A figura acima é um diagrama final mostrando o
trabalho junto das tecnologias, usado para fornecer Comet O SPDY é um protocolo para tornar a web mais rápida,
Reverse AJAX. diminuindo a latência das páginas web, e tem em sua
Com essas técnicas a menos tráfego na rede, e o retaguarda simplesmente o Google, que aplica esse
Reverse Ajax fazem com que as mensagens sejam protocolo no projeto chromium. O protocolo SPDY tem
transferidas com menos delay (baixa latência) para os camada de aplicação para transporte de conteúdo na web,
clientes das aplicações web [8]. e foi desenvolvido especificamente para ter uma latência
mínima, esse protocolo esta habilitado no navegador
Google Chrome e é open-source web Server. Em testes
laboratoriais o desempenho das aplicações através de
HTTP e SPDY tiveram uma redução de até 64% no
carregamento das páginas web [11].
O protocolo SPDY tem algumas netas:
- atingir uma redução de 50% no tempo de
carregamento das páginas web.
- minimizar a complexidade de implementação, por
isso o SPDY utiliza o TCP como camada de transporte
subjacente, não exigindo alterações na infra-estrutura.
Sendo essa as netas mais importantes. E com alguns
objetivos técnicos que são:
Figura 9 – Home broker da link trade [9]
- permitir que muitas solicitações simultâneas HTTP
sejam executadas em uma única sessão TCP;
A figura acima é um Home Broker, destinado a
- reduzir a largura de banda utilizada atualmente por
operações no mercado de renda variável, ou seja, compra
HTTP através da compressão de cabeçalhos;
e venda de ações, opções, termo etc. na bolsa de valores
- definir um protocolo que seja fácil de implementar, e
de São Paulo a BOVESPA (IBOV), neste caso depois que
torne o servidor mais eficiente;
é carregado pela primeira vez, as atualizações posteriores
- fazer o protocolo SSL de transporte subjacente,
dos preços dos ativos são realizadas sem que o cliente
melhorar a segurança e compatibilidade com a infra-
faça alguma atividade no aplicativo, ou seja, o servidor
estrutura das redes já existentes;
quando recebe um novo valor do ativo, encaminha esse
- habilitar o servidor para iniciar uma comunicação
novo valor para os clientes conectados.
com o cliente e enviar dados ao cliente sempre que
possível.
4. Protocolo bayeux Esses objetivos técnicos estão sendo a cada dia
aperfeiçoados, para que no futuro a internet, ou seja, o
Bayeux é um protocolo para o transporte de mensagens carregamento das aplicações web sejam cada vez mais
assíncronas, com baixa latência entre um servidor web e o rápido, proporcionando aos usuários uma boa interação.
cliente web.

7
nas transferências de dados e da abertura da página
desejada é otimizada.
O Google foi um dos primeiros a utilizar AJAX, alguns
exemplos são o Google Maps, Google Suggest o Gmail,
esses são só alguns aplicativos que utilizam essa
tecnologia. O Yahoo está ainda no começo apenas
Figura 10 – Estrutura do SPDY [11] introduzindo alguns controles AJAX.
A empresa Netflix que aluga DVDs utiliza AJAX para
A figura 10 apresenta a estrutura do SPDY, ele fornecer informações para os usuários que navegam pelos
adiciona uma camada em cima da sessão SSL que permite filmes, após o cliente passar o cursor sobre a imagem de
múltiplas mensagens em uma única conexão, pois o HTTP algum filme, esse filme é identificado e enviado essa
GET usual tem o formato de mensagem POST e identificação para o servidor central, fazendo aparecer um
permanecem os mesmos, no entanto o SPDY especifica balão informando detalhes do filme para o cliente.
um formato novo de enquadramento para codificação e Essa abordagem permite que a empresa mostre mais
transmissão dos dados ao longo da conexão. informações de seus filmes para os clientes sem
O SPDY tem como características básicas a desordenar a página. Esse método torna a navegação mais
multiplexação, a priorização de pedidos, e a compressão fácil para os clientes por que eles não precisam clicar no
do cabeçalho HTTP, e em suas características avançadas o filme, para obter os detalhes do filme, conseguindo isso
SPDY apresenta as opções do Push Server que informa ao passando só o cursor sobre o filme.
cliente que o servidor está empurrando (transmitindo) um Essas tecnologias que foram abordados nesse artigo
recurso para o cliente antes de o cliente efetuar o pedido, permitem e abrem várias áreas de pesquisa para que sejam
e a Dica Server que em vez de empurrar automaticamente melhorados, para o benefício da internet e da
os recursos para o cliente, ele sugere ao cliente que faça interatividade dos clientes com as aplicações web.
um pedido de recursos específicos que poderá ser usado
na aplicação web [11].
7. Referências
Essas técnicas esta sendo usado no Chrome navegador
web do Google e em outros produtos. [1] GARRETT, JESSE J. Ajax: Uma nova Abordagem para
Aplicação Web, Adaptive Path Publications, 18/02/2005.
6. Conclusão Disponível em:
<http://www.adaptivepath.com/publications/essays/archives/
Devido ao grande avanço no uso de aplicações web 000385.php>; Acesso em: abril de 2010.
surgiu à necessidade de novas técnicas de [2] REIS, Ricardo. Et al. Artigo AJAX: Introdução. 13/12/2005.
Disponível em:
desenvolvimento visando atender as necessidades do
<http://pwp.net.ipl.pt/alunos.isel/24138/AJAX/IntroducaoAJ
usuário. Assim surgiu a técnica AJAX que é uma
AX.pdf>; Acesso em: abril de 2010.
aplicação utilizada na maioria dos navegadores atuais, por [3] Asleson R.; Svhutta N. T. Fundamentos do Ajax, Rio de
questões de compatibilidade e por não necessitar de Janeiro, Alta Books, 2006.
nenhum software ou hardware patenteado, e tem a [4] Crane, David; Pascarello, Eric. Ajax in action, Greenwich,
vantagens de que os desenvolvedores não precisam buscar Manning, 2006.
conhecimento novo, pois ele é uma técnica baseado em [5] Gehtland, Justin; Galbraith, Ben; Almaer, Dion. Pragmatic
várias tecnologias já existentes no mercado. O AJAX Ajax: a web 2.0 primer, Dallas, The Pragmatic Programmers
permite desenvolver aplicações com interfaces mais ricas Llc, 2005.
e dinâmicas para que o usuário se sinta satisfeito com sua [6] Crane, David; Pascarello, Eric. Ajax in action, Greenwich,
Manning, 2006.
experiência na web. [7] Soares, W. Ajax guia prático para Windows, São Paulo,
Seguindo a evolução, para resolver problemas de Erica, 2006.
conexão e da banda de rede utilizadas nas aplicações web [8] Reverse AJAX. Disponível em:
depois da técnica AJAX surgiu a técnica Reverse AJAX <http://en.wikipedia.org/wiki/Reverse_Ajax>; Acesso em:
que atualiza as páginas web sem que o cliente ou usuário Abril de 2010.
faça uma requisição ao servidor, diminuindo assim ainda [9] Aplicativo web, Home Broker da Corretora Link. Disponível
mais o consumo de banda das redes, continuando a em: <https://www.linktrade.com.br/Site/Public/Home.aspx>;
evolução surgem os protocolos Bayeux da Fundação Dojo Acesso em: Abril de 2010.
e o SPDY do Google, com propostas para deixar a [10] Protocolo Bayeux. Da Dojo Foundation. Disponível em:
<http://cometdproject.dojotoolkit.org/documentation/bayeux
internet cada vez mais rápida.
>; Acesso em: Abril de 2010.
As aplicações práticas utilizando o AJAX estão cada [11] Protocolo SPDY. Projeto chromium do Google. Disponível
vez mais comuns. Para quem faz uso desta tecnologia, tem em: <http://www.chromium.org/spdy/spdy-protocol>; Acesso
uma grande vantagem, porque o aumento da velocidade em: Abril de 2010.

8
9

Vous aimerez peut-être aussi