• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Introdução aos Padrões Web e Tecnologias para o Ambiente Digital - Aula 5 - 02-07-2011
 

Introdução aos Padrões Web e Tecnologias para o Ambiente Digital - Aula 5 - 02-07-2011

on

  • 994 views

Slide da disciplina de Introdução aos Padrões Web e Tecnologias para o Ambiente Digital, ministrada pelo professor Thiago Prado Campos - Aula 05 - 02/07/2011

Slide da disciplina de Introdução aos Padrões Web e Tecnologias para o Ambiente Digital, ministrada pelo professor Thiago Prado Campos - Aula 05 - 02/07/2011

Statistics

Views

Total Views
994
Views on SlideShare
994
Embed Views
0

Actions

Likes
0
Downloads
0
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment
  • Thiago Prado de Campos - http://www.thiagotpc.com
  • Thiago Prado de Campos - www.thiagotpc.com

Introdução aos Padrões Web e Tecnologias para o Ambiente Digital - Aula 5 - 02-07-2011 Introdução aos Padrões Web e Tecnologias para o Ambiente Digital - Aula 5 - 02-07-2011 Presentation Transcript

  • Introdução aos Padrões Web e Tecnologias para o Ambiente Digital Aula 5 2/julho/2011 Thiago Prado de Campos
  • Conteúdo Programático
    • Redes Sociais
    • Exemplos
      • Youtube, Vimeo, Slideshare, Scribd
      • Flickr, Picasa
      • Delicious
      • Facebook, Google+
      • LinkedIn, Twitter
  • REDES SOCIAIS
    • Introdução aos Padrões Web e Tecnologias para Ambiente Digital
  • Redes Sociais
    • São sites onde conteúdo (textos, imagens, vídeos, arquivos) é em geral criado e mantido pelos próprios usuários.
    • Por usuários entende-se pessoas e empresas não detentoras da autoria do próprio site.
    • Os usuários formam redes de relacionamento através de recursos proporcionados pelo site, como grupos, comunidades, círculos, página, mural, etc.
  • Redes Sociais
    • Existe muito mais teoria que envolve filosofia, marketing e até matemática para definir uma rede social, mas não é escopo desta disciplina.
    • Exemplos:
      • Orkut, Facebook, QZone, Google+, ...
      • Picasa, Flickr, Youtube, ...
      • http://en.wikipedia.org/wiki/List_of_social_networking_websites
  • O que as redes costumam oferecer?
    • Conteúdo (notícias, artigos, imagens, vídeos, stream, arquivos);
    • Comunicação (mensagens, mural, chat, e-mail, hangout)
    • Serviços (cursos, árvore genealógica, citações, hospedagem, agregador, etc.);
    • Diversão (jogos, etc.)
    • Conexão entre Pessoas (comunidades, grupos, círculos, amizades, seguidores, etc.)
  • Como posso usar?
    • Embutindo conteúdo
      • Inserindo no seu site código HTML que remete a conteúdo existente na rede social.
        • Embed de áudio, vídeo, imagens, etc.
    • Acessando APIs
      • Utilizando de javascript ou programação servidor para consultar e inserir conteúdo no seu próprio site;
        • Exibindo quem curte uma página, quem segue alguém, etc.
    • Ancorando ações
      • Criando hiperlinks ou scripts que acionam recursos ou inserem conteúdos nas redes sociais.
        • Curtir, +1, Comentários
  • EXEMPLOS
  • Youtube
    • Vídeos, Comentários, Ratings
      • Incorporar
        • Embute no seu site um video do Youtube com o player básico fornecido pelo próprio site;
          • http://code.google.com/intl/pt-BR/apis/youtube/player_parameters.html
      • APIs
        • Data – permite executar as principais operações de um usuário comum no site;
        • Player – permite controlar o player de maneira customizada.
        • http://code.google.com/intl/pt-BR/apis/youtube/getting_started.html
        • http://code.google.com/apis/ajax/playground/?exp=youtube#simple_embed
  • Vimeo
    • Vídeos, Galerias de Vídeos, Comentários, etc.
      • Incorporar
      • APIs
        • http://vimeo.com/api
  • Picasa
    • Fotos, Álbuns
      • Incorporar
      • APIs
        • http://code.google.com/intl/pt-BR/apis/picasaweb/overview.html
  • Flickr
    • Fotos, Álbuns
      • Incorporar
      • APIs
        • http://www.flickr.com/services/api/
        • http://www.flickr.com/services/developer/
        • http://code.flickr.com/
        • http://www.flickr.com/services/
  • Slideshare
    • Apresentações
      • Incorporar
      • APIs
        • Consultar e fazer upload de apresentações e informaçõe sobre usuários;
        • Controlar o player
          • http://www.slideshare.net/developers/playerapi/demo
        • http://www.slideshare.net/developers
  • Scribd
    • Documentos PDF
      • Incorporar
      • APIs
        • http://pt.scribd.com/developers
  • Facebook
    • A maior rede social do mundo, com cerca de 600 milhões de usuários.
      • https://developers.facebook.com/
      • https://developers.facebook.com/docs/guides/web/
    • Perfil x Página
      • https://www.facebook.com/help/?faq=217671661585622
    • Botão “Curtir”
    • Plugin de Comentários no Wordpress
  • Google+
    • Botão +1
      • http://www.google.com/webmasters/+1/button/
      • http://code.google.com/intl/pt-BR/apis/+1button/
  • LinkedIn
    • Currículo, Rede Profissional
      • Incorporar
        • Currículo, Rede de Empresa
      • Compartilhar Conteúdo
      • APIs
        • http://developer.linkedin.com/index.jspa
  • Twitter
    • Micropost
      • Seguir
        • http://twitter.com/about/resources/followbutton
      • Twettar
        • http://dev.twitter.com/pages/tweet_button
      • APIs
        • http://dev.twitter.com/
        • http://twitter.com/status/user_timeline/thiagotpc.json?count=5
        • http://tweetauditor.in/
  • Delicious
    • URLs
      • Incorporar
        • Salvar no Delicious
        • Últimas urls
        • Perfil
        • http://www.delicious.com/help/tools
    • APIs
      • http://www.delicious.com/help/api
  • APIs de Produtos Google
    • http://code.google.com/intl/pt-BR/more/table
  • Outras APIs na Web
    • http://www.programmableweb.com/apis
  • Exercício
    • Crie uma página HTML sobre a Copa América e incorpore conteúdos de redes sociais sobre o tema.
      • Um vídeo do Youtube ou Vimeo
      • Foto ou Album do Flickr ou Picasa
      • Link para Curtir ou +1 na página
      • Botão para Twettar!
    • Envie para [email_address]