Web 2.0

Clara Pereira Coutinho
Web 2.0
 Implicações na edição e na partilha online


• O conceito surge numa sessão de brainstorming
  entre O’Reilly e a MediaLive International, 2004
• What is Web 2.0. Design patterns and Business
  models for the next generation of Software
  (O’Reiley, 2005)
  – Conceptualização da geração de software na
    Web.
Tim O'Reilly and John Battelle summarized key principles they
                                          believed characterized Web 2.0


• the Web as a platform
• data as the driving force
• network effects created by an architecture of participation
• innovation in assembly of systems and sites composed by pulling
  together features from distributed, independent developers (a kind
  of "open source" development)
• lightweight business models enabled by content and service
  syndication
• the end of the software adoption cycle ("the perpetual beta")
• software above the level of a single device, leveraging the power of
  The Long Tail.
                                                (conference Web 2.0, 2004)
Web 2.0
– A Web como uma plataforma
   • Desktop online
   • Webktop>>webtop
– A caminho da Web semântica
   • Projecto para criar um meio universal para troca de informação associando
     aos documentos descrições do seu significado
– 2ª geração de serviços na Internet
   • Rede social (social networking)
       – Blog; Hi5, Ning, MySpace, elgg
   • Social bookmarking
       – Del.icio.us
   • Wikis
   • Ferramentas de comunicação
   • Folksonomies: etiquetas (tags) que categorizam conteúdo na       página
     Web, fotos online e em hiperligações (contribui pª a web semântica)
>>>Colaboração online
>>>Partilha entre cibernautas
Níveis na hierarquia da Web 2.0

• Aplicações que só podem existir online e cuja eficácia
  aumenta com quanta mais gente as use:
   – eBay, craigslist, Wikipedia, del.icio.us, Skype, dodgeball, and
     Adsense,YouTube
• Aplicações que podem funcionar offline mas têm grandes
  vantagens se estiverem online:
   – Flickr (benefits from its shared photo-database and from its
     community-generated tag database)
• Google Docs & Spreadsheets (funcionalidades de group-
  editing online)
• iTunes (armazenamento de músicas).
http://www.hi5.com/
Introdução
Exemplos de Ferramentas Web 2.0 com
          implicações pedagógicas
• Blog
   – http://www.blogger.com/start
   – http://wordpress.com
• Podcast
   – http://podomatic.com ou http://springdoo.com
• Google
   – http://docs.google.com/
   – http://pages.google.com/
• Wiki
   - http://pbwiki.com
   - http://www.wikispaces.org
• Social bookmarking
   – http://del.icio.us
• Armazenamento online (25 G)
   – http://www.mediamax.com
Weblog, blog ou blogue

• Conceito criado por Jorn Barger
• Diário online que evoluiu para blogue temático
       • A informação está organizada da mais recente para a mais antiga
       • Permite inserir comentários
       • Facilidade de edição
• Utilização
       •   Espaço pessoal ou de um grupo
       •   E-Portefólio
       •   Fórum de debate
       •   E-caderno
                                                     Carvalho et al. (2006)
Podcast

• Ipod+broadcasting= podcasting
   – O desenvolvimento desta tecnologia iniciou-
     se em 2004
       • Adam Curry (DJ da MTV) e Dave Winer (criador
         de software) criaram um programa que permitia
         descarregar transmissões de rádio na Internet
         directamente para os ipods
• Os alunos podem ouvir directamente do site ou descarregar para o
  leitor de MP3
Exemplo

• “Em Discurso Directo I e II”
   – criado em 24/01/06
      • foi acedido por mais de 4 mil visitantes e
      • foram feitos mais de 3 mil downloads de ficheiros.
• Contos populares portugueses
• http://podomatic.com
• http://aac.podomatic.com
Gravar “episode”

