O documento apresenta uma introdução ao conceito de Web 2.0, discutindo suas origens, principais características e tendências. Aborda tópicos como blogs, redes sociais, mashups, APIs e arquitetura orientada a serviços. Apresenta exemplos de sites e aplicações Web 2.0, além de discutir as implicações para o mercado de trabalho e possibilidades futuras, como a Web Semântica.

1. Web 2.0 Conceito, tendências e desafios SemComp 2008 Mauricio Garcia Nascimento, PMP

2. Direitos autorais deste material http://creativecommons.org/licenses/by-nc-sa/2.5/br/

3. Sobre o palestrante Analista de Sistemas Web Docente – Ciência da Computação Pós-graduado em Gestão de Projetos / IPT Zend Certified Engineer Membro voluntário do PMI PMP – Project Management Professional Gestor do grupo ProPHP Autor do livro “PHP Profissional” - Novatec

4. Agenda Histórico Web 2.0: conceitos iniciais Áreas de influência Tendências e Tecnologias Exemplos / Análise de cases O mercado de trabalho O futuro

5. Histórico: Internet Proposta no final da década de 60 Infra estrutura de rede de computadores inter-conectados Servidores Clientes Rede física de inter-conexão Protocolos

6. Histórico: Internet Fonte: Computer Magazine, 1979 Computer History Museum

7. Histórico: Web Proposta definida em 1989 por Tim Berners-Lee Conjunto de documentos de hipertextos interligados, acessados via Internet Web Browser – software para o acesso às páginas web “ The World Wide Web is the only thing I know of whose shortened form takes three times longer to say than what it's short for.” - Douglas Adams, 1999 The Independent on Sunday

8. Histórico: Web Até 1992, restrita aos meios acadêmicos e institutos de pesquisas Em 1993, lançamento do Mosaic, primeiro Web Browser popular gráfico textos, imagens, áudio e outras formas multimídia, acessados via hiperlinks

9. Web Massificação do uso da Internet / Web Popularização dos Web Browsers Interações sociais Novas tecnologias e ferramentas Profissões / Mercado de trabalho final 60’s - Internet 1989 - Web 1993 - Mosaic 2004 - Web 2.0

10. Web 2.0? Por quê? Quais foram as mudanças? Quem inventou? Web 3.0? Google : busca pelo termo “ web 2.0 ” ≈ 100 milhões de páginas! (Outubro / 2008)

11. Controle de versão Controle da revisão de uma unidade de informação / software / documento A cada nova revisão, um novo número (geralmente incremental) ou nome é associado: versão Documento Projeto do servidor v1.0 Projeto do servidor v2.0 Software Debian 3.0 (Woody) Debian 3.1 (Sarge) Debian 4.0 (Etch)

12. Web 2.0: um novo buzzword ? Banalização do conceito de versão Nescau 2.0 Duro de Matar 4.0 mp3, mp4, mp5, ...

13. Web 2.0: um novo buzzword ?

14. Surgimento do termo “Web 2.0” Web 2.0  Ajax

15. Surgimento do termo “Web 2.0” Sessão de brainstorm , entre O’Reilly e MediaLive International, em 2004 Definido por Tim O’Reilly Em seguida, “Web 2.0 Conference” “ What is Web 2.0” - 2005 Design Patterns and Business Models for the Next Generation of Software http://www.oreillynet.com/pub/a/oreilly/tim/news/2005/09/30/what-is-web-20.html

16. Surgimento do termo “Web 2.0” Sinônimo: “Web participativa” Arquitetura destinada a colaboração dos usuários O usuário é quem controla a sua informação Blogs, tags, comentários, ranking, ... A Web é uma plataforma! Interface simplificada, rica e limpa Múltiplas fontes de informação Serviços online, ao invés de softwares locais Sistemas leves para o usuário

17. Surgimento do termo “Web 2.0”

18. “ Web 1.0” x Web 2.0 Fonte: Web 2.0, Wikiversity http://en.wikiversity.org/wiki/Web_2.0

19. “ Web 1.0” x Web 2.0 SW’s e arquivos locais x web cliente de email local x Webmail Modelo Client/Server x Cloud Computing Favoritos do browser x favoritos sociais Suíte para escritório local x web Discos locais x virtuais Arquivos vídeos locais x YouTube Arquivos áudio x Podcasting Conteúdo ‘ Push’ x RSS Site pessoal x blogs Notícias centralizadas em portais x agregadores Enciclopédias x Wikipedia, Knol

20. “ Web 1.0” x Web 2.0 Compartilhamento Agenda privada x compartilhada Arquivo de fotos privado x Flickr Conteúdo próprio x Mashups Diversas identidades x OpenID Mapas estáticos x dinâmicos Interação / Integração Conteúdo unilateral x bilateral Widgets Web-services Redes sociais Twitter

