Tradução – Ajax: uma nova técnica para aplicações web

Há alguns anos (meados de 2005) fiz a tradução e inseri no meu antigo site um célebre artigo do início da badalação do Ajax.

Este artigo foi escrito em 18 de fevereiro de 2005 por Jesse James Garret, a quem se credita o batismo do nome “Ajax”, o artigo foi postado originalmente como Ajax: A New Approach to Web Applications.

Por considerá-lo ainda pertinente atualmente, seja como entendimento dos mecanismos básicos de Ajax, ou como curiosidade histórica, resolvi postar esta tradução.

Ajax: Uma Nova Técnica para Aplicações Web

Por: Jesse James Garret
Traduzido por: Vanessa Schissato

 

Se alguma das atuais interações no design pode ser chamadas de “glamurosas”, é a criação de aplicações Web. Apesar de tudo, quando foi a última vez que você ouviu alguém se entusiasmar com a interação de design de um produto que não está na Web? (Ok, tirando o iPod). Todos os novos projetos inovadores, legais, estão online.

A respeito disto, desenvolvedores de interatividade na web não podem ajudar, mas sentem uma pontada de inveja de nossos colegas que criam softwares de desktop. Aplicações desktop têm uma riqueza e comunicabilidade que tem parecido fora de alcance na Web. A mesma simplicidade que permite a proliferação rápida da Web também cria uma barreira entre as experiências que podemos prover e as experiências que os usuários podem conseguir de uma aplicação desktop.

Esta barreira está desaparecendo. Dê uma olhada no Google Suggest. Observe o modo como atualiza os termos sugeridos conforme você digita, quase instantaneamente. Agora olhe para o Google Maps. Aproxime. Use seu cursor para capturar o mapa e rolá-lo um pouco. De novo, tudo acontece quase instantaneamente, sem esperar pelo carregamento de páginas.

Google Suggest e Google Maps são dois exemplos de uma nova técnica para aplicações web que nós da Adaptive Path temos chamado de Ajax. O nome é a abreviação para Asynchronous Javascrit and XML (JavaScript Assíncrono e XML), e representa um passo fundamental para o que é possível na Web.

Definindo Ajax

Ajax não é uma tecnologia. Na verdade, são várias tecnologias, cada uma atuando da sua própria maneira, tornando-se, juntas, uma poderosa possibilidade. Ajax incorpora:

O modelo clássico de uma aplicação web trabalha como essa: A maior parte das ações do usuário na interface engatilha uma requisição HTTP de volta ao servidor web. O servidor processa – retornando dados, interpretando números, conversando com vários sistemas legados – e então retorna uma página HTML para o cliente. Esse é um modelo adaptado do uso original da Web como um hipertexto médio, mas como os fãs do “The Elements of User Experience” sabem, o que faz a web boa para hipertexto não a torna necessariamente boa para aplicações de software.

Modelos de aplicação webFigura 1: O modelo tradicional para aplicações web (esquerda) comparado ao modelo Ajax (direita)

Esta abordagem faz muito sentido na parte técnica, mas não para uma grande experiência do usuário. Enquanto o servidor está fazendo estas coisas, o que o usuário está fazendo? Está certo, esperando. E a cada etapa da tarefa o usuário espera mais um pouco.

Obviamente, se desenvolvemos a Web para trabalhar para aplicações, nós não faremos o usuário esperar. Uma vez que uma interface é carregada, por que a interação do usuário deve sofrer uma parada a cada vez que a aplicação precisa de algo do servidor? De fato, por que o usuário deve ver a aplicação ir para o servidor afinal?

Como o Ajax é diferente

Uma aplicação Ajax elimina o natural carrega-pára-carrega-pára da interação na Web introduzindo um intermediário – uma ferramenta Ajax – entre o usuário e o servidor. Parece que se adicionamos uma camada a mais para a aplicação a tornanamos menos comunicativa, mas o oposto é verdade.

Em vez de carregar uma página web, no início da sessão, o browser carrega uma ferramenta Ajax – escrita em JavaScript e geralmente colocada sobre um frame escondido. Esta ferramenta é responsável por renderizar a interface que o usuário vê e pela comunicação com o servidor, em prol do usuário. A ferramenta Ajax permite que a interação do usuário com a aplicação aconteça assincronamente - independente da comunicação com o servidor. Então o usuário nunca encarará uma janela branca do browser e um ícone de ampulheta, esperando pelo servidor para fazer algo.

Modelo síncrono e assíncronoFigura 2: O padrão de interação síncrono de uma aplicação web tradicional (topo) comparada ao padrão assíncrono de uma aplicação Ajax (embaixo)

Toda ação do usuário que normalmente geraria uma requisição HTTP toma, ao invés disso, a forma de uma chamada JavaScript para a ferramenta Ajax. Qualquer resposta para a ação do usuário que não requer uma viagem de volta ao servidor – como  validações simples de dados, manipulação de dados na memória, e até mesmo alguma navegação – é tratada pela própria ferramenta. Se a ferramenta precisa de algo do servidor para responder – seja dados submetidos para processamento, carregamento de código de interfaces adicionais, ou retorno de novos dados – a ferramenta faz essas requisições assincronamente, geralmente usando XML, sem emperrar a interação do usuário com a aplicação.

