Desenvolvimento de aplicativos para Facebook

Desenvolvimentode aplicativospara facebook

www.katon.com.brkatondigital

Facilitador

Diego Roriz• Cientista da computação - Universidade Federal de Goiás

• CEO da Katon Agência Digital

• Palestrante com foco em negócios e startups

• Membro ativo da comunidade Startup Go

• Membro ativo da comunidade Ruby On Cerrado

Construindo aplicativos para Facebookwww.katon.com.brkatondigital

Porque criar um app para o Facebook

• Terceira maior base de usuários no mundo

• Total de 60 251 160 milhões de usuários

• Facilidade de autenticação em aplicações web

• Alavancagem de cadastros e likes

• Potencial de rede

• Cases


Ambiente de desenvolvimento

Facebook

Ruby

Git

Rails

Heroku

RVM


Criando um aplicativo no Facebook

Endereço de acesso ao Facebook Developershttps://developers.facebook.com/




Criando um aplicativo no FacebookÉ importante lembrar de marcar a opção de hos-pedar o seu aplicativo gratuitamente no Heroku.

O atributo App Name será utilizado para loca-lização posterior na listagem de aplicativos no Facebook Developers.

O atributo Espaço do nome do aplicativo é o com-plemento da URL pelo qual o seu aplicativo será acessado posteriormente. Neste caso, o aplicati-vo poderia ser acessado pelo endereçohttps://apps.facebook.com/sandbox-katon/



Pra variar, preenchimento de captcha!


Criando um aplicativo no FacebookOs ambientes suportados pelo Heroku para nosso aplicativo:• PHP• Node.js• Python• Ruby

Nesse caso, utilizaremos Ruby!


Criando um aplicativo no FacebookAo finalizar a criação do aplicativo, caso você não possua uma conta no Heroku, a mesma será criada automaticamente.


Criando um aplicativo no FacebookDo lado esquerdo, a tela que é apresentada após acessar o endereço da sua aplicação.


Analisando o código fonte geradoAo acessar o email de cadastro, haverão os passos básicos para configuração do Heroku e instruções de manipulação do repositório Git.

Faça o clone do repositório para a sua máquina local.


Analisando o código fonte geradoArquivo app.rb

Importante observar que existem os métodos providos pelo SDK mas o Facebook também disponibiliza o FQL para a recuperação de infor-mações mais específicas.

FQLhttp://developers.facebook.com/docs/reference/fql/


Analisando o código fonte geradoArquivo app.rb

Por default, ao conceder as permissões, temos acesso ao:• id• name• first_name• last_name• link• username• gender• locale

Na linha 100, expandimos a solicitação adicio-nando:• likes• fotos

Permissõeshttps://developers.facebook.com/docs/referen-ce/login/#permissions


Analisando o código fonte geradoArquivo index.erb

O arquivo index.erb é um arquivo de visualização onde são renderizadas as iinformações do brow-ser.

Os objetos @friends, @photos, @likes são arays com o parse das informações retornadas. Todas as respostas do Graph API são em JSON.


Analisando o código fonte geradoAbaixo, a tela de solicitação de permissão apresentada após clicar em login

A direita, após realizar o login e conceder as permissões, é possível acessar as informações da conta do usuário.


ReferênciasGraph APIhttps://developers.facebook.com/docs/reference/api/

Graph API Explorer (para testes)https://developers.facebook.com/tools/explorer

Tutorial de Rails + Koala + Facebookhttp://udooz.net/blog/2011/02/facebook-app-using-rails-koala/

Gem Koalahttps://github.com/arsduo/koala

FQLhttp://developers.facebook.com/docs/reference/fql/

Tutorial no Facebookhttp://developers.facebook.com/docs/appsonfacebook/tutorial/

Criar uma app “dentro” do facebookhttp://developers.facebook.com/docs/appsonfacebook/tutorial/


Projetos desenvolvidosNovo Mundo

Planejamento e Criação: Agência I3Produção do aplicativo: Katon Agência Digital

Campanha para presentear o “desesperado” mais bem votado com R$2.000 em compras na Novo Mundo.

Participantes: 87 desesperadosVotos: 6600 votos ao longo da campanhaLikes: de 5.593 para 16.160 likes + cadastros

Resultado: Aumento de 189% nos likes e geração de quase 11.000 ca-dastros para ativação posterior para o e-commerce


Projetos desenvolvidos


Projetos desenvolvidos


Projetos desenvolvidosCookie Tecnologia e Marketing

Veja o projeto em:http://bit.ly/personalidade Nutritiva


Projetos desenvolvidosCookie Tecnologia e Marketing

O objetivo da campanha foi planejar uma ação focada na comemoração do Dia do Nutri-cionista, utiizando o Facebook.

Período da ação: 06/08 a 31/09Em menos de 5 dias, de 420 likes para 1000 likesNo dia 21 de setembro, alcançamos 2000 likes qualificadosAlcance: 70.000 pessoas

Final: aumento de 440% likes e 1848 cadastros qualificados

Mais detalhes emhttp://on.fb.me/S9Y2cK


O que já fizemos

Mais detalhes emLink Katon

Cookie Tecnologia e MarketingFoto montagem publicada no mural do participante da campanha


Obrigado!

Diego Roriz

[email protected]

(62) 8229.5445

Desenvolvimento de aplicativos para Facebook

Technology

Desenvolvimento de aplicativos para Facebook