O documento discute a arquitetura MVC e como ela evoluiu para se adaptar ao desenvolvimento web. Também descreve como frameworks Ajax encapsulam a complexidade de manipular tecnologias como Javascript para permitir o desenvolvimento de aplicações web ricas. Por fim, apresenta o framework DWR, explicando como ele habilita a interação entre Java no servidor e Javascript no navegador através da tradução de objetos entre esses ambientes.

1. Ajaxificando suas aplicações Christiano Milfont http://www.milfont.org

2. MVC Original ... a visão observa o comportamento do modelo para renderizar a interface ... ... o controlador responde a eventos e solicita modificações no modelo ... ... o modelo gerencia a lógica de negócios e fornece API de acesso.

3. Migração para web ...

4. MVC Model 2 ... a visão não enxerga o comportamento do modelo ... ... o controlador assume parcialmente a renderização da visão ... ... o modelo gerencia a lógica de negócios e fornece API de acesso.

5. Se aplica a WebWorks Mentawai SpringFlow JSF ... Struts ...

6. Sem fronteiras entre as camadas lógicas... LoginAction LoginForm LoginVO LoginBO DB LoginDAO

7. MVC Model 3? ... a visão escuta respostas do modelo ... ... o controlador devolve responsbilidades da visão... ... o modelo gerencia a lógica de negócios e fornece API de acesso. Back to the future...

8. Como funciona hoje...

9. Como ficaria...

10. Frameworks Ajax

11. Um Framework Ajax utiliza as tecnologias: CSS (camada de formatação da apresentação); XHTML (camada de estrutura da apresentancro ção); XML (dados a serem manipulados) e JSON (outra especificação do formato dos dados); Javascript (camada de controle) por meio de DOM (modelo de árvore de objetos) e com o objeto XMLHttpRequest (que fornece conexões assínas). Extende essa tecnologias padrões com componentes de eventos, efeitos, Drag'n'Drop, entre outros. O benefício de se usar um Framework Ajax é o encapsulamento da complexidade de manipulação das tecnologias necessárias, fornecendo um só mecanismo Cross Browser que permita a utilização do ajax com acessibilidade semelhante ao ambiente desktop, além de facilitar o tratamento dos dados nas as camadas físicas entre o lado cliente e o lado servidor. Frameworks Ajax

12. Um Framework Ajax utiliza as tecnologias: CSS (camada de formatação da apresentação); XHTML (camada de estrutura da apresentação); XML (dados a serem manipulados) e JSON (outra especificação do formato dos dados); Javascript (camada de controle) por meio de DOM (modelo de árvore de objetos) e com o objeto XMLHttpRequest (que fornece conexões assíncronas). Extende essa tecnologias padrões com componentes de eventos, efeitos, Drag'n'Drop, entre outros. O benefício de se usar um Framework Ajax é o encapsulamento da complexidade de manipulação das tecnologias necessárias, fornecendo um só mecanismo Cross Browser que permita a utilização do ajax com acessibilidade semelhante ao ambiente desktop, além de facilitar o tratamento dos dados nas as camadas físicas entre o lado cliente e o lado servidor. Frameworks Ajax

13. Tipos de Frameworks Ajax Javascript Multipurpose: frameworks que fornecessem componentes sobre o conjunto de todas as tecnologias web no lado cliente e mecanismos de acesso ao lado servidor, como o encapsulamento do tratamento dos dados. Javascript Remote: frameworks que são especialistas no encapsulamento do mecanismo de troca de objetos entre as camadas físicas. Javascript Specialized: frameworks que são especialistas em somente um determinado comportamento ou mecanismo do conjunto de tecnologias web, como por exemplo: especialistas em efeitos ou somente na extensão do javascript.

14. Javascript Multipurpose Frameworks... Javascript Remoting Frameworks... Javascript Specialised Frameworks... Tipos de Frameworks Ajax

15. Mas como ajaxificar?

16. DWR

17. Anatomia do DWR O DWR habilita a interação entre o Java no servidor e o Javascript no Browser, encapsulando a tradução dos objetos entre esses ambientes físicos diferentes. O DWR realiza a tradução dos objetos com base na especificação JSON (Javascript Object Notation). JSON é um formato leve de troca de dados baseado em um subconjunto da especificação Javascript mas independente de linguagens.

18. Anatomia do DWR JSON (Javascript Object Notation) http://www.json.org/

19. Anatomia do DWR JSON http://www.ecma-international.org/publications/files/ECMA-ST/Ecma-262.pdf "An ECMAScript object is an unordered collection of properties each with zero or more attributes..." Standard ECMA-262 - 3r d Edition - December 1999

20. Anatomia do DWR

21. Tudo que precisa para integrar o DWR em seu projeto... Acrescenta biblioteca dwr.jar ao projeto Mapeamento dos seus POJOS no dwr.xml Mapeamento do servlet no web.xml Importa o Engine e interfaces nas páginas Faz as chamadas aos objetos mapeados Manipulação dos POJOS ... o resto você encontra em http://www.handersonfrota.com.br

22. Fim! haaaaaaaaaaaa...