(A18) LabMM3 - Ajax
0 gostou424 visualizações
O documento descreve o que é Ajax, como funciona e suas tecnologias subjacentes. Ajax permite que o JavaScript comunique-se assincronamente com o servidor web para trocar informações sem recarregar a página. Isso torna possível criar aplicações web ricas como aplicativos desktop, aproveitando tecnologias da web como JavaScript, XML, HTML e CSS.
(A18) LabMM3 - Ajax
- 1. Ajax Carlos Santos LabMM 3 - NTC - DeCA - UA 05-12-2012
- 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
- 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. 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
- 12. Demonstração