SlideShare una empresa de Scribd logo
1 de 103
Descargar para leer sin conexión
Produção de Sites
                      na Web 2.0

                   10 e 11 de Dezembro de 2009




                         Luís Vidigal

http://www.slideshare.net/vidigal/producao-de-sites-na-web-20   1
Evolução da Comunicação




Luis Vidigal – Produção de Sites na Web 2.0   2
O conceito Web 2.0
       • Surge numa sessão de brainstorming entre
         O’Reilly e a MediaLive International
       • 2004 - Conferência Web 2.0
       É um termo criado em 2004 pela empresa dos EUA O'Reilly Media[1]
       para designar uma segunda geração de comunidades e serviços, tendo
       como conceito a "Web como plataforma", envolvendo wikis, aplicações
       baseadas em folksonomia, redes sociais e Tecnologia da Informação.
       Embora o termo tenha uma conotação de uma nova versão para a Web,
       ele não se refere à actualização nas suas especificações técnicas, mas
       a uma mudança na forma como ela é encarada por utilizadores e
       implementadores, ou seja, o ambiente de interacção que hoje engloba
       inúmeras linguagens e motivações.


Luis Vidigal – Produção de Sites na Web 2.0                                     3
Princípios chave da Web 2.0
                                  Tim O'Reilly e John Battelle

       • 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)



Luis Vidigal – Produção de Sites na Web 2.0                                               4
O que é a Web 2.0


     Desenvolver aplicações que aproveitem
     os efeitos da rede para se tornarem
     melhores quanto mais são usadas pelas
     pessoas, aproveitando a inteligência
     colectiva.

                                                 Tim O'Reilly
Luis Vidigal – Produção de Sites na Web 2.0                     5
Web 2.0 é Atitude e não Tecnologia
  • Estimular e encorajar a
    participação por meio de
    aplicações abertas e
    serviços.

  • Percepção de que a web
    não é apenas software,
    mas sim serviços a serem
    entregues pela web.

Luis Vidigal – Produção de Sites na Web 2.0   6
Web 1.0, 2.0 e 3.0

                                                     Web 3.0
                                                     Semântica




Luis Vidigal – Produção de Sites na Web 2.0
Mudança de paradigma - 2.0

       de como as pessoas pensam e
           de como desenvolver aplicações para a internet


       • Participação colectiva

       • Personalização


Luis Vidigal – Produção de Sites na Web 2.0                 8
PRÁTICAS DA
      WEB 2.0
    •     partilhar
    •     participar
    •     comentar
    •     colaborar
    •     criar
    •     difundir
    •     classificar
    •     inserir
    •     reelaborar
    •     agregar
    •     distribuir
    •     feito para criar

Luis Vidigal – Produção de Sites na Web 2.0   9
Eco-sistema da Web 2.0




Luis Vidigal – Produção de Sites na Web 2.0   10
Smart mobs – Inteligência Colectiva
      • Certas estruturas sociais autogeridas podem
        mostrar comportamentos inteligentes em si
        mesmas, sendo mais eficientes que os seus
        membros individualmente




Luis Vidigal – Produção de Sites na Web 2.0           11
Web 2.0
               Criar                          Publicar   Distribuir




Luis Vidigal – Produção de Sites na Web 2.0
Web 1.0                  Web 2.0


      Convergência dos media                  Convergência das pessoas


      Um para muitos                          Muitos para muitos


      Meio de comunicação                     Meio de Interacção do ser
                                              humano


Luis Vidigal – Produção de Sites na Web 2.0                               13
Luis Vidigal – Produção de Sites na Web 2.0   14
O Twitter no Irão
                                            Eleições




Luis Vidigal – Produção de Sites na Web 2.0                 15
http://librarycrunch.com/
                   O termo Biblioteca 2.0 (Library 2.0) foi concebido
                    por Michael Casey em seu blog LibrayCrunch




Luis Vidigal – Produção de Sites na Web 2.0                             16
Manifesto do Bibliotecário 2.0
                                              Laura Cohen (2006)
  • Reconhecer as mudanças no mundo da
    informação e responder positivamente às
    mudanças, em benefício do serviço e dos
    utilizadores;
  • Conhecer os utilizadores e coordenar os serviços
    em prol destes;
  • Trabalhar activamente em prol da mudança;
  • Não esperar por algo perfeito antes de o partilhar;
  • Trabalhar com os utilizadores na informação.
Luis Vidigal – Produção de Sites na Web 2.0
Características da Web 2.0

       • Participação colectiva
       • Qualquer um pode publicar conteúdos
       • Muitos sites permitem comentários,
         participação, personalização, etc
       • As pessoas têm mais opções na escolha
         de fornecedores de informação


Luis Vidigal – Produção de Sites na Web 2.0      18
O que mudou?

       Web 1.0                                  Web 2.0
       OFoto                                    Flickr
       MP3.com                                  Napster
       Britannica online                        Wikipedia
       Sites pessoais                           Blogs
       Publicar                                 Participar
       Sistemas fechados                        Wikis
       Taxonomia (directório)                   Folksonomia (tagging)

Luis Vidigal – Produção de Sites na Web 2.0                             19
Características da Web 2.0
                                              Ênfase nos            O comportamento
                                              utilizadores            do utilizador
                                               e não na                 não está
                                              tecnologia            pré-determinado



                                               Posicionamento Estratégico
                                                    (A Web como plataforma)              O software melhora
      Confiança                                                                             à medida que
    nos utilizadores                                Competências chave                     mais pessoas
                                              Arquitectura de Participação                     utilizam
                                         Aproveitamento da Inteligência Colectiva



                       Experiência e
                       conhecimento                          Software          Modelos leves
                          pessoal                             Aberto          de programação
                      dos utilizadores


Luis Vidigal – Produção de Sites na Web 2.0                                                                   20
Velocidade           Precisão
                                                 Resultado        Encontrar sempre
           Âmbito                                imediato           documentos
      Procurar todos os                                              relevantes
        documentos
          da Web                          Um Motor de
                                                          Localização
                                        Pesquisa perfeito Conhecer o local
                                                           do utilizador
                                        na Web 2.0 e 3.0
 Actualidade
 Toda a informação                                           Prioridade
                                              Personalização Os documentos
   é actualizada
                                                  Conhecer as
                                                                    mais relevantes
                                                necessidades do
                                                                     em primeiro
                                                   utilizador
                                                                         lugar
Luis Vidigal – Produção de Sites na Web 2.0                                           21
Wikipedia
                    Número de contributos

                                Língua        Março 2007       Março 2009

                                Inglês             1.706.376        2.779.000
                               Alemão                562.456          875.000
                               Francês               466.931          774.000
                              Japonês                346.828          568.000
                             Holandês                284.930          523.000
                               Italiano              278.879          547.000
                             Português               247.248          463.000
                              Espanhol               216.474          451.000




Luis Vidigal – Produção de Sites na Web 2.0                                     22
Segurança e Confiança na Web 2.0
      •          Mudanças constantes e mecanismos de controle
                 de vulnerabilidade na autenticação.
      •          Cuidados no ambiente: o que é público, por que
                 tornar público, qual as garantias da segurança
                 individual dos dados, desinformação?
      •          Invasão de ambientes: phishing saber diferenciar
                 o que é real ou falso, codificação maliciosa.
      •          Troca da informação
      •          Acessos e senhas
      •          Qualidade da informação: integridade,
                 legitimidade, rigor.

Luis Vidigal – Produção de Sites na Web 2.0                         23
Tecnologias para a Web 2.0
 • Social Network Analysis (Análise de Rede Social)
   A criação de conteúdos a partir da análise e filtragem de dados enviados por
   diferentes fontes
 • Ajax
   A técnica de programação mais famosa da Web 2.0
 • Collective Intelligence (Inteligência Coletiva)
   Avaliada como transformadora pelo Gartner, deve atingir maturidade em cinco
   ou 10 anos. Trata-se das tecnologias que permitirão aos utilizadores
   trabalharem juntos ao mesmo tempo num mesmo arquivo, sem a necessidade
   de alguém que centralize as informações (Google Docs)
 • Mashup
   Tecnologia que permite aos sites ou aplicações web usarem o conteúdo de
   mais de uma fonte
 • Location-aware Technologies
   Tecnologia que usa GPS para a localização através do telemóvel
 • Location-aware Applications
   Dispositivos com GPS embutido, para melhorar a automação de força de
   vendas e a logística
 • SOA – Service Oriented Architecture
   Arquitectura orientada a serviços
Luis Vidigal – Produção de Sites na Web 2.0                                   24
Qual o futuro da Web?

      •          Web 1.0
              Implantação e popularização da rede.
      •          Web 2.0
              Centrada nos mecanismos de busca, como o Google, nos sites
                  de colaboração, como Wikipédia, YouTube, Flickr, e nos
                  sites de relacionamento social, como o Orkut.
      •          Web 3.0
              Pretende ser a organização e o uso de maneira mais
                  inteligente de todo o conhecimento já disponível na
                  Internet.
              (Wikipédia)

Luis Vidigal – Produção de Sites na Web 2.0                                25
Perspectivas

       • Quem souber organizar e relacionar-se bem com as
         comunidades em rede fará a diferença!
       • O utilizador será quem irá colocar a maior parte dos
         conteúdos na rede!
       • As interfaces serão baseadas em Aplicattion
         Architecture (modularidade e agilidade oferecida
         pelo Service Oriented Architecture)
       • Os blogs e as comunidades serão ambientes para
         troca de conhecimento.


Luis Vidigal – Produção de Sites na Web 2.0                     26
Rede Social
    As redes sociais criaram formas novas de comunicar e
    partilhar a informação. São usadas regularmente por
    milhões de pessoas, ocupando uma parte das suas vidas
    quotidianas. Os principais tipos de redes sociais são
    aquelas que contém directórios de algumas categorias,
    por exemplo antigos colegas, permitindo contactá-los
    (geralmente com páginas de auto-descrição).
    As redes mais populares são MySpace, Facebook, Twitter
    e YouTube, entre outras.

                  Social networking is the use of self-generated user profiles to help facilitate
                  and mediate social interactions. Typically, social network users share details
                  about themselves, search for others with similar interest, exchange messages
                  and work together.
                  FORRESTER

Luis Vidigal – Produção de Sites na Web 2.0                                                         27
Atitude Cooperativa
   Esta é uma história sobre quatro pessoas:   Havia um importante trabalho a ser feito e Toda a
   1. Toda a Gente                             Gente tinha a certeza que Alguém o faria.
   2. Alguém
                                               Qualquer Um poderia tê-lo feito, mas Ninguém o
   3. Qualquer Um                              fez.
   4. Ninguém
                                               Alguém se zangou porque era um trabalho de Toda
                                               a Gente.

                                               Toda a Gente pensou que Qualquer Um poderia
                                               fazê-lo, mas Ninguém imaginou que Toda a Gente o
                                               deixasse de executar.

                                               No final, Toda a Gente culpou Alguém, quando
                                               Ninguém fez o que Qualquer Um poderia ter feito.



