March 2010
6 posts
PlaceHacker: minha participação no Yahoo! Open Hack Day Brasil 2010
Esta foi minha segunda participação no Yahoo! Open Hack Day Brasil, e a experiência foi ainda melhor que a primeira. Além do Yahoo! ter conseguido melhorar o evento como um todo, o que era bem difícil, dada a qualidade da última edição, recebi o prêmio na categoria Keep it Local Hack, com o projeto PlaceHacker.
Minha intenção era fazer um hack jornalístico. Internacionalmente, há um movimento de aproximação entre jornalismo e novas tecnologias, com mashups, APIs, aplicativos móveis, etc. No Brasil, há muito pouco sendo feito.
Queria utilizar o Placemaker do Yahoo! para trabalhar em uma visualização de notícias baseada na localização do leitor. Mas descobri que ele não “entende” muito bem português, além de não ter uma base muito completa de lugares do Brasil.
Mesmo com a ajuda do Christian Heilmann, não consegui avançar nos resultados.
A saída foi partir para uma solução própria. Utilizando NLP, Google Maps API, Ruby e MongoDB cheguei a uma engine que extrai entidades geográficas do Estado de São Paulo com uma precisão muito maior que o Placemaker. Levando em consideração todos municípios do Estado, distritos da capital, ruas e avenidas.
Teste do Placemaker com texto em português.
Teste do PlaceHacker com texto em português.
Com esta engine funcionando, finalmente pude fazer uma visualização de notícias por localidade. Para isto, usei Ruby, Sinatra, MongoDB, Google Maps API e YUI, a fonte das notícias foi o G1. A visualização acabou sendo a parte menos importante do projeto, servindo apenas como prova de conceito.
Falando agora parece que foi fácil… Mas foram mais de 24h pesquisando e programando, com um cochilo de 20 min. Na manhã de domingo, pensei em desistir, mas vendo os outros times empolgados me motivei a continuar. Cadastrei o projeto 10 min antes do prazo final e fiz uma má apresentação.
Tudo isso faz parte do evento e o torna ainda mais interessante, agora é continuar o desenvolvimento e esperar pelo próximo.
Veja mais:
Checkins do Foursquare no Brasil em 3 gráficos
No Foursquare há um recurso que permite ao usuário fazer broadcast dos seus checkins para o Twitter, cada tweet contém um link do domínio 4sq.com
Graças ao BuzzVolume eu tenho estes tweets disponíveis. Então levantei uma amostra do período de 01/03 a 14/03 para análise.
Filtrando estes tweets com a API do Foursquare e do Google Maps para garantir que eram realmente links de checkins feitos no Brasil, a amostra ficou com 641 checkins.
Abaixo, três visualizações desta amostra.
São Paulo domina os checkins com 55% do total. São Paulo, Rio de Janeiro e Porto Alegre somam 71%.
Há um aumento significativo de checkins entre a Sexta-Feira e o Domingo.
78% dos usuários fizeram 4 checkins ou menos no período
Semana que vem devo publicar mais algumas informações e visualizações, assine o feed ou me siga no Twitter para receber as atualizações.
Performance Front-End: benchmark de sites de notícias →
escalabilidade.com
Aproveitei a recente reformulação do Estadão para fazer uma análise da performance front-end de alguns sites de notícias brasileiros. Veja lá o vídeo com a comparação.
5 dicas simples para seu conteúdo fazer bonito nas redes sociais
É do interesse de todo publicador de conteúdo distribuir o seu material de forma atrativa nas redes sociais. No BuzzVolume são exibidos alguns metadados das páginas populares no Twitter, como título, descrição, thumbnail, ícone do domínio.
Estes dados são extraídos de diversas formas, mas alguns padrões são seguidos por diversas redes sociais (como Facebook, Digg, Orkut e Google Buzz), adotá-los no seu site é simples.
1 - Título
É um princípio básico, mas muitos sites ainda não definem um título único para cada página do site. Para isto, basta definir corretamente o elemento <title> no seu HTML.
Exemplo de página em que o <title> não representa o conteúdo
Também evite títulos enormes, como neste caso.
2 - Favicon
O ícone do site exibido pelos navegadores também ajuda os usuários de redes sociais a identificarem sites de confiança em meio a tantos outros. Muitos navegadores procuram por esta imagem na raiz do seu domínio sob o nome de favicon.ico, mas também é possível utilizar a tag <link> com rel=”shortcut icon” da seguinte forma:
<link rel=”shortcut icon” href=”http://www.example.com/myicon.ico”/>
Veja como o site do Globo Esporte faz uso deste recurso para exibir o brasão de cada time
Saiba mais: Favicon na Wikipedia
3 - Permalink
Muitas vezes há diferentes URLs do seu site que levam ao mesmo conteúdo. Para indicar a URL principal, utilize a tag <link> com rel=”canonical” desta forma
<link rel=”canonical” href=”http://www.example.com/product.php?item=swedish-fish” />
Diversos sites e gerenciadores de conteúdo fazem uso deste recurso, como YouTube, Amazon e WordPress.
Saiba mais: Specify your canonical
4 - Description
Apesar da tag <description> não ser usada como fator para posicionamento nos principais buscadores, ela é usada na listagem das páginas tanto em buscadores, como em redes sociais.
Saiba mais: Google does not use the keywords meta tag in web ranking
5 - Thumbnails
Definir uma imagem que será exibida quando a sua página for compartilhada em redes sociais atrai o olhar dos usuários, chamando atenção para seu conteúdo. Para definir um thumbnail, basta seguir o exemplo abaixo:
<link rel=”image_src” href=”thumbnail_image.png” / >
Saiba mais: Facebook Share/Specifying Meta Tags
Bonus - Feeds
Algumas redes sociais são alimentas pelos feeds do sites. Para tornar seu feed RSS mais atraente há o Media RSS Module, que permite a inclusão de uma série de metainformação para quem disponibiliza conteúdo multimídia.
Saiba mais: Media RSS Module - RSS 2.0 Module
How a Start-up Evolves →
fool.com
These are people who, in Cringely’s words, “Work hard, fast, and cheap…. Their job is to do lots of damage with surprise and teamwork, establishing a beachhead before the enemy is even aware that they exist.” Simply put, they create something out of nothing, turning an idea into a product. A commando can literally do the work of a hundred normal employees when they’ve got the right problems to work on.
