Arquivos da Tag 'web'

Já abordei, há alguns meses, o conceito de Lifestream por aqui. Trata-se de um “HUB pessoal”, uma página na qual todas as suas atividades online ficam agregadas, todas baseadas em blogs e/ou redes sociais, dos mais variados tipos e escopos. Ainda bato na tecla que o futuro é este, mas não é sobre isso que quero escrever. Hoje, quero ensinar como usar o FriendFeed, um dos melhores serviços de Lifestream do momento.

O FriendFeed não é a coisa mais difícil do mundo. Para ser bem sincero, é até fácil usá-lo. Talvez esse “tutorial” seja dispensável, mas na dúvida, achei melhor arriscar.

Para ajudar na localização, já que o texto é beeeem grande, produzi um sumário:

1. O que é o FriendFeed? E por que ele?
2. Cadastro
3. Inserindo seu conteúdo no FriendFeed
4. Amigos
5. Página inicial
6. Microblog
7. Listas de amigos
8. Salas
9. Widgets e integração com WordPress
10. Conclusão

1. O que é o FriendFeed? E por que ele?

Basicamente, é um serviço de lifestream. Ele agrega, numa única página, tudo que você produz na Internet, nos mais variados serviços disponíveis, de blogs a microblogs, passando por sites de foto, vídeo e redes sociais, com foco ou sem foco. É a melhor forma, atualmente, de acompanhar e consumir o conteúdo publicado por pessoas interessantes. Ao invés de cadastrar diversos feeds de vários locais no seu agregador de feeds, é muito mais prático adicionar essa pessoa no FriendFeed – caso ela use, ou não (via “amigo imaginário”).

Existem outros serviços de lifestream, mas que se destacam, além do próprio FriendFeed, só dois. Um é o Plaxo Pulse, bastante popular até. O outro, é o SweetCron, que foge um pouco do conceito dos dois serviços já citados, pois trata-se de um sistema, particular, sem a parte social da coisa – que, acho eu, é das mais importantes.

Prefiro o FriendFeed por alguns motivos subjetivos e objetivos. Ele foi criado por ex-googlers, uma ótima credencial. Lá fora, o FriendFeed é, de longe, o mais usado. Por fim, é simples, bem resolvido, sem firulas inúteis, e funciona maravilhosamente bem. Precisa de algo mais?

2. Cadastro

O primeiro passo no FriendFeed é fazer seu cadastro. Na página inicial do FriendFeed, clique no botão laranja Create an account (ou neste link, para ir direto ao cadastro).