Luis Vidigal – Produção de Sites na Web 2.0
Aspectos centrais da gestão
                         no trabalho em rede
  • Estruturação e definição: papéis centralizados e
    descentralizados
  • Conexão com os gestores dos processos do negócio
  • Desenvolvimento activo da rede social
  • Normas de participação e reconhecimento
  • Indicadores e métricas
  • Netiqueta: “Gestão de Conversas” e resolução de conflitos
  • Organização dos conteúdos para destaque de relevância:
    taxionomia, indexação participativa, comentários, ranking, etc.


Luis Vidigal – Produção de Sites na Web 2.0
Redes Sociais Pessoais


                           http://www.facebook.com




                                                     http://pt.myspace.com


                        http://orkut.com

                                                     http://www.friendster.com/




Luis Vidigal – Produção de Sites na Web 2.0
Redes Sociais Profissionais



                     http://www.linkedin.com

                                                           http://www.plaxo.com




                                              http://www.xing.com



Luis Vidigal – Produção de Sites na Web 2.0
http://www.facebook.com
                                              Quem são os meus amigos?
                                              Quais são os meus interesses?
                                              Quais são as minhas ideias?




Luis Vidigal – Produção de Sites na Web 2.0                                   32
Alargar a rede de amigos…

          Sugestões
          de amigos

          Pedidos
          de Amizade

          Confirmações
          de Amizade




          Convite para
          Causas

Luis Vidigal – Produção de Sites na Web 2.0   33
http://friendfeed.com




Luis Vidigal – Produção de Sites na Web 2.0       34
Luis Vidigal – Produção de Sites na Web 2.0   35
http://twitter.com
                                                        Criar uma conta




     A minha vista



                                                                    http://twitter.com/DNpt




                                              140 caracteres



Luis Vidigal – Produção de Sites na Web 2.0                                              36
Twitter
       • Fundado em 2006 pela Obvious.Corp
       • Serviço de micro-blogging
         (Máximo 140 caracteres)
       • O que está a fazer agora?




Luis Vidigal – Produção de Sites na Web 2.0
Web 2.0 em mobilidade




Luis Vidigal – Produção de Sites na Web 2.0
Woofer – O Anti Twitter
                                   mais de 1400 caracteres




Luis Vidigal – Produção de Sites na Web 2.0                  39
http://www.linkedin.com




Luis Vidigal – Produção de Sites na Web 2.0   40
Conectar pessoas no Linkedin




Luis Vidigal – Produção de Sites na Web 2.0   41
Grupos de discussão no Linkedin




Luis Vidigal – Produção de Sites na Web 2.0   42
http://www.plaxo.com




Luis Vidigal – Produção de Sites na Web 2.0   43
Publicação de Vídeos
                                              http://www.youtube.com/
       http://video.google.com                                               http://www.blip.tv


                                               http://www.archive.org

        http://www.ourmedia.org                                          http://www.clipshack.com/

                                              http://www.vsocial.com


        http://www.vimeo.com/                                               http://stage6.divx.com

                                               http://video.yahoo.com/


      http://www.jumpcut.com/                                                   http://viddler.com
                                                http://www.veoh.com/
Luis Vidigal – Produção de Sites na Web 2.0                                                          44
Construir Sites em torno de
                              Objectos Sociais
       • Definir o Objecto
       • Definir os Verbos
       • Tornar os objectos partilháveis
       • Converter convites em prendas
       • Facturar aos produtores e não
         aos expectadores
                                                Jyri Engeström

Luis Vidigal – Produção de Sites na Web 2.0
Fases de construção
       • A Ideia – Conceber uma marca (nome,
         identidade, e objectivo)
       • Planeamento – Especificações funcionais,
         carta de estilo, e arquitectura da informação
       • Design – Maquetes, estética, tipografia,
         posicionamento e cor
       • Desenvolvimento – Escrever o código
       • Teste
       • Lançamento
Luis Vidigal – Produção de Sites na Web 2.0
O que é um Blogue
   Blog / Weblog - Blogue
   Na Web, página pessoal, ou sítio sem fins lucrativos, cujo objectivo é
   compartilhar informações e pontos de vista sobre um determinado tema.
   O conteúdo, actualizado frequentemente, pode ser escrito directamente
   pelo autor, ou trazer ligações para matérias publicadas em outras páginas.
   Nota: O termo inglês “blog” resulta de uma contracção de “Web” e “log”
   (relatório).

   Post - artigo de blogue
   Unidade de conteúdo tradicional de um blogue, que é constituída no mínimo
   por um título e por um texto. Um artigo de blogue pode também incluir, ou
   ser composto apenas por, imagem, vídeo ou som.
   Nota: Um blogue é composto por uma colecção de artigos, publicados (ou
   postados) através de sistema próprio.



Luis Vidigal – Produção de Sites na Web 2.0                                     47
Blogues – Criação e Alojamento


                                              http://www.blogger.comt


                                                http://os.wordpress.com/


                                                http://spaces.live.com



                                                 http://blogs.sapo.pt/




Luis Vidigal – Produção de Sites na Web 2.0
Directórios de Blogues em português



                        http://blog.com.pt/

                                                  http://directorio.dicasparablogs.com




                   http://weblog.com.pt



                                              http://blogsemportugues.blogs.sapo.pt



Luis Vidigal – Produção de Sites na Web 2.0
Criar um Blogue
                         http://www.blogger.com




                                              3




Luis Vidigal – Produção de Sites na Web 2.0       50
http://inavidigal.blogspot.com




Luis Vidigal – Produção de Sites na Web 2.0   51
Adicionar Autores ao Blogue




Luis Vidigal – Produção de Sites na Web 2.0   52
Editar um Post no Blogue




                                     Link     Imagem




Luis Vidigal – Produção de Sites na Web 2.0            53
Inserir um vídeo no Blogue




Luis Vidigal – Produção de Sites na Web 2.0   54
Organizar o Blogue / Mashup




Luis Vidigal – Produção de Sites na Web 2.0   55
Sucesso de um Blog
        • Escolher um tema
        • Apresentação e linguagem
        • Actualização
        • Marketing
        • Interactividade: sondagens, ligações a outros
          blogs e comunidades
        • Encorajar o público a participar (com artigos
          ou comentários)
        • Não desistir por falta de comentários
Luis Vidigal – Produção de Sites na Web 2.0
Fases do desenvolvimento
                                   de um sítio Web

       •Planear
       •Analisar
       •Design
       •Teste e refinamento
Luis Vidigal – Produção de Sites na Web 2.0
Objectivo e a visão para o sítio

       •Qual é a
        finalidade do sítio?
       •Quais são os objectivos
        do sítio?
Luis Vidigal – Produção de Sites na Web 2.0
Concepção e design de sistemas
            As Quatro Dimensões
• Navegação efectiva
       – Os utilizadores encontram facilmente os serviços propostos?
• Concepção dos conteúdos
       – O que está disponível é o que os utilizadores querem?
• Design Gráfico atractivo
       – A apresentação visual pode reforçar o valor da experiência de
         utilização e facilitar a compreensão dos conteúdos?
• Interacção eficiente
       – Os utilizadores podem agir sobre os conteúdos e funcionalidades
         com facilidade?

Luis Vidigal – Produção de Sites na Web 2.0
A boa navegação começa em casa

   • A página principal deve:
          – Estabelecer desde logo um modelo
            consistente de navegação para todo o sítio;
          – Informar o utilizador, quer com palavras
            quer com imagens, do tipo de conteúdo
            que pode esperar do sítio.



Luis Vidigal – Produção de Sites na Web 2.0
O estabelecimento das
                               expectativas dos utilizadores
• A página principal, sobretudo se for a “front page”,
  estabelece desde logo o “look & feel” do sítio web:
• Define o branding (marca), os temas e o tom que
  caracterizam a interface;
• Apresenta a estruturação de conteúdos que o sítio web
  deverá seguir de forma consistente:
       – Os utilizadores devem poder determinar a localização relativa de
         conteúdos concretos em função da respectiva localização na
         página principal;
       – Os utilizadores têm a expectativa legítima de que o sítio será
         graficamente e estruturalmente consistente (se isto não ocorrer,
         pensarão com naturalidade que saíram do sítio web onde estavam
         na página anterior e estão a consultar agora outros conteúdos)
Luis Vidigal – Produção de Sites na Web 2.0
O tipo de páginas mais adequado
                                         As Três Regras de Ouro
• Regra nº1 - Inventar o mínimo
       – Os utilizadores não aprendem a navegar na Web com o seu sítio web,
         aprendem com os sítios dos outros. Reinventar a roda pode ser uma grande
         satisfação pessoal, mas é caro e a probabilidade é de não resultar. Portanto, a
         regra de ouro é fazer um esforço para não inventar!
• Regra nº2 - Antes de começar o desenvolvimento, dissecar o
  projecto e definir todos os templates a usar
       – No caso de se tratar de um sítio para um cliente externo, obter a aprovação
         explícita para os templates, por escrito. Depois, começar o trabalho.
• Regra nº3 - COPIAR
       (a regra mais importante e realmente, um corolário forçoso da regra nº1)
       – Dos bons exemplos, escolhidos a dedo (aquilo a que se chama benchmarking),
          não ter pejo de copiar. O mais possível


Luis Vidigal – Produção de Sites na Web 2.0
A estruturação de conteúdos
       • Estrutura Hierárquica (através de menus de acesso):
               – Um único nível
               – Vários níveis
       • Menus Persistentes (acesso aleatório ao conjunto de
         conteúdos):
               – Menu com botões
               – Menu estilo bloco de notas
               – Lista(s)
       • Acesso Sequencial (passo-a-passo):
               – Formulários sequenciais
               – Wizards / tutores / formação
       • Motores de Pesquisa (acesso directo):
               – Formulação da Pesquisa
               – Obtenção de Resultados


Luis Vidigal – Produção de Sites na Web 2.0
Criar um site no Google
                                              http://sites.google.com




Luis Vidigal – Produção de Sites na Web 2.0
Criar um site no Google
                                   http://sites.google.com




Luis Vidigal – Produção de Sites na Web 2.0                  65
Alterar o Logo do site


                                                 2




       1                                                    3




Luis Vidigal – Produção de Sites na Web 2.0
Criar uma página nova
                                              1




                    2


                   3

                   4

                   5
Luis Vidigal – Produção de Sites na Web 2.0
Editar Página




                                                Cor de   Cor de    Remover
                                                Texto    Fundo    Formatação




Luis Vidigal – Produção de Sites na Web 2.0
Inserir   Ferramentas de Edição

                                               Formatar

                                                          Tabelas
                                                                    Disposição
                                                                     “Layout”




Luis Vidigal – Produção de Sites na Web 2.0
Opções de Layout da página
                                              Simples




                                              Com sub-título




                                              Barras laterais




