sead 29 09 2006 usabilidade com ajax
DESCRIPTION
TRANSCRIPT
![Page 2: Sead 29 09 2006 Usabilidade Com Ajax](https://reader033.vdocuments.net/reader033/viewer/2022052504/546be347b4af9f6b2c8b4dff/html5/thumbnails/2.jpg)
AjaxROTEIRO >>Set 29 by Milfont in
Add a comment/0 trackback(s)
1. WEB 2.02. XMLHttpRequest3. COMO FUNCIONA.4. USABILIDADE.5. EXEMPLOS.6. CONCLUSÃO.
![Page 3: Sead 29 09 2006 Usabilidade Com Ajax](https://reader033.vdocuments.net/reader033/viewer/2022052504/546be347b4af9f6b2c8b4dff/html5/thumbnails/3.jpg)
AjaxAJAX >> WEB 2.0 >>Set 29 by Milfont in
Add a comment/0 trackback(s)
![Page 4: Sead 29 09 2006 Usabilidade Com Ajax](https://reader033.vdocuments.net/reader033/viewer/2022052504/546be347b4af9f6b2c8b4dff/html5/thumbnails/4.jpg)
AjaxAJAX >> WEB 2.0 >>Set 29 by Milfont in
Add a comment/0 trackback(s)
Apresentação com XHTML e CSS
Interação com DOM
Trocando dados e manipulando com XML e XSLT
XMLHttpRequest na comunicação assíncrona
Tudo temperado com javascript
![Page 5: Sead 29 09 2006 Usabilidade Com Ajax](https://reader033.vdocuments.net/reader033/viewer/2022052504/546be347b4af9f6b2c8b4dff/html5/thumbnails/5.jpg)
Ajax
XMLHttpRequest foi criado pela MS para o Outlook Web Access como objeto ActiveX e incorporado aos padrões do W3C.
AJAX >> XMLHttpRequest >>Set 29 by Milfont inAdd a comment/0 trackback(s)
"Asynchronous JavaScript + XML"
![Page 6: Sead 29 09 2006 Usabilidade Com Ajax](https://reader033.vdocuments.net/reader033/viewer/2022052504/546be347b4af9f6b2c8b4dff/html5/thumbnails/6.jpg)
AjaxAJAX >> XMLHttpRequest >>Set 29 by Milfont in
Add a comment/0 trackback(s)
new XMLHttpRequest();
new ActiveXObject("Msxml2.XMLHTTP”);
new ActiveXObject("Msxml2.XMLHTTP.3.0”);
new ActiveXObject("Microsoft.XMLHTTP”);
if(window.XMLHttpRequest){
request = new XMLHttpRequest();
}else {
if(window.ActiveXObject){
request = new ActiveXObject("Microsoft.XMLHTTP");
}else{
request = new ActiveXObject("Msxml2.XMLHTTP");
}
}
![Page 7: Sead 29 09 2006 Usabilidade Com Ajax](https://reader033.vdocuments.net/reader033/viewer/2022052504/546be347b4af9f6b2c8b4dff/html5/thumbnails/7.jpg)
AjaxAJAX >> XMLHttpRequest >>Set 29 by Milfont in
Add a comment/0 trackback(s)
var theUrl = "sead.do?page=AjaxXML”;
request.onreadystatechange ={
if(request.readyState ==4){
if(request.status == 200){
var ajaxResponse = request.responseXML;
//MANIPULA O XML
}
if(request.status == 404){
//PROCESSA ERRO
}
...
}
};
request.open("POST", theUrl, true);
request.send(null);
ReadyState0 – Uninitiated1 – Loading2 – Loaded3 – Interactive4 - Complete
![Page 8: Sead 29 09 2006 Usabilidade Com Ajax](https://reader033.vdocuments.net/reader033/viewer/2022052504/546be347b4af9f6b2c8b4dff/html5/thumbnails/8.jpg)
AjaxAJAX >> COMO FUNCIONA >>Set 29 by Milfont in
Add a comment/0 trackback(s)
Controle do fluxo de navegação da aplicação é feito no lado servidor.
Com Ajax, transferimos o controle de fluxo de navegação para o Browser.
![Page 9: Sead 29 09 2006 Usabilidade Com Ajax](https://reader033.vdocuments.net/reader033/viewer/2022052504/546be347b4af9f6b2c8b4dff/html5/thumbnails/9.jpg)
AjaxAJAX >> COMO FUNCIONA >>Set 29 by Milfont in
Add a comment/0 trackback(s)
O servidor passa a fornecer dados e não conteúdo.O controle de apresentação é definido no Browser
![Page 10: Sead 29 09 2006 Usabilidade Com Ajax](https://reader033.vdocuments.net/reader033/viewer/2022052504/546be347b4af9f6b2c8b4dff/html5/thumbnails/10.jpg)
AjaxAJAX >> COMO FUNCIONA >>Set 29 by Milfont in
Add a comment/0 trackback(s)
![Page 11: Sead 29 09 2006 Usabilidade Com Ajax](https://reader033.vdocuments.net/reader033/viewer/2022052504/546be347b4af9f6b2c8b4dff/html5/thumbnails/11.jpg)
AjaxAJAX >> COMO FUNCIONA >>Set 29 by Milfont in
Add a comment/0 trackback(s)
Modelo Tradicional.
Modelo Ajax.
![Page 12: Sead 29 09 2006 Usabilidade Com Ajax](https://reader033.vdocuments.net/reader033/viewer/2022052504/546be347b4af9f6b2c8b4dff/html5/thumbnails/12.jpg)
AjaxAJAX >> USABILIDADE >>Set 29 by Milfont in
Add a comment/0 trackback(s)
Interação com submissão de formulários.Auto-completar.Efeitos como Fade, Colapse, etc...SliderMenus dinâmicosTreeViewModalUpload sem refresh...
![Page 13: Sead 29 09 2006 Usabilidade Com Ajax](https://reader033.vdocuments.net/reader033/viewer/2022052504/546be347b4af9f6b2c8b4dff/html5/thumbnails/13.jpg)
AjaxAJAX >> USABILIDADE >>Set 29 by Milfont in
Add a comment/0 trackback(s)
MashupCombinação de conteúdo de mais de uma fonte
![Page 14: Sead 29 09 2006 Usabilidade Com Ajax](https://reader033.vdocuments.net/reader033/viewer/2022052504/546be347b4af9f6b2c8b4dff/html5/thumbnails/14.jpg)
AjaxAJAX >> USABILIDADE >>Set 29 by Milfont in
Add a comment/0 trackback(s)
Efeitos
![Page 15: Sead 29 09 2006 Usabilidade Com Ajax](https://reader033.vdocuments.net/reader033/viewer/2022052504/546be347b4af9f6b2c8b4dff/html5/thumbnails/15.jpg)
AjaxAJAX >> CONCLUSÃO >>Set 29 by Milfont in
Add a comment/0 trackback(s)
http://www.milfont.org