Web 2.0: conceito, tendências e desafios

11,571 views
11,444 views

Published on

Published in: Technology
3 Comments
10 Likes
Statistics
Notes
No Downloads
Views
Total views
11,571
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
161
Comments
3
Likes
10
Embeds 0
No embeds

No notes for slide

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>

×