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
o
Tecnologia;
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:
Blogueiros profissionais;
Ganham dinheiro através de Google Adsense, posts pagos, Mercado
Livre, parcerias.
o Ler matéria da Info (Abril / 2008);
o
o
• 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
o
o
o
o
o
o
o
o
o
o
http://www.friendster.com
http://www.amazon.com
http://www.digg.com
http://www.orkut.com
http://www.hi5.com
http://www.myspace.com
http://www.facebook.com
http://www.ning.com
http://del.icio.us
http://www.flickr.com
http://www.wikipedia.org
•
Redes
Sociais
(Social
Networks)
Ver vídeo:
http://www.dotsub.com/fi
lms/socialnetworking_1/i
ndex.php?autostart=true
&language_setting=br_9
62
• É 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.
o
Wikis
• Sites que permitem aos usuários colaborarem na construção do
conteúdo do próprio site;
• Permite a construção de:
o
o
o
o
o
Documentações colaborativas;
Histórias colaborativas;
Trabalhos escolares;
Portais de idéias;
Organização de trabalhos, eventos, etc.
• Exemplos de sistemas de wiki:
o
o
o
o
o
o
http://www.wikipedia.org
http://scribblewiki.com/main.php
http://www.novlet.com/
http://wiki.mindtouch.com/
http://wiki.asp.net/
http://www2.wikicrimes.org:8080/main.html#
• Ver vídeo:
http://www.dotsub.com/films/wikisinplainenglish/index.php?autostart=tr
ue&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:
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;
o
• Exemplos:
o
o
http://del.icio.us
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
o
o
http://www.fotolog.com
http://www.flickr.com
http://www.youtube.com
• Vídeo:
o
http://www.dotsub.com/films/online
photo/index.php?autostart=true&la
nguage_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
o
o
http://docs.google.com
http://zoho.com
https://www.photoshop.com/express/index
.html
• Vídeo:
o
http://www.dotsub.com/films/googledocs_1
/index.php?autostart=true&language_setti
ng=br_1447
Compartilhamento de Aplicativos via Web
Questões
• Livre experimentação é uma tendência:
Eliminar login;
• Acesso offline (?):
o
Google Gears;
Segurança;
Privacidade;
Velocidade;
Falta de Recursos.
o
•
•
•
•
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
o
o
http://www.pownce.com
http://www.jaiku.com
http://12seconds.tv/login
Microblogging
• Postagem via métodos alternativos:
o
o
o
o
o
o
SMS;
Email;
IM;
Microfone;
Câmera;
Navegador Web;
• Visualização via métodos alternativos:
o
o
o
o
Visualização geral;
Mapa;
Captura de memes;
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&l
anguage_setting=br_446
Google Reader:
http://www.google.com.br/reader
http://www.google.com.br/reader/shared/user/08061633235695849004/state/com.goog
le/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.p
hp?autostart=true&language_setting=br_225