View
4.035
Download
4
Category
Preview:
DESCRIPTION
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á!
Citation preview
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
www.katon.com.brkatondigital
Ambiente de desenvolvimento
Ruby
Git
Rails
Heroku
RVM
Construindo aplicativos para Facebookwww.katon.com.brkatondigital
Criando um aplicativo no Facebook
Endereço de acesso ao Facebook Developershttps://developers.facebook.com/
www.katon.com.brkatondigital
Criando um aplicativo no Facebook
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/
www.katon.com.brkatondigital
Criando um aplicativo no Facebook
Pra variar, preenchimento de captcha!
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!
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.
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.
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.
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/
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
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.
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.
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/
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
Construindo aplicativos para Facebookwww.katon.com.brkatondigital
Projetos desenvolvidos
www.katon.com.brkatondigital
Projetos desenvolvidos
Construindo aplicativos para Facebookwww.katon.com.brkatondigital
Projetos desenvolvidosCookie Tecnologia e Marketing
Veja o projeto em:http://bit.ly/personalidade Nutritiva
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
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
www.katon.com.brkatondigital
Obrigado!
Diego Roriz
diego.roriz@katon.com.br
(62) 8229.5445
Recommended