Luis Vidigal – Produção de Sites na Web 2.0
Inserir Mapa




Luis Vidigal – Produção de Sites na Web 2.0
Inserir outros “Gadgets”




Luis Vidigal – Produção de Sites na Web 2.0
Eliminar Página




Luis Vidigal – Produção de Sites na Web 2.0
Gerir o site




Luis Vidigal – Produção de Sites na Web 2.0
Partilhar a edição do site
                               1



                                                  4


                                                  5

    2                                         3




Luis Vidigal – Produção de Sites na Web 2.0
Ser notificado das alterações
                                              da página ou do site




Luis Vidigal – Produção de Sites na Web 2.0
Inserir Feeds




Luis Vidigal – Produção de Sites na Web 2.0
As 7 maiores categorias
                     tecnológicas da Web 2.0
                                    •     Blogs
                                    •     Mashups
                                    •     Podcasting
                                    •     RSS
                                    •     Social networking
                                    •     Widgets
                                    •     Wikis
                                                     Global Enterprise Web 2.0 Market Forecast: 2007 to 2013
                                                     Forrester

Luis Vidigal – Produção de Sites na Web 2.0                                                                    78
Tipos de Mushups




                                              http://www.programmableweb.com


Luis Vidigal – Produção de Sites na Web 2.0
Inserir um mapa




Luis Vidigal – Produção de Sites na Web 2.0
Podcasting
   Preparação e distribuição de ficheiros multimédia através da
   utilização de fornecimentos Web (Feed), para audição ou
   visualização em computadores pessoais ou dispositivos móveis.
   Os utilizadores têm a possibilidade de subscrever fornecimentos
   Web de canais de podcasting específicos, que serão descarregados
   automaticamente para os computadores pessoais da próxima vez
   que se ligarem.
   O termo “podcasting”, como o termo “rádio”, pode significar quer o conteúdo
   quer o método de distribuição.
   O termo “podcasting” teve a sua origem na junção de “iPod” (leitor de música
   digital da Apple) e “broadcasting” (radiodifusão).




Luis Vidigal – Produção de Sites na Web 2.0     http://geo.creativecow.net/pt/tut/244   81
Feed - fornecimento (Web)


      Conteúdo Web (normalmente baseado na linguagem XML)
      ou resumo de vários conteúdos com ligações para os
      conteúdos completos, habitualmente variáveis com o tempo,
      como é o caso das notícias em permanente actualização.
      Dependendo do agregador usado para a sua leitura, os
      utilizadores subscrevem um fornecimento clicando numa
      ligação no navegador Web ou digitando o endereço URL
      desse fornecimento.




Luis Vidigal – Produção de Sites na Web 2.0                       82
RSS Really Simple Syndication
• Tecnologia baseada na linguagem XML para
  descrever notícias ou outros conteúdos Web que
  estejam disponíveis para serem distribuídos
  (fornecimento ou sindicação) de sítios Web para
  os utilizadores da World Wide Web. Qualquer
  conteúdo acessível através de um endereço URL
  pode ser distribuído usando a tecnologia RSS,
  mas o método é particularmente prático para o
  envio e posterior consulta de notícias em
  permanente actualização.
• Os conteúdos são referenciados em fornecimentos (feeds)
  e são disponibilizados ao utilizador através de um
  agregador RSS.
Luis Vidigal – Produção de Sites na Web 2.0                 83
Leitores e serviços RSS


                                              http://www.google.com/reader
         http://www.bloglines.com




                                                    http://feedburner.google.com

               http://www.feedmil.com




           http://www.pageflakes.com                   http://www.netvibes.com

Luis Vidigal – Produção de Sites na Web 2.0                                        84
Feeds




Luis Vidigal – Produção de Sites na Web 2.0
http://www.google.com/reader/
                             Feeds




Luis Vidigal – Produção de Sites na Web 2.0   86
Feeds
                                     http://www.pageflakes.com




Luis Vidigal – Produção de Sites na Web 2.0
Partilhar Fotografias
                                              http://picasaweb.google.pt



      http://www.flickr.com




                        http://pikeo.com



Luis Vidigal – Produção de Sites na Web 2.0                                88
Hubs de Partilha de Conhecimento
                                 http://hubpages.com




                http://www.squidoo.com/




                                                       http://knol.google.com




Luis Vidigal – Produção de Sites na Web 2.0                                     89
Motores de busca e Directórios da Web 2.0

                                                                                         http://digg.com



                                              http://technorati.com




                                                http://www.wikio.com




             http://www.pricenoia.com/                                 http://www.allthingsweb2.com
                                                                                                       90




Luis Vidigal – Produção de Sites na Web 2.0
O que é um Wiki

      O termo “wiki” (pronunciado "uíqui") é utilizado para
      identificar um tipo de sítio Web, fácil e rapidamente
      editável pelos visitantes com uma linguagem de
      marcação muito simples, ou então o software
      colaborativo usado para criá-lo e mantê-lo.

      Nota: Wiki wiki significa "super-rápido" no idioma
      havaiano.



Luis Vidigal – Produção de Sites na Web 2.0                   91
Wikis




Luis Vidigal – Produção de Sites na Web 2.0
Wikis
                                              http://wikimedia.org




Luis Vidigal – Produção de Sites na Web 2.0
Aplicações online
        Correio electrónico
                                                             Monitorar preços

          https://gmail.google.com

   Ferramentas de Office
                                                            http://moneytracking.com

         https://docs.google.com
                                                           Marcar reuniões
                    Fazer contratos



                 https://www.tractis.com               http://www.acuityscheduling.com

               Apresentações de Slides                Preço de Viagens Aéreas



                   http://www.slideshare.net               http://www.edreams.pt/
Luis Vidigal – Produção de Sites na Web 2.0
Partilhar grandes ficheiros



                                              http://www.transferbigfiles.com




                   http://www.yousendit.com



                                               http://www.slideshare.net



Luis Vidigal – Produção de Sites na Web 2.0
Processador de Texto
                               sempre disponível e partilhado
                                        http://docs.google.com


                                                  Também
                                               Apresentações,
                                              Folhas de Cálculo,
                                               Formulários, etc.




Luis Vidigal – Produção de Sites na Web 2.0                        96
Homepages personalizáveis

                                                      http://windows.live.com




               http://www.google.com/ig




                                              http://www.netvibes.com
Luis Vidigal – Produção de Sites na Web 2.0
Widget
• É um componente de uma interface gráfica
  do utilizador (GUI), que inclui janelas,
  botões, menus, ícones, barras, etc..
  WIKIPEDIA
• Widgets are stripped-down Web
  applications that are highly portable.
  They make it easy for nontechnical users
  to add dynamic content or functionality,
  such as search tools or maps, to
  different locations, such as Web pages,
  portals, desktops and mobile services.
   FORRESTER
Luis Vidigal – Produção de Sites na Web 2.0            98
Mashups
      • É um website ou uma aplicação web que usa conteúdo de mais
        de uma fonte para criar um novo serviço completo.
        O conteúdo usado em mashups é tipicamente código de
        terceiros através de uma interface pública ou de uma API.
        Outros métodos de codificação de conteúdo para mashups
        incluem Web feeds (exemplo: RSS ou Atom), Javascript e
        widgets que podem ser entendidas como mini aplicações web,
        disponíveis para serem incorporadas noutros sites.
        WIKIPEDIA
      • Mashups are custom Web applications that combine multiple,
        disparate data sources into something new and unique.
        Mashup platforms, specifically, allow nontechnical users to
        create and consume their own mashups with visual tools.
        FORRESTER

Luis Vidigal – Produção de Sites na Web 2.0                           99
Mapas

          http://maps.google.com

                                                      http://tagzania.com/




                http://www.panoramio.com/




Luis Vidigal – Produção de Sites na Web 2.0
Marcadores sociais e tagging


                        http://11870.com
                                                                    http://delicious.com




                                              http://webgenio.com



Luis Vidigal – Produção de Sites na Web 2.0
Que futuro?


                                                    Web.n




Luis Vidigal – Produção de Sites na Web 2.0                 102
Web 2.0 e 3.0 no Youtube
   •       Web 2.0 - A máquina somos nós 2009 - 5´05 min
           http://www.youtube.com/watch?v=NJsacDCsiPg

   •       Definição de Web 2.0 por Tim O´Reilly 2007 - 0´51 min
           http://www.youtube.com/watch?v=87LG-MQrEu0

   •       Eric Schmidt, Web 2.0 vs. Web 3.0 2008 - 2´02 min
           http://www.youtube.com/watch?v=mXb5CgEGHlA

   •       Web 3.0 - A Web dos dados semânticos 2007 - 1´15 min
           http://www.youtube.com/watch?v=Ic3DZF3VuHo&feature=related

   •       web 3.0 2008 - 2´03 min
           http://www.youtube.com/watch?v=V5kabPVohGY&feature=related

   •       PROMETEUS - A Revolução dos Media 2007.- 5´15 min
           http://www.youtube.com/watch?v=5SJup6CGiO4

   •       Rafinha 2.0 2007 – 9’35 min
           http://www.youtube.com/watch?v=UI2m5knVrvg
Luis Vidigal – Produção de Sites na Web 2.0                             103

Más contenido relacionado

La actualidad más candente (14)

Web 2.0: estratégia e usabilidade
Web 2.0: estratégia e usabilidadeWeb 2.0: estratégia e usabilidade
Web 2.0: estratégia e usabilidade
 
Web 2
Web 2Web 2
Web 2
 
Aula 4a – ferramentas da web 2 valter
Aula 4a – ferramentas da web 2 valterAula 4a – ferramentas da web 2 valter
Aula 4a – ferramentas da web 2 valter
 
Web 2.0
Web 2.0Web 2.0
Web 2.0
 
Web 2.0: recursos e utilidades
Web 2.0: recursos e utilidadesWeb 2.0: recursos e utilidades
Web 2.0: recursos e utilidades
 
Web 2.0
Web 2.0Web 2.0
Web 2.0
 
Formacao web 2
Formacao web 2Formacao web 2
Formacao web 2
 
Monografia Web 2.0
Monografia Web 2.0Monografia Web 2.0
Monografia Web 2.0
 
Apdsi grupo permanente web 2
Apdsi grupo permanente web 2Apdsi grupo permanente web 2
Apdsi grupo permanente web 2
 
Biblioteca 2.0 +web 2.0
Biblioteca 2.0 +web 2.0Biblioteca 2.0 +web 2.0
Biblioteca 2.0 +web 2.0
 
Web 2
Web 2Web 2
Web 2
 
Web2
Web2Web2
Web2
 
Web 2.0: Rupturas e Continuidades
Web 2.0: Rupturas e ContinuidadesWeb 2.0: Rupturas e Continuidades
Web 2.0: Rupturas e Continuidades
 
Aula ea d
Aula ea dAula ea d
Aula ea d
 

Similar a Produção de Sites na Web 2.0

