NAV DevAppsFacebook

DESENVOLVIMENTO
DE
APLICATIVOS
PARA
Primeiros passos
Abril/2011
Sobre mim
Isaac de Morais Marinho

isaacmarinho@gmail.com isaac.marinho @isaacmarinho
Aluno do CST-SI (turma 2006.2) e estagirio do Ncleo de Aprendizagem Virtual (NAV). Analista e Desenvolvedor JAVA na InSystem Solutions.
Desenvolvimento de Aplicativos para Facebook
Pr-requisitos
Conta de usurio do Facebook Programao para web HTML e JavaScript Linguagens: Java, PHP, Python, C# APIs do Facebook Graph API Credits API Ads API Chat API Outras
Passo 1
Tornar-se um membro da comunidade de desenvolvedores do Facebook. Acesse: http://www.facebook.com/developers/ Observao: Voc pode enfrentar dificuldades com a validao do seu perfil.
Passo 1
Solicitao de permisso
Passo 1
Painel do desenvolvedor
Passo 2
Cadastrar seu aplicativo Termos e condies/Nomear aplicativo Informaes bsicas Integrao com o Facebook Aps o cadastro voc j poder acessar seu aplicativo, caso ele esteja pronto e implantado no servidor web.
Passo 2
Nomear aplicativo/Termos e condies
Passo 2
Informaes bsicas
Passo 2
Integrao com o Facebook
Passo 2
Uma observao...
Passo 2
Uma observao...
Passo 3
Desenvolvimento SDKs - http://developers.facebook.com/docs/sdks/ JavaScript SDK iOS SDK (iPhone e iPad) Android SDK PHP SDK Editores, IDEs e Frameworks PHPEditor, Notepad++, gedit Eclipse, NetBeans, Zend Studio, Komodo IDE CakePHP, Symfony, Komodo Framework, Zend Framework Canvas iFrame FBML XFBML
Passo 3
Desenvolvimento Canvas Canvas Page & Canvas URL HTML, JavaScript e CSS
Passo 3
Desenvolvimento iFrame tag HTML: <iFrame>...</iFrame> Documento HTML Renderizao direta Chamadas de API entre o servidor e o Facebook
Observao: a melhor opo caso o aplicativo faa muito uso de AJAX ou utilize os recursos da Plataforma Facebook que foram lanados mais recentemente.
Passo 3
Desenvolvimento iFrame
Passo 3
Desenvolvimento FBML extenso HTML Acesso fcil aos recursos sociais Renderizao mediada Chamadas de API entre o servidor e o Facebook Exemplo: <fb:profile-pic uid="12345" linked="true" /> Observao: est caindo em desuso (http://developers.facebook.com/docs/reference/fbml/).
Passo 3
Desenvolvimento FMBL
Passo 3
Desenvolvimento XFBML- extenso HTML Acesso facilitado aos recursos sociais Renderizao HTML direta Chamadas de API entre o cliente e o Facebook Uso em aplicativos iFrame ou sites externos Exemplos: 1. <fb:profile-pic uid="12345" facebook-logo="true" linked="false" width="300" height="400"></fb:profile-pic> 2. <fb:login-button></fb:login-button>
Passo 3
Desenvolvimento XFMBL + iFrame
Passo 3
Desenvolvimento O layout para uma aplicao FBML:
<?php sfConfig::set('sf_web_debug', false); ?> <fb:title> <?php echo sfContext::getInstance()->getResponse()->getTitle() ?> </fb:title> <?php echo $sf_content ?>
Passo 3
Desenvolvimento Layout para uma aplicao XFBML ou um site Facebook Connect:
<?php use_helper('sfFacebookConnect')?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml xmlns:fb="http://www.facebook.com/2008/fbml"> <head> <?php include_http_metas() ?> <?php include_metas() ?> <?php include_title() ?> <script type="text/javascript src="/sfFacebookConnectPlugin/js/animation/animation.js"> </script> </head> <body> <?php echo $sf_content ?> <?php echo include_facebook_connect_script() ?> </body>
Passo 4
Testes Usurios de teste (test users) At 50 contas Graph API criar, gerenciar amigos, criar testes automatizados No precisam de verificao login ou senha Para mais detalhes: http://developers.facebook.com/docs/test_users/
Passo 5
Publicar Diretrio de aplicativos do Facebook
Passo 5
Publicar Diretrio de aplicativos do Facebook
FIM
Referncias:
Digital Inspiration - How to Write a Facebook Application in 5 minutes: http://www.labnol.org/internet/tutorial-write-a-facebook-application/10116 Facebook Developers SDKs & Tools: http://developers.facebook.com/docs/sdks/ Not Enough Minerals - * FB App Canvas Pages: I Think Id Use IFrames: http://www.ccheever.com/blog/?p=10 Symfony Project - Desenvolvendo Aplicaes Facebook: http://www.symfony-project.org/more-with-symfony/1_4/pt/12-Developing-for-Facebook

NAV DevAppsFacebook

Transféré par

Informations du document

Copyright

Formats disponibles

Partager ce document

Partager ou intégrer le document

Options de partage

Avez-vous trouvé ce document utile ?

Ce contenu est-il inapproprié ?

Droits d'auteur :

Formats disponibles

NAV DevAppsFacebook

Transféré par

Droits d'auteur :

Formats disponibles

DESENVOLVIMENTO

Isaac de Morais Marinho

Desenvolvimento de Aplicativos para Facebook

Desenvolvimento de Aplicativos para Facebook

Desenvolvimento de Aplicativos para Facebook

Desenvolvimento de Aplicativos para Facebook

Desenvolvimento de Aplicativos para Facebook

Desenvolvimento de Aplicativos para Facebook

Desenvolvimento de Aplicativos para Facebook

Desenvolvimento de Aplicativos para Facebook

Desenvolvimento de Aplicativos para Facebook

Desenvolvimento de Aplicativos para Facebook

Desenvolvimento de Aplicativos para Facebook

Desenvolvimento de Aplicativos para Facebook

Desenvolvimento de Aplicativos para Facebook

Desenvolvimento de Aplicativos para Facebook

Desenvolvimento de Aplicativos para Facebook

Desenvolvimento de Aplicativos para Facebook

Desenvolvimento de Aplicativos para Facebook

Desenvolvimento de Aplicativos para Facebook

Desenvolvimento de Aplicativos para Facebook

Desenvolvimento de Aplicativos para Facebook

Desenvolvimento de Aplicativos para Facebook

Desenvolvimento de Aplicativos para Facebook

Desenvolvimento de Aplicativos para Facebook

Desenvolvimento de Aplicativos para Facebook

Desenvolvimento de Aplicativos para Facebook

Desenvolvimento de Aplicativos para Facebook

Vous aimerez peut-être aussi