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...
Próximos SlideShares
Carregando em…5
×

Web 2.0 e AJAX - Parte 1 / 3

2.648 visualizações

Publicada em

Apresentação sobre WEB 2.0 e AJAX.

Publicada em: Tecnologia
1 comentário
1 gostou
Estatísticas
Notas
Sem downloads
Visualizações
Visualizações totais
2.648
No SlideShare
0
A partir de incorporações
0
Número de incorporações
51
Ações
Compartilhamentos
0
Downloads
0
Comentários
1
Gostaram
1
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

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

×