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.

Web 2.0: conceito, tendências e desafios

12,220 views

Published on

Published in: Technology

Web 2.0: conceito, tendências e desafios

  1. 1. Web 2.0 Conceito, tendências e desafios SemComp 2008 Mauricio Garcia Nascimento, PMP
  2. 2. Direitos autorais deste material http://creativecommons.org/licenses/by-nc-sa/2.5/br/
  3. 3. Sobre o palestrante <ul><li>Analista de Sistemas Web </li></ul><ul><li>Docente – Ciência da Computação </li></ul><ul><li>Pós-graduado em Gestão de Projetos / IPT </li></ul><ul><li>Zend Certified Engineer </li></ul><ul><li>Membro voluntário do PMI </li></ul><ul><li>PMP – Project Management Professional </li></ul><ul><li>Gestor do grupo ProPHP </li></ul><ul><li>Autor do livro “PHP Profissional” - Novatec </li></ul>
  4. 4. Agenda <ul><li>Histórico </li></ul><ul><li>Web 2.0: conceitos iniciais </li></ul><ul><li>Áreas de influência </li></ul><ul><li>Tendências e Tecnologias </li></ul><ul><li>Exemplos / Análise de cases </li></ul><ul><li>O mercado de trabalho </li></ul><ul><li>O futuro </li></ul>
  5. 5. Histórico: Internet <ul><li>Proposta no final da década de 60 </li></ul><ul><li>Infra estrutura de rede de computadores inter-conectados </li></ul><ul><ul><li>Servidores </li></ul></ul><ul><ul><li>Clientes </li></ul></ul><ul><li>Rede física de inter-conexão </li></ul><ul><li>Protocolos </li></ul>
  6. 6. Histórico: Internet Fonte: Computer Magazine, 1979 Computer History Museum
  7. 7. Histórico: Web <ul><li>Proposta definida em 1989 por Tim Berners-Lee </li></ul><ul><li>Conjunto de documentos de hipertextos interligados, acessados via Internet </li></ul><ul><li>Web Browser – software para o acesso às páginas web </li></ul>“ 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. 8. Histórico: Web <ul><li>Até 1992, restrita aos meios acadêmicos e institutos de pesquisas </li></ul><ul><li>Em 1993, lançamento do Mosaic, primeiro Web Browser popular gráfico </li></ul><ul><ul><li>textos, imagens, áudio e outras formas multimídia, acessados via hiperlinks </li></ul></ul>
  9. 9. Web <ul><li>Massificação do uso da Internet / Web </li></ul><ul><li>Popularização dos Web Browsers </li></ul><ul><li>Interações sociais </li></ul><ul><li>Novas tecnologias e ferramentas </li></ul><ul><li>Profissões / Mercado de trabalho </li></ul>final 60’s - Internet 1989 - Web 1993 - Mosaic 2004 - Web 2.0
  10. 10. Web 2.0? <ul><li>Por quê? </li></ul><ul><li>Quais foram as mudanças? </li></ul><ul><li>Quem inventou? </li></ul><ul><li>Web 3.0? </li></ul>Google : busca pelo termo “ web 2.0 ” ≈ 100 milhões de páginas! (Outubro / 2008)
  11. 11. Controle de versão <ul><li>Controle da revisão de uma unidade de informação / software / documento </li></ul><ul><li>A cada nova revisão, um novo número (geralmente incremental) ou nome é associado: versão </li></ul><ul><ul><li>Documento </li></ul></ul><ul><ul><ul><li>Projeto do servidor v1.0 </li></ul></ul></ul><ul><ul><ul><li>Projeto do servidor v2.0 </li></ul></ul></ul><ul><ul><li>Software </li></ul></ul><ul><ul><ul><li>Debian 3.0 (Woody) </li></ul></ul></ul><ul><ul><ul><li>Debian 3.1 (Sarge) </li></ul></ul></ul><ul><ul><ul><li>Debian 4.0 (Etch) </li></ul></ul></ul>
  12. 12. Web 2.0: um novo buzzword ? <ul><li>Banalização do conceito de versão </li></ul><ul><ul><li>Nescau 2.0 </li></ul></ul><ul><ul><li>Duro de Matar 4.0 </li></ul></ul><ul><ul><li>mp3, mp4, mp5, ... </li></ul></ul>
  13. 13. Web 2.0: um novo buzzword ?
  14. 14. Surgimento do termo “Web 2.0” <ul><li>Web 2.0  Ajax </li></ul>
  15. 15. Surgimento do termo “Web 2.0” <ul><li>Sessão de brainstorm , entre O’Reilly e MediaLive International, em 2004 </li></ul><ul><li>Definido por Tim O’Reilly </li></ul><ul><li>Em seguida, “Web 2.0 Conference” </li></ul>“ 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. 16. Surgimento do termo “Web 2.0” <ul><li>Sinônimo: “Web participativa” </li></ul><ul><ul><li>Arquitetura destinada a colaboração dos usuários </li></ul></ul><ul><ul><li>O usuário é quem controla a sua informação </li></ul></ul><ul><ul><li>Blogs, tags, comentários, ranking, ... </li></ul></ul><ul><li>A Web é uma plataforma! </li></ul><ul><ul><li>Interface simplificada, rica e limpa </li></ul></ul><ul><ul><li>Múltiplas fontes de informação </li></ul></ul><ul><ul><li>Serviços online, ao invés de softwares locais </li></ul></ul><ul><ul><li>Sistemas leves para o usuário </li></ul></ul>
  17. 17. Surgimento do termo “Web 2.0”
  18. 18. “ Web 1.0” x Web 2.0 Fonte: Web 2.0, Wikiversity http://en.wikiversity.org/wiki/Web_2.0
  19. 19. “ Web 1.0” x Web 2.0 <ul><li>SW’s e arquivos locais x web </li></ul><ul><ul><li>cliente de email local x Webmail </li></ul></ul><ul><ul><li>Modelo Client/Server x Cloud Computing </li></ul></ul><ul><ul><li>Favoritos do browser x favoritos sociais </li></ul></ul><ul><ul><li>Suíte para escritório local x web </li></ul></ul><ul><ul><li>Discos locais x virtuais </li></ul></ul><ul><ul><li>Arquivos vídeos locais x YouTube </li></ul></ul><ul><ul><li>Arquivos áudio x Podcasting </li></ul></ul><ul><li>Conteúdo </li></ul><ul><ul><li>‘ Push’ x RSS </li></ul></ul><ul><ul><li>Site pessoal x blogs </li></ul></ul><ul><ul><li>Notícias centralizadas em portais x agregadores </li></ul></ul><ul><ul><li>Enciclopédias x Wikipedia, Knol </li></ul></ul>
  20. 20. “ Web 1.0” x Web 2.0 <ul><li>Compartilhamento </li></ul><ul><ul><li>Agenda privada x compartilhada </li></ul></ul><ul><ul><li>Arquivo de fotos privado x Flickr </li></ul></ul><ul><ul><li>Conteúdo próprio x Mashups </li></ul></ul><ul><ul><li>Diversas identidades x OpenID </li></ul></ul><ul><ul><li>Mapas estáticos x dinâmicos </li></ul></ul><ul><li>Interação / Integração </li></ul><ul><ul><li>Conteúdo unilateral x bilateral </li></ul></ul><ul><ul><li>Widgets </li></ul></ul><ul><ul><li>Web-services </li></ul></ul><ul><ul><li>Redes sociais </li></ul></ul><ul><ul><li>Twitter </li></ul></ul>
  21. 21. Thomas Friedman – “O Mundo é Plano” <ul><li>Discussão sobre os “Achatadores” do mundo atual </li></ul><ul><ul><li>Uploading! </li></ul></ul>Fonte: The World is Flat http://www.slideshare.net/andisboediman/the-world-is-flat-350664
  22. 22. Algumas áreas de influência Publicidade RIA Wiki Tagging RSS Mashups Blogs Redes Sociais API’s Ajax Web 2.0
  23. 23. Ajax <ul><li>Conjunto de tecnologias </li></ul><ul><ul><li>Linguagem de prog. Server-Sided </li></ul></ul><ul><ul><li>Javascript </li></ul></ul><ul><ul><li>HTML / CSS </li></ul></ul><ul><ul><li>Requisições HTTP </li></ul></ul><ul><ul><li>XML / Web-services </li></ul></ul><ul><li>Cuidado: “programador Ajax”! </li></ul>
  24. 24. Ajax Fonte: Adaptive Path, 2005 http://www.adaptivepath.com/ideas/essays/archives/000385.php
  25. 25. API’s abertas <ul><li>Bibliotecas disponíveis na web </li></ul><ul><li>Uma aplicação (na web ou não) pode consumir estes serviços </li></ul><ul><li>Base dos Mashups </li></ul><ul><li>Estruturas mais utilizadas </li></ul><ul><ul><li>Web-Services </li></ul></ul><ul><ul><li>SOA – Service Oriented Architecture </li></ul></ul><ul><li>Alguns exemplos </li></ul><ul><ul><li>Google (diversas API’s) </li></ul></ul><ul><ul><li>Amazon </li></ul></ul><ul><ul><li>Yahoo </li></ul></ul><ul><ul><li>OpenID </li></ul></ul><ul><ul><li>Flickr </li></ul></ul>
  26. 26. Redes Sociais
  27. 27. Blogs <ul><li>Usuário pode publicar seu próprio conteúdo </li></ul><ul><li>Descentralização de conteúdo </li></ul>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. 28. Mashups <ul><li>Composição de um site a partir do conteúdo de múltiplas fontes </li></ul><ul><li>Conteúdo pode ser embutido em um site </li></ul><ul><li>Exemplos </li></ul><ul><ul><li>Moodle + Google Maps + Slideshare </li></ul></ul><ul><ul><li>iGoogle + widgets </li></ul></ul><ul><ul><li>Rede Social + Flickr </li></ul></ul>
  29. 29. RSS – Really Simple Syndication
  30. 30. Tagging Estadão Globo.com Delicious
  31. 31. Wiki <ul><li>Publicação de conteúdo </li></ul><ul><li>Wikipedia – melhor exemplo de democracia de publicação / confiança no usuário </li></ul><ul><li>Knol – projeto do Google </li></ul>
  32. 32. RIA – Rich Internet Application <ul><li>As interfaces das aplicações Web estão cada mais vez mais elaboradas </li></ul><ul><li>Próximas aos sw’s convencionais </li></ul><ul><li>Alguns recursos </li></ul><ul><ul><li>Javascript (+ frameworks) </li></ul></ul><ul><ul><li>Adobe Flash, Adobe AIR, Microsoft Silverlight </li></ul></ul><ul><ul><li>Ajax </li></ul></ul><ul><li>Funcionalidades </li></ul><ul><ul><li>Drag & Drop / duplo clique / botão direito mouse / menu de contexto / ... </li></ul></ul><ul><li>Exemplos </li></ul><ul><ul><li>Gmail, Yahoo Mail </li></ul></ul><ul><ul><li>Google Docs, Zoho </li></ul></ul><ul><ul><li>Google Maps </li></ul></ul>
  33. 33. Vídeo – The machine is us Fonte: Youtube http://www.youtube.com/watch?v=NLlGopyXT_g
  34. 34. Tendências e tecnologias emergentes <ul><li>Aplicações web </li></ul><ul><li>Cloud Computing </li></ul><ul><li>Aplicações web 2.0 móveis </li></ul>
  35. 35. <ul><li>Crescimento contínuo do uso da web </li></ul><ul><ul><li>Redução de custos de conexão </li></ul></ul><ul><ul><li>Maior oferta de banda larga </li></ul></ul><ul><ul><li>Redução de custo dos equipamentos </li></ul></ul><ul><li>Aumento considerável de aplic. online </li></ul><ul><li>Cloud Computing </li></ul><ul><li>SaaS – Software as a Service </li></ul><ul><ul><li>Software é contratado sob demanda, via web </li></ul></ul>Aplicações web
  36. 36. Cloud Computing <ul><li>Os aplicativos, dados e serviços estão “na grande nuvem” </li></ul><ul><li>Amazon S3 - http://aws.amazon.com/s3 </li></ul><ul><li>Antivírus comerciais </li></ul><ul><li>Drives virtuais para armazenamento </li></ul>
  37. 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. 38. Google App Engine Fonte: Google App Engine http://code.google.com/appengine
  39. 39. G.ho.st – Global Hosted Operating System Fonte: G.ho.st http://g.ho.st
  40. 40. Aplicações Web 2.0 móveis <ul><li>Diversos desafios </li></ul><ul><ul><li>Múltiplos dispositivos distintos </li></ul></ul><ul><ul><li>Operadoras de telefonia </li></ul></ul><ul><ul><li>Meios de conexão (Wi-Fi, 3G, Wi-Max, ...) </li></ul></ul>“ 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. 41. Gears Fonte: Gears http://gears.google.com
  42. 42. Exemplos de sites 2.0
  43. 43. Mapas interativos <ul><li>Street view </li></ul><ul><li>Mapas em 3D </li></ul><ul><li>Moon maps </li></ul><ul><li>Integração com outras ferramentas </li></ul><ul><li>API’s </li></ul><ul><li>Google Earth </li></ul>
  44. 44. Suíte de aplicativos para escritório <ul><li>Google Docs – http://docs.google.com </li></ul><ul><li>Zoho - http://zoho.com </li></ul>
  45. 45. Zoomii Books - Livraria virtual <ul><li>Navegação interativa entre os livros </li></ul><ul><li>API’s da Amazon </li></ul>
  46. 46. MindMeister – mapas mentais
  47. 47. Flickr – álbum de fotos
  48. 48. YouTube - vídeo
  49. 49. Slideshare – compartilhamento de slides
  50. 50. Agregadores
  51. 51. Estudos de caso <ul><li>Estadão – http://www.estadao.com.br </li></ul><ul><li>Wal-Mart – http://www.walmart.com.br </li></ul>“ (...) 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. 52. Web 2.0: Mercado de trabalho
  53. 53. Web 2.0: Mercado de trabalho <ul><li>Desenvolvimento de sistemas </li></ul><ul><ul><li>Linguagem de Programação ( server-sided ) </li></ul></ul><ul><ul><li>Javascript (+ frameworks) </li></ul></ul><ul><ul><li>Mídias alternativas de apresentação </li></ul></ul><ul><li>Design </li></ul><ul><ul><li>Web standards / XHTML </li></ul></ul><ul><ul><li>CSS ( Cascade Style Sheets ) </li></ul></ul><ul><ul><li>Usabilidade / RIA ( Rich Internet Application ) </li></ul></ul><ul><li>Integração de Soluções / Mashups </li></ul><ul><ul><li>SOA </li></ul></ul><ul><ul><li>Web-services </li></ul></ul><ul><li>Segurança (Sistemas / Infra-estrutura) </li></ul><ul><li>SEO ( Search engine optimization ) </li></ul>
  54. 54. SEO – Search engine optimization Fonte: Think Eyetracking - Has Google gotten better? http://thinkeyetracking.com/wordpress/?p=4
  55. 55. O futuro
  56. 56. O futuro: Web 3.0? <ul><li>“ Web Semântica” </li></ul><ul><ul><li>Web auto-organizável e customizável </li></ul></ul><ul><li>WWD – World Wide Database </li></ul><ul><li>Web inteligente </li></ul><ul><ul><li>Aprendizado de acordo com o usuário </li></ul></ul><ul><ul><li>Mecanismos de buscas sensíveis ao contexto </li></ul></ul><ul><li>Maior conexão e interação </li></ul><ul><ul><li>Mais dispositivos móveis </li></ul></ul>
  57. 57. O futuro: Adaptive Path <ul><li>Projeto “Aurora” </li></ul><ul><ul><li>http://www.adaptivepath.com/aurora </li></ul></ul>
  58. 58. O futuro: outras possibilidades <ul><li>Buscas independentes do idioma </li></ul><ul><li>Buscas de informações em fotos, vídeos, podcasts e músicas </li></ul><ul><li>Reconhecimento de voz e tradução simultânea </li></ul><ul><li>Novas interfaces homem / máquina </li></ul><ul><li>Maior convergência de dispositivos </li></ul><ul><li>Nova versão HTML / CSS </li></ul>“ A melhor maneira de prever o futuro é construí-lo” - Peter Druker
  59. 59. Dúvidas / perguntas
  60. 60. Referências <ul><li>Adaptive Path - Aurora - http://adaptivepath.com/aurora </li></ul><ul><li>Adaptive Path - Garrett - Ajax: A New Approach to Web Applications - http://www.adaptivepath.com/ideas/essays/archives/000385.php </li></ul><ul><li>Computer History Museum - http://www.computerhistory.org </li></ul><ul><li>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 </li></ul><ul><li>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 </li></ul><ul><li>Folha Online - Entenda o que é a Web 2.0 - http://www1.folha.uol.com.br/folha/informatica/ult124u20173.shtml </li></ul><ul><li>Ghost - Global Hosted Operating System - http://g.ho.st </li></ul><ul><li>Google - Gears - http://gears.google.com </li></ul><ul><li>Google - Google App Engine - http://code.google.com/appengine </li></ul><ul><li>Info Corporate - Balieiro - http://info.abril.com.br/corporate/noticias/092008/25092008-0.shtml </li></ul><ul><li>O’reilly - What is Web 2.0 - http://www.oreillynet.com/pub/a/oreilly/tim/news/2005/09/30/what-is-web-20.html </li></ul><ul><li>PHPClasses – Lemos - Is PHP ready for Web 2.0? - http://www.phpclasses.org/blog/post/53-Is-PHP-ready-for-Web-20.html </li></ul><ul><li>Slideshare - Appelquist - http://www.slideshare.net/dappelquist/web2-expo-sf2008-appelquist </li></ul><ul><li>Slideshare - Lewis - Introducing Web 2.0 Concepts - http://www.slideshare.net/jlewis/introducing-web-20-concepts </li></ul><ul><li>Slideshare - Singh - Web 2.0 - http://www.slideshare.net/satyajeet_02/web-20-5316 </li></ul><ul><li>Technorati - State of the Blogosphere - http://www.technorati.com/blogging/state-of-the-blogosphere </li></ul><ul><li>Think Eyetracking - Has Google gotten better? - http://thinkeyetracking.com/wordpress/?p=4 </li></ul><ul><li>Thoughts Illustrated - The World is Flat - http://thoughts-illustrated.blogspot.com/2008/08/world-is-flat.html </li></ul><ul><li>Wikipedia - History of the web browser - http://en.wikipedia.org/wiki/History_of_the_web_browser </li></ul><ul><li>Wikipedia - Mosaic - http://en.wikipedia.org/wiki/Mosaic_browser </li></ul><ul><li>Wikipedia - Revision control - http://en.wikipedia.org/wiki/Revision_control </li></ul><ul><li>Wikiversity - Web 2.0 - http://en.wikiversity.org/wiki/Web_2.0 </li></ul><ul><li>Youtube - Wesch - Web 2.0 ... The Machine is Us/ing Us - http://www.youtube.com/watch?v=NLlGopyXT_g </li></ul>
  61. 61. Web 2.0: conceito, tendências e desafios <ul><li>Mauricio Garcia Nascimento, PMP </li></ul><ul><li> [email_address] </li></ul><ul><li> http://www.slideshare.net/mgfnascimento </li></ul><ul><li> http://www.linkedin.com/in/MauricioNascimento </li></ul><ul><li> Skype: mgarcia.nascimento </li></ul>

×