Ajax

Carlos SantosLabMM 3 - NTC - DeCA - UA04-12-2013

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 esmagadora 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

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