O documento discute o que é AJAX e como o Google Web Toolkit (GWT) permite desenvolver aplicações AJAX em Java de forma simples. O GWT compila código Java diretamente para JavaScript, permitindo que desenvolvedores utilizem as vantagens do AJAX sem precisar saber JavaScript. Apresenta também exemplos de código e arquitetura de uma aplicação desenvolvida com GWT.

1. AJAX e GWT AJAX em Java usando o Google Web Toolkit Maurício Linhares – [email_address] http://maujr.org/

2. O ano 2000 passou... ... E as aplicações web continuam as mesmas

3. Problemas A interatividade de aplicações web é sofrível; Não é possível reaproveitar partes já carregadas das páginas; Muda-se uma letra, muda-se a página toda;

4. Problemas Interfaces complexas ou ações complexas são difíceis de se fazer na web; ActiveX não é uma escolha em um ambiente diverso; Aplicações desktop dão muito trabalho para evoluir;

5. Solução? AJAX!

6. Mas, o que é AJAX ?

7. Um detergente?

8. Um herói grego?

9. Um time de futebol holandês?

10. Ou seria um marciano verde?

11. Qual é a resposta certa Lombardi?

12. AJAX é: A synchronous J ava S cript and X ML

13. A synchronous Uma requisiçao AJAX deve acontecer de forma assíncrona; O cliente não precisa esperar a requisição acabar; A página deve estar sempre carregada e disponível;

14. J ava S cript Linguagem de programação baseada em protótipos; Fonte das funções que fazem requisições e mudanças a partir da página; Baseada no padrão ECMA, mas nem todos seguem o padrão;

15. X ML – eXtensible Markup Language Linguagem de marcação que pode ser utilizada como fonte de informação estruturada; Não é uma parte obrigatória do AJAX (o X não é realmente necessário); É um comum formato de troca de informações;

16. AJAX é: Uma junção de todas estas tecnologias em uma nova maneira de se desenvolver para a web

17. Vantagens A página pode ser atualizada em pedaços; A quantidade de informação enviada de um lado para o outro é menor; Como muito do código executa no cliente, o servidor trabalha menos;

18. Vantagens A chamada assíncrona não “trava” o trabalho do usuário; Atualizações podem ser carregadas sem a necessidade de um “reload”; O controle total da apresentação da página, dá um poder próximo ao de aplicações desktop;

19. Desvantagens Usabilidade – o botão “voltar” normalmente não funciona; O uso constante da rede, mesmo que em menor escala, pode aumentar o tempo de resposta da aplicação; É difícil internacionalizar ou tornar páginas AJAX acessíveis a pessoas com necessidades especiais;

20. XMLHttpRequest Objeto responsável por fazer a requisição HTTP ao servidor para atualizar a página; Implementado originalmente como uma extensão do Outlook 2000 no Internet Explorer; Posteriormente implementado em outros navegadores;

21. Páginas AJAX - GMail

22. Páginas AJAX - NetVibes

23. Páginas AJAX - Scriptaculous

24. Desenvolvendo aplicações com AJAX Muito JavaScript; Muita linguagem de programação server-side; Muito XML; Muita comunicação; Muito café; Muita paciência;

25. Frameworks vem ao salvamento DWR – Direct Web Remoting ZK Components AJAX 4 JSF Echo 2 GWT – Google Web Toolkit

26. O que é o GWT? Framework de desenvolvimento de aplicações AJAX em Java; Não é necessário saber JavaScript; Compila código Java diretamente para código JavaScript; Contém um conjunto completo de ferramentas para o teste de aplicações;

27. Como conseguir? Disponível para Windows, Linux e Mac; Licença Apache 2.0 (completamente livre); Um dos projetos open-source do Google;

28. Utilizando o GWT Cria-se um projeto; Cria-se uma aplicação; É só escrever o código Java;

29. Vantagens É possível utilizar qualquer “debugger” Java com o GWT; O código gerado é compatível com a maioria dos navegadores; Suporte especial ao botão “voltar” do navegador; Integração completa com o JUnit;

30. Vantagens Suporte a internacionalização padrão do Java; Controle total sobre a aplicação e possibilidade de extensão utilizando a JSNI (JavaScript Native Interface); (Quase) todo o código escrito é Java, nada de absurdos de JavaScript; MUITOS componentes;

31. Desvantagens Compilado para outra linguagem; Usa geração de código; Não é possível utilizar todas as classes do Java, apenas um conjunto delas; Para funcionalidades avançadas, é necessário usar RPC;

32. Exemplo de código Aplicação de controle de viagens

33. Arquitetura Desenvolvimento do lado cliente da aplicação (componentes visuais); Desenvolvimento das chamadas a serviços (o servlet) que roda no servidor; Integração entre os dois lados utilizando RPC;

34. Conclusões AJAX é um modo de trabalho que veio para ficar; Nem todas as páginas vão se beneficiar dele; O uso indiscriminado de JavaScript pode tornar o código difícil de se manter; Frameworks melhores ainda estão surgindo para resolver outros problemas;

35. Referências GWT - http://code.google.com/webtoolkit/ Crane, Dave; Pascarello, Eric; James, Darren; Ajax in Action. Editora Manning, 2005, EUA; Wikipedia – http://en.wikipedia.org/