Similar a Produção de Sites na Web 2.0 (20)

o que é a Web 2.0?
o que é a Web 2.0?o que é a Web 2.0?
o que é a Web 2.0?
 
Apresentação Cg Web 2.0
Apresentação Cg Web 2.0Apresentação Cg Web 2.0
Apresentação Cg Web 2.0
 
Web 2
Web 2Web 2
Web 2
 
A evolução da web: da Web 1.0 à Web 2.0
A evolução da web: da Web 1.0 à Web 2.0A evolução da web: da Web 1.0 à Web 2.0
A evolução da web: da Web 1.0 à Web 2.0
 
Gestao de Projetos 2.0
Gestao de Projetos 2.0Gestao de Projetos 2.0
Gestao de Projetos 2.0
 
Web 2.0
Web 2.0Web 2.0
Web 2.0
 
ApresentacaoMM2
ApresentacaoMM2ApresentacaoMM2
ApresentacaoMM2
 
Geração de valor real de negócios a partir3
Geração de valor real de negócios a partir3Geração de valor real de negócios a partir3
Geração de valor real de negócios a partir3
 
Entendendo O Que é Web 2
Entendendo O Que é Web 2Entendendo O Que é Web 2
Entendendo O Que é Web 2
 
Web2.0
Web2.0Web2.0
Web2.0
 
Web2.0
Web2.0Web2.0
Web2.0
 
Web2.0
Web2.0Web2.0
Web2.0
 
Web2.0
Web2.0Web2.0
Web2.0
 
Web 2.0
Web 2.0Web 2.0
Web 2.0
 
A Web 2.0 no Ensino de Química
A Web 2.0 no Ensino de QuímicaA Web 2.0 no Ensino de Química
A Web 2.0 no Ensino de Química
 
Web 2.0 x Web 1.0
Web 2.0 x Web 1.0Web 2.0 x Web 1.0
Web 2.0 x Web 1.0
 
Ana Sofia (Web 2.0)
Ana Sofia (Web 2.0)Ana Sofia (Web 2.0)
Ana Sofia (Web 2.0)
 
Web 2.0
Web 2.0Web 2.0
Web 2.0
 
Web 2.0
Web 2.0Web 2.0
Web 2.0
 
Aula 4a – ferramentas da web 2 valter
Aula 4a – ferramentas da web 2 valterAula 4a – ferramentas da web 2 valter
Aula 4a – ferramentas da web 2 valter
 

Más de Luis Vidigal

Apresentação da CIeLP 5_5_2023a.pdf
Apresentação da CIeLP 5_5_2023a.pdfApresentação da CIeLP 5_5_2023a.pdf
Apresentação da CIeLP 5_5_2023a.pdfLuis Vidigal
 
Highscore - Curso de Inovação em Serviços Públicos - 11 e 12 outubro 2021
Highscore - Curso de Inovação em Serviços Públicos  - 11 e 12 outubro 2021Highscore - Curso de Inovação em Serviços Públicos  - 11 e 12 outubro 2021
Highscore - Curso de Inovação em Serviços Públicos - 11 e 12 outubro 2021Luis Vidigal
 
Highscore - Luis Vidigal - Curso de eGovernment - 11 e 12 outubro 2021
Highscore - Luis Vidigal  - Curso de eGovernment - 11 e 12 outubro 2021Highscore - Luis Vidigal  - Curso de eGovernment - 11 e 12 outubro 2021
Highscore - Luis Vidigal - Curso de eGovernment - 11 e 12 outubro 2021Luis Vidigal
 
BOBCATSSS 2021 - The Future of Digital Transformation in Government Administr...
BOBCATSSS 2021 - The Future of Digital Transformation in Government Administr...BOBCATSSS 2021 - The Future of Digital Transformation in Government Administr...
BOBCATSSS 2021 - The Future of Digital Transformation in Government Administr...Luis Vidigal
 
OGP PASC Vidigal forum 9 12 2020
OGP PASC Vidigal forum 9 12 2020OGP PASC Vidigal forum 9 12 2020
OGP PASC Vidigal forum 9 12 2020Luis Vidigal
 
Luis Vidigal - Tecnologias e Cidadania
Luis Vidigal - Tecnologias e CidadaniaLuis Vidigal - Tecnologias e Cidadania
Luis Vidigal - Tecnologias e CidadaniaLuis Vidigal
 
Luis vidigal 1999 a revolucao ap
Luis vidigal 1999   a revolucao apLuis vidigal 1999   a revolucao ap
Luis vidigal 1999 a revolucao apLuis Vidigal
 
Luis Vidigal - Rendimento Básico Universal (RBU) - Uma inevitabilidade para o...
Luis Vidigal - Rendimento Básico Universal (RBU)- Uma inevitabilidade para o...Luis Vidigal - Rendimento Básico Universal (RBU)- Uma inevitabilidade para o...
Luis Vidigal - Rendimento Básico Universal (RBU) - Uma inevitabilidade para o...Luis Vidigal
 
Candidatura aos Corpos Sociais da APDSI para o triénio 2017-2019
Candidatura aos Corpos Sociais da APDSI para o triénio 2017-2019Candidatura aos Corpos Sociais da APDSI para o triénio 2017-2019
Candidatura aos Corpos Sociais da APDSI para o triénio 2017-2019Luis Vidigal
 
Inovação em Serviços Públicos - Luis Vidigal (Highscore - Outubro 2016)
Inovação em Serviços Públicos - Luis Vidigal (Highscore - Outubro 2016)Inovação em Serviços Públicos - Luis Vidigal (Highscore - Outubro 2016)
Inovação em Serviços Públicos - Luis Vidigal (Highscore - Outubro 2016)Luis Vidigal
 
Apresentação de Luís Vidigal na 1ª Conferência Nacional de Professores de Inf...
Apresentação de Luís Vidigal na 1ª Conferência Nacional de Professores de Inf...Apresentação de Luís Vidigal na 1ª Conferência Nacional de Professores de Inf...
Apresentação de Luís Vidigal na 1ª Conferência Nacional de Professores de Inf...Luis Vidigal
 
Luis Vidigal Q-Day 2015
Luis Vidigal   Q-Day 2015Luis Vidigal   Q-Day 2015
Luis Vidigal Q-Day 2015Luis Vidigal
 
Visão TIC 2020 na AP - Contributos de Luís Vidigal
Visão TIC 2020 na AP - Contributos de Luís VidigalVisão TIC 2020 na AP - Contributos de Luís Vidigal
Visão TIC 2020 na AP - Contributos de Luís VidigalLuis Vidigal
 
Luis Vidigal - Inovação em serviços públicos - IGAS - jul 2015
Luis Vidigal -  Inovação em serviços públicos - IGAS - jul 2015Luis Vidigal -  Inovação em serviços públicos - IGAS - jul 2015
Luis Vidigal - Inovação em serviços públicos - IGAS - jul 2015Luis Vidigal
 
Highscore - Luis Vidigal - Boas práticas de e-Government - Julho 2015
Highscore - Luis Vidigal - Boas práticas de e-Government - Julho 2015Highscore - Luis Vidigal - Boas práticas de e-Government - Julho 2015
Highscore - Luis Vidigal - Boas práticas de e-Government - Julho 2015Luis Vidigal
 
Luis vidigal - Working in a digital and inclusive government - COST Peniche 2015
Luis vidigal - Working in a digital and inclusive government - COST Peniche 2015Luis vidigal - Working in a digital and inclusive government - COST Peniche 2015
Luis vidigal - Working in a digital and inclusive government - COST Peniche 2015Luis Vidigal
 
CIBI 1988 As TI face à Modernização Administrativa em Portugal - Luis Vi...
CIBI 1988   As TI face à Modernização Administrativa em Portugal - Luis Vi...CIBI 1988   As TI face à Modernização Administrativa em Portugal - Luis Vi...
CIBI 1988 As TI face à Modernização Administrativa em Portugal - Luis Vi...Luis Vidigal
 
1992 - Um infocentro ao serviço da AP - Infojur, Infocid e outros
1992 - Um infocentro ao serviço da AP - Infojur, Infocid e outros1992 - Um infocentro ao serviço da AP - Infojur, Infocid e outros
1992 - Um infocentro ao serviço da AP - Infojur, Infocid e outrosLuis Vidigal
 
ICA 23th Conference, Oslo 1989 - Luis Vidigal - Information Technology and T...
ICA 23th Conference, Oslo 1989 -  Luis Vidigal - Information Technology and T...ICA 23th Conference, Oslo 1989 -  Luis Vidigal - Information Technology and T...
ICA 23th Conference, Oslo 1989 - Luis Vidigal - Information Technology and T...Luis Vidigal
 
Respublica - Um Olhar sobre a Administração - 1992
Respublica -  Um Olhar sobre a Administração - 1992Respublica -  Um Olhar sobre a Administração - 1992
Respublica - Um Olhar sobre a Administração - 1992Luis Vidigal
 

Más de Luis Vidigal (20)

Apresentação da CIeLP 5_5_2023a.pdf
Apresentação da CIeLP 5_5_2023a.pdfApresentação da CIeLP 5_5_2023a.pdf
Apresentação da CIeLP 5_5_2023a.pdf
 
Highscore - Curso de Inovação em Serviços Públicos - 11 e 12 outubro 2021
Highscore - Curso de Inovação em Serviços Públicos  - 11 e 12 outubro 2021Highscore - Curso de Inovação em Serviços Públicos  - 11 e 12 outubro 2021
Highscore - Curso de Inovação em Serviços Públicos - 11 e 12 outubro 2021
 
Highscore - Luis Vidigal - Curso de eGovernment - 11 e 12 outubro 2021
Highscore - Luis Vidigal  - Curso de eGovernment - 11 e 12 outubro 2021Highscore - Luis Vidigal  - Curso de eGovernment - 11 e 12 outubro 2021
Highscore - Luis Vidigal - Curso de eGovernment - 11 e 12 outubro 2021
 
BOBCATSSS 2021 - The Future of Digital Transformation in Government Administr...
BOBCATSSS 2021 - The Future of Digital Transformation in Government Administr...BOBCATSSS 2021 - The Future of Digital Transformation in Government Administr...
BOBCATSSS 2021 - The Future of Digital Transformation in Government Administr...
 
OGP PASC Vidigal forum 9 12 2020
OGP PASC Vidigal forum 9 12 2020OGP PASC Vidigal forum 9 12 2020
OGP PASC Vidigal forum 9 12 2020
 
Luis Vidigal - Tecnologias e Cidadania
Luis Vidigal - Tecnologias e CidadaniaLuis Vidigal - Tecnologias e Cidadania
Luis Vidigal - Tecnologias e Cidadania
 
Luis vidigal 1999 a revolucao ap
Luis vidigal 1999   a revolucao apLuis vidigal 1999   a revolucao ap
Luis vidigal 1999 a revolucao ap
 