Quem está usando Ajax

Google está fazendo um gigantesco investimento no desenvolvimento de aplicações Ajax. Todos dos maiores produtos do Google introduzidos nos últimos anos – Orkut, Gmail, as últimas versões betas do Google Groups, Google Suggest e Google Maps – são aplicações Ajax. (Para saber mais sobre técnicas doidas e descrições dessas implementações Ajax, cheque estas excelentes análises do Gmail, Google Suggest e Google Maps.) Outros estão seguindo essas características: algumas das funcionalidades que as pessoas amam no Flickr dependem do Ajax, e a ferramenta de busca A9 da Amazon aplica técnicas similares.

Estes projetos demonstram que Ajax não é só tecnicamente possível, mas também implementado por aplicações no mundo real. Esta não é outra tecnologia que trabalha somente em laboratório. E aplicações Ajax podem ser de qualquer proporção, desde algo muito simples, como as funções de escolha do Google Suggest até algo muito complexo e sofisticado como Google Maps.

Na Adaptive Path, nós temos feito nosso próprio trabalho com Ajax através dos últimos meses, e apesar de tudo que já fizemos, somente arranhamos a superfície das interações ricas e comunicabilidade que as aplicações Ajax podem prover. Ajax é um importante desenvolvedor para aplicações Web, e essa importância tende somente a crescer. E devido a existirem tantos desenvolvedores que já sabem como usar essas tecnologias, nós esperamos ver muito mais organizações seguindo a direção do Google, recolhendo as vantagens competitivas que o Ajax oferece.

Indo Adiante

Os enormes desafios em criar aplicações Ajax não são técnicas. O coração das tecnologias Ajax é maduro, estável, e bem conhecido. Ao contrário disso, os desafios são para os desenvolvedores dessas aplicações: esquecer o que nós achamos saber sobre as limitações web, e começar a imaginar uma longa e rica gama de possibilidades.

Isto está se tornando divertido.

Ajax P&R (Perguntas e Respostas)

Março 13, 2005: Desde que nós publicamos o artigo de Jesse, recebemos uma enorme quantidade de correspondência dos leitores com questões sobre Ajax. Neste P&R, Jesse responde algumas dessas questões mais comuns.

P. A Adaptive Path inventou o Ajax? Foi o Google? Adaptive Path ajudou a construir as aplicações Ajax do Google?

R. Nem a Adaptive Path, nem o Google inventaram o Ajax. Os produtos recentes do Google são simplesmente os exemplos mais aperfeiçoados de aplicações Ajax. Adaptive Path não esteve envolvida no desenvolvimento das aplicações Ajax do Google, mas nós estamos trabalhando com Ajax para muitos de nossos outros clientes.

P. A Adaptive Path está vendendo componentes Ajax ou comercializando o nome? Onde eu posso baixá-lo?

R. Ajax não é algo que você possa baixar. É uma técnica – um modo de pensar sobre a arquitetura de aplicações web usando certas tecnologias. Nem o nome Ajax, nem as técnicas são proprietárias da Adaptive Path.

P. O Ajax é apenas outro nome para XMLHttpRequest?

R. Não. XMLHttpRequest é somente parte do conjunto Ajax. XMLHttpRequest é o componente técnico que torna possível a comunicação assíncrona com o servidor; Ajax é nosso nome para as técnicas abrangentes descritas no artigo, que incluem não somente o XMLHttpRequest, mas também CSS, DOM, e outras tecnologias.

P. Por que você sentiram a necessidade de dar a isso um nome?

R. Eu precisei de algo mais curto que “Assíncrono JavaScript+CSS+DOM+XMLHttpRequest” para usar quando discutia essa técnica com clientes.

P. Técnicas para comunicação assíncrona com o servidor têm estado por perto há anos. O que faz do Ajax uma “nova” técnica?

R.O que é novo é o uso proeminente destas técnicas nas aplicações no mundo real para mudar o modelo de interação fundamental da Web. Ajax está pegando agora porque estas tecnologias e o entendimento da indústria de como usá-las mais eficientemente levam tempo para serem desenvolvidas.

P. O Ajax é uma plataforma tecnológica ou é um estilo de arquitetura?

R. São ambos. Ajax é um conjunto de tecnologias sendo usadas juntas de um modo particular.

P. Pra que tipos de aplicação o Ajax é melhor adaptado?

R. Não sabemos ainda. Porque essa é uma técnica relativamente nova, nosso entendimento de onde Ajax pode melhor ser aplicado está ainda na sua infância. Algumas vezes o modelo de aplicação web tradicional é a mais apropriada solução para o problema.

P. Isto significa que a Adaptive Path é anti-Flash?

