• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Ajaxificando
 

Ajaxificando

on

  • 2,139 views

Palestra no 3º Natal Java Day

Palestra no 3º Natal Java Day

Statistics

Views

Total Views
2,139
Views on SlideShare
2,027
Embed Views
112

Actions

Likes
1
Downloads
33
Comments
0

5 Embeds 112

http://www.milfont.org 75
http://cachina.wordpress.com 34
file:// 1
http://www.slideshare.net 1
http://www.linkedin.com 1

Accessibility

Categories

Upload Details

Uploaded via as OpenOffice

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Ajaxificando Ajaxificando Presentation Transcript

    • Ajaxificando suas aplicações Christiano Milfont http://www.milfont.org
    • 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.
    • Migração para web ...
    • 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.
    • Se aplica a WebWorks Mentawai SpringFlow JSF ... Struts ...
    • Sem fronteiras entre as camadas lógicas... LoginAction LoginForm LoginVO LoginBO DB LoginDAO
    • 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...
    • Como funciona hoje...
    • Como ficaria...
    • Frameworks Ajax
      • 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
      • 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
    • 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.
    • Javascript Multipurpose Frameworks... Javascript Remoting Frameworks... Javascript Specialised Frameworks... Tipos de Frameworks Ajax
    • Mas como ajaxificar?
    • DWR
    • 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.
    • Anatomia do DWR JSON (Javascript Object Notation) http://www.json.org/
    • 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
    • Anatomia do DWR
    • 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
    • Fim! haaaaaaaaaaaa...