21. Thomas Friedman – “O Mundo é Plano” Discussão sobre os “Achatadores” do mundo atual Uploading! Fonte: The World is Flat http://www.slideshare.net/andisboediman/the-world-is-flat-350664

22. Algumas áreas de influência Publicidade RIA Wiki Tagging RSS Mashups Blogs Redes Sociais API’s Ajax Web 2.0

23. Ajax Conjunto de tecnologias Linguagem de prog. Server-Sided Javascript HTML / CSS Requisições HTTP XML / Web-services Cuidado: “programador Ajax”!

24. Ajax Fonte: Adaptive Path, 2005 http://www.adaptivepath.com/ideas/essays/archives/000385.php

25. API’s abertas Bibliotecas disponíveis na web Uma aplicação (na web ou não) pode consumir estes serviços Base dos Mashups Estruturas mais utilizadas Web-Services SOA – Service Oriented Architecture Alguns exemplos Google (diversas API’s) Amazon Yahoo OpenID Flickr

26. Redes Sociais

27. Blogs Usuário pode publicar seu próprio conteúdo Descentralização de conteúdo Fonte: Technorati - State of the Blogosphere, 2008 http://www.technorati.com/blogging/state-of-the-blogosphere “ No BlogBlogs temos 200 mil blogs. Mas acredito que no Brasil temos cerca de 2 milhões de blogs, sendo uns 20% ativos” - Manuel Lemos, 2008 “ Long Tail”

28. Mashups Composição de um site a partir do conteúdo de múltiplas fontes Conteúdo pode ser embutido em um site Exemplos Moodle + Google Maps + Slideshare iGoogle + widgets Rede Social + Flickr

29. RSS – Really Simple Syndication

30. Tagging Estadão Globo.com Delicious

31. Wiki Publicação de conteúdo Wikipedia – melhor exemplo de democracia de publicação / confiança no usuário Knol – projeto do Google

32. RIA – Rich Internet Application As interfaces das aplicações Web estão cada mais vez mais elaboradas Próximas aos sw’s convencionais Alguns recursos Javascript (+ frameworks) Adobe Flash, Adobe AIR, Microsoft Silverlight Ajax Funcionalidades Drag & Drop / duplo clique / botão direito mouse / menu de contexto / ... Exemplos Gmail, Yahoo Mail Google Docs, Zoho Google Maps

33. Vídeo – The machine is us Fonte: Youtube http://www.youtube.com/watch?v=NLlGopyXT_g

34. Tendências e tecnologias emergentes Aplicações web Cloud Computing Aplicações web 2.0 móveis

35. Crescimento contínuo do uso da web Redução de custos de conexão Maior oferta de banda larga Redução de custo dos equipamentos Aumento considerável de aplic. online Cloud Computing SaaS – Software as a Service Software é contratado sob demanda, via web Aplicações web

36. Cloud Computing Os aplicativos, dados e serviços estão “na grande nuvem” Amazon S3 - http://aws.amazon.com/s3 Antivírus comerciais Drives virtuais para armazenamento

37. Cloud Computing “ A computação deixa de ser local (seja no desktop, seja dentro dos CPDs empresariais) e passa a ser feita a partir da nuvem via internet. E o que seria a nuvem? Um aglomerado de servidores e outros recursos computacionais fornecidos pelas empresas especializadas. Como com a energia elétrica, o interessado apenas vai pagar uma conta mensal e usar o que precisar.” - Nicholas Carr, 2008

38. Google App Engine Fonte: Google App Engine http://code.google.com/appengine

39. G.ho.st – Global Hosted Operating System Fonte: G.ho.st http://g.ho.st

40. Aplicações Web 2.0 móveis Diversos desafios Múltiplos dispositivos distintos Operadoras de telefonia Meios de conexão (Wi-Fi, 3G, Wi-Max, ...) “ Dentro de 5 anos, a maioria dos usuários ao redor do mundo utilizarão web móveis” - Daniel Appelquist, 2008 Vodafone Group Research http://www.slideshare.net/dappelquist/web2-expo-sf2008-appelquist

41. Gears Fonte: Gears http://gears.google.com

42. Exemplos de sites 2.0

43. Mapas interativos Street view Mapas em 3D Moon maps Integração com outras ferramentas API’s Google Earth

44. Suíte de aplicativos para escritório Google Docs – http://docs.google.com Zoho - http://zoho.com

45. Zoomii Books - Livraria virtual Navegação interativa entre os livros API’s da Amazon

46. MindMeister – mapas mentais

47. Flickr – álbum de fotos

48. YouTube - vídeo

49. Slideshare – compartilhamento de slides

50. Agregadores

