Vocabulário Web Parte 1

Bruno Campagnolo de Paula

Objetivo principal

• Definir alguns conceitos vigentes na Web atual;• Apresentar termos presentes no vocabulário de um

Desenvolvedor Web;• Abrir a sua cabeça de forma a entender o nosso papel

como desenvolvedor dentro deste mundo.• Mais importante do que entender o que é, é essencial

entender o porquê de termos chegado aqui;• O futuro da Web está sendo construído agora e por nós;• Foco em:

o Tecnologia;o Aplicações;

• Não vou ficar detalhando demais as tecnologias.

Vocabulário Web de Hoje

• Blogging;• Microblogging;• Redes Sociais;• Wikis;• Compartilhamento de Favoritos via Web (Social

Bookmarking);• Compartilhamento de Mídia via Web;• Compartilhamento de Aplicativos via Web;• Feeds RSS.

Blogging

• Web Log;• Web site mantido por um ou mais

usuários com entradas (posts – postagens) dispostas em ordem cronológica reversa;

• Permitem, geralmente comentários aos posts;

• Edição facilitada: blogueiro (blogger) não precisa conhecer HTML;

• Contato direto com o público alvo;• Temas diversos: adolescentes,

pessoais, tecnologia, profissionais, empresas, humor, política, etc.

Blogging

• Vídeo: o http://www.dotsub.com/films/blogsinplainenglish/index.php?autostart=tru

e&language_setting=br_2076• No Brasil, início com adolescentes;• Hoje, Probloggers:

o Blogueiros profissionais;o Ganham dinheiro através de Google Adsense, posts pagos, Mercado

Livre, parcerias.o Ler matéria da Info (Abril / 2008);

• Controvérsias: blogs políticos, censura ao Wordpress;

Redes Sociais (Social Networks)

• Estruturas sociais (pessoas, organizações, etc) ligadas por interdependências como: amizade, profissão, família, estilo, relações, interesses, etc.

• Potencializadas pelo surgimento da Web;• Exemplos de sites que são ou contém aspectos de redes sociais:

o http://www.friendster.como http://www.amazon.como http://www.digg.como http://www.orkut.como http://www.hi5.como http://www.myspace.como http://www.facebook.como http://www.ning.como http://del.icio.uso http://www.flickr.como http://www.wikipedia.org

Redes Sociais (Social Networks)• Ver vídeo:

o http://www.dotsub.com/films/socialnetworking_1/index.php?autostart=true&language_setting=br_962

• É possível extrair inteligência da coletividade:o Inteligência Coletiva

(“Wisdom of Crowds”);o Sistemas de

recomendação da Amazon;

o Sistema de notícias do Digg;

• Redes sociais tem diversos problemas não resolvidos com questões de privacidade.

Wikis

• Sites que permitem aos usuários colaborarem na construção do conteúdo do próprio site;

• Permite a construção de: o Documentações colaborativas;o Histórias colaborativas;o Trabalhos escolares;o Portais de idéias;o Organização de trabalhos, eventos, etc.

• Exemplos de sistemas de wiki:o http://www.wikipedia.orgo http://scribblewiki.com/main.phpo http://www.novlet.com/o http://wiki.mindtouch.com/o http://wiki.asp.net/o http://www2.wikicrimes.org:8080/main.html#

• Ver vídeo: http://www.dotsub.com/films/wikisinplainenglish/index.php?autostart=true&language_setting=br_712

• Questões polêmicas: quem pode alterar o que (Wikileaks), “burrice” das multidões (“Baleias são peixes”), má-fé na Wikipedia.

Compartilhamento de Favoritos via Web(Social Bookmarking)

• Sites que permitem o comparilhamento de favoritos na Web;

• As pessoas devem ter o poder de produzir e consumir o conteúdo de uma maneira fácil, dinâmica e personalizável;

• Devem poder compartilhar o conteúdo criado e acessar conteúdo compartilhado;

