Web 2.0: conceito, tendências e desafios
Upcoming SlideShare
Loading in...5
×
 

Web 2.0: conceito, tendências e desafios

on

  • 17,269 views

 

Statistics

Views

Total Views
17,269
Views on SlideShare
17,127
Embed Views
142

Actions

Likes
10
Downloads
144
Comments
3

8 Embeds 142

http://www.slideshare.net 96
http://worldofbit.com 31
http://static.slidesharecdn.com 4
http://mostlyharmlessornot.blogspot.com 4
http://woblinks.net 3
http://localhost 2
http://brunograsselli.com.br 1
http://www.mostlyharmlessornot.blogspot.com 1
More...

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

CC Attribution-NonCommercial-ShareAlike LicenseCC Attribution-NonCommercial-ShareAlike LicenseCC Attribution-NonCommercial-ShareAlike License

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Web 2.0: conceito, tendências e desafios Web 2.0: conceito, tendências e desafios Presentation Transcript

  • Web 2.0 Conceito, tendências e desafios SemComp 2008 Mauricio Garcia Nascimento, PMP
  • Direitos autorais deste material http://creativecommons.org/licenses/by-nc-sa/2.5/br/
  • 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
  • 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
  • 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
  • Histórico: Internet Fonte: Computer Magazine, 1979 Computer History Museum
  • 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
  • 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
  • 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
  • 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)
  • 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)
  • Web 2.0: um novo buzzword ?
    • Banalização do conceito de versão
      • Nescau 2.0
      • Duro de Matar 4.0
      • mp3, mp4, mp5, ...
  • Web 2.0: um novo buzzword ?
  • Surgimento do termo “Web 2.0”
    • Web 2.0  Ajax
  • 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
  • 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
  • Surgimento do termo “Web 2.0”
  • “ Web 1.0” x Web 2.0 Fonte: Web 2.0, Wikiversity http://en.wikiversity.org/wiki/Web_2.0
  • “ 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
  • “ 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
  • 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
  • Algumas áreas de influência Publicidade RIA Wiki Tagging RSS Mashups Blogs Redes Sociais API’s Ajax Web 2.0
  • Ajax
    • Conjunto de tecnologias
      • Linguagem de prog. Server-Sided
      • Javascript
      • HTML / CSS
      • Requisições HTTP
      • XML / Web-services
    • Cuidado: “programador Ajax”!
  • Ajax Fonte: Adaptive Path, 2005 http://www.adaptivepath.com/ideas/essays/archives/000385.php
  • 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
  • Redes Sociais
  • 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”
  • 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
  • RSS – Really Simple Syndication
  • Tagging Estadão Globo.com Delicious
  • Wiki
    • Publicação de conteúdo
    • Wikipedia – melhor exemplo de democracia de publicação / confiança no usuário
    • Knol – projeto do Google
  • 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
  • Vídeo – The machine is us Fonte: Youtube http://www.youtube.com/watch?v=NLlGopyXT_g
  • Tendências e tecnologias emergentes
    • Aplicações web
    • Cloud Computing
    • Aplicações web 2.0 móveis
    • 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
  • 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
  • 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
  • Google App Engine Fonte: Google App Engine http://code.google.com/appengine
  • G.ho.st – Global Hosted Operating System Fonte: G.ho.st http://g.ho.st
  • 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
  • Gears Fonte: Gears http://gears.google.com
  • Exemplos de sites 2.0
  • Mapas interativos
    • Street view
    • Mapas em 3D
    • Moon maps
    • Integração com outras ferramentas
    • API’s
    • Google Earth
  • Suíte de aplicativos para escritório
    • Google Docs – http://docs.google.com
    • Zoho - http://zoho.com
  • Zoomii Books - Livraria virtual
    • Navegação interativa entre os livros
    • API’s da Amazon
  • MindMeister – mapas mentais
  • Flickr – álbum de fotos
  • YouTube - vídeo
  • Slideshare – compartilhamento de slides
  • Agregadores
  • 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
  • Web 2.0: Mercado de trabalho
  • 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 )
  • SEO – Search engine optimization Fonte: Think Eyetracking - Has Google gotten better? http://thinkeyetracking.com/wordpress/?p=4
  • O futuro
  • 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
  • O futuro: Adaptive Path
    • Projeto “Aurora”
      • http://www.adaptivepath.com/aurora
  • 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
  • Dúvidas / perguntas
  • 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
  • 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