Luis Vidigal - Rendimento Básico Universal (RBU) - Uma inevitabilidade para o...
Luis Vidigal - Rendimento Básico Universal (RBU)- Uma inevitabilidade para o...Luis Vidigal - Rendimento Básico Universal (RBU)- Uma inevitabilidade para o...
Luis Vidigal - Rendimento Básico Universal (RBU) - Uma inevitabilidade para o...
 
Candidatura aos Corpos Sociais da APDSI para o triénio 2017-2019
Candidatura aos Corpos Sociais da APDSI para o triénio 2017-2019Candidatura aos Corpos Sociais da APDSI para o triénio 2017-2019
Candidatura aos Corpos Sociais da APDSI para o triénio 2017-2019
 
Inovação em Serviços Públicos - Luis Vidigal (Highscore - Outubro 2016)
Inovação em Serviços Públicos - Luis Vidigal (Highscore - Outubro 2016)Inovação em Serviços Públicos - Luis Vidigal (Highscore - Outubro 2016)
Inovação em Serviços Públicos - Luis Vidigal (Highscore - Outubro 2016)
 
Apresentação de Luís Vidigal na 1ª Conferência Nacional de Professores de Inf...
Apresentação de Luís Vidigal na 1ª Conferência Nacional de Professores de Inf...Apresentação de Luís Vidigal na 1ª Conferência Nacional de Professores de Inf...
Apresentação de Luís Vidigal na 1ª Conferência Nacional de Professores de Inf...
 
Luis Vidigal Q-Day 2015
Luis Vidigal   Q-Day 2015Luis Vidigal   Q-Day 2015
Luis Vidigal Q-Day 2015
 
Visão TIC 2020 na AP - Contributos de Luís Vidigal
Visão TIC 2020 na AP - Contributos de Luís VidigalVisão TIC 2020 na AP - Contributos de Luís Vidigal
Visão TIC 2020 na AP - Contributos de Luís Vidigal
 
Luis Vidigal - Inovação em serviços públicos - IGAS - jul 2015
Luis Vidigal -  Inovação em serviços públicos - IGAS - jul 2015Luis Vidigal -  Inovação em serviços públicos - IGAS - jul 2015
Luis Vidigal - Inovação em serviços públicos - IGAS - jul 2015
 
Highscore - Luis Vidigal - Boas práticas de e-Government - Julho 2015
Highscore - Luis Vidigal - Boas práticas de e-Government - Julho 2015Highscore - Luis Vidigal - Boas práticas de e-Government - Julho 2015
Highscore - Luis Vidigal - Boas práticas de e-Government - Julho 2015
 
Luis vidigal - Working in a digital and inclusive government - COST Peniche 2015
Luis vidigal - Working in a digital and inclusive government - COST Peniche 2015Luis vidigal - Working in a digital and inclusive government - COST Peniche 2015
Luis vidigal - Working in a digital and inclusive government - COST Peniche 2015
 
CIBI 1988 As TI face à Modernização Administrativa em Portugal - Luis Vi...
CIBI 1988   As TI face à Modernização Administrativa em Portugal - Luis Vi...CIBI 1988   As TI face à Modernização Administrativa em Portugal - Luis Vi...
CIBI 1988 As TI face à Modernização Administrativa em Portugal - Luis Vi...
 
1992 - Um infocentro ao serviço da AP - Infojur, Infocid e outros
1992 - Um infocentro ao serviço da AP - Infojur, Infocid e outros1992 - Um infocentro ao serviço da AP - Infojur, Infocid e outros
1992 - Um infocentro ao serviço da AP - Infojur, Infocid e outros
 
ICA 23th Conference, Oslo 1989 - Luis Vidigal - Information Technology and T...
ICA 23th Conference, Oslo 1989 -  Luis Vidigal - Information Technology and T...ICA 23th Conference, Oslo 1989 -  Luis Vidigal - Information Technology and T...
ICA 23th Conference, Oslo 1989 - Luis Vidigal - Information Technology and T...
 
Respublica - Um Olhar sobre a Administração - 1992
Respublica -  Um Olhar sobre a Administração - 1992Respublica -  Um Olhar sobre a Administração - 1992
Respublica - Um Olhar sobre a Administração - 1992
 

Último

Cenários de Aprendizagem - Estratégia para implementação de práticas pedagógicas
Cenários de Aprendizagem - Estratégia para implementação de práticas pedagógicasCenários de Aprendizagem - Estratégia para implementação de práticas pedagógicas
Cenários de Aprendizagem - Estratégia para implementação de práticas pedagógicasRosalina Simão Nunes
 
trabalho wanda rocha ditadura
trabalho wanda rocha ditaduratrabalho wanda rocha ditadura
trabalho wanda rocha ditaduraAdryan Luiz
 
ALMANANHE DE BRINCADEIRAS - 500 atividades escolares
ALMANANHE DE BRINCADEIRAS - 500 atividades escolaresALMANANHE DE BRINCADEIRAS - 500 atividades escolares
ALMANANHE DE BRINCADEIRAS - 500 atividades escolaresLilianPiola
 
Slides Lição 5, CPAD, Os Inimigos do Cristão, 2Tr24, Pr Henrique.pptx
Slides Lição 5, CPAD, Os Inimigos do Cristão, 2Tr24, Pr Henrique.pptxSlides Lição 5, CPAD, Os Inimigos do Cristão, 2Tr24, Pr Henrique.pptx
Slides Lição 5, CPAD, Os Inimigos do Cristão, 2Tr24, Pr Henrique.pptxLuizHenriquedeAlmeid6
 
DESAFIO LITERÁRIO - 2024 - EASB/ÁRVORE -
DESAFIO LITERÁRIO - 2024 - EASB/ÁRVORE -DESAFIO LITERÁRIO - 2024 - EASB/ÁRVORE -
DESAFIO LITERÁRIO - 2024 - EASB/ÁRVORE -Aline Santana
 
Bullying - Texto e cruzadinha
Bullying        -     Texto e cruzadinhaBullying        -     Texto e cruzadinha
Bullying - Texto e cruzadinhaMary Alvarenga
 
Pedologia- Geografia - Geologia - aula_01.pptx
Pedologia- Geografia - Geologia - aula_01.pptxPedologia- Geografia - Geologia - aula_01.pptx
Pedologia- Geografia - Geologia - aula_01.pptxleandropereira983288
 
Recurso Casa das Ciências: Sistemas de Partículas
Recurso Casa das Ciências: Sistemas de PartículasRecurso Casa das Ciências: Sistemas de Partículas
Recurso Casa das Ciências: Sistemas de PartículasCasa Ciências
 
ATIVIDADE AVALIATIVA VOZES VERBAIS 7º ano.pptx
ATIVIDADE AVALIATIVA VOZES VERBAIS 7º ano.pptxATIVIDADE AVALIATIVA VOZES VERBAIS 7º ano.pptx
ATIVIDADE AVALIATIVA VOZES VERBAIS 7º ano.pptxOsnilReis1
 
Governo Provisório Era Vargas 1930-1934 Brasil
Governo Provisório Era Vargas 1930-1934 BrasilGoverno Provisório Era Vargas 1930-1934 Brasil
Governo Provisório Era Vargas 1930-1934 Brasillucasp132400
 
Cultura e Literatura indígenas: uma análise do poema “O silêncio”, de Kent Ne...
Cultura e Literatura indígenas: uma análise do poema “O silêncio”, de Kent Ne...Cultura e Literatura indígenas: uma análise do poema “O silêncio”, de Kent Ne...
Cultura e Literatura indígenas: uma análise do poema “O silêncio”, de Kent Ne...ArianeLima50
 
Gerenciando a Aprendizagem Organizacional
Gerenciando a Aprendizagem OrganizacionalGerenciando a Aprendizagem Organizacional
Gerenciando a Aprendizagem OrganizacionalJacqueline Cerqueira
 
D9 RECONHECER GENERO DISCURSIVO SPA.pptx
D9 RECONHECER GENERO DISCURSIVO SPA.pptxD9 RECONHECER GENERO DISCURSIVO SPA.pptx
D9 RECONHECER GENERO DISCURSIVO SPA.pptxRonys4
 
COMPETÊNCIA 1 DA REDAÇÃO DO ENEM - REDAÇÃO ENEM
COMPETÊNCIA 1 DA REDAÇÃO DO ENEM - REDAÇÃO ENEMCOMPETÊNCIA 1 DA REDAÇÃO DO ENEM - REDAÇÃO ENEM
COMPETÊNCIA 1 DA REDAÇÃO DO ENEM - REDAÇÃO ENEMVanessaCavalcante37
 
UFCD_10392_Intervenção em populações de risco_índice .pdf
UFCD_10392_Intervenção em populações de risco_índice .pdfUFCD_10392_Intervenção em populações de risco_índice .pdf
UFCD_10392_Intervenção em populações de risco_índice .pdfManuais Formação
 
Orações subordinadas substantivas (andamento).pptx
Orações subordinadas substantivas (andamento).pptxOrações subordinadas substantivas (andamento).pptx
Orações subordinadas substantivas (andamento).pptxKtiaOliveira68
 
Universidade Empreendedora como uma Plataforma para o Bem comum
Universidade Empreendedora como uma Plataforma para o Bem comumUniversidade Empreendedora como uma Plataforma para o Bem comum
Universidade Empreendedora como uma Plataforma para o Bem comumPatrícia de Sá Freire, PhD. Eng.
 
Grupo Tribalhista - Música Velha Infância (cruzadinha e caça palavras)
Grupo Tribalhista - Música Velha Infância (cruzadinha e caça palavras)Grupo Tribalhista - Música Velha Infância (cruzadinha e caça palavras)
Grupo Tribalhista - Música Velha Infância (cruzadinha e caça palavras)Mary Alvarenga
 

Último (20)

Cenários de Aprendizagem - Estratégia para implementação de práticas pedagógicas
Cenários de Aprendizagem - Estratégia para implementação de práticas pedagógicasCenários de Aprendizagem - Estratégia para implementação de práticas pedagógicas
Cenários de Aprendizagem - Estratégia para implementação de práticas pedagógicas
 
trabalho wanda rocha ditadura
trabalho wanda rocha ditaduratrabalho wanda rocha ditadura
trabalho wanda rocha ditadura
 
ALMANANHE DE BRINCADEIRAS - 500 atividades escolares
ALMANANHE DE BRINCADEIRAS - 500 atividades escolaresALMANANHE DE BRINCADEIRAS - 500 atividades escolares
ALMANANHE DE BRINCADEIRAS - 500 atividades escolares
 
Em tempo de Quaresma .
Em tempo de Quaresma                            .Em tempo de Quaresma                            .
Em tempo de Quaresma .
 
Slides Lição 5, CPAD, Os Inimigos do Cristão, 2Tr24, Pr Henrique.pptx
Slides Lição 5, CPAD, Os Inimigos do Cristão, 2Tr24, Pr Henrique.pptxSlides Lição 5, CPAD, Os Inimigos do Cristão, 2Tr24, Pr Henrique.pptx
Slides Lição 5, CPAD, Os Inimigos do Cristão, 2Tr24, Pr Henrique.pptx
 