• Uma ferramenta útil o uso de folksonomia:o Folksonomia = Taxonomia (classificação) feita pelas

pessoas;o Uso de TAGS (etiquetas, rótulos) ao invés de CATEGORIAS;o Visualização de categorias através de TAG CLOUDS;

• Exemplos:o http://del.icio.uso http://ma.gnolia.com/

• Vídeo:o http://www.dotsub.com/films/socialbookmarking/index.php?au

tostart=true&language_setting=br_1218

http://www.brunocampagnolo.com/links/software_social

Compartilhamento de Mídia via Web

• Sites que permitem o compartilhamento de fotos, vídeos, mídia via Web;

• “Fotolog”;• Exemplos:

o http://www.fotolog.como http://www.flickr.como http://www.youtube.com

• Vídeo:o http://www.dotsub.com/films/online

photo/index.php?autostart=true&language_setting=br_2370

• Questões: vídeo Cicarelli, valor do YouTube, direitos autorais;

Compartilhamento de Aplicativos via Web

• Sites que permitem a execução de aplicativos, que antigamente eram exclusivamente Desktop em ambiente Web;

• Focados na colaboração entre os usuários de um documento;

• Exemplos: o http://docs.google.como http://zoho.como https://www.photoshop.com/express/index

.html

• Vídeo:o http://www.dotsub.com/films/googledocs_

1/index.php?autostart=true&language_setting=br_1447

Compartilhamento de Aplicativos via WebQuestões

• Livre experimentação é uma tendência:o Eliminar login;

• Acesso offline (?): o Google Gears;

• Segurança;• Privacidade;• Velocidade;• Falta de Recursos.

Microblogging

• Blog com postagens curtas;• Chat assíncrono;• “Mesa de Bar”;• Geralmente 140 caracteres;• Útil para acompanhamento de eventos,

bookmarking, lifestream, publicação de notícias, avisar novidades, organizar festas, comunicação com aplicações;

• Exemplos:o http://www.twitter.com/ (O que você está fazendo

hoje?) http://twemes.com/ http://twimbler.com/

o http://www.pownce.como http://www.jaiku.como http://12seconds.tv/login

Microblogging

• Postagem via métodos alternativos:o SMS;o Email;o IM;o Microfone;o Câmera;o Navegador Web;

• Visualização via métodos alternativos:o Visualização geral;o Mapa;o Captura de memes;o Visualização gráfica;

• Tutorial sobre Twitter:o http://g1.globo.com/Noticias/Tecnologia/0,,MUL402571-6174,00.html

• Vídeo:• http://www.dotsub.com/films/twitterin/index.php?

autostart=true&language_setting=br_3068

RSS

• Formato de divulgação de conteúdo que permitem aos donos de um site avisar sobre atualizações do site e fornecer parcialmente ou totalmente ao usuário informações sobre esta atualização;

• Geralmente utilizado para sindicalização de notícias.• Evita tempo perdido com navegação em sites raramente

atualizados;• Centraliza as nótícias em agregadores;• Agregadores tornam-se cada vez mais, REDES SOCIAIS;• Vídeo:

o http://www.dotsub.com/films/inplainenglish/index.php?autostart=true&language_setting=br_446

Google Reader:http://www.google.com.br/readerhttp://www.google.com.br/reader/shared/user/08061633235695849004/state/com.google/starred

Conclusões

• Os conceitos descritos hoje são uma tendência que veio para ficar;

• Muitas pessoas colocam esses conceitos em um “balaio” conhecido como Web 2.0;

• No Brasil a Internet é de 3 a 5 anos “atrasada”;• O brasileiro é um ser extremamente social e

porém, pouco colaborativo;• Efeito “Dom Pedro II”. • Vídeo de conclusão:

o http://dotsub.com/films/20themachineisusingus/index.php?autostart=true&language_setting=br_225