R. Não totalmente. Macromedia é um cliente da Adaptive Path, e temos sido grandes patrocinadores da tecnologia Flash. Com o amadurecimento do Ajax, esperamos que algumas vezes Ajax torne-se a melhor solução para um problema particular, e algumas vezes Flash seja a melhor solução. Nós estamos também interessados em explorar  de que modo as tecnologias podem ser misturadas (como no caso do Flickr, que usa ambos).

P. Ajax tem acessibilidade significativa ou limitações de compatibilidade dos browsers? Aplicações Ajax interrompem o botão Voltar? Ajax é compatível com REST? Existem considerações de segurança no desenvolvimento Ajax? Aplicações Ajax podem ser feitas para trabalhar para usuários que têm JavaScript desativado?

R. A resposta para todas essas questões é “talvez”. Muitos desenvolvedores já estão trabalhando sobre essas indagações. Nós achamos que existe mais trabalho a ser feito para estipular todas essas limitações do Ajax, e esperamos que a comunidade de desenvolvimento Ajax publique mais artigos como este.

P. Alguns dos exemplos do Google que você citou não usam XML em tudo. Eu tenho que usar XML e/ou XSLT em uma aplicação Ajax?

R. Não. XML é o meio mais completo desenvolvido de conseguir dados dentro e fora de um cliente Ajax, mas não há razões para você não poder obter os mesmos efeitos usando tecnologias como Notação de Objeto JavaScript ou algum meio similar de estruturamento de dados para intercâmbio.

P. Aplicações Ajax são mais fáceis de desenvolver que aplicações web tradicionais?

R. Não necessariamente. Aplicações Ajax inevitavelmente envolvem código JavaScript complexo rodando no cliente. Tornar este complexo código eficiente e livre de bugs não é uma tarefa para ser tomada negligentemente, e ferramentas de desenvolvimento melhores e frameworks serão necessários para ajudar-nos neste desafio.

P. Aplicações Ajax sempre fornecem uma experiência melhor que as aplicações web tradicionais?

R. Não necessariamente. Ajax fornece interações mais flexíveis. Entretanto, quanto mais poder nós temos, mais cuidado devemos ter em usá-lo. Devemos ser cautelosos ao usar Ajax para melhorar as experiências do usuário nas nossas aplicações, nao esquecer disto.

Referências

Artigo “Ajax: A New Approach to Web Applications” – Jesse James Garrett

 

53 comments on “Tradução – Ajax: uma nova técnica para aplicações web

  1. Pingback: Tweets that mention Tradução – Ajax: Uma Nova Técnica para Aplicações Web -- Topsy.com

  2. Pingback: jasa penerjemah

  3. Pingback: Top-notch Ankle MRI Coil Repair Services Company

  4. Pingback: obat peninggi badan alami

  5. Pingback: obat penghilang jerawat

  6. Pingback: obat pembesar penis

  7. Pingback: obat penghilang jerawat

  8. Pingback: cara menghilangkan jerawat

  9. Pingback: baju distro

  10. Pingback: baju distro

  11. Pingback: boneka full body

  12. Pingback: alat pembesar penis

  13. Pingback: alat bantu sex

  14. Pingback: obat penggemuk badan

  15. Pingback: obat peninggi badan

  16. Pingback: surat lamaran cpns

  17. Pingback: famous quoes

  18. Pingback: pengertian obat tradisional

  19. Pingback: jasa manage vps

  20. Pingback: ssh gratis 1 november 2013

  21. Pingback: Avoiding Trademark Infringement When Choosing a Domain Name

  22. Pingback: cara menambah tinggi badan

  23. Pingback: obat sipilis

  24. Pingback: Permainan Bola

  25. Pingback: nama obat sipilis

  26. Pingback: obat sipilis

  27. Pingback: IDRpoker.com Agen Texas Poker Online Indonesia Terpercaya

  28. Pingback: generic viagra cialis

  29. Pingback: levitra son prix

  30. Pingback: how to tell if he has a low sperm count

  31. Pingback: avis sur levitra generique

  32. Pingback: how to increase sperm count naturally fruits

  33. Pingback: levitra vente en ligne

  34. Pingback: minerals to increase sperm count

  35. Pingback: how to increase sperm count ehow

  36. Pingback: levitra pharmacie en france

  37. Pingback: how to increase sperm count supplement

  38. Pingback: gГ©nГ©rique levitra

  39. Pingback: increase sperm count proviron

  40. Pingback: viagra sert a quoi

  41. Pingback: normal sperm count in urine

  42. Pingback: buy viagra online in united states

  43. Pingback: how to increase sperm count for women

  44. Pingback: buy viagra jakarta

  45. Pingback: is clomid good for low sperm count

  46. Pingback: buy viagra online paypal

  47. Pingback: how to increase sperm count with vegetables

  48. Pingback: blazing a path of opportunity for all viagra online

  49. Pingback: how to increase sperm count in our body

  50. Pingback: buy viagra derby

  51. Pingback: patanjali medicine to increase sperm count

  52. Pingback: buy generic viagra online europe

  53. Pingback: low sperm count in diabetes

Deixe uma resposta

O seu endereço de email não será publicado Campos obrigatórios são marcados *

*

Você pode usar estas tags e atributos de HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>