Sead 29 09 2006 Usabilidade Com Ajax

1,380 views

Published on

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,380
On SlideShare
0
From Embeds
0
Number of Embeds
27
Actions
Shares
0
Downloads
30
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Sead 29 09 2006 Usabilidade Com Ajax

  1. 1. SEAD 2006 Usabilidade com Ajax CHRISTIANO MILFONT - cmilfont@gmail.com Fortaleza, Ceará. 29/09/2006
  2. 2. Ajax Set 29 by Milfont in ROTEIRO >> Add a comment/0 trackback(s) 1. WEB 2.0 2. XMLHttpRequest 3. COMO FUNCIONA. 4. USABILIDADE. 5. EXEMPLOS. 6. CONCLUSÃO.
  3. 3. Ajax Set 29 by Milfont in AJAX >> WEB 2.0 >> Add a comment/0 trackback(s)
  4. 4. Ajax Set 29 by Milfont in AJAX >> WEB 2.0 >> Add a comment/0 trackback(s) Apresentação com XHTML e CSS XMLHttpRequest na comunicação assíncrona Trocando dados Interação e manipulando com DOM com XML e XSLT Tudo temperado com javascript
  5. 5. Ajax Set 29 by Milfont in AJAX >> XMLHttpRequest >> Add a comment/0 trackback(s) XMLHttpRequest foi criado pela MS para o Outlook Web Access como objeto ActiveX e incorporado aos padrões do W3C. quot;Asynchronous JavaScript + XMLquot;
  6. 6. Ajax Set 29 by Milfont in AJAX >> XMLHttpRequest >> Add a comment/0 trackback(s) new XMLHttpRequest(); new ActiveXObject(quot;Msxml2.XMLHTTP”); new ActiveXObject(quot;Msxml2.XMLHTTP.3.0”); new ActiveXObject(quot;Microsoft.XMLHTTP”); if(window.XMLHttpRequest){ request = new XMLHttpRequest(); }else { if(window.ActiveXObject){ request = new ActiveXObject(quot;Microsoft.XMLHTTPquot;); }else{ request = new ActiveXObject(quot;Msxml2.XMLHTTPquot;); } }
  7. 7. Ajax Set 29 by Milfont in AJAX >> XMLHttpRequest >> Add a comment/0 trackback(s) var theUrl = quot;sead.do?page=AjaxXML”; request.onreadystatechange ={ if(request.readyState ==4){ if(request.status == 200){ var ajaxResponse = request.responseXML; //MANIPULA O XML } ReadyState if(request.status == 404){ 0 – Uninitiated //PROCESSA ERRO } 1 – Loading ... 2 – Loaded } 3 – Interactive }; 4 - Complete request.open(quot;POSTquot;, theUrl, true); request.send(null);
  8. 8. Ajax Set 29 by Milfont in AJAX >> COMO FUNCIONA >> Add a comment/0 trackback(s) Com Ajax, Controle do transferimos o fluxo de controle de navegação da fluxo de aplicação é navegação feito no lado para o servidor. Browser.
  9. 9. Ajax Set 29 by Milfont in AJAX >> COMO FUNCIONA >> 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
  10. 10. Ajax Set 29 by Milfont in AJAX >> COMO FUNCIONA >> Add a comment/0 trackback(s)
  11. 11. Ajax Set 29 by Milfont in AJAX >> COMO FUNCIONA >> Add a comment/0 trackback(s) Modelo Tradicional. Modelo Ajax.
  12. 12. Ajax Set 29 by Milfont in AJAX >> USABILIDADE >> Add a comment/0 trackback(s) Interação com submissão de formulários. Auto-completar. Efeitos como Fade, Colapse, etc... Slider Menus dinâmicos TreeView Modal Upload sem refresh ...
  13. 13. Ajax Set 29 by Milfont in AJAX >> USABILIDADE >> Add a comment/0 trackback(s) Mashup Combinação de conteúdo de mais de uma fonte
  14. 14. Ajax Set 29 by Milfont in AJAX >> USABILIDADE >> Add a comment/0 trackback(s) Efeitos
  15. 15. Ajax Set 29 by Milfont in AJAX >> CONCLUSÃO >> Add a comment/0 trackback(s) http://www.milfont.org

×