Top Banner

Click here to load reader

Desenvolvimento de aplicativos para Facebook

Jan 13, 2015

ReportDownload

Technology

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

  • 1. Desenvolvimento de aplicativospara facebook

2. FacilitadorDiego Roriz Cientista da computao - Universidade Federal de Gois CEO da Katon Agncia Digital Palestrante com foco em negcios e startups Membro ativo da comunidade Startup Go Membro ativo da comunidade Ruby On Cerrado katondigitalwww.katon.com.br 3. Porque criar um app para o Facebook Terceira maior base de usurios no mundo Total de 60 251 160 milhes de usurios Facilidade de autenticao em aplicaes web Alavancagem de cadastros e likes Potencial de rede CasesConstruindo aplicativos para Facebook 4. Ambiente de desenvolvimento Facebook Git Heroku RubyRVMRailskatondigital www.katon.com.br 5. Criando um aplicativo no FacebookEndereo de acesso ao Facebook Developershttps://developers.facebook.com/Construindo aplicativos para Facebook 6. Criando um aplicativo no Facebookkatondigital www.katon.com.br 7. Criando um aplicativo no Facebook importante lembrar de marcar a opo de hos-pedar o seu aplicativo gratuitamente no Heroku.O atributo App Name ser utilizado para loca-lizao posterior na listagem de aplicativos noFacebook Developers.O atributo Espao do nome do aplicativo o com-plemento da URL pelo qual o seu aplicativo seracessado posteriormente. Neste caso, o aplicati-vo poderia ser acessado pelo endereohttps://apps.facebook.com/sandbox-katon/Construindo aplicativos para Facebook 8. Criando um aplicativo no FacebookPra variar, preenchimento de captcha!katondigital www.katon.com.br 9. Criando um aplicativo no FacebookOs ambientes suportados pelo Heroku para nossoaplicativo: PHP Node.js Python RubyNesse caso, utilizaremos Ruby!Construindo aplicativos para Facebook 10. Criando um aplicativo no FacebookAo finalizar a criao do aplicativo, caso vocno possua uma conta no Heroku, a mesma sercriada automaticamente.katondigital www.katon.com.br 11. Criando um aplicativo no FacebookDo lado esquerdo, a tela que apresentada aps acessar o endereo dasua aplicao.Construindo aplicativos para Facebook 12. Analisando o cdigo fonte geradoAo acessar o email de cadastro, havero ospassos bsicos para configurao do Heroku einstrues de manipulao do repositrio Git.Faa o clone do repositrio para a sua mquinalocal.katondigital www.katon.com.br 13. Analisando o cdigo fonte geradoArquivo app.rbImportante observar que existem os mtodosprovidos pelo SDK mas o Facebook tambmdisponibiliza o FQL para a recuperao de infor-maes mais especficas.FQLhttp://developers.facebook.com/docs/reference/fql/Construindo aplicativos para Facebook 14. Analisando o cdigo fonte geradoArquivo app.rbPor default, ao conceder as permisses, temosacesso ao: id name first_name last_name link username gender localeNa linha 100, expandimos a solicitao adicio-nando: likes fotosPermisseshttps://developers.facebook.com/docs/referen-ce/login/#permissionskatondigital www.katon.com.br 15. Analisando o cdigo fonte geradoArquivo index.erbO arquivo index.erb um arquivo de visualizaoonde so renderizadas as iinformaes do brow-ser.Os objetos @friends, @photos, @likes so arayscom o parse das informaes retornadas. Todasas respostas do Graph API so em JSON.Construindo aplicativos para Facebook 16. Analisando o cdigo fonte gerado Abaixo, a tela de solicitao de permisso apresentada aps clicar em login A direita, aps realizar o login e conceder as permisses, possvel acessar as informaes da conta do usurio.katondigital www.katon.com.br 17. RefernciasGraph 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 desenvolvidosNovo MundoPlanejamento e Criao: Agncia I3Produo do aplicativo: Katon Agncia DigitalCampanha para presentear o desesperado mais bem votado comR$2.000 em compras na Novo Mundo.Participantes: 87 desesperadosVotos: 6600 votos ao longo da campanhaLikes: de 5.593 para 16.160 likes + cadastrosResultado: Aumento de 189% nos likes e gerao de quase 11.000 ca-dastros para ativao posterior para o e-commercekatondigital www.katon.com.br 19. Projetos desenvolvidosConstruindo aplicativos para Facebook 20. Projetos desenvolvidoskatondigital www.katon.com.br 21. Projetos desenvolvidosCookieTecnologia e MarketingVeja o projeto em:http://bit.ly/personalidadeNutritivaConstruindo aplicativos para Facebook 22. Projetos desenvolvidos Cookie Tecnologia e Marketing O objetivo da campanha foi planejar uma ao focada na comemorao do Dia do Nutri- cionista, utiizando o Facebook. Perodo da ao: 06/08 a 31/09 Em menos de 5 dias, de 420 likes para 1000 likes No dia 21 de setembro, alcanamos 2000 likes qualificados Alcance: 70.000 pessoas Final: aumento de 440% likes e 1848 cadastros qualificados Mais detalhes em http://on.fb.me/S9Y2cKkatondigital www.katon.com.br 23. O que j fizemosMais detalhes emLink KatonCookie Tecnologia e Marketing Foto montagem publicada no mural do participante da campanhaConstruindo aplicativos para Facebook 24. Obrigado! Diego Roriz [email protected] (62) 8229.5445katondigital www.katon.com.br

Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.