Este documento fornece informações sobre como desenvolver aplicativos para o Facebook, incluindo por que criar aplicativos para o Facebook, como construí-los usando Ruby on Rails e como criar um aplicativo no Facebook Developers.
2. 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
katondigital www.katon.com.br
3. 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
Construindo aplicativos para Facebook
7. 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ço
https://apps.facebook.com/sandbox-katon/
Construindo aplicativos para Facebook
8. Criando um aplicativo no Facebook
Pra variar, preenchimento de captcha!
katondigital www.katon.com.br
9. Criando um aplicativo no Facebook
Os ambientes suportados pelo Heroku para nosso
aplicativo:
• PHP
• Node.js
• Python
• Ruby
Nesse caso, utilizaremos Ruby!
Construindo aplicativos para Facebook
10. Criando um aplicativo no Facebook
Ao finalizar a criação do aplicativo, caso você
não possua uma conta no Heroku, a mesma será
criada automaticamente.
katondigital www.katon.com.br
11. Criando um aplicativo no Facebook
Do lado esquerdo, a tela que é apresentada após acessar o endereço da
sua aplicação.
Construindo aplicativos para Facebook
12. Analisando o código fonte gerado
Ao 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.
katondigital www.katon.com.br
13. Analisando o código fonte gerado
Arquivo 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.
FQL
http://developers.facebook.com/docs/reference/
fql/
Construindo aplicativos para Facebook
14. Analisando o código fonte gerado
Arquivo 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ões
https://developers.facebook.com/docs/referen-
ce/login/#permissions
katondigital www.katon.com.br
15. Analisando o código fonte gerado
Arquivo 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.
Construindo aplicativos para Facebook
16. Analisando o código fonte gerado
Abaixo, 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.
katondigital www.katon.com.br
17. Referências
Graph API
https://developers.facebook.com/docs/reference/api/
Graph API Explorer (para testes)
https://developers.facebook.com/tools/explorer
Tutorial de Rails + Koala + Facebook
http://udooz.net/blog/2011/02/facebook-app-using-rails-koala/
Gem Koala
https://github.com/arsduo/koala
FQL
http://developers.facebook.com/docs/reference/fql/
Tutorial no Facebook
http://developers.facebook.com/docs/appsonfacebook/tutorial/
Criar uma app “dentro” do facebook
http://developers.facebook.com/docs/appsonfacebook/tutorial/
Construindo aplicativos para Facebook
18. Projetos desenvolvidos
Novo Mundo
Planejamento e Criação: Agência I3
Produçã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 desesperados
Votos: 6600 votos ao longo da campanha
Likes: 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
katondigital www.katon.com.br
21. Projetos desenvolvidos
Cookie
Tecnologia e Marketing
Veja o projeto em:
http://bit.ly/personalidade
Nutritiva
Construindo aplicativos para Facebook
22. Projetos desenvolvidos
Cookie 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/09
Em menos de 5 dias, de 420 likes para 1000 likes
No dia 21 de setembro, alcançamos 2000 likes qualificados
Alcance: 70.000 pessoas
Final: aumento de 440% likes e 1848 cadastros qualificados
Mais detalhes em
http://on.fb.me/S9Y2cK
katondigital www.katon.com.br
23. O que já fizemos
Mais detalhes em
Link Katon
Cookie Tecnologia e Marketing
Foto montagem publicada no mural do participante da campanha
Construindo aplicativos para Facebook
24. Obrigado!
Diego Roriz
diego.roriz@katon.com.br
(62) 8229.5445
katondigital www.katon.com.br