O documento apresenta a agenda de um curso sobre tecnologias WEB 2.0 que abordará conceitos como WEB 2.0, Rich Internet Applications, AJAX e exemplos de aplicações. Serão três dias de curso discutindo estas tecnologias e desenvolvendo um projeto prático.

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. 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. 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. Agenda
Quinta-Feira ( 14/02 ) às 16h
* Desenvolvimento de Aplicação WEB 2.0;
- FINALIZAÇÃO DO PROJETO.
* Conclusão.

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. 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. 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. RICH INTERNET APPLICATIONS (RIA)
Modelo Síncrono:

9. RICH INTERNET APPLICATIONS (RIA)
Modelo Assíncrono:

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. 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. AJAX: CARACTERÍSTICAS
Principais características:

13. AJAX: CARACTERÍSTICAS
Principais características:

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. EXEMPLOS
SITES COLABORATIVOS:
• WIKIPEDIA (www.wikipedia.org):

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

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

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

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

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

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

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

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

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

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

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

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

28. EXEMPLOS
ATÉ AMANHÃ!
BLOG: www.davidruiz.eti.br
SITE: www.zaptrade.com.br
COMUNIDADE: www.gamedev.com.br/cpbr2008/
CONTATO: wupsbr@gmail.com