Desenvolvimento de aplicativos para Facebook
-
Upload
katon-agencia-digital -
Category
Technology
-
view
4.044 -
download
4
description
Transcript of Desenvolvimento de aplicativos para Facebook
![Page 1: Desenvolvimento de aplicativos para Facebook](https://reader034.fdocumentos.com/reader034/viewer/2022051314/54b54b8b4a7959a77c8b4597/html5/thumbnails/1.jpg)
Desenvolvimentode aplicativospara facebook
![Page 2: Desenvolvimento de aplicativos para Facebook](https://reader034.fdocumentos.com/reader034/viewer/2022051314/54b54b8b4a7959a77c8b4597/html5/thumbnails/2.jpg)
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
![Page 3: Desenvolvimento de aplicativos para Facebook](https://reader034.fdocumentos.com/reader034/viewer/2022051314/54b54b8b4a7959a77c8b4597/html5/thumbnails/3.jpg)
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
![Page 4: Desenvolvimento de aplicativos para Facebook](https://reader034.fdocumentos.com/reader034/viewer/2022051314/54b54b8b4a7959a77c8b4597/html5/thumbnails/4.jpg)
www.katon.com.brkatondigital
Ambiente de desenvolvimento
Ruby
Git
Rails
Heroku
RVM
![Page 5: Desenvolvimento de aplicativos para Facebook](https://reader034.fdocumentos.com/reader034/viewer/2022051314/54b54b8b4a7959a77c8b4597/html5/thumbnails/5.jpg)
Construindo aplicativos para Facebookwww.katon.com.brkatondigital
Criando um aplicativo no Facebook
Endereço de acesso ao Facebook Developershttps://developers.facebook.com/
![Page 6: Desenvolvimento de aplicativos para Facebook](https://reader034.fdocumentos.com/reader034/viewer/2022051314/54b54b8b4a7959a77c8b4597/html5/thumbnails/6.jpg)
www.katon.com.brkatondigital
Criando um aplicativo no Facebook
![Page 7: Desenvolvimento de aplicativos para Facebook](https://reader034.fdocumentos.com/reader034/viewer/2022051314/54b54b8b4a7959a77c8b4597/html5/thumbnails/7.jpg)
Construindo aplicativos para Facebookwww.katon.com.brkatondigital
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/
![Page 8: Desenvolvimento de aplicativos para Facebook](https://reader034.fdocumentos.com/reader034/viewer/2022051314/54b54b8b4a7959a77c8b4597/html5/thumbnails/8.jpg)
www.katon.com.brkatondigital
Criando um aplicativo no Facebook
Pra variar, preenchimento de captcha!
![Page 9: Desenvolvimento de aplicativos para Facebook](https://reader034.fdocumentos.com/reader034/viewer/2022051314/54b54b8b4a7959a77c8b4597/html5/thumbnails/9.jpg)
Construindo aplicativos para Facebookwww.katon.com.brkatondigital
Criando um aplicativo no FacebookOs ambientes suportados pelo Heroku para nosso aplicativo:• PHP• Node.js• Python• Ruby
Nesse caso, utilizaremos Ruby!
![Page 10: Desenvolvimento de aplicativos para Facebook](https://reader034.fdocumentos.com/reader034/viewer/2022051314/54b54b8b4a7959a77c8b4597/html5/thumbnails/10.jpg)
www.katon.com.brkatondigital
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.
![Page 11: Desenvolvimento de aplicativos para Facebook](https://reader034.fdocumentos.com/reader034/viewer/2022051314/54b54b8b4a7959a77c8b4597/html5/thumbnails/11.jpg)
Construindo aplicativos para Facebookwww.katon.com.brkatondigital
Criando um aplicativo no FacebookDo lado esquerdo, a tela que é apresentada após acessar o endereço da sua aplicação.
![Page 12: Desenvolvimento de aplicativos para Facebook](https://reader034.fdocumentos.com/reader034/viewer/2022051314/54b54b8b4a7959a77c8b4597/html5/thumbnails/12.jpg)
www.katon.com.brkatondigital
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.
![Page 13: Desenvolvimento de aplicativos para Facebook](https://reader034.fdocumentos.com/reader034/viewer/2022051314/54b54b8b4a7959a77c8b4597/html5/thumbnails/13.jpg)
Construindo aplicativos para Facebookwww.katon.com.brkatondigital
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/
![Page 14: Desenvolvimento de aplicativos para Facebook](https://reader034.fdocumentos.com/reader034/viewer/2022051314/54b54b8b4a7959a77c8b4597/html5/thumbnails/14.jpg)
www.katon.com.brkatondigital
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
![Page 15: Desenvolvimento de aplicativos para Facebook](https://reader034.fdocumentos.com/reader034/viewer/2022051314/54b54b8b4a7959a77c8b4597/html5/thumbnails/15.jpg)
Construindo aplicativos para Facebookwww.katon.com.brkatondigital
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.
![Page 16: Desenvolvimento de aplicativos para Facebook](https://reader034.fdocumentos.com/reader034/viewer/2022051314/54b54b8b4a7959a77c8b4597/html5/thumbnails/16.jpg)
www.katon.com.brkatondigital
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.
![Page 17: Desenvolvimento de aplicativos para Facebook](https://reader034.fdocumentos.com/reader034/viewer/2022051314/54b54b8b4a7959a77c8b4597/html5/thumbnails/17.jpg)
Construindo aplicativos para Facebookwww.katon.com.brkatondigital
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/
![Page 18: Desenvolvimento de aplicativos para Facebook](https://reader034.fdocumentos.com/reader034/viewer/2022051314/54b54b8b4a7959a77c8b4597/html5/thumbnails/18.jpg)
www.katon.com.brkatondigital
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
![Page 19: Desenvolvimento de aplicativos para Facebook](https://reader034.fdocumentos.com/reader034/viewer/2022051314/54b54b8b4a7959a77c8b4597/html5/thumbnails/19.jpg)
Construindo aplicativos para Facebookwww.katon.com.brkatondigital
Projetos desenvolvidos
![Page 20: Desenvolvimento de aplicativos para Facebook](https://reader034.fdocumentos.com/reader034/viewer/2022051314/54b54b8b4a7959a77c8b4597/html5/thumbnails/20.jpg)
www.katon.com.brkatondigital
Projetos desenvolvidos
![Page 21: Desenvolvimento de aplicativos para Facebook](https://reader034.fdocumentos.com/reader034/viewer/2022051314/54b54b8b4a7959a77c8b4597/html5/thumbnails/21.jpg)
Construindo aplicativos para Facebookwww.katon.com.brkatondigital
Projetos desenvolvidosCookie Tecnologia e Marketing
Veja o projeto em:http://bit.ly/personalidade Nutritiva
![Page 22: Desenvolvimento de aplicativos para Facebook](https://reader034.fdocumentos.com/reader034/viewer/2022051314/54b54b8b4a7959a77c8b4597/html5/thumbnails/22.jpg)
www.katon.com.brkatondigital
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
![Page 23: Desenvolvimento de aplicativos para Facebook](https://reader034.fdocumentos.com/reader034/viewer/2022051314/54b54b8b4a7959a77c8b4597/html5/thumbnails/23.jpg)
Construindo aplicativos para Facebookwww.katon.com.brkatondigital
O que já fizemos
Mais detalhes emLink Katon
Cookie Tecnologia e MarketingFoto montagem publicada no mural do participante da campanha