Ajax

536 views

Published on

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
536
On SlideShare
0
From Embeds
0
Number of Embeds
5
Actions
Shares
0
Downloads
14
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Ajax

  1. 1.
  2. 2. GRUPO<br />Diego Benício<br />Kairon Ramon<br />
  3. 3. ROTEIRO<br /><ul><li>INTRODUÇÃO
  4. 4. O que é Ajax?
  5. 5. Tecnologias anteriores
  6. 6. Surgimento
  7. 7. Utilização
  8. 8. Atualização
  9. 9. METODOLOGIA
  10. 10. Arquitetura – Modelo clássico versus Modelo Ajax
  11. 11. Relação com outras tecnologias
  12. 12. Princípios
  13. 13. Sintaxe
  14. 14. EXEMPLOS
  15. 15. CONSIDERAÇÕES
  16. 16. REFERÊNCIAS</li></li></ul><li>INTRODUÇÃO<br />O QUE É AJAX?<br />Linguagem de Programação?<br />Uma Tecnologia?<br />
  17. 17. INTRODUÇÃO<br />Fonte: site Portal XP<br />É uma técnica que utiliza diversas tecnologias para a construção de aplicações web interativas<br />
  18. 18. INTRODUÇÃO<br />O Objeto XMLHttpRequest (XHR)<br /><ul><li>A Microsoft criou no IE5 (2000) um objeto chamado XMLHttp que evoluiu para XMLHttpRequest
  19. 19. Em 2002 a Mozilla incorporou o objeto em seus browsers e o uso foi difundido por outros navegadores
  20. 20. Possibilitou requisição de dados ao servidor web</li></li></ul><li>INTRODUÇÃO<br />COMUNICAÇÃO<br /><ul><li>Síncrona :
  21. 21. Assíncrona:</li></ul>Fonte: site Adaptative Path<br />
  22. 22. INTRODUÇÃO<br />TECNOLOGIAS ANTERIORES<br /><ul><li>HTML/XHTML e CSS – Apresentação do conteúdo.
  23. 23. DOM – Manipulação dinâmica das páginas.
  24. 24. XML – Formato de troca de dados.
  25. 25. XMLHttpRequest – Objeto que transfere dados entre cliente e servidor.
  26. 26. JavaScript – Interage com as tecnologias citadas.</li></li></ul><li>INTRODUÇÃO<br />SURGIMENTO<br /><ul><li>Artigo: Remote Scriptingwith IFRAME (Developer Connection, 2000)
  27. 27. Artigo: Ajax: a New Approach to Web Applications (James Garret, 2005)</li></ul>Fonte: IDEA Conference<br /><ul><li>TimO’Reilly publicou em 2005 um artigo sobre a Web 2.0</li></ul>Fonte: IDEA Conference<br />
  28. 28. INTRODUÇÃO<br />Utilização:<br />
  29. 29. INTRODUÇÃO<br />Atualização<br />Comunidades ativas<br /><ul><li>W3Schools
  30. 30. Forum.code.net
  31. 31. iMasters</li></ul>Fonte: webdialogos.com<br />
  32. 32. METODOLOGIA<br />O Ajax não é propriedade de empresa alguma. Não é algo que você possa baixar da internet. Trata-se apenas de uma abordagem, isto é, uma nova maneira de se pensar a arquitetura de aplicações web que utilizam certas tecnologias (Niederauer, 2007, p.30).<br />
  33. 33. METODOLOGIA<br />Componentes Ajax:<br /><ul><li>.Net</li></ul>Fonte: http://www.asp.net/ajaxlibrary/act.ashx<br />
  34. 34. METODOLOGIA<br />Componentes Ajax:<br /><ul><li>.Net</li></ul>Fonte: http://www.asp.net/ajaxlibrary/act.ashx<br />
  35. 35. Modelo Clássico versus Modelo Ajax<br />Fonte: WROBLEWSKI, 2007.<br />
  36. 36. Abordagem Clássica<br />
  37. 37. METODOLOGIA<br />Arquitetura - Modelo Clássico <br />Fonte: NIEDERAUER, 2007, p.17.<br />
  38. 38. Abordagem Ajax<br />
  39. 39. METODOLOGIA<br />Arquitetura - Modelo Ajax <br />Fonte: NIEDERAUER, 2007, p.18.<br />
  40. 40. METODOLOGIA<br />Relação com outras Tecnologias <br />Fonte: NIEDERAUER, 2007, p.23.<br />
  41. 41. METODOLOGIA<br />Princípios<br /><ul><li>O servidor hospeda uma aplicação e não um conteúdo
  42. 42. O servidor fornece dados e não conteúdo
  43. 43. A interação do usuário pode ser flexível e contínua</li></li></ul><li>METODOLOGIA<br />Fonte: CRANE e PASCARELLO, 2007, p.18 e p.19<br />
  44. 44. METODOLOGIA<br />Sintaxe<br /><html><br /> <head> <script type="text/javascript"><br />function carregar() { Objeto XMLhttpRequest e códigos. }<br /> </script> </head><br /> <body><br /> <div id=“div"><h2></h2></div><br /> <buttontype="button" onclick=“carregar()"></button><br /> </body><br /></html><br />
  45. 45. Exemplos<br />
  46. 46. Considerações<br />Vantagens<br /><ul><li>Maior Interactividade nas aplicações
  47. 47. Redução de largura de banda
  48. 48. Não é proprietário
  49. 49. Portabilidade</li></ul>Desvantagens<br /><ul><li>Capacidades limitadas
  50. 50. Comportamento dos botões Back e Forward</li></li></ul><li>Referências<br />Ajax Turorial. Disponível em: <http://www.w3schools.com/ajax/default.asp>. Acesso em: 28/05/2011.<br />CRANE, Dave; PASCARELLO, Eric. Ajax in Action. Editora: Manning Publications, 2007.<br />Expressões Regulares em JavaScript. 2006. Disponível em: <http://forum.imasters.com.br/topic/331485-expressoes-regulares-em-javascript/>. Acesso em: 02/06/2011.<br />GARRET, James. Ajax: New Approach to Web Applications. 2005. Disponível em: <http://www.adaptivepath.com/ideas/ajax-new-approach-web-applications>. Acesso em: 01/06/2011.<br />NIEDERAUER, Juliano. Web Interativa com Ajax e PHP. Editora: Novatec, 2007.<br />RIORDAN, Rebecca. Abra a cabeça Ajax. Editora: O’Reilly.<br />WROBLEWSKI, Luke. Ajax & interface Design. 2007. Disponível em: <http://www.lukew.com/resources/articles/ajax_design.asp>. Acesso em: 30/05/2011.<br />

×