O formulário de cadastro é muito simples. Ele pede e-mail (Email address), nome (Name), apelido (Nickname; aparecerá na sua URL, como http://friendfeed.com/nome), senha (Password) e confirmação da senha (Confirm password). Por fim, há uma caixa de seleção (Make my feed public (anyone can read it)), que nada mais é a opção de deixar sua “produção online” disponível a todos, e não apenas a amigos. Se quer deixar público, marque; se não, desmarque.

A tela seguinte serve para convidar seus amigos. A menos que não se importe de ser tachado de spammer chato por 90% dos seus amigos, pule essa etapa. Finalmente, sua conta estará criada. O último passo antes de começar a usar efetivamente o FriendFeed é clicar no link de ativação, enviado no e-mail inserido no formulário de cadastro.

3. Inserindo seu conteúdo no FriendFeed

Sua página inicial mostra uma timeline, ou linha do tempo, onde, além das suas atualizações, aparecem também as dos seus contatos. Como sua conta é recém-criada, não há atualizações, nem suas, nem dos seus amigos. Vamos aprender, então, como inserir os serviços que você usa no FriendFeed.

Clique no link Import site, no topo da página (indicado por este ícone: ). Uma nova página aparecerá, com um montão de ícones de vários e vários serviços web:

Note que, à esquerda, estão os serviços disponíveis, e à direita, na parte branca do quadro, os serviços seus, já cadastrados.

Caso algum serviço não apareça nessa listagem resumida, clique no link See all 49 services ». Assim, o quadro se expandirá, e passará a mostrar todos os serviços que o FriendFeed suporta:

Todo conteúdo mostrado no FriendFeed é pego via feeds RSS. Apesar disso, na maioria dos casos não é pedido o endereço em si do feed, mas apenas o endereço da sua página e/ou nome de usuário. Cada caso é um caso, portanto, fique atento.

Vamos ver como associar um serviço ao FriendFeed. No caso, o blog, que, acho eu, é o tipo mais popular. Clique no link Blog (o primeiro). Na mesma tela (thanks, AJAX!), o quadro dá lugar a um pequeno formulário, que pede apenas o endereço do blog. Se este possuir mais de um autor, marque a caixa This blog has multiple authors, e, no campo que surge, seu nome de usuário neste blog. Na seqüência, clique no botão Import Blog.

Pronto, seu blog será mostrado na parte branca do quadro, junto aos demais serviços! Aproveite o ensejo, e cadastre todos os serviços que usa. Quanto mais abrangente for, melhor.

4. Amigos

Voltando à sua página inicial, a coisa ficará mais animada, com seu material na timeline. Mas ainda falta algo, inerente a qualquer rede social: amigos! Vamos buscar eles, e, de quebra, conhecer outros recursos muito legais que o FriendFeed proporciona nessa área.

O acesso à área de amigos é feito clicando no link Friends, no canto superior direito, ao lado do seu nome. A página de amigos traz seis abas, as quais serão explicadas, na seqüência, abaixo.

A primeira aba, Subscriptions, apresenta os amigos que você segue. Pode-se cancelar o acompanhamento de cada amigo, acessar suas páginas particulares, gerenciá-los dentro de listas (maiores explicações mais a frente), sendo essa última ação possível de ser feita em lote, ou seja, vários contatos de uma só vez. Pousando o cursor do mouse sobre o nome de algum contato, um popup surge, contendo um resumo dele no FriendFeed.

A aba seguinte, Subscribed to me, é exatamente o contrário da primeira. Ao invés de mostrar que você segue, essa mostra quem te segue. De diferente, apenas a possibilidade de seguir quem você ainda não segue, e apagar quem você não quer que lhe siga.

A aba Imaginary, próxima na seqüência, é das mais interessantes. Não se trata de um recurso para autistas, nem para malucos. Os “amigos imaginários” aos quais o FriendFeed se refere são aqueles que, embora usem serviços ali disponíveis, não possuem conta no FriendFeed. Isso é extremamente comum, dada a pouca popularidade (ainda) do FriendFeed.

Para criar um amigo imaginário, clique no botão Create imaginary friend. Um popup aparecerá, pedindo um nome para seu amigo. Depois, uma página idêntica à dos seus serviços, mostrada ali em cima, surgirá. Faça a festa, catalogue tudo que desejar, até insira um foto do seu amigo. Tudo aparecerá como se fosse o próprio que tivesse feito. A única diferença é que esse perfil é privado, ou seja, só você tem acesso a ele.

Seguindo as abas, temos a Recommended. É uma página contendo inúmeros “amigos de amigos” que você não segue. Ótimo para encontrar conhecidos e/ou pessoas interessantes e próximas, que por um motivo qualquer, ainda não estão no seu rol de amigos.

Em seguida, temos a aba Stats, deveras interessante e que ratifica o vício absurdo das pessoas no Twitter. Nessa aba, há dois gráficos: um mostra os serviços mais usados de todos os seus contatos, e o outro, apenas os seus serviços mais usados.

A última aba, chamada Find + Invite, é a fonte de todos os contatos possíveis. Ali é possível pesquisar por amigos que porventura já estejam cadastrados no FriendFeed; importar contatos da sua lista nos e-mails (Gmail, Yahoo! e Hotmail); convidar, um a um, seus amigos; e conectar-se a amigos em comum com o Facebook. Uma ampla gama de possibilidades, para não deixar ninguém de fora – a menos que esse ninguém queira ficar de fora, claro.

Adicione seus amigos, crie uns imaginários para casos especiais, e vamos logo botar a mão na massa!

5. Página inicial

Agora que o básico do FriendFeed já foi feito, ou seja, a adição de seu conteúdo, e dos seus amigos, podemos ver a página inicial como um todo. Veja um exemplo abaixo (clique para ampliar a imagem):

Há três áreas principais: topo, sidebar (coluna à esquerda) e conteúdo (grande coluna à direita).

Sem muito segredo, no topo ficam uma barra de pesquisa universal, e, à direita, links principais. Na sidebar, estão as Lists (listas, será explicado mais à frente), e links para essa mesma página (inicial), Rooms (salas, espécies de mini-feeds específicos), e Everyone, que é um “meta feed”, contendo atualizações de todos os usuários do FriendFeed.

Na coluna central, ficam as atualizações suas e dos seus amigos. A princípio, a página é estática, mas clicando no link Real-time, no canto superior direito, a tela muda, e passa a trabalhar em tempo real, mostrando, no ato, todas as novidades suas e dos seus contatos.

Para deixar as coisas ainda mais confortáveis, existe um link no canto direito, abaixo dos modos de visualização, chamado Open mini window. Quando clicado, ele abre um popup que exibe as atualizações em tempo real. Ótimo para se manter atualizado (e/ou se dispersar e perder tempo).

Voltando ao modo tradicional (clique no link Standard), cara entrada na timeline tem quatro links pequenos no rodapé. São eles: Comment, Like, Hide e More. Nas suas próprias entradas, apenas o link Like é suprimido – afinal, se você publicou, automaticamente deve ter gostado do conteúdo.

O link Comment permite adicionar um comentário à entrada. Em alguns serviços, como o Google Reader, existe uma vinculação entre ambos. Nesse caso, por exemplo, quando eu compartilho algum post no Google Reader, junto com algum comentário, o FriendFeed “converte” esse comentário para seu próprio sistema.

Já o Like é um sistema de aprovação. Se você leu/viu/ouviu algo, e gostou, dar um Like, que significa “gostar” em inglês, é uma excelente forma de reconhecer a qualidade do conteúdo. Existe a opção de “desgostar”, bastando, para tal, clicar no link Un-like.

Hide, como o nome sugere (”esconder”, em inglês), esconde uma entrada da sua timeline, tanto sua, quanto dos seus contatos – nesse caso, apenas na sua timeline, não na dele, ou dos outros. Útil para fazer uma filtragem de serviços que não gosta, por exemplo, já que é possível estender a seleção para todas as entradas de determinado serviço, tanto suas, quanto dos seus contatos. Uma opção legal nesses casos extremos é abrir exceções para entradas comentadas ou “gostadas”.

Por último, além de poder filtrar a timeline por amigo, é possível fazer essa filtragem por serviço. Digamos que você queira ver, na timeline, apenas as entradas de blogs suas e de seus amigos. Encontre alguma do gênero, e clique no ícone (no caso dos blogs, este: ). Apenas posts de blogs serão mostrados:

Esse é o básico da página inicial do FriendFeed. Existem algumas peculiaridades ainda, as quais serão abordadas mais à frente, começando pelo…

6. Microblog

Sim, sim: o FriendFeed possui um microblog built in. Ele se assemelha mais ao Pownce do que ao Twitter, por permitir, além de mensagens curtas, a publicação de links e imagens, e se destaca mais no uso das salas (Rooms), que será explicado adiante.

O microblog do FriendFeed, em si, é restrito ao próprio serviço, o que limita um pouco seu alcance, já que (ainda) é um tanto raro encontrar quem use o serviço regularmente, sem falar na concorrência praticamente desleal que existe com o Twitter. De qualquer maneira, ele está lá, e pode ser usado a qualquer momento. Na página inicial, a da timeline, antes das entradas, ao lado do botão de importação de conteúdo seu, existem três links, precedidos da palavra Post: Message, Link e Photos, nessa ordem.

Clicando num deles, na mesma tela (thanks AJAX again!) surgem o formulário para envio do conteúdo, de acordo com a opção escolhida. O mais interessante é que é possível “mesclar” os três tipos numa só mensagem, bastando clicar nos links que aparecem no rodapé do formulário. Vejam:

O resultado é bem interessante, e aceita as mesmas regalias que uma entrada convencional tem na timeline, como o recebimento de Likes, e comentários no FriendFeed.

Tenho sérias dúvidas se esse serviço algum dia irá “pegar”, mesmo que o FriendFeed ganhe a popularidade que merece. Como já dito, a concorrência com o Twitter, cuja popularidade é estrondosa, é difícil de ser batida, e o Twitter, através de serviços complementares derivados de sua API, como o TinyURL embutido na interface web (que nem sempre funciona, é verdade), e o Twitpic, dificulta ainda mais a vida de candidatos ao seu posto. Por outro lado, quando o assunto são as salas, esse microblog ganha ares de fórum, e aí a coisa fica realmente interessante. Maiores detalhes à frente, na parte dedicada a elas.

7. Listas de amigos

As listas (Lists, no site) é um recurso relativamente novo no FriendFeed. Listas são, na realidade, uma forma de categorizar seus amigos, dividindo-os segundo critérios por você definidos. Há alguns “pré-instalados”, a saber: Favorites (favoritos), Personal (pessoal) e Professional (profissional).

As listas aparecem na sidebar do FriendFeed, são os primeiros itens dela. Elas podem ser expandidas, mostrando os amigos de cada uma, e pode-se criar novas listas a partir do link new list.

Embora seja possível adicionar amigos clicando no nome de uma das listas, a maneira mais fácil de fazer isso é através da aba Subscriptions, dentro da área Friends, já comentada no início deste tutorial. A maior vantagem desse método é trabalhar em lotes, ou seja, colocando vários contatos de uma só vez. Para tal, basta marca as caixas de seleção, e então usar o menu drop and down no topo da listagem.

Infelizmente, o processo inverso (remoção de listas) só pode ser feito individualmente. Nessa mesma tela, pouse o cursor sobre um contato, até o menu popup característico aparecer. Nele, além dos serviços que o amigo usa, as listas nas quais ele está incluso aparecerão na parte inferior. Clique no botão add/edit, e então, remova-o das que quiser.

Para a remoção, porém, é melhor ir até a página da lista, acessível através do nome da mesma na sidebar. Nessa página, que é parecida com a inicial, porém só mostra atualizações dos amigos da lista, no topo dela, clique no link Add/remove friends. A área se abrirá, e mostrará seus contatos. Basta clicar na imagem de um para removê-lo da lista em questão.

Curiosidade: a página inicial é, na realidade, uma lista! Note, na penúltima imagem, acima, que o primeiro item chama-se Home feed. Isso quer dizer que, se você quer ter um amigo apenas n’alguma lista, mas fora da timeline principal, simplesmente remova-o da lista Home feed, e pronto.

As listas podem ser muito úteis para separar, por assuntos, seus amigos. Afinal, hoje existe uma multiplicidade enorme de perfis de contatos, uns mais pendentes à nossa vida profissional, outros à pessoal, e ainda temos aqueles que admiramos, mesmo sem conhecer pessoal ou virtualmente. Com poucos contatos, talvez seja algo fácil de lidar, mas na medida em que o número de amigos passa aos dois, três dígitos, uma boa organização é crucial para não perder nada de quem realmente interessa.

8. Salas

As salas (Rooms) são espécies de mini-fóruns dentro do FriendFeed. Aqui o “microblog” do serviço ganha razão de ser, já que ele é a porta de entrada para iniciar threads, ou discussões, dentro das salas. Existe a possibilidade de inserir outros tipos de conteúdo, mas essa decisão cabe apenas ao administrador da sala, e dando uma olhada superficial nas salas existentes, vê-se que essa liberdade é pouco usada.

Pode-se buscar por salas já existentes, ou criar uma sua. As salas são temáticas, mas a maioria é relacionada à tecnologia e Internet. Elas se mostram de maneira bastante semelhante à timeline principal, mas limitada aos posts dos membros da sala, e ao conteúdo dos serviços trazidos pelo administrador.

Os recursos “gostar” e comentários ganham mais relevância dentro das salas, afinal, além delas serem locais que propiciam o uso desses recursos, estes são a única maneira de prover algum feedback ao material publicado.

Para publicar um post numa sala, o primeiro passo é cadastrar-se numa. Feito isso, o formulário de microblog ganha uma opção a mais, além de My feed, no campo To (destinatário): o nome da sala cadastrada. Basta marcar o nome da sala para onde se deseja que a mensagem seja redirecionada, escrevê-la e, enfim, publicá-la.

E assim a conversa rola. Tal qual ocorre com seus amigos, pode-se escolher em quais listas os posts de cada sala aparecerão. Dá para, por exemplo, remover as salas da timeline principal, e criar uma lista exclusiva para elas, melhorando a organização. Fica a seu critério.

A criação de uma sala é bastante simples. Entre na página de criação, e preencha o formulário. É possível fazê-la pública (qualquer um entra e comenta), semi-pública (qualquer um pode ler e comentar, mas só administradores podem publicar posts), ou privadas (somente pessoas convidadas podem acessar a sala), com o adicional, nessa última, de restringir o poder de convidar aos administradores ou não. Na mesma tela, pode-se convidar seus amigos, digitando o nome de usuário deles no FriendFeed, ou mesmo quem ainda não tem cadastro lá, através do comentário. Por fim, uma mensagem para os convidados.

Após criada a sala, ela aparecerá, obviamente vazia. Esse é o momento de colocar uma imagem ilustrativa da mesma, e aguardar os membros chegarem. Criei uma do WinAjuda, e você está, desde já, convidado a entrar.

Ali no link Change picture pode-se inserir ou trocar a imagem da sala, e mais abaixo, no Import site, o administrador pode trazer conteúdo externo (de serviços) para a sala.

9. Widgets e integração com WordPress

Widget é o nome dado a “pedaços” de um serviço que, através de pequenos trechos de código, são mostrados em sites externos.

O FriendFeed possui uma seção recheada de widgets. Existem vários, desde crachás, passando por links, até um famigerado “status”. O mais legal é o Feed widget, que inclusive utilizo aqui no blog, no rodapé da página. Ele gera uma timeline portátil, que pode ser levada para qualquer página, personalizada, enfim, o usuário faz gato e sapato da timeline, deixando-a a sua cara. Quem entende CSS, pode personalizar ainda mais a lista, e para isso conta com a valiosa ajuda desta página, do próprio FriendFeed.

De minha parte, o Feed widget é o suficiente. Porém, há quem queira mais, ou as mesmas coisas oferecidas pelos widgets, mas via plugins (para o WordPress, no caso). Nesse último caso, o plugin FriendFeed Activity Widget faz o serviço – desde que seu tema seja compatível com widgets.

Quem tem leitores que usam o sistema de “Likes” e comentários do FriendFeed com freqüência, encontra no FriendFeed Comments uma boa forma de convergir os dois espaços de comentários. Esse plugin busca, no FriendFeed, comentários e “Likes” relacionados ao post em foco. Num cenário aonde o FriendFeed seja muito utilizado, ele vem bem a calhar.

O Post to FriendFeed adiciona, às entradas do seu blog no FriendFeed, um resuminho em forma de mensagem, além de uma imagem relacionada. É uma boa forma de enriquecer as entradas de blogs na timeline.

Devem existir outros plugins para WordPress relacionados ao FriendFeed. Se descobrir mais, atualizo a lista.

10. Conclusão

Este tutorial está longe de ser uma “bíblia” do assunto, porém contém o básico para que qualquer um conheça e comece a usar o FriendFeed, incluindo recursos mais avançados, sem maiores dificuldades. Torço muito para que o serviço “pegue”, se torne popular, pois seu conceito é muito interessante, e quanto mais pessoas o utilizarem, melhor para todos. Tenho muitos contatos online que gostaria de acompanhar mais de perto, sem que, para tal, eu tenha que visitar várias redes sociais, ou cadastrar uma dúzia de feeds adicionais em meu agregador. Nessa problemática, o FriendFeed entra como a solução perfeita.

Minha pequenina parte no sentido de ajudar a popularizar o FriendFeed é esse tutorial. Não é grande coisa, mas espero ser útil para iniciantes e desconfiados, e, claro, que traga mais gente para cá. Você também pode ajudar. Se cadastre, use o serviço, divulgue-o. Além disso, divulgue também esse tutorial. Basta copiar e colar um dos códigos dos banners abaixo:

Como usar o FriendFeed
<a href="http://www.rodrigoghedin.com.br/2008/11/26/como-usar-o-friendfeed/" title="Tutorial completo.">Como usar o FriendFeed</a>

<a href="http://www.rodrigoghedin.com.br/2008/11/26/como-usar-o-friendfeed/" title="Tutorial completo."><img title="Como usar o FriendFeed." src="http://www.rodrigoghedin.com.br/wp-content/uploads/2008/11/friendfeed120x60.jpg" alt="Como usar o FriendFeed." /></a>

<a href="http://www.rodrigoghedin.com.br/2008/11/26/como-usar-o-friendfeed/" title="Como usar o FriendFeed."><img title="Como usar o FriendFeed." src="http://www.rodrigoghedin.com.br/wp-content/uploads/2008/11/friendfeed125x125.jpg" alt="Como usar o FriendFeed." /></a>

Se alguém quiser em outros tamanhos, avise nos comentários. Na medida do possível, atualizei esse tutorial. A colaboração de todos é muito bem-vinda.

Obrigado pela atenção, e nos vemos no FriendFeed .