Twitter Anywhere 1.1

O Twitter habilitou ontem o uso da versão 1.1 da @Anywhere, a plataforma para integração do Twitter em sites de terceiros. Essa versão trás implementada toda funções mostradas na Chirp e torna útil a página:
http://platform.twitter.com/js-api.html que continha muitos métodos não implementados.

Como integrar o Twitter no seu site com @Anywhere

Recentemente o Twitter desenvolveu a @Anywhere, uma ferramenta que facilita a integração de funcionalidades do Twitter em sites de terceiros.

As funcionalidades disponíveis são:


  • Auto-link em nomes de usuários do Twitter

  • Hovercard

  • Botão de seguir

  • Caixa de tweet

  • Login de usuário

Para adicionar esses elementos do Twitter no seu site, siga com atenção as próximas linhas.

O primeiro passo é abrir o cadastro para sites/aplicativos do Twitter. Nessa página preencha o campo "Callback URL" com um endereço que seja do mesmo domínio e sub-domínio que seu site. Além disso, marque a opção "Read & Write" no tipo de acesso, assim seus visitantes também poderão seguir profiles do Twitter e tweetarem.

Com a aplicação criada vamos entender ao código. Comece adicionando a seguinte tag dentro do HEAD do HTML, substituindo YOUR_API_KEY pela "Consumer key" que foi criada no passo anterior:

<script src="http://platform.twitter.com/anywhere.js?id=YOUR_API_KEY&v=1" 
type="text/javascript"></script>

Auto-link em nomes de usuários do Twitter

A Anywhere linka automaticamente nomes de usuários achados na sua página para a página do profile no ...

Widget do Submarino com YQL

Meu último post foi uma tentativa de explicar o funcionamento da Yahoo Query Language. No final falei da possibilidade de se fazer um Widget do Submarino com a YQL e agora volto para implementar o prometido.

YQL


Como eu disse existe um post explicando a YQL, porém aqui vai uma explicação rápida:

A YQL pode ser usada para buscar dados nas APIs do Yahoo (Flickr, Delicious, Placemaker, Maps, ...), nas APIs do DataTables (Twitter, Amazon, GeoLocation, ...) ou em qualquer outro documento da web (página HTML).

Para mostrar como a busca em um documento qualquer da web é feita, escrevi o seguinte código:

[sourcecode lang="sql" gist="123439"]
select * from html where url="http://www.submarino.com.br/busca?q=ipod" and xpath="/html/body/div/div[2]/div/div/div/div/div/div/div[2]/div/div/div/ul/li/div/a[3]"
[/sourcecode]

Para testar use o console da YQL ou veja teste dessa busca. O YQL vai retornar o conteúdo pedido em XML ou JSON.

JSONP

"JSON with Padding" é uma técnica que permite o carregamento assíncrono de informações de um domínio externo.

Toda biblioteca de JavaScript que se preze possui ...

YQL - Yahoo Query Language

YQL é uma linguagem que permite buscas nas bases de dados do Yahoo ou em documentos especificados pelo desenvolvedor.

Uma boa maneira de entender o uso dessa linguagem é ver um pouco de código.

JS-Placemaker - geolocate texts in JavaScript é uma demonstração de como utilizar a YQL para buscar informações em uma API do Yahoo chamada Placemaker.
Dê uma olhada no código.

O exemplo usou o Placemaker, porém as outras APIs do Yahoo também podem ser buscadas.

Vamos a outro exemplo, dessa vez utilizando dados de outra API.

API do Twitter pelo Yahoo! YQL

Para quem nunca usou a API do Twitter existe um guia sobre a API.

Twitts de Usuário

Para ver alguns twitts de um certo usuário existe o método statuses/user_timeline. A entrada para ele é o ID do usuário.

Como especificado, uma requisição HTTP para esse método se parece com:
http://twitter.com/statuses/user_timeline.xml?user_id=12345

No YQL é tão simples quanto:

select * from twitter.user.timeline where id=12345

Faça o teste YQL Console

twitter

Esse exemplo utilizou a tabela do Twitter que faz parte do projeto DataTables. Projeto que reúne várias tabelas ...

Yahoo! Web Services - apresentação das APIs

No #brhackday08 o foco dos desenvolvedores do Y! já parecia ser o de abrir a sua API.

Parte do Yahoo Open Strategy, SearchMonkey e BOSS foram os destaques das apresentações, mas uma serie de outros serviços da empresa foram apresentados para os desenvolvedores.

API do Yahoo!

O termo é realmente vago para quem nunca olhou a lista de serviços (web services) que a empresa oferece.

Pipes e SearchMonkey são possivelmente os mais conhecidos. Mas outros produtos do Y! para desenvolvedores são interessantes.

Pipes


O serviço permite a criação de mashups entre outras fontes de dados. O fluxo de dados extraídos das paginas pode ser construído usando uma interface visual bem legalzinha.

yahoo pipes screenshot

SearchMonkey


SearchMonkey é a ferramenta que permite modificar o visual da busca do Yahoo!
As informações que aparecerão nos resultados da buscas podem ser extraídas das paginas usando XPath.

Exemplo de resultado da busca com SearchMonkey:

Search Monkey funcionando

BOSS


Busca aberta. API que retorna os resultados da busca do Yahoo! em JSON ou XML.
É possivel facilmente "re-rankear" os resultados antes de mostrar para o usuário adicionando novas regras.

Music


Essa API pouco conhecida abre possibilidades interessantes para criação de ...

About Me