Ajax
Carlos Santos
LabMM 3 - NTC - DeCA - UA
05-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

(A18) LabMM3 - Ajax

  • 1.
    Ajax Carlos Santos LabMM 3- NTC - DeCA - UA 05-12-2012
  • 2.
  • 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.
  • 5.
    Tecnologias • Web Standardsbem 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 XMLHttpRequestobject • 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.
  • 9.
    Problemas • Usabilidade eAcessibilidade • 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.
  • 12.