Orientação Técnico-Pedagógica EMBcae Nº 001, de 16 de abril de 2024
Orientação Técnico-Pedagógica EMBcae Nº 001, de 16 de abril de 2024Orientação Técnico-Pedagógica EMBcae Nº 001, de 16 de abril de 2024
Orientação Técnico-Pedagógica EMBcae Nº 001, de 16 de abril de 2024
 
DESAFIO LITERÁRIO - 2024 - EASB/ÁRVORE -
DESAFIO LITERÁRIO - 2024 - EASB/ÁRVORE -DESAFIO LITERÁRIO - 2024 - EASB/ÁRVORE -
DESAFIO LITERÁRIO - 2024 - EASB/ÁRVORE -
 
Bullying - Texto e cruzadinha
Bullying        -     Texto e cruzadinhaBullying        -     Texto e cruzadinha
Bullying - Texto e cruzadinha
 
Pedologia- Geografia - Geologia - aula_01.pptx
Pedologia- Geografia - Geologia - aula_01.pptxPedologia- Geografia - Geologia - aula_01.pptx
Pedologia- Geografia - Geologia - aula_01.pptx
 
Recurso Casa das Ciências: Sistemas de Partículas
Recurso Casa das Ciências: Sistemas de PartículasRecurso Casa das Ciências: Sistemas de Partículas
Recurso Casa das Ciências: Sistemas de Partículas
 
ATIVIDADE AVALIATIVA VOZES VERBAIS 7º ano.pptx
ATIVIDADE AVALIATIVA VOZES VERBAIS 7º ano.pptxATIVIDADE AVALIATIVA VOZES VERBAIS 7º ano.pptx
ATIVIDADE AVALIATIVA VOZES VERBAIS 7º ano.pptx
 
Governo Provisório Era Vargas 1930-1934 Brasil
Governo Provisório Era Vargas 1930-1934 BrasilGoverno Provisório Era Vargas 1930-1934 Brasil
Governo Provisório Era Vargas 1930-1934 Brasil
 
Cultura e Literatura indígenas: uma análise do poema “O silêncio”, de Kent Ne...
Cultura e Literatura indígenas: uma análise do poema “O silêncio”, de Kent Ne...Cultura e Literatura indígenas: uma análise do poema “O silêncio”, de Kent Ne...
Cultura e Literatura indígenas: uma análise do poema “O silêncio”, de Kent Ne...
 
Gerenciando a Aprendizagem Organizacional
Gerenciando a Aprendizagem OrganizacionalGerenciando a Aprendizagem Organizacional
Gerenciando a Aprendizagem Organizacional
 
D9 RECONHECER GENERO DISCURSIVO SPA.pptx
D9 RECONHECER GENERO DISCURSIVO SPA.pptxD9 RECONHECER GENERO DISCURSIVO SPA.pptx
D9 RECONHECER GENERO DISCURSIVO SPA.pptx
 
COMPETÊNCIA 1 DA REDAÇÃO DO ENEM - REDAÇÃO ENEM
COMPETÊNCIA 1 DA REDAÇÃO DO ENEM - REDAÇÃO ENEMCOMPETÊNCIA 1 DA REDAÇÃO DO ENEM - REDAÇÃO ENEM
COMPETÊNCIA 1 DA REDAÇÃO DO ENEM - REDAÇÃO ENEM
 
UFCD_10392_Intervenção em populações de risco_índice .pdf
UFCD_10392_Intervenção em populações de risco_índice .pdfUFCD_10392_Intervenção em populações de risco_índice .pdf
UFCD_10392_Intervenção em populações de risco_índice .pdf
 
Orações subordinadas substantivas (andamento).pptx
Orações subordinadas substantivas (andamento).pptxOrações subordinadas substantivas (andamento).pptx
Orações subordinadas substantivas (andamento).pptx
 
Universidade Empreendedora como uma Plataforma para o Bem comum
Universidade Empreendedora como uma Plataforma para o Bem comumUniversidade Empreendedora como uma Plataforma para o Bem comum
Universidade Empreendedora como uma Plataforma para o Bem comum
 
Grupo Tribalhista - Música Velha Infância (cruzadinha e caça palavras)
Grupo Tribalhista - Música Velha Infância (cruzadinha e caça palavras)Grupo Tribalhista - Música Velha Infância (cruzadinha e caça palavras)
Grupo Tribalhista - Música Velha Infância (cruzadinha e caça palavras)
 

