(A18) LabMM3 - Ajax

594 views

Published on

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

  • Be the first to like this

No Downloads
Views
Total views
594
On SlideShare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
79
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

(A18) LabMM3 - Ajax

  1. 1. AjaxCarlos SantosLabMM 3 - NTC - DeCA - UA05-12-2012
  2. 2. Como começou?
  3. 3. O que é?• Ajax: Asynchronous JavaScript and XML• esta é definição inicial de Ajax:• Ajax é visto como uma arquitectura de desenvolvimento, sendo dada menos importância às tecnologias envolvidas
  4. 4. Como funciona?
  5. 5. Tecnologias• Web Standards bem definidos: • Javascript • XML • HTML • CSS • ...• tecnologias suportadas pela maioria dos browsers• aplicações em Ajax são independentes dos browsers e das plataformas de desenvolvimento
  6. 6. Tecnologias• JavaScript XMLHttpRequest object • permite ao Javascript comunicar com o servidor Web (behind the scenes) • torna possível o Javascript trocar informação (bidirecional) com o servidor sem obrigar a uma nova leitura da página• Páginas Web ---> Aplicações Web
  7. 7. Tecnologias• R.I.A - Rich Internet Applications • vantagens relativamente a aplicações desktop? • facilmente chegam a uma audiência mais alargada • mais fáceis de “instalar” • código centralizado e por isso de manutenção simplificada • desenvolvimento mais simples
  8. 8. exemplo
  9. 9. Problemas• Usabilidade e Acessibilidade • muitas das dificuldades são semelhantes às existentes com a utilização do Flash...• Antes de utilizar devemos questionar (Capítulo 7.2 de “Pragmatic Ajax - A Web 2.0 Primer”): • “Is what I’m adding increasing the usability of my application, or the length of my resume?” • “Does it break an ingrained habit of my users?” • “Is the value worth the cognitive dissonance such a break will cause for my users?”
  10. 10. Problemas• (continuação) • Watch That Back Button! • Bookmarking Makes the Web • GET is for Getting, POST is for Doing • Tell People When Updates are Happening • Don’t Reinvent the Wheel
  11. 11. Ajax frameworkshttp://en.wikipedia.org/wiki/List_of_Ajax_frameworks
  12. 12. Demonstração

×