51. Estudos de caso Estadão – http://www.estadao.com.br Wal-Mart – http://www.walmart.com.br “ (...) Nuvem de tags, RSS, ranking de produtos, comentários de usuários, personalização e participação de usuários. Para inaugurar o site o Wal-Mart investiu 25 milhões de reais. O desenvolvimento levou nove meses e foi feito com a participação de 100 pessoas, entre terceiros e funcionários diretos (...)” - Fonte: adaptado de Info Corporate, 2008 http://info.abril.com.br/corporate/noticias/092008/25092008-0.shtml

52. Web 2.0: Mercado de trabalho

53. Web 2.0: Mercado de trabalho Desenvolvimento de sistemas Linguagem de Programação ( server-sided ) Javascript (+ frameworks) Mídias alternativas de apresentação Design Web standards / XHTML CSS ( Cascade Style Sheets ) Usabilidade / RIA ( Rich Internet Application ) Integração de Soluções / Mashups SOA Web-services Segurança (Sistemas / Infra-estrutura) SEO ( Search engine optimization )

54. SEO – Search engine optimization Fonte: Think Eyetracking - Has Google gotten better? http://thinkeyetracking.com/wordpress/?p=4

55. O futuro

56. O futuro: Web 3.0? “ Web Semântica” Web auto-organizável e customizável WWD – World Wide Database Web inteligente Aprendizado de acordo com o usuário Mecanismos de buscas sensíveis ao contexto Maior conexão e interação Mais dispositivos móveis

57. O futuro: Adaptive Path Projeto “Aurora” http://www.adaptivepath.com/aurora

58. O futuro: outras possibilidades Buscas independentes do idioma Buscas de informações em fotos, vídeos, podcasts e músicas Reconhecimento de voz e tradução simultânea Novas interfaces homem / máquina Maior convergência de dispositivos Nova versão HTML / CSS “ A melhor maneira de prever o futuro é construí-lo” - Peter Druker

59. Dúvidas / perguntas

60. Referências Adaptive Path - Aurora - http://adaptivepath.com/aurora Adaptive Path - Garrett - Ajax: A New Approach to Web Applications - http://www.adaptivepath.com/ideas/essays/archives/000385.php Computer History Museum - http://www.computerhistory.org Computer World - Cherobino – O profeta do cloud vê o fim da TI tradicional - http://computerworld.uol.com.br/gestao/2008/09/22/nicholas-carr-o-profeta-do-cloud-ve-o-fim-da-ti-tradicional Digital Age 2.0 - Felitti - Manoel Lemos e a lenta maturidade dos blogs no Brasil - http://idgnow.uol.com.br/internet/ideia20/archive/2008/09/29/entrevista-manoel-lemos-e-a-lenta-maturidade-dos-blogs-no-brasil Folha Online - Entenda o que é a Web 2.0 - http://www1.folha.uol.com.br/folha/informatica/ult124u20173.shtml Ghost - Global Hosted Operating System - http://g.ho.st Google - Gears - http://gears.google.com Google - Google App Engine - http://code.google.com/appengine Info Corporate - Balieiro - http://info.abril.com.br/corporate/noticias/092008/25092008-0.shtml O’reilly - What is Web 2.0 - http://www.oreillynet.com/pub/a/oreilly/tim/news/2005/09/30/what-is-web-20.html PHPClasses – Lemos - Is PHP ready for Web 2.0? - http://www.phpclasses.org/blog/post/53-Is-PHP-ready-for-Web-20.html Slideshare - Appelquist - http://www.slideshare.net/dappelquist/web2-expo-sf2008-appelquist Slideshare - Lewis - Introducing Web 2.0 Concepts - http://www.slideshare.net/jlewis/introducing-web-20-concepts Slideshare - Singh - Web 2.0 - http://www.slideshare.net/satyajeet_02/web-20-5316 Technorati - State of the Blogosphere - http://www.technorati.com/blogging/state-of-the-blogosphere Think Eyetracking - Has Google gotten better? - http://thinkeyetracking.com/wordpress/?p=4 Thoughts Illustrated - The World is Flat - http://thoughts-illustrated.blogspot.com/2008/08/world-is-flat.html Wikipedia - History of the web browser - http://en.wikipedia.org/wiki/History_of_the_web_browser Wikipedia - Mosaic - http://en.wikipedia.org/wiki/Mosaic_browser Wikipedia - Revision control - http://en.wikipedia.org/wiki/Revision_control Wikiversity - Web 2.0 - http://en.wikiversity.org/wiki/Web_2.0 Youtube - Wesch - Web 2.0 ... The Machine is Us/ing Us - http://www.youtube.com/watch?v=NLlGopyXT_g

61. Web 2.0: conceito, tendências e desafios Mauricio Garcia Nascimento, PMP  [email_address]  http://www.slideshare.net/mgfnascimento  http://www.linkedin.com/in/MauricioNascimento  Skype: mgarcia.nascimento