Produção de Sites na Web 2.0

  • 1. Produção de Sites na Web 2.0 10 e 11 de Dezembro de 2009 Luís Vidigal http://www.slideshare.net/vidigal/producao-de-sites-na-web-20 1
  • 2. Evolução da Comunicação Luis Vidigal – Produção de Sites na Web 2.0 2
  • 3. O conceito Web 2.0 • Surge numa sessão de brainstorming entre O’Reilly e a MediaLive International • 2004 - Conferência Web 2.0 É um termo criado em 2004 pela empresa dos EUA O'Reilly Media[1] para designar uma segunda geração de comunidades e serviços, tendo como conceito a "Web como plataforma", envolvendo wikis, aplicações baseadas em folksonomia, redes sociais e Tecnologia da Informação. Embora o termo tenha uma conotação de uma nova versão para a Web, ele não se refere à actualização nas suas especificações técnicas, mas a uma mudança na forma como ela é encarada por utilizadores e implementadores, ou seja, o ambiente de interacção que hoje engloba inúmeras linguagens e motivações. Luis Vidigal – Produção de Sites na Web 2.0 3
  • 4. Princípios chave da Web 2.0 Tim O'Reilly e John Battelle • 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) Luis Vidigal – Produção de Sites na Web 2.0 4
  • 5. O que é a Web 2.0 Desenvolver aplicações que aproveitem os efeitos da rede para se tornarem melhores quanto mais são usadas pelas pessoas, aproveitando a inteligência colectiva. Tim O'Reilly Luis Vidigal – Produção de Sites na Web 2.0 5
  • 6. Web 2.0 é Atitude e não Tecnologia • Estimular e encorajar a participação por meio de aplicações abertas e serviços. • Percepção de que a web não é apenas software, mas sim serviços a serem entregues pela web. Luis Vidigal – Produção de Sites na Web 2.0 6
  • 7. Web 1.0, 2.0 e 3.0 Web 3.0 Semântica Luis Vidigal – Produção de Sites na Web 2.0
  • 8. Mudança de paradigma - 2.0 de como as pessoas pensam e de como desenvolver aplicações para a internet • Participação colectiva • Personalização Luis Vidigal – Produção de Sites na Web 2.0 8
  • 9. PRÁTICAS DA WEB 2.0 • partilhar • participar • comentar • colaborar • criar • difundir • classificar • inserir • reelaborar • agregar • distribuir • feito para criar Luis Vidigal – Produção de Sites na Web 2.0 9
  • 10. Eco-sistema da Web 2.0 Luis Vidigal – Produção de Sites na Web 2.0 10
  • 11. Smart mobs – Inteligência Colectiva • Certas estruturas sociais autogeridas podem mostrar comportamentos inteligentes em si mesmas, sendo mais eficientes que os seus membros individualmente Luis Vidigal – Produção de Sites na Web 2.0 11
  • 12. Web 2.0 Criar Publicar Distribuir Luis Vidigal – Produção de Sites na Web 2.0
  • 13. Web 1.0 Web 2.0 Convergência dos media Convergência das pessoas Um para muitos Muitos para muitos Meio de comunicação Meio de Interacção do ser humano Luis Vidigal – Produção de Sites na Web 2.0 13
  • 14. Luis Vidigal – Produção de Sites na Web 2.0 14
  • 15. O Twitter no Irão Eleições Luis Vidigal – Produção de Sites na Web 2.0 15
  • 16. http://librarycrunch.com/ O termo Biblioteca 2.0 (Library 2.0) foi concebido por Michael Casey em seu blog LibrayCrunch Luis Vidigal – Produção de Sites na Web 2.0 16
  • 17. Manifesto do Bibliotecário 2.0 Laura Cohen (2006) • Reconhecer as mudanças no mundo da informação e responder positivamente às mudanças, em benefício do serviço e dos utilizadores; • Conhecer os utilizadores e coordenar os serviços em prol destes; • Trabalhar activamente em prol da mudança; • Não esperar por algo perfeito antes de o partilhar; • Trabalhar com os utilizadores na informação. Luis Vidigal – Produção de Sites na Web 2.0
  • 18. Características da Web 2.0 • Participação colectiva • Qualquer um pode publicar conteúdos • Muitos sites permitem comentários, participação, personalização, etc • As pessoas têm mais opções na escolha de fornecedores de informação Luis Vidigal – Produção de Sites na Web 2.0 18
  • 19. O que mudou? Web 1.0 Web 2.0 OFoto Flickr MP3.com Napster Britannica online Wikipedia Sites pessoais Blogs Publicar Participar Sistemas fechados Wikis Taxonomia (directório) Folksonomia (tagging) Luis Vidigal – Produção de Sites na Web 2.0 19
  • 20. Características da Web 2.0 Ênfase nos O comportamento utilizadores do utilizador e não na não está tecnologia pré-determinado Posicionamento Estratégico (A Web como plataforma) O software melhora Confiança à medida que nos utilizadores Competências chave mais pessoas Arquitectura de Participação utilizam Aproveitamento da Inteligência Colectiva Experiência e conhecimento Software Modelos leves pessoal Aberto de programação dos utilizadores Luis Vidigal – Produção de Sites na Web 2.0 20
  • 21. Velocidade Precisão Resultado Encontrar sempre Âmbito imediato documentos Procurar todos os relevantes documentos da Web Um Motor de Localização Pesquisa perfeito Conhecer o local do utilizador na Web 2.0 e 3.0 Actualidade Toda a informação Prioridade Personalização Os documentos é actualizada Conhecer as mais relevantes necessidades do em primeiro utilizador lugar Luis Vidigal – Produção de Sites na Web 2.0 21
  • 22. Wikipedia Número de contributos Língua Março 2007 Março 2009 Inglês 1.706.376 2.779.000 Alemão 562.456 875.000 Francês 466.931 774.000 Japonês 346.828 568.000 Holandês 284.930 523.000 Italiano 278.879 547.000 Português 247.248 463.000 Espanhol 216.474 451.000 Luis Vidigal – Produção de Sites na Web 2.0 22
  • 23. Segurança e Confiança na Web 2.0 • Mudanças constantes e mecanismos de controle de vulnerabilidade na autenticação. • Cuidados no ambiente: o que é público, por que tornar público, qual as garantias da segurança individual dos dados, desinformação? • Invasão de ambientes: phishing saber diferenciar o que é real ou falso, codificação maliciosa. • Troca da informação • Acessos e senhas • Qualidade da informação: integridade, legitimidade, rigor. Luis Vidigal – Produção de Sites na Web 2.0 23
  • 24. Tecnologias para a Web 2.0 • Social Network Analysis (Análise de Rede Social) A criação de conteúdos a partir da análise e filtragem de dados enviados por diferentes fontes • Ajax A técnica de programação mais famosa da Web 2.0 • Collective Intelligence (Inteligência Coletiva) Avaliada como transformadora pelo Gartner, deve atingir maturidade em cinco ou 10 anos. Trata-se das tecnologias que permitirão aos utilizadores trabalharem juntos ao mesmo tempo num mesmo arquivo, sem a necessidade de alguém que centralize as informações (Google Docs) • Mashup Tecnologia que permite aos sites ou aplicações web usarem o conteúdo de mais de uma fonte • Location-aware Technologies Tecnologia que usa GPS para a localização através do telemóvel • Location-aware Applications Dispositivos com GPS embutido, para melhorar a automação de força de vendas e a logística • SOA – Service Oriented Architecture Arquitectura orientada a serviços Luis Vidigal – Produção de Sites na Web 2.0 24
  • 25. Qual o futuro da Web? • Web 1.0 Implantação e popularização da rede. • Web 2.0 Centrada nos mecanismos de busca, como o Google, nos sites de colaboração, como Wikipédia, YouTube, Flickr, e nos sites de relacionamento social, como o Orkut. • Web 3.0 Pretende ser a organização e o uso de maneira mais inteligente de todo o conhecimento já disponível na Internet. (Wikipédia) Luis Vidigal – Produção de Sites na Web 2.0 25
  • 26. Perspectivas • Quem souber organizar e relacionar-se bem com as comunidades em rede fará a diferença! • O utilizador será quem irá colocar a maior parte dos conteúdos na rede! • As interfaces serão baseadas em Aplicattion Architecture (modularidade e agilidade oferecida pelo Service Oriented Architecture) • Os blogs e as comunidades serão ambientes para troca de conhecimento. Luis Vidigal – Produção de Sites na Web 2.0 26
  • 27. Rede Social As redes sociais criaram formas novas de comunicar e partilhar a informação. São usadas regularmente por milhões de pessoas, ocupando uma parte das suas vidas quotidianas. Os principais tipos de redes sociais são aquelas que contém directórios de algumas categorias, por exemplo antigos colegas, permitindo contactá-los (geralmente com páginas de auto-descrição). As redes mais populares são MySpace, Facebook, Twitter e YouTube, entre outras. Social networking is the use of self-generated user profiles to help facilitate and mediate social interactions. Typically, social network users share details about themselves, search for others with similar interest, exchange messages and work together. FORRESTER Luis Vidigal – Produção de Sites na Web 2.0 27
  • 28. Atitude Cooperativa Esta é uma história sobre quatro pessoas: Havia um importante trabalho a ser feito e Toda a 1. Toda a Gente Gente tinha a certeza que Alguém o faria. 2. Alguém Qualquer Um poderia tê-lo feito, mas Ninguém o 3. Qualquer Um fez. 4. Ninguém Alguém se zangou porque era um trabalho de Toda a Gente. Toda a Gente pensou que Qualquer Um poderia fazê-lo, mas Ninguém imaginou que Toda a Gente o deixasse de executar. No final, Toda a Gente culpou Alguém, quando Ninguém fez o que Qualquer Um poderia ter feito. Luis Vidigal – Produção de Sites na Web 2.0
  • 29. Aspectos centrais da gestão no trabalho em rede • Estruturação e definição: papéis centralizados e descentralizados • Conexão com os gestores dos processos do negócio • Desenvolvimento activo da rede social • Normas de participação e reconhecimento • Indicadores e métricas • Netiqueta: “Gestão de Conversas” e resolução de conflitos • Organização dos conteúdos para destaque de relevância: taxionomia, indexação participativa, comentários, ranking, etc. Luis Vidigal – Produção de Sites na Web 2.0
  • 30. Redes Sociais Pessoais http://www.facebook.com http://pt.myspace.com http://orkut.com http://www.friendster.com/ Luis Vidigal – Produção de Sites na Web 2.0
  • 31. Redes Sociais Profissionais http://www.linkedin.com http://www.plaxo.com http://www.xing.com Luis Vidigal – Produção de Sites na Web 2.0
  • 32. http://www.facebook.com Quem são os meus amigos? Quais são os meus interesses? Quais são as minhas ideias? Luis Vidigal – Produção de Sites na Web 2.0 32
  • 33. Alargar a rede de amigos… Sugestões de amigos Pedidos de Amizade Confirmações de Amizade Convite para Causas Luis Vidigal – Produção de Sites na Web 2.0 33
  • 34. http://friendfeed.com Luis Vidigal – Produção de Sites na Web 2.0 34
  • 35. Luis Vidigal – Produção de Sites na Web 2.0 35
  • 36. http://twitter.com Criar uma conta A minha vista http://twitter.com/DNpt 140 caracteres Luis Vidigal – Produção de Sites na Web 2.0 36
  • 37. Twitter • Fundado em 2006 pela Obvious.Corp • Serviço de micro-blogging (Máximo 140 caracteres) • O que está a fazer agora? Luis Vidigal – Produção de Sites na Web 2.0
  • 38. Web 2.0 em mobilidade Luis Vidigal – Produção de Sites na Web 2.0
  • 39. Woofer – O Anti Twitter mais de 1400 caracteres Luis Vidigal – Produção de Sites na Web 2.0 39
  • 40. http://www.linkedin.com Luis Vidigal – Produção de Sites na Web 2.0 40
  • 41. Conectar pessoas no Linkedin Luis Vidigal – Produção de Sites na Web 2.0 41
  • 42. Grupos de discussão no Linkedin Luis Vidigal – Produção de Sites na Web 2.0 42
  • 43. http://www.plaxo.com Luis Vidigal – Produção de Sites na Web 2.0 43
  • 44. Publicação de Vídeos http://www.youtube.com/ http://video.google.com http://www.blip.tv http://www.archive.org http://www.ourmedia.org http://www.clipshack.com/ http://www.vsocial.com http://www.vimeo.com/ http://stage6.divx.com http://video.yahoo.com/ http://www.jumpcut.com/ http://viddler.com http://www.veoh.com/ Luis Vidigal – Produção de Sites na Web 2.0 44
  • 45. Construir Sites em torno de Objectos Sociais • Definir o Objecto • Definir os Verbos • Tornar os objectos partilháveis • Converter convites em prendas • Facturar aos produtores e não aos expectadores Jyri Engeström Luis Vidigal – Produção de Sites na Web 2.0
  • 46. Fases de construção • A Ideia – Conceber uma marca (nome, identidade, e objectivo) • Planeamento – Especificações funcionais, carta de estilo, e arquitectura da informação • Design – Maquetes, estética, tipografia, posicionamento e cor • Desenvolvimento – Escrever o código • Teste • Lançamento Luis Vidigal – Produção de Sites na Web 2.0
  • 47. O que é um Blogue Blog / Weblog - Blogue Na Web, página pessoal, ou sítio sem fins lucrativos, cujo objectivo é compartilhar informações e pontos de vista sobre um determinado tema. O conteúdo, actualizado frequentemente, pode ser escrito directamente pelo autor, ou trazer ligações para matérias publicadas em outras páginas. Nota: O termo inglês “blog” resulta de uma contracção de “Web” e “log” (relatório). Post - artigo de blogue Unidade de conteúdo tradicional de um blogue, que é constituída no mínimo por um título e por um texto. Um artigo de blogue pode também incluir, ou ser composto apenas por, imagem, vídeo ou som. Nota: Um blogue é composto por uma colecção de artigos, publicados (ou postados) através de sistema próprio. Luis Vidigal – Produção de Sites na Web 2.0 47
  • 48. Blogues – Criação e Alojamento http://www.blogger.comt http://os.wordpress.com/ http://spaces.live.com http://blogs.sapo.pt/ Luis Vidigal – Produção de Sites na Web 2.0
  • 49. Directórios de Blogues em português http://blog.com.pt/ http://directorio.dicasparablogs.com http://weblog.com.pt http://blogsemportugues.blogs.sapo.pt Luis Vidigal – Produção de Sites na Web 2.0
  • 50. Criar um Blogue http://www.blogger.com 3 Luis Vidigal – Produção de Sites na Web 2.0 50
  • 51. http://inavidigal.blogspot.com Luis Vidigal – Produção de Sites na Web 2.0 51
  • 52. Adicionar Autores ao Blogue Luis Vidigal – Produção de Sites na Web 2.0 52
  • 53. Editar um Post no Blogue Link Imagem Luis Vidigal – Produção de Sites na Web 2.0 53
  • 54. Inserir um vídeo no Blogue Luis Vidigal – Produção de Sites na Web 2.0 54
  • 55. Organizar o Blogue / Mashup Luis Vidigal – Produção de Sites na Web 2.0 55
  • 56. Sucesso de um Blog • Escolher um tema • Apresentação e linguagem • Actualização • Marketing • Interactividade: sondagens, ligações a outros blogs e comunidades • Encorajar o público a participar (com artigos ou comentários) • Não desistir por falta de comentários Luis Vidigal – Produção de Sites na Web 2.0
  • 57. Fases do desenvolvimento de um sítio Web •Planear •Analisar •Design •Teste e refinamento Luis Vidigal – Produção de Sites na Web 2.0
  • 58. Objectivo e a visão para o sítio •Qual é a finalidade do sítio? •Quais são os objectivos do sítio? Luis Vidigal – Produção de Sites na Web 2.0
  • 59. Concepção e design de sistemas As Quatro Dimensões • Navegação efectiva – Os utilizadores encontram facilmente os serviços propostos? • Concepção dos conteúdos – O que está disponível é o que os utilizadores querem? • Design Gráfico atractivo – A apresentação visual pode reforçar o valor da experiência de utilização e facilitar a compreensão dos conteúdos? • Interacção eficiente – Os utilizadores podem agir sobre os conteúdos e funcionalidades com facilidade? Luis Vidigal – Produção de Sites na Web 2.0
  • 60. A boa navegação começa em casa • A página principal deve: – Estabelecer desde logo um modelo consistente de navegação para todo o sítio; – Informar o utilizador, quer com palavras quer com imagens, do tipo de conteúdo que pode esperar do sítio. Luis Vidigal – Produção de Sites na Web 2.0
  • 61. O estabelecimento das expectativas dos utilizadores • A página principal, sobretudo se for a “front page”, estabelece desde logo o “look & feel” do sítio web: • Define o branding (marca), os temas e o tom que caracterizam a interface; • Apresenta a estruturação de conteúdos que o sítio web deverá seguir de forma consistente: – Os utilizadores devem poder determinar a localização relativa de conteúdos concretos em função da respectiva localização na página principal; – Os utilizadores têm a expectativa legítima de que o sítio será graficamente e estruturalmente consistente (se isto não ocorrer, pensarão com naturalidade que saíram do sítio web onde estavam na página anterior e estão a consultar agora outros conteúdos) Luis Vidigal – Produção de Sites na Web 2.0
  • 62. O tipo de páginas mais adequado As Três Regras de Ouro • Regra nº1 - Inventar o mínimo – Os utilizadores não aprendem a navegar na Web com o seu sítio web, aprendem com os sítios dos outros. Reinventar a roda pode ser uma grande satisfação pessoal, mas é caro e a probabilidade é de não resultar. Portanto, a regra de ouro é fazer um esforço para não inventar! • Regra nº2 - Antes de começar o desenvolvimento, dissecar o projecto e definir todos os templates a usar – No caso de se tratar de um sítio para um cliente externo, obter a aprovação explícita para os templates, por escrito. Depois, começar o trabalho. • Regra nº3 - COPIAR (a regra mais importante e realmente, um corolário forçoso da regra nº1) – Dos bons exemplos, escolhidos a dedo (aquilo a que se chama benchmarking), não ter pejo de copiar. O mais possível Luis Vidigal – Produção de Sites na Web 2.0
  • 63. A estruturação de conteúdos • Estrutura Hierárquica (através de menus de acesso): – Um único nível – Vários níveis • Menus Persistentes (acesso aleatório ao conjunto de conteúdos): – Menu com botões – Menu estilo bloco de notas – Lista(s) • Acesso Sequencial (passo-a-passo): – Formulários sequenciais – Wizards / tutores / formação • Motores de Pesquisa (acesso directo): – Formulação da Pesquisa – Obtenção de Resultados Luis Vidigal – Produção de Sites na Web 2.0
  • 64. Criar um site no Google http://sites.google.com Luis Vidigal – Produção de Sites na Web 2.0
  • 65. Criar um site no Google http://sites.google.com Luis Vidigal – Produção de Sites na Web 2.0 65
  • 66. Alterar o Logo do site 2 1 3 Luis Vidigal – Produção de Sites na Web 2.0
  • 67. Criar uma página nova 1 2 3 4 5 Luis Vidigal – Produção de Sites na Web 2.0
  • 68. Editar Página Cor de Cor de Remover Texto Fundo Formatação Luis Vidigal – Produção de Sites na Web 2.0
  • 69. Inserir Ferramentas de Edição Formatar Tabelas Disposição “Layout” Luis Vidigal – Produção de Sites na Web 2.0
  • 70. Opções de Layout da página Simples Com sub-título Barras laterais Luis Vidigal – Produção de Sites na Web 2.0
  • 71. Inserir Mapa Luis Vidigal – Produção de Sites na Web 2.0
  • 72. Inserir outros “Gadgets” Luis Vidigal – Produção de Sites na Web 2.0
  • 73. Eliminar Página Luis Vidigal – Produção de Sites na Web 2.0
  • 74. Gerir o site Luis Vidigal – Produção de Sites na Web 2.0
  • 75. Partilhar a edição do site 1 4 5 2 3 Luis Vidigal – Produção de Sites na Web 2.0
  • 76. Ser notificado das alterações da página ou do site Luis Vidigal – Produção de Sites na Web 2.0
  • 77. Inserir Feeds Luis Vidigal – Produção de Sites na Web 2.0
  • 78. As 7 maiores categorias tecnológicas da Web 2.0 • Blogs • Mashups • Podcasting • RSS • Social networking • Widgets • Wikis Global Enterprise Web 2.0 Market Forecast: 2007 to 2013 Forrester Luis Vidigal – Produção de Sites na Web 2.0 78
  • 79. Tipos de Mushups http://www.programmableweb.com Luis Vidigal – Produção de Sites na Web 2.0
  • 80. Inserir um mapa Luis Vidigal – Produção de Sites na Web 2.0
  • 81. Podcasting Preparação e distribuição de ficheiros multimédia através da utilização de fornecimentos Web (Feed), para audição ou visualização em computadores pessoais ou dispositivos móveis. Os utilizadores têm a possibilidade de subscrever fornecimentos Web de canais de podcasting específicos, que serão descarregados automaticamente para os computadores pessoais da próxima vez que se ligarem. O termo “podcasting”, como o termo “rádio”, pode significar quer o conteúdo quer o método de distribuição. O termo “podcasting” teve a sua origem na junção de “iPod” (leitor de música digital da Apple) e “broadcasting” (radiodifusão). Luis Vidigal – Produção de Sites na Web 2.0 http://geo.creativecow.net/pt/tut/244 81
  • 82. Feed - fornecimento (Web) Conteúdo Web (normalmente baseado na linguagem XML) ou resumo de vários conteúdos com ligações para os conteúdos completos, habitualmente variáveis com o tempo, como é o caso das notícias em permanente actualização. Dependendo do agregador usado para a sua leitura, os utilizadores subscrevem um fornecimento clicando numa ligação no navegador Web ou digitando o endereço URL desse fornecimento. Luis Vidigal – Produção de Sites na Web 2.0 82
  • 83. RSS Really Simple Syndication • Tecnologia baseada na linguagem XML para descrever notícias ou outros conteúdos Web que estejam disponíveis para serem distribuídos (fornecimento ou sindicação) de sítios Web para os utilizadores da World Wide Web. Qualquer conteúdo acessível através de um endereço URL pode ser distribuído usando a tecnologia RSS, mas o método é particularmente prático para o envio e posterior consulta de notícias em permanente actualização. • Os conteúdos são referenciados em fornecimentos (feeds) e são disponibilizados ao utilizador através de um agregador RSS. Luis Vidigal – Produção de Sites na Web 2.0 83
  • 84. Leitores e serviços RSS http://www.google.com/reader http://www.bloglines.com http://feedburner.google.com http://www.feedmil.com http://www.pageflakes.com http://www.netvibes.com Luis Vidigal – Produção de Sites na Web 2.0 84
  • 85. Feeds Luis Vidigal – Produção de Sites na Web 2.0
  • 86. http://www.google.com/reader/ Feeds Luis Vidigal – Produção de Sites na Web 2.0 86
  • 87. Feeds http://www.pageflakes.com Luis Vidigal – Produção de Sites na Web 2.0
  • 88. Partilhar Fotografias http://picasaweb.google.pt http://www.flickr.com http://pikeo.com Luis Vidigal – Produção de Sites na Web 2.0 88
  • 89. Hubs de Partilha de Conhecimento http://hubpages.com http://www.squidoo.com/ http://knol.google.com Luis Vidigal – Produção de Sites na Web 2.0 89
  • 90. Motores de busca e Directórios da Web 2.0 http://digg.com http://technorati.com http://www.wikio.com http://www.pricenoia.com/ http://www.allthingsweb2.com 90 Luis Vidigal – Produção de Sites na Web 2.0
  • 91. O que é um Wiki O termo “wiki” (pronunciado "uíqui") é utilizado para identificar um tipo de sítio Web, fácil e rapidamente editável pelos visitantes com uma linguagem de marcação muito simples, ou então o software colaborativo usado para criá-lo e mantê-lo. Nota: Wiki wiki significa "super-rápido" no idioma havaiano. Luis Vidigal – Produção de Sites na Web 2.0 91
  • 92. Wikis Luis Vidigal – Produção de Sites na Web 2.0
  • 93. Wikis http://wikimedia.org Luis Vidigal – Produção de Sites na Web 2.0
  • 94. Aplicações online Correio electrónico Monitorar preços https://gmail.google.com Ferramentas de Office http://moneytracking.com https://docs.google.com Marcar reuniões Fazer contratos https://www.tractis.com http://www.acuityscheduling.com Apresentações de Slides Preço de Viagens Aéreas http://www.slideshare.net http://www.edreams.pt/ Luis Vidigal – Produção de Sites na Web 2.0
  • 95. Partilhar grandes ficheiros http://www.transferbigfiles.com http://www.yousendit.com http://www.slideshare.net Luis Vidigal – Produção de Sites na Web 2.0
  • 96. Processador de Texto sempre disponível e partilhado http://docs.google.com Também Apresentações, Folhas de Cálculo, Formulários, etc. Luis Vidigal – Produção de Sites na Web 2.0 96
  • 97. Homepages personalizáveis http://windows.live.com http://www.google.com/ig http://www.netvibes.com Luis Vidigal – Produção de Sites na Web 2.0
  • 98. Widget • É um componente de uma interface gráfica do utilizador (GUI), que inclui janelas, botões, menus, ícones, barras, etc.. WIKIPEDIA • Widgets are stripped-down Web applications that are highly portable. They make it easy for nontechnical users to add dynamic content or functionality, such as search tools or maps, to different locations, such as Web pages, portals, desktops and mobile services. FORRESTER Luis Vidigal – Produção de Sites na Web 2.0 98
  • 99. Mashups • É um website ou uma aplicação web que usa conteúdo de mais de uma fonte para criar um novo serviço completo. O conteúdo usado em mashups é tipicamente código de terceiros através de uma interface pública ou de uma API. Outros métodos de codificação de conteúdo para mashups incluem Web feeds (exemplo: RSS ou Atom), Javascript e widgets que podem ser entendidas como mini aplicações web, disponíveis para serem incorporadas noutros sites. WIKIPEDIA • Mashups are custom Web applications that combine multiple, disparate data sources into something new and unique. Mashup platforms, specifically, allow nontechnical users to create and consume their own mashups with visual tools. FORRESTER Luis Vidigal – Produção de Sites na Web 2.0 99
  • 100. Mapas http://maps.google.com http://tagzania.com/ http://www.panoramio.com/ Luis Vidigal – Produção de Sites na Web 2.0
  • 101. Marcadores sociais e tagging http://11870.com http://delicious.com http://webgenio.com Luis Vidigal – Produção de Sites na Web 2.0
  • 102. Que futuro? Web.n Luis Vidigal – Produção de Sites na Web 2.0 102
  • 103. Web 2.0 e 3.0 no Youtube • Web 2.0 - A máquina somos nós 2009 - 5´05 min http://www.youtube.com/watch?v=NJsacDCsiPg • Definição de Web 2.0 por Tim O´Reilly 2007 - 0´51 min http://www.youtube.com/watch?v=87LG-MQrEu0 • Eric Schmidt, Web 2.0 vs. Web 3.0 2008 - 2´02 min http://www.youtube.com/watch?v=mXb5CgEGHlA • Web 3.0 - A Web dos dados semânticos 2007 - 1´15 min http://www.youtube.com/watch?v=Ic3DZF3VuHo&feature=related • web 3.0 2008 - 2´03 min http://www.youtube.com/watch?v=V5kabPVohGY&feature=related • PROMETEUS - A Revolução dos Media 2007.- 5´15 min http://www.youtube.com/watch?v=5SJup6CGiO4 • Rafinha 2.0 2007 – 9’35 min http://www.youtube.com/watch?v=UI2m5knVrvg Luis Vidigal – Produção de Sites na Web 2.0 103