• Assinale: em “Mic Settings” - reduce echo.
• Prima em Record (vai-lhe surgir uma janela a perguntar se: Allow ou
  Denied o acesso a outros. Pode clicar em Allow!
• Fale (a barra colorida passa a branco e vai sendo preenchida a
  verde)
• Qdo acabar, clique em STOP.
• Oiça: clique em Preview, se gostou disponibilize: clique em “Post
  Episode”
• (É frequente ter dificuldade em gravar! Pode usar Springdoo, neste
  caso seleccione a opção springcast)
Publicar

• Para ver online, dp de clicar em Post Episode…
  – Na barra de menu: clique em “MyPodcast Page”
  – Para eliminar algum Post tem que ir ao menu:
    Manage myPodcast” e na parte inferior da página
    para cada post tem: Edit e Delete (carregue delete)
  – Para criar um novo “episode”, no menu clique em
    “Post an Episode”.
http://docs.google.com/
http://pages.google.com/
Páginas Web através do Google

• Exemplo
  – “Ensaios de Escreviver”
      • http://adelina8.googlepages.com/


• Google Page Creator
• http://pages.google.com/
Ferramentas Wiki

• Wikis: ferramentas para escrita colaborativa online.
• Dada a sua simplicidade, as ferramentas hipertexto
  colaborativas tornaram-se rapidamente populares.
                                                           Kim (2004)
• Wikipédia (wiki:    http://en.wikipedia.org/wiki/Wiki)

• Pbwiki, Moon Edit
• http://pbwiki.com
Exemplo no Wiki
Outros exemplos
– http://www.goowy.com/ -comunicar e partilhar
– http://www.bubbleshare.com/upload/basic -
  sequência de fotos - exemplo
– http://www.jumpcut.com/ - fazer filmes,
– http://www.aypwip.org/webnote/ - notas
  online (post-it)
– http://dandelife.com/ - Barra cronológica
– http://www.surveymonkey.com – questionários
 online
– 1000 ferramentas Web 2.0
http://www.web20searchengine.com/web20/we
  b-2.0-list.htm

Web2

  • 1.
  • 2.
    Web 2.0 Implicaçõesna edição e na partilha online • O conceito surge numa sessão de brainstorming entre O’Reilly e a MediaLive International, 2004 • What is Web 2.0. Design patterns and Business models for the next generation of Software (O’Reiley, 2005) – Conceptualização da geração de software na Web.
  • 3.
    Tim O'Reilly andJohn Battelle summarized key principles they believed characterized Web 2.0 • the Web as a platform • data as the driving force • network effects created by an architecture of participation • innovation in assembly of systems and sites composed by pulling together features from distributed, independent developers (a kind of "open source" development) • lightweight business models enabled by content and service syndication • the end of the software adoption cycle ("the perpetual beta") • software above the level of a single device, leveraging the power of The Long Tail. (conference Web 2.0, 2004)
  • 4.
    Web 2.0 – AWeb como uma plataforma • Desktop online • Webktop>>webtop – A caminho da Web semântica • Projecto para criar um meio universal para troca de informação associando aos documentos descrições do seu significado – 2ª geração de serviços na Internet • Rede social (social networking) – Blog; Hi5, Ning, MySpace, elgg • Social bookmarking – Del.icio.us • Wikis • Ferramentas de comunicação • Folksonomies: etiquetas (tags) que categorizam conteúdo na página Web, fotos online e em hiperligações (contribui pª a web semântica)
  • 5.
  • 6.
    Níveis na hierarquiada Web 2.0 • Aplicações que só podem existir online e cuja eficácia aumenta com quanta mais gente as use: – eBay, craigslist, Wikipedia, del.icio.us, Skype, dodgeball, and Adsense,YouTube • Aplicações que podem funcionar offline mas têm grandes vantagens se estiverem online: – Flickr (benefits from its shared photo-database and from its community-generated tag database) • Google Docs & Spreadsheets (funcionalidades de group- editing online) • iTunes (armazenamento de músicas).
  • 8.
  • 14.
  • 15.
    Exemplos de FerramentasWeb 2.0 com implicações pedagógicas • Blog – http://www.blogger.com/start – http://wordpress.com • Podcast – http://podomatic.com ou http://springdoo.com • Google – http://docs.google.com/ – http://pages.google.com/ • Wiki - http://pbwiki.com - http://www.wikispaces.org • Social bookmarking – http://del.icio.us • Armazenamento online (25 G) – http://www.mediamax.com
  • 16.
    Weblog, blog oublogue • Conceito criado por Jorn Barger • Diário online que evoluiu para blogue temático • A informação está organizada da mais recente para a mais antiga • Permite inserir comentários • Facilidade de edição • Utilização • Espaço pessoal ou de um grupo • E-Portefólio • Fórum de debate • E-caderno Carvalho et al. (2006)
  • 18.
    Podcast • Ipod+broadcasting= podcasting – O desenvolvimento desta tecnologia iniciou- se em 2004 • Adam Curry (DJ da MTV) e Dave Winer (criador de software) criaram um programa que permitia descarregar transmissões de rádio na Internet directamente para os ipods • Os alunos podem ouvir directamente do site ou descarregar para o leitor de MP3
  • 19.
    Exemplo • “Em DiscursoDirecto I e II” – criado em 24/01/06 • foi acedido por mais de 4 mil visitantes e • foram feitos mais de 3 mil downloads de ficheiros. • Contos populares portugueses • http://podomatic.com • http://aac.podomatic.com
  • 23.
    Gravar “episode” • Assinale:em “Mic Settings” - reduce echo. • Prima em Record (vai-lhe surgir uma janela a perguntar se: Allow ou Denied o acesso a outros. Pode clicar em Allow! • Fale (a barra colorida passa a branco e vai sendo preenchida a verde) • Qdo acabar, clique em STOP. • Oiça: clique em Preview, se gostou disponibilize: clique em “Post Episode” • (É frequente ter dificuldade em gravar! Pode usar Springdoo, neste caso seleccione a opção springcast)
  • 24.
    Publicar • Para veronline, dp de clicar em Post Episode… – Na barra de menu: clique em “MyPodcast Page” – Para eliminar algum Post tem que ir ao menu: Manage myPodcast” e na parte inferior da página para cada post tem: Edit e Delete (carregue delete) – Para criar um novo “episode”, no menu clique em “Post an Episode”.
  • 25.
  • 27.
  • 28.
    Páginas Web atravésdo Google • Exemplo – “Ensaios de Escreviver” • http://adelina8.googlepages.com/ • Google Page Creator • http://pages.google.com/
  • 29.
    Ferramentas Wiki • Wikis:ferramentas para escrita colaborativa online. • Dada a sua simplicidade, as ferramentas hipertexto colaborativas tornaram-se rapidamente populares. Kim (2004) • Wikipédia (wiki: http://en.wikipedia.org/wiki/Wiki) • Pbwiki, Moon Edit • http://pbwiki.com
  • 32.
  • 37.
    Outros exemplos – http://www.goowy.com/-comunicar e partilhar – http://www.bubbleshare.com/upload/basic - sequência de fotos - exemplo – http://www.jumpcut.com/ - fazer filmes, – http://www.aypwip.org/webnote/ - notas online (post-it) – http://dandelife.com/ - Barra cronológica – http://www.surveymonkey.com – questionários online – 1000 ferramentas Web 2.0 http://www.web20searchengine.com/web20/we b-2.0-list.htm