11/03/2010 - 01:31
Eu ja me peguei algumas necessitando incluir gráficos em algumas aplicações que desenvolvi. Cheguei até a desenvolver uma função que gerava gráficos em barra, mas não era muito funcional e, além de de só poder utilizar gráficos em barra não era muito bacana.
Eis que descobri uma ferrmente bem bacana chamada Google Charts.
Mas qual a vantagem?
Basta que você insira uma tag img em seu código e no src dela você coloque um determinado endereço com alguns parâmetros.
Por exemplo.
Olha a url.
http://chart.apis.google.com/chart?cht=p3&chd=t:60,40&chs=250x100&chl=Hello|World
Viu como é simples. No site tem a documentação de como se elaborar outros tipos de gráficos.
Outros exemplos.
Acelera
Linha
Pizza
Mapa
Matematica
Radar
Entre Outros
Enviado por: leandro garcia - Categoria(s): API, dicas
Tags relacionadas: api, google charts
26/11/2009 - 14:40
Acreditando eu que os dois posts anteriores foram seguidos, agora vamos postar o item no mural.
Para postar, a primeira coisa que precisamos é criar um “template feed data”. Vá até http://developers.facebook.com/tools.php?feed.
Procure o nome do seu aplicativo e clique em Proxima.
Neste ponto você começa a desenvolver ou criar o seu “template feed data”.
O template nada mais é do que umaforma com que o facebook recebe informações em JSON e exibe no perfil do usuário com sua prévia autorização.
O primeiro é o de uma linha, algumas variáveis são exclusivvas como actor e images. As variáveis são exibidas na forma de {*variável*}. Ex. {*actor*} escreveu um post. Sairia: Leandro escreveu um post.
Há o campo onde você desenvolve o template e abaixo, um onde você desenvolve o JSON, por padrão vem:
{“images”:[{"src":"http://pad.thedigitalmovement.com/_blaise/2007-06-15-dgen-breakfast.jpg", "href":"http://www.facebook.com"}, {"src": "http://pad.thedigitalmovement.com/_blaise/2007-06-13-roger-waters.jpg", "href":"http://www.facebook.com"}]}
Apenas imagens, mas você pode e deve acrescentar de acordo com sua necessidade.
Vamos criar um que envie o resultado de um jogo, o nome dos times, o escudo de cada time e o texto que você escreveu.
{“time1″:”Atlético-GO”,”time2″:”palmeiras”,”gols1″:”2″,”gols2″:”0″, {“images”:[{"src":"http://images.ig.com.br/placarus/escudos/atletico_goianiense_go.gif", "href":"http://images.ig.com.br/placarus/escudos/atletico_goianiense_go.gif"}, {"src": "http://images.ig.com.br/placarus/escudos/atletico_goianiense_go.gif", "href":"http://images.ig.com.br/placarus/escudos/atletico_goianiense_go.gif"}]},”comentario”:”vai corinthians”}
Com este JSON, ocê pode desenvolver seu template.
{*actor*} Comentou sobre {*time1*} {*gols1*} x {*gols2*} {*time1*} -> Leandro Garcia comentou sobre Corinthians 2 x 0 palmeiras
Ao clicar em próxima, você desenvolve o template maior, o que é mais comulmente usado.
Colocaremos o título da mesma maneira, embora não necessite ser igual.
{*actor*} Comentou sobre {*time1*} {*gols1*} x {*gols2*} {*time1*} -> Leandro Garcia comentou sobre Corinthians 2 x 0 palmeiras
Abaix no Histórico curto, colocaremos apenas o comentário digitado:
{*comentario*} -> Vai Corinthians
depois Próxima.
No próximo item você cria um link de retorno, no Texto do link da ação, por exemplo: Veja mais sobre o Jogo
no Link da ação ex. http://esporte.ig.com.br
Pronto, em todo post do mural vai haver um link para http://esporte.ig.com.br, você pode alterar da maneira como preferir, inclusive utilizar o JSON, como o número do jogo por exemplo. Vai da sua necessidade.
Clique em próxima e depois em registar coleção de modelo.
Será aberto um pop com o identificador do template. Copie-o e reserve pra mais tarde.
Bom agora você tem um template elaborado, hora de criar o código propriamente dito.
Criamos uma função em JS para publicar.
** O facebook alterou a forma de se publicar. Neste poste você consegue ver.
function publish($comentario){
{"time1":"Corinthians","time2":"palmeiras","gols1":"2","gols2":"0", "images":[{"src":"http://pad.thedigitalmovement.com/_blaise/2007-06-15-dgen-breakfast.jpg", "href":"http://www.facebook.com"}, {"src": "http://pad.thedigitalmovement.com/_blaise/2007-06-13-roger-waters.jpg", "href":"http://www.facebook.com"}],"comentario":"vai corinthians"}
facebook_publish_feed_story(141837730762, $template_data);
}
Onde 141837730762 é o id do template que você criou;
O código abaixo, faz a permissão;
function facebook_prompt_permission(permission) {
FB.ensureInit(function() {
FB.Connect.showPermissionDialog(permission);
});
}
O código abaixo faz a publicação própriamenst dita.
function facebook_publish_feed_story(form_bundle_id, template_data) {
FB.ensureInit(function() {
FB.Connect.showFeedDialog(form_bundle_id, template_data);
});
}
Criamod um botão para enviar a mensagem.
<input onclick="publish('Vai Corinthians')" type="button" value="Submit Comment" />
ao clicar vai abrir um pop com a mensagem.
Clicando e Publish, estará publicado no Mural d Usuário no Facebook.
Vídeo de como publicar um Feed com Facebook Connect.
Mo próximo Post como crar uma página de comentários
** Atualização dia 10/03/2010
Enviado por: leandro garcia - Categoria(s): API, Connect, facebook
Tags relacionadas: api, facebook, facebook connect