Your SlideShare is downloading. ×
Ajax
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Introducing the official SlideShare app

Stunning, full-screen experience for iPhone and Android

Text the download link to your phone

Standard text messaging rates apply

Ajax

383
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
383
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
12
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

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