1. Ajax
Carlos Santos
LabMM 3 - NTC - DeCA - UA
04-12-2013

2. Como começou?

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. Como funciona?

5. Tecnologias
• Web Standards bem definidos:
• Javascript
• XML
• HTML
• CSS
• ...
• tecnologias suportadas pela esmagadora maioria dos browsers
• aplicações em Ajax são independentes dos browsers e das plataformas de
desenvolvimento

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. 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. exemplo

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. 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. Ajax frameworks
http://en.wikipedia.org/wiki/List_of_Ajax_frameworks

12. Mais informação
• Take Command with Ajax (sem jQuery!!!)
• http://www.sitepoint.com/take-command-ajax/
• Using AJAX with jQuery
• http://www.youtube.com/watch?v=IyCnbyWZkRU
• Easy Ajax with jQuery (inclui PHP e MySQL no exemplo)
• http://www.sitepoint.com/ajax-jquery/
• jQuery - AJAX Introduction
• http://www.w3schools.com/jquery/jquery_ajax_intro.asp