BEM VINDO A UM NOVO MUNDO Login : Senha : Esqueci a Senha ENTRAR
Universidade Federal de Sergipe Departamento de Computação Sistemas de Informação Andreza Reis, Diego Armando, Diego Mota, Felipe Vieira Web 2.0 Colaboração acima de tudo!
É uma segunda geração de serviços online e é caracterizada por ampliar as formas de publicação, compartilhamento e organização de informações, além de aumentar os espaços para a interação entre os participantes do processo.
Apesar do termo designar uma nova versão para Web, ele não está associado as suas especificações técnicas, mas a forma como ela é vista por usuários e desenvolvedores. Introdução
Histórico O termo Web 2.0 foi usado pela primeira vez em Outubro de 2004 pela O’Reilly Media e pela MediaLive International como nome de uma série de conferências sobre o tema. Foi uma constatação de que as empresas que conseguiram sobreviver a crise da bolha possuíam características entre si, criando diversos conceitos agrupados que formam a WEB 2.0.
Tim O’Reilly, em dezembro de 2006, definiu em seu blog que Web 2.0 é: Conceito “ A mudança para uma internet como plataforma, e um entendimento das regras para oferecer sucesso nesta nova plataforma. Entre outras, a regra mais importante é desenvolver aplicativos que aproveitem os efeitos de rede para se tornarem melhores, quanto mais são usados pelas pessoas, aproveitando a inteligência coletiva”.
Padrões de design Web 2.0 Algumas regras que ajudam a defini-la.
A Web como plataforma Sites deixam de ter características estáticas e se tornam aplicativos no servidor. Passam a ter as funcionalidades de software que rodam no desktop de um PC.
Google Docs
Beta Perpétuo Tradicionalmente, os sites evoluem seguindo versões. Versão 1.0, 2.0, 3.0, etc.. Os softwares estão sempre em evolução, nunca se chega a uma versão final. E pelo fato do aplicativo estar em rede, o feedback de usuários e o constante teste de funcionalidades torna-se um processo  sem interrupção por versões. Ficando assim, os sites, em  Beta Perpétuo , denotando uma evolução sem  fim, algo que está em constante desenvolvimento.
Beta Perpétuo
Cooperação, não controle Com a WEB 2.0, sites deixaram de ser meros replicadores de informação de outros meios de comunicação como jornais, revistas, televisão etc. O próprio usuário passou a ser “o dono” da informação. Ele mesmo a edita, seleciona, classifica e censura. São notícias, vídeos, fotos, comentários e outros tantos tipos de conteúdos gerados por qualquer um que se proponha a mostrar ao mundo o seu ponto de vista, seja um amador ou profissional.
Vc no g1
Efeitos de rede É da natureza humana se relacionar, formar grupos, com pessoas que possuam fins/objetivos/desejos em comum. Usuários tendem a chamar amigos para trocar informações e estes amigos entram em contatos com mais e mais pessoas, aumentando assim o acesso a um serviço em comum.
MySpace
Usuários agregam valor A proposta inicial dos sites dessa nova fase da internet tem mudado, os usuários que navegam pelo site tem agora a liberdade de editar o conteúdo ali presente, gerando um anseio de compartilhar. Distribuir… seja conhecimento, fotos, música, questionamentos, respostas, linhas de código, notícias, programas etc. Tudo! A idéia é difundir “um bem” e/ou “o bem” pela web.  Esta ideologia colaborativa agrega maior valor ao site, fazendo com que mais pessoas colaborem.
Wikipedia
Web 1.0 X Web 2.0 Web 1.0 - Primeira geração de internet comercial. Seu triunfo era a grande quantidade de informações disponíveis. - O conteúdo era pouco interativo. Era um espaço mais voltado para leitura. - O usuário ficava como espectador da ação que se passava na página ao qual ele visitava - Os aplicativos da web 1.0 eram fechados Web 2.0 Foi utilizado para descrever a segunda geração da Word Wide Web – tendência que reforça o conceito de troca de informações e colaboração dos internautas com sites e serviços virtuais.
Permitir que os usuários gerem conteúdos, criem comunidades e interajam.
Possibilitam a construção coletiva do conhecimento
Possuem os programas abertos, ou seja, uma parte do programa  pode ser utilizado por qualquer pessoa para se fazer outro programa.
Web 1.0 X Web 2.0
Vantagens e Desvantagens Tudo tem um lado bom e outro ruim.
Vantagens maior facilidade de criação melhor categorização Partilha de conteúdo personalização acesso remoto
Desvantagens Falta de Privacidade Maior Exposição Excesso ou Falta de Informações Confidencialidade Veracidade das Informações Tendência a passar mais tempo online Deterioração das relações pessoais e reais.
Tecnologias O que existe por trás da Web 2.0.
Tecnologias da Web 2.0 Arquitetura SOA Divulgação RSS AJAX XHTML, CSS  DOM XML, XSLT XMLHttpRequest JavaScript “ Família” XML XML WSDL SOAP UDDI
XML <?xml version=&quot;1.0&quot;?> <rdf:RDF xmlns:rdf=&quot;http://www.w3.org/1999/02/22-rdf-syntax-ns#&quot; xmlns=&quot;http://purl.org/rss/1.0/&quot;> <channel rdf:about=&quot;http://www.exemplo.com.br/rss.cfm&quot;> <title>Exemplo de publicação RSS</title> <link>http://www.exemplo.com.br</link> <description> O XML (Extensible Markup Language) é um formato universal para leitura de dados </description> <language>pt-br</language> <copyright>Copyright: (C) iMasters.com.br </copyright> <image rdf:resource=&quot;http://www.exemplo.com.br/logo.gif&quot;/> <textinput rdf:resource=&quot;http://www.exemplo.com.br&quot; />  <image rdf:about=&quot;www.exemplo.com.br/logo.gif&quot;> <title>Exemplo</title> <url>http://www.exemplo.com.br/</url> <link>http://www.exemplo.com.br/logo.gif</link> </image> <item> <title>Novo RSS 2.0</title> <link>http://www.exemplo.com.br/news.cfm?id=123</link> <description>É lançado a nova versão do RSS</description> </item>  <item> <title>iMasters com nova cara</title> <link>http://www.exemplo.com.br/news.cfm?id=654</link> <description>O site imasters.com.br está de cara nova...</description> </item>  </channel> </rdf:RDF>
<html> <head> </head>  <body> <form> <fieldset> <legend> CADASTRO </legend> <label for=&quot;nome&quot;>Nome:</label>  <input type=&quot;text&quot; name=&quot;nome&quot; id=&quot;nome&quot; /> <label for=&quot;tipo&quot;>Tipo:</label>  <input type=&quot;text&quot; name=&quot;tipo&quot; id=&quot;tipo&quot; />   <label for=&quot;data&quot;>Data:</label> <input type=&quot;text&quot; name=&quot;data&quot; id=&quot;data&quot; />   <input type=&quot;submit&quot; value=&quot;enviar&quot; class=&quot;botao&quot; /> </fieldset> </form> </body>  </html> <style>  form fieldset  { float: left; margin-right: 7px; width: 40%; border: solid black 1px; padding: 3%; margin-bottom: 10px; } form legend  { padding: 6px; margin: 10px; border: solid black 1px; font-size: 90%; font-weight: bold; background-color: #e8e8e8; } </style> XHTML CSS
XSLT <?xml version=&quot;1.0&quot; encoding=&quot;UTF-8&quot; ?> <xsl:stylesheet version=&quot;1.0&quot; xmlns:xsl=&quot;http://www.w3.org/1999/XSL/Transform&quot;> <xsl:template match=&quot;/&quot;> <html> <body> <table border=&quot;1&quot; color=&quot;#ff3300&quot;> <xsl:for-each select=&quot;//Estado&quot;> <tr> <td><xsl:value-of select=&quot;name&quot;/></td> <td><xsl:value-of select=&quot;capital&quot;/></td> </tr> </xsl:for-each> </table> </body> </html> </xsl:template> </xsl:stylesheet> <?xml version=&quot;1.0&quot; encoding=&quot;utf-8&quot; ?> <Estados> <Estado ref=&quot;MG&quot;> <name>Minas Gerais</name> <capital>Belo Horizonte</capital> </Estado> <Estado ref=&quot;SP&quot;> <name>São Paulo</name> <capital>São Paulo</capital> </Estado> </Estados>
WSDL
Aplicações e Serviços O que temos a disposição?
 
Blogs A Sun Microsystems, a Microsoft, a Macromedia, a HP, o Google e a IBM são exemplos de empresas que utilizam blogs como forma de comunicação organizacional.
 
RSS RSS (Rich Site Summary) é um formato de entrega regular de conteúdo WEB. O usuário não precisa procurar atualizações ou notícias, pelo contrário, elas é que te procuram.
O link e o resumo daquela notícia (ou a notícia na íntegra) é armazenado em um arquivo.
Programas agregadores de feeds.
FeedBurner site que possui várias ferramentas para ajudar a otimizar e divulgar o RSS de sites ou blogs.
 
Mashup Utilizar serviços ou acessar dados já existentes sem que haja a necessidade de recriar.
Apontador – mashup brasileiro em que o usuário pode obter informações sobre determinados estabelecimentos.
Digg Map -  mostra, em tempo real,  as últimas notícias do digg em um mapa.
Mashup Wiki Crimes
Netvibies – desktop on-line, baseado em ajax, que pode conter canais RSS , imagens do Flickr, bookmarks do Del.icio.us.
PageFlakes – principal concorrente do Netvibies.
O lançamento da API do Google Maps impulsionou a invasão de mashups.
 
Redes Sociais My Space – é possível hospedar arquivos MP3, conseqüentemente  focou-se na parte musical, servindo com divulgação de bandas.
Facebook – no início foi criada só para os alunos de Harvard, atualmente pessoas com idade maior que 13 anos podem fazer parte desta rede social que contém o recurso de criação de  widgets .
Orkut – rede social mais utilizada o Brasil.
Redes Sociais Linkedin – foco na parte profissional, a qual o usuário possui uma rede de contatos profissionais, facilitando a busca de referências e indicações para emprego.
A presença em comunidades tornou-se fundamental para uma empresa que deseja conquistar tanto futuros consumidores como reforçar a marca nos que estão em idade de consumo ativo .
 

Web 2.0 - Colaboração acima de tudo!

  • 1.
    BEM VINDO AUM NOVO MUNDO Login : Senha : Esqueci a Senha ENTRAR
  • 2.
    Universidade Federal deSergipe Departamento de Computação Sistemas de Informação Andreza Reis, Diego Armando, Diego Mota, Felipe Vieira Web 2.0 Colaboração acima de tudo!
  • 3.
    É uma segundageração de serviços online e é caracterizada por ampliar as formas de publicação, compartilhamento e organização de informações, além de aumentar os espaços para a interação entre os participantes do processo.
  • 4.
    Apesar do termodesignar uma nova versão para Web, ele não está associado as suas especificações técnicas, mas a forma como ela é vista por usuários e desenvolvedores. Introdução
  • 5.
    Histórico O termoWeb 2.0 foi usado pela primeira vez em Outubro de 2004 pela O’Reilly Media e pela MediaLive International como nome de uma série de conferências sobre o tema. Foi uma constatação de que as empresas que conseguiram sobreviver a crise da bolha possuíam características entre si, criando diversos conceitos agrupados que formam a WEB 2.0.
  • 6.
    Tim O’Reilly, emdezembro de 2006, definiu em seu blog que Web 2.0 é: Conceito “ A mudança para uma internet como plataforma, e um entendimento das regras para oferecer sucesso nesta nova plataforma. Entre outras, a regra mais importante é desenvolver aplicativos que aproveitem os efeitos de rede para se tornarem melhores, quanto mais são usados pelas pessoas, aproveitando a inteligência coletiva”.
  • 7.
    Padrões de designWeb 2.0 Algumas regras que ajudam a defini-la.
  • 8.
    A Web comoplataforma Sites deixam de ter características estáticas e se tornam aplicativos no servidor. Passam a ter as funcionalidades de software que rodam no desktop de um PC.
  • 9.
  • 10.
    Beta Perpétuo Tradicionalmente,os sites evoluem seguindo versões. Versão 1.0, 2.0, 3.0, etc.. Os softwares estão sempre em evolução, nunca se chega a uma versão final. E pelo fato do aplicativo estar em rede, o feedback de usuários e o constante teste de funcionalidades torna-se um processo sem interrupção por versões. Ficando assim, os sites, em Beta Perpétuo , denotando uma evolução sem fim, algo que está em constante desenvolvimento.
  • 11.
  • 12.
    Cooperação, não controleCom a WEB 2.0, sites deixaram de ser meros replicadores de informação de outros meios de comunicação como jornais, revistas, televisão etc. O próprio usuário passou a ser “o dono” da informação. Ele mesmo a edita, seleciona, classifica e censura. São notícias, vídeos, fotos, comentários e outros tantos tipos de conteúdos gerados por qualquer um que se proponha a mostrar ao mundo o seu ponto de vista, seja um amador ou profissional.
  • 13.
  • 14.
    Efeitos de redeÉ da natureza humana se relacionar, formar grupos, com pessoas que possuam fins/objetivos/desejos em comum. Usuários tendem a chamar amigos para trocar informações e estes amigos entram em contatos com mais e mais pessoas, aumentando assim o acesso a um serviço em comum.
  • 15.
  • 16.
    Usuários agregam valorA proposta inicial dos sites dessa nova fase da internet tem mudado, os usuários que navegam pelo site tem agora a liberdade de editar o conteúdo ali presente, gerando um anseio de compartilhar. Distribuir… seja conhecimento, fotos, música, questionamentos, respostas, linhas de código, notícias, programas etc. Tudo! A idéia é difundir “um bem” e/ou “o bem” pela web. Esta ideologia colaborativa agrega maior valor ao site, fazendo com que mais pessoas colaborem.
  • 17.
  • 18.
    Web 1.0 XWeb 2.0 Web 1.0 - Primeira geração de internet comercial. Seu triunfo era a grande quantidade de informações disponíveis. - O conteúdo era pouco interativo. Era um espaço mais voltado para leitura. - O usuário ficava como espectador da ação que se passava na página ao qual ele visitava - Os aplicativos da web 1.0 eram fechados Web 2.0 Foi utilizado para descrever a segunda geração da Word Wide Web – tendência que reforça o conceito de troca de informações e colaboração dos internautas com sites e serviços virtuais.
  • 19.
    Permitir que osusuários gerem conteúdos, criem comunidades e interajam.
  • 20.
    Possibilitam a construçãocoletiva do conhecimento
  • 21.
    Possuem os programasabertos, ou seja, uma parte do programa pode ser utilizado por qualquer pessoa para se fazer outro programa.
  • 22.
    Web 1.0 XWeb 2.0
  • 23.
    Vantagens e DesvantagensTudo tem um lado bom e outro ruim.
  • 24.
    Vantagens maior facilidadede criação melhor categorização Partilha de conteúdo personalização acesso remoto
  • 25.
    Desvantagens Falta dePrivacidade Maior Exposição Excesso ou Falta de Informações Confidencialidade Veracidade das Informações Tendência a passar mais tempo online Deterioração das relações pessoais e reais.
  • 26.
    Tecnologias O queexiste por trás da Web 2.0.
  • 27.
    Tecnologias da Web2.0 Arquitetura SOA Divulgação RSS AJAX XHTML, CSS DOM XML, XSLT XMLHttpRequest JavaScript “ Família” XML XML WSDL SOAP UDDI
  • 28.
    XML <?xml version=&quot;1.0&quot;?><rdf:RDF xmlns:rdf=&quot;http://www.w3.org/1999/02/22-rdf-syntax-ns#&quot; xmlns=&quot;http://purl.org/rss/1.0/&quot;> <channel rdf:about=&quot;http://www.exemplo.com.br/rss.cfm&quot;> <title>Exemplo de publicação RSS</title> <link>http://www.exemplo.com.br</link> <description> O XML (Extensible Markup Language) é um formato universal para leitura de dados </description> <language>pt-br</language> <copyright>Copyright: (C) iMasters.com.br </copyright> <image rdf:resource=&quot;http://www.exemplo.com.br/logo.gif&quot;/> <textinput rdf:resource=&quot;http://www.exemplo.com.br&quot; /> <image rdf:about=&quot;www.exemplo.com.br/logo.gif&quot;> <title>Exemplo</title> <url>http://www.exemplo.com.br/</url> <link>http://www.exemplo.com.br/logo.gif</link> </image> <item> <title>Novo RSS 2.0</title> <link>http://www.exemplo.com.br/news.cfm?id=123</link> <description>É lançado a nova versão do RSS</description> </item> <item> <title>iMasters com nova cara</title> <link>http://www.exemplo.com.br/news.cfm?id=654</link> <description>O site imasters.com.br está de cara nova...</description> </item> </channel> </rdf:RDF>
  • 29.
    <html> <head> </head> <body> <form> <fieldset> <legend> CADASTRO </legend> <label for=&quot;nome&quot;>Nome:</label> <input type=&quot;text&quot; name=&quot;nome&quot; id=&quot;nome&quot; /> <label for=&quot;tipo&quot;>Tipo:</label> <input type=&quot;text&quot; name=&quot;tipo&quot; id=&quot;tipo&quot; /> <label for=&quot;data&quot;>Data:</label> <input type=&quot;text&quot; name=&quot;data&quot; id=&quot;data&quot; /> <input type=&quot;submit&quot; value=&quot;enviar&quot; class=&quot;botao&quot; /> </fieldset> </form> </body> </html> <style> form fieldset { float: left; margin-right: 7px; width: 40%; border: solid black 1px; padding: 3%; margin-bottom: 10px; } form legend { padding: 6px; margin: 10px; border: solid black 1px; font-size: 90%; font-weight: bold; background-color: #e8e8e8; } </style> XHTML CSS
  • 30.
    XSLT <?xml version=&quot;1.0&quot;encoding=&quot;UTF-8&quot; ?> <xsl:stylesheet version=&quot;1.0&quot; xmlns:xsl=&quot;http://www.w3.org/1999/XSL/Transform&quot;> <xsl:template match=&quot;/&quot;> <html> <body> <table border=&quot;1&quot; color=&quot;#ff3300&quot;> <xsl:for-each select=&quot;//Estado&quot;> <tr> <td><xsl:value-of select=&quot;name&quot;/></td> <td><xsl:value-of select=&quot;capital&quot;/></td> </tr> </xsl:for-each> </table> </body> </html> </xsl:template> </xsl:stylesheet> <?xml version=&quot;1.0&quot; encoding=&quot;utf-8&quot; ?> <Estados> <Estado ref=&quot;MG&quot;> <name>Minas Gerais</name> <capital>Belo Horizonte</capital> </Estado> <Estado ref=&quot;SP&quot;> <name>São Paulo</name> <capital>São Paulo</capital> </Estado> </Estados>
  • 31.
  • 32.
    Aplicações e ServiçosO que temos a disposição?
  • 33.
  • 34.
    Blogs A SunMicrosystems, a Microsoft, a Macromedia, a HP, o Google e a IBM são exemplos de empresas que utilizam blogs como forma de comunicação organizacional.
  • 35.
  • 36.
    RSS RSS (RichSite Summary) é um formato de entrega regular de conteúdo WEB. O usuário não precisa procurar atualizações ou notícias, pelo contrário, elas é que te procuram.
  • 37.
    O link eo resumo daquela notícia (ou a notícia na íntegra) é armazenado em um arquivo.
  • 38.
  • 39.
    FeedBurner site quepossui várias ferramentas para ajudar a otimizar e divulgar o RSS de sites ou blogs.
  • 40.
  • 41.
    Mashup Utilizar serviçosou acessar dados já existentes sem que haja a necessidade de recriar.
  • 42.
    Apontador – mashupbrasileiro em que o usuário pode obter informações sobre determinados estabelecimentos.
  • 43.
    Digg Map - mostra, em tempo real, as últimas notícias do digg em um mapa.
  • 44.
  • 45.
    Netvibies – desktopon-line, baseado em ajax, que pode conter canais RSS , imagens do Flickr, bookmarks do Del.icio.us.
  • 46.
    PageFlakes – principalconcorrente do Netvibies.
  • 47.
    O lançamento daAPI do Google Maps impulsionou a invasão de mashups.
  • 48.
  • 49.
    Redes Sociais MySpace – é possível hospedar arquivos MP3, conseqüentemente focou-se na parte musical, servindo com divulgação de bandas.
  • 50.
    Facebook – noinício foi criada só para os alunos de Harvard, atualmente pessoas com idade maior que 13 anos podem fazer parte desta rede social que contém o recurso de criação de widgets .
  • 51.
    Orkut – redesocial mais utilizada o Brasil.
  • 52.
    Redes Sociais Linkedin– foco na parte profissional, a qual o usuário possui uma rede de contatos profissionais, facilitando a busca de referências e indicações para emprego.
  • 53.
    A presença emcomunidades tornou-se fundamental para uma empresa que deseja conquistar tanto futuros consumidores como reforçar a marca nos que estão em idade de consumo ativo .
  • 54.