Your SlideShare is downloading. ×
Desenvolvimento de aplicativos para Facebook
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Saving this for later?

Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime - even offline.

Text the download link to your phone

Standard text messaging rates apply

Desenvolvimento de aplicativos para Facebook

4,186
views

Published on

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 …

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á!

Published in: Technology

1 Comment
7 Likes
Statistics
Notes
No Downloads
Views
Total Views
4,186
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
94
Comments
1
Likes
7
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Desenvolvimento de aplicativos para facebook
  • 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• CasesConstruindo aplicativos para Facebook
  • 4. Ambiente de desenvolvimento Facebook Git Heroku Ruby RVM Rails katondigital www.katon.com.br
  • 5. Criando um aplicativo no Facebook Endereço de acesso ao Facebook Developers https://developers.facebook.com/Construindo aplicativos para Facebook
  • 6. Criando um aplicativo no Facebook katondigital www.katon.com.br
  • 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ê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. 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. Projetos desenvolvidosConstruindo aplicativos para Facebook
  • 20. Projetos desenvolvidos katondigital www.katon.com.br
  • 21. Projetos desenvolvidos Cookie Tecnologia e Marketing Veja o projeto em: http://bit.ly/personalidade NutritivaConstruindo 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 campanhaConstruindo aplicativos para Facebook
  • 24. Obrigado! Diego Roriz diego.roriz@katon.com.br (62) 8229.5445 katondigital www.katon.com.br