Desenvolvimento de aplicativos para Facebook

6.250 visualizações

Publicada em

Querendo desenvolver aquela idéia para Facebook mas não sabe por onde começar o código? Nesta palestra iremos apresentar o caminho das pedras para você se familiarizar do ambiente de desenvolvimento ao deploy. A idéia é apresentar uma app que o Facebook já disponibiliza para que você possa analisá-lo e começar a desenvolver a sua própria app. Curtiu? Então vamos lá!

Publicada em: Tecnologia
1 comentário
9 gostaram
Estatísticas
Notas
Sem downloads
Visualizações
Visualizações totais
6.250
No SlideShare
0
A partir de incorporações
0
Número de incorporações
110
Ações
Compartilhamentos
0
Downloads
120
Comentários
1
Gostaram
9
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

Desenvolvimento de aplicativos para Facebook

  1. 1. Desenvolvimento de aplicativos para facebook
  2. 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. 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• CasesConstruindo aplicativos para Facebook
  4. 4. Ambiente de desenvolvimento Facebook Git Heroku Ruby RVM Rails katondigital www.katon.com.br
  5. 5. Criando um aplicativo no Facebook Endereço de acesso ao Facebook Developers https://developers.facebook.com/Construindo aplicativos para Facebook
  6. 6. Criando um aplicativo no Facebook katondigital www.katon.com.br
  7. 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. 8. Criando um aplicativo no Facebook Pra variar, preenchimento de captcha! katondigital www.katon.com.br
  9. 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. 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. 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. 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. 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. 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. 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. 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. 17. ReferênciasGraph APIhttps://developers.facebook.com/docs/reference/api/Graph API Explorer (para testes)https://developers.facebook.com/tools/explorerTutorial de Rails + Koala + Facebookhttp://udooz.net/blog/2011/02/facebook-app-using-rails-koala/Gem Koalahttps://github.com/arsduo/koalaFQLhttp://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/Construindo aplicativos para Facebook
  18. 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
  19. 19. Projetos desenvolvidosConstruindo aplicativos para Facebook
  20. 20. Projetos desenvolvidos katondigital www.katon.com.br
  21. 21. Projetos desenvolvidos Cookie Tecnologia e Marketing Veja o projeto em: http://bit.ly/personalidade NutritivaConstruindo aplicativos para Facebook
  22. 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. 23. O que já fizemos Mais detalhes em Link Katon Cookie Tecnologia e Marketing Foto montagem publicada no mural do participante da campanhaConstruindo aplicativos para Facebook
  24. 24. Obrigado! Diego Roriz diego.roriz@katon.com.br (62) 8229.5445 katondigital www.katon.com.br

×