Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Apresentação




Empresário e Analista de Sistemas
BLOG: www.davidruiz.eti.br
SITE: www.zaptrade.com.br
COMUNIDADE: www.ga...
Agenda

Terça-Feira ( 12/02 ) às 16h
* WEB 2.0;
 - DEFINIÇÃO;
 - CARACTERÍSTICAS.

* Rich Internet Applications (RIA);

* ...
Agenda

Quarta-Feira ( 13/02 ) às 16h
* Entenda o XMLHttpRequest;

* API DOM (Document Object Model);

* AJAX Toolkits e F...
Agenda

Quinta-Feira ( 14/02 ) às 16h
* Desenvolvimento de Aplicação WEB 2.0;
 - FINALIZAÇÃO DO PROJETO.

* Conclusão.
WEB 2.0 : DEFINIÇÃO

Tim O'Reilly em 2004 definiu “WEB 2.0” como:
quot;WEB 2.0 é a mudança para uma Internet
como platafor...
WEB 2.0 : CARACTERÍSTICAS

Principais características:
• WEB COMO PLATAFORMA;
• COLABORAÇÃO / INTELIGÊNCIA COLETIVA;
• CON...
RICH INTERNET APPLICATIONS (RIA)

O termo foi introduzido em 2002 pela Macromedia.
• CARACTERÍSTICAS:
    • CÓDIGO INTERME...
RICH INTERNET APPLICATIONS (RIA)

Modelo Síncrono:
RICH INTERNET APPLICATIONS (RIA)

Modelo Assíncrono:
AJAX: DEFINIÇÃO

ASYNCHRONOUS JAVASCRIPT AND XML.
O termo foi introduzido em fevereiro de 2005
no artigo:

“Ajax: A New Ap...
AJAX: CARACTERÍSTICAS

Principais características:
• Apresentação utilizando padrões em XHTML e CSS;
• Visual dinâmico uti...
AJAX: CARACTERÍSTICAS

Principais características:
AJAX: CARACTERÍSTICAS

Principais características:
AJAX: SUGESTÕES DE UTILIZAÇÃO

Veja como aplicar o AJAX em seus projetos:
• VALIDAÇÃO EM TEMPO REAL;
   Ex: Verificar o ní...
EXEMPLOS

SITES COLABORATIVOS:
• WIKIPEDIA (www.wikipedia.org):
EXEMPLOS

SITES COLABORATIVOS:
• WORD PRESS (www.wordpress.com):
EXEMPLOS

SITES DE COMUNICAÇÃO:
• GMAIL (www.gmail.com):
EXEMPLOS

SITES DE COMUNICAÇÃO:
• MEEBO (www.meebo.com):
EXEMPLOS

SITES DE COMUNICAÇÃO:
• TWITTER (www.twitter.com):
EXEMPLOS

SITES DE MÍDIA:
• YOUTUBE (www.youtube.com):
EXEMPLOS

SITES DE MÍDIA:
• FLICKR (www.flickr.com):
EXEMPLOS

SITES DE MÍDIA:
• SLIDE SHARE (www.slideshare.net):
EXEMPLOS

SITES DE REDE SOCIAL:
• ORKUT (www.orkut.com):
EXEMPLOS

SITES DE REDE SOCIAL:
• LINKED IN (www.linkedin.com):
EXEMPLOS

SITES DE REDE SOCIAL:
• DIGG (www.digg.com):
EXEMPLOS

SITES MOBILE:
• SHOZU (www.shozu.com):
EXEMPLOS

SITES MOBILE:
• SOONR (www.soonr.com):
EXEMPLOS

ATÉ AMANHÃ!

BLOG: www.davidruiz.eti.br
SITE: www.zaptrade.com.br
COMUNIDADE: www.gamedev.com.br/cpbr2008/

CONT...
Upcoming SlideShare
Loading in …5
×

Web 2.0 e AJAX - Parte 1 / 3

2,678 views

Published on

Apresentação sobre WEB 2.0 e AJAX.

Published in: Technology

Web 2.0 e AJAX - Parte 1 / 3

  1. 1. Apresentação Empresário e Analista de Sistemas BLOG: www.davidruiz.eti.br SITE: www.zaptrade.com.br COMUNIDADE: www.gamedev.com.br/cpbr2008/ CONTATO: wupsbr@gmail.com
  2. 2. Agenda Terça-Feira ( 12/02 ) às 16h * WEB 2.0; - DEFINIÇÃO; - CARACTERÍSTICAS. * Rich Internet Applications (RIA); * AJAX; - DEFINIÇÃO - CARACTERÍSTICAS - SUGESTÕES DE UTILIZAÇÃO * EXEMPLOS.
  3. 3. Agenda Quarta-Feira ( 13/02 ) às 16h * Entenda o XMLHttpRequest; * API DOM (Document Object Model); * AJAX Toolkits e Frameworks; - ExtJS; - MOOTOOLS; - EXEMPLOS DE UTILIZAÇÃO. * Desenvolvimento de Aplicação WEB 2.0. - INÍCIO DO PROJETO.
  4. 4. Agenda Quinta-Feira ( 14/02 ) às 16h * Desenvolvimento de Aplicação WEB 2.0; - FINALIZAÇÃO DO PROJETO. * Conclusão.
  5. 5. WEB 2.0 : DEFINIÇÃO Tim O'Reilly em 2004 definiu “WEB 2.0” como: quot;WEB 2.0 é a mudança para uma Internet como plataforma, e um entendimento das regras para obter sucesso nesta nova plataforma. Entre outas, a regra mais importante é desenvolver aplicativos que aproveitem os efeitos de rede para se tornarem melhores quanto mais são usados pelas pessoas, aproveitando a inteligência coletiva.quot;
  6. 6. WEB 2.0 : CARACTERÍSTICAS Principais características: • WEB COMO PLATAFORMA; • COLABORAÇÃO / INTELIGÊNCIA COLETIVA; • CONTEÚDO DINÂMICO / RSS ( Really Simple Syndication ); • FASE quot;BETAquot; CONTÍNUO; • CONTEÚDO DINÂMICO; • MASHUPS / INTEGRAÇÃO COM SERVIÇOS EXISTENTES; • CLOUD COMPUTING.
  7. 7. RICH INTERNET APPLICATIONS (RIA) O termo foi introduzido em 2002 pela Macromedia. • CARACTERÍSTICAS: • CÓDIGO INTERMEDIÁRIO ou CLIENT ENGINE; •DOWNLOADS/CÓDIGOS SÃO CARREGADOS ON-DEMAND. • BENEFÍCIOS: • COMUNICAÇÃO ASSÍNCRONA; • OTIMIZAÇÃO DE REDE; • INTERFACE AMIGÁVEL; • NAVEGAÇÃO DE FORMA NATURAL.
  8. 8. RICH INTERNET APPLICATIONS (RIA) Modelo Síncrono:
  9. 9. RICH INTERNET APPLICATIONS (RIA) Modelo Assíncrono:
  10. 10. AJAX: DEFINIÇÃO ASYNCHRONOUS JAVASCRIPT AND XML. O termo foi introduzido em fevereiro de 2005 no artigo: “Ajax: A New Approach to Web Applications” de Jesse James Garrett.
  11. 11. AJAX: CARACTERÍSTICAS Principais características: • Apresentação utilizando padrões em XHTML e CSS; • Visual dinâmico utilizando o DOM; • Troca de informações com XML e XSLT; • Requisições assíncronas de dados com o objeto XMLHttpRequest; • Primeira implementação nativa no Mozilla 1.0 (2002); • No Internet Explorer < 7 é um controle ActiveX chamado MSXML; • IE7 já possui suporte de forma nativa. • JavaScript unindo todos estes ítems.
  12. 12. AJAX: CARACTERÍSTICAS Principais características:
  13. 13. AJAX: CARACTERÍSTICAS Principais características:
  14. 14. AJAX: SUGESTÕES DE UTILIZAÇÃO Veja como aplicar o AJAX em seus projetos: • VALIDAÇÃO EM TEMPO REAL; Ex: Verificar o nível de segurança da senha informada. • AUTOCOMPLETAR; Ex: Ao digitar o CEP o mesmo preenche automaticamente o endereço, bairro e etc. • OPERAÇÕES MESTRE-DETALHE; Ex: Seleciona o ESTADO o mesmo retorna as CIDADES correspondentes. • COMPONENTES DE INTERFACE AVANÇADOS (WIDGETS); Ex: Árvores, menus, barra de progresso. • NOTIFICAÇÕES PROVENIENTES DO SERVIDOR. Ex: Notificação de um novo e-mail.
  15. 15. EXEMPLOS SITES COLABORATIVOS: • WIKIPEDIA (www.wikipedia.org):
  16. 16. EXEMPLOS SITES COLABORATIVOS: • WORD PRESS (www.wordpress.com):
  17. 17. EXEMPLOS SITES DE COMUNICAÇÃO: • GMAIL (www.gmail.com):
  18. 18. EXEMPLOS SITES DE COMUNICAÇÃO: • MEEBO (www.meebo.com):
  19. 19. EXEMPLOS SITES DE COMUNICAÇÃO: • TWITTER (www.twitter.com):
  20. 20. EXEMPLOS SITES DE MÍDIA: • YOUTUBE (www.youtube.com):
  21. 21. EXEMPLOS SITES DE MÍDIA: • FLICKR (www.flickr.com):
  22. 22. EXEMPLOS SITES DE MÍDIA: • SLIDE SHARE (www.slideshare.net):
  23. 23. EXEMPLOS SITES DE REDE SOCIAL: • ORKUT (www.orkut.com):
  24. 24. EXEMPLOS SITES DE REDE SOCIAL: • LINKED IN (www.linkedin.com):
  25. 25. EXEMPLOS SITES DE REDE SOCIAL: • DIGG (www.digg.com):
  26. 26. EXEMPLOS SITES MOBILE: • SHOZU (www.shozu.com):
  27. 27. EXEMPLOS SITES MOBILE: • SOONR (www.soonr.com):
  28. 28. EXEMPLOS ATÉ AMANHÃ! BLOG: www.davidruiz.eti.br SITE: www.zaptrade.com.br COMUNIDADE: www.gamedev.com.br/cpbr2008/ CONTATO: wupsbr@gmail.com

×