(a18) labmm3 - ajax
Post on 08-Jul-2015
413 Views
Preview:
TRANSCRIPT
Ajax
Carlos SantosLabMM 3 - NTC - DeCA - UA05-12-2012
Como começou?
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
Como funciona?
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
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
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
exemplo
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?”
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
Ajax frameworks
http://en.wikipedia.org/wiki/List_of_Ajax_frameworks
Demonstração
top related