Este documento fornece uma introdução sobre como desenvolver aplicações para a plataforma do Facebook. Explica os principais SDKs disponíveis, como JavaScript, PHP e Android, e como usar ferramentas como o Graph API, FQL e Dialogs. Também discute políticas e termos importantes para aplicações na plataforma do Facebook.
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á!
Apresentação sobre desenvolvimento de aplicativos para o Facebook na aula de Desenvolvimento de Aplicações na Web na Universidade Trás-os-Montes e Alto Douro (UTAD).
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á!
Apresentação sobre desenvolvimento de aplicativos para o Facebook na aula de Desenvolvimento de Aplicações na Web na Universidade Trás-os-Montes e Alto Douro (UTAD).
Desenvolvimento inteligente com Google Chrome DevToolsFábio Assunção
Essa palestra abordará a demonstração prática do potencial da ferramenta Chrome DevTools que até então é pouco explorada por muitos desenvolvedores que ainda se utilizam de práticas obsoletas.
- Frameworks para desenvolvimento móvel
- O que é o Apache Cordova?
- Prós e Contras
- Integração com frameworks (Sencha, Ionic, Jquery Mobile, etc)
- Configurando o ambiente de desenvolvimento
- Ionic/Cordova CLI – Principais Comandos
- Conhecendo os diretórios e o arquivo config.xml
- Alterando ícones do aplicativo
- Criando builds nativas e testando no dispositivo
- Debug remoto de aplicações hibridas
- Overview plug-ins
- Eventos Nativos
- Exibindo notificações
- Utilizando armazenamento de dados
- Acesso aos dados dos dispositivos
- Usando o plug-in InAppBrowser
- Trabalhando com Push Notification
- Desenvolvendo nossa primeira aplicação
- Ionic Creator
Walker - Criando componentes interoperaveis com Vue.js para o WordPressWordPress Floripa
Nessa palestra explicamos o que são os single file components do Vue, depois vou explicar como importar arquivos .vue no Wordpress sem compilação e com suporte a scoped CSS, para usá-los como componentes no Wordpress através da api shadow-dom e Custom Elements. Por fim vamos ver como enviar dados do Wordpress para os componentes recém criados.
Slide da disciplina de Introdução aos Padrões Web e Tecnologias para o Ambiente Digital, ministrada pelo professor Thiago Prado Campos - Aula 04 - 18/06/2011
Proven Mobile Solutions that Increase Productivity, Visibility and SalesStayinFront
Leverage the latest mobility software advances to ensure your teams achieve more with every store visit. StayinFront Consumer Goods retail execution solution enables management to more effectively direct and monitor field efforts and ensure field teams can complete more retail work, gain greater insights into their accounts and sell more.
Microsoft partners, opensky Data Systems, highlight the benefits of Financial Business Intelligence Solutions by Microsoft. BI in Finance comes to agility, adoption and cost.
Sicherung der Bildqualität in röntgendiagnostischen Betriebenqubyx
Das PerfectLum Suite medizinische Display QS-Tool führt Konstanz- und Abnahmeprüfungen nach der neuen DIN 6868-157 durch und vereinfacht das Testverfahren erheblich. Die Qualitätssicherung von medizinischen Displays wird einfacher als jemals zuvor.
Desenvolvimento inteligente com Google Chrome DevToolsFábio Assunção
Essa palestra abordará a demonstração prática do potencial da ferramenta Chrome DevTools que até então é pouco explorada por muitos desenvolvedores que ainda se utilizam de práticas obsoletas.
- Frameworks para desenvolvimento móvel
- O que é o Apache Cordova?
- Prós e Contras
- Integração com frameworks (Sencha, Ionic, Jquery Mobile, etc)
- Configurando o ambiente de desenvolvimento
- Ionic/Cordova CLI – Principais Comandos
- Conhecendo os diretórios e o arquivo config.xml
- Alterando ícones do aplicativo
- Criando builds nativas e testando no dispositivo
- Debug remoto de aplicações hibridas
- Overview plug-ins
- Eventos Nativos
- Exibindo notificações
- Utilizando armazenamento de dados
- Acesso aos dados dos dispositivos
- Usando o plug-in InAppBrowser
- Trabalhando com Push Notification
- Desenvolvendo nossa primeira aplicação
- Ionic Creator
Walker - Criando componentes interoperaveis com Vue.js para o WordPressWordPress Floripa
Nessa palestra explicamos o que são os single file components do Vue, depois vou explicar como importar arquivos .vue no Wordpress sem compilação e com suporte a scoped CSS, para usá-los como componentes no Wordpress através da api shadow-dom e Custom Elements. Por fim vamos ver como enviar dados do Wordpress para os componentes recém criados.
Slide da disciplina de Introdução aos Padrões Web e Tecnologias para o Ambiente Digital, ministrada pelo professor Thiago Prado Campos - Aula 04 - 18/06/2011
Proven Mobile Solutions that Increase Productivity, Visibility and SalesStayinFront
Leverage the latest mobility software advances to ensure your teams achieve more with every store visit. StayinFront Consumer Goods retail execution solution enables management to more effectively direct and monitor field efforts and ensure field teams can complete more retail work, gain greater insights into their accounts and sell more.
Microsoft partners, opensky Data Systems, highlight the benefits of Financial Business Intelligence Solutions by Microsoft. BI in Finance comes to agility, adoption and cost.
Sicherung der Bildqualität in röntgendiagnostischen Betriebenqubyx
Das PerfectLum Suite medizinische Display QS-Tool führt Konstanz- und Abnahmeprüfungen nach der neuen DIN 6868-157 durch und vereinfacht das Testverfahren erheblich. Die Qualitätssicherung von medizinischen Displays wird einfacher als jemals zuvor.
From User to Global: A Spectrum of ExperienceRen Pope
The user has been the champion of our professional community. User experience and user-centered design place a laser-like focus on ensuring all of the needs and desires of the user are met. Yet at best, this is only one side of a multi-faceted universe of experience. Experiences happen among groups of people and across cultures. With the advent of the “Internet of Things,” experience may even go beyond the realm of humans. Focusing on experiences just from users overlooks these many experiences that can be captured, studied, and improved. Let’s discuss what the experiences beyond the scope of a user are and how we can capture, study, and improve them.
Presented at UX Australia 2016 http://www.uxaustralia.com.au/conferences/uxaustralia-2016/presentation/user-to-global/
Embedded Reporting Tools to Enhance Your ApplicationBob Report
Learn how to seamlessly embed customizable, scalable BI reporting directly into your SaaS or on-premises application. Visualize data from any database, including NoSQL and Hadoop data sources. Create rich visual reporting elements on a whim and mash them up into interactive data visualizations. JReport empowers your business users with intuitive ad hoc reporting, dashboards and data analytics capabilities.
Digital economy with the speed of s4 hanaKyyba Inc.
SAP Business Suite 4 SAP HANA (SAP S/4HANA) is a new product, which is fully built on the SAP HANA platform and designed with SAP Fiori user experience, delivering massive simplification and innovations to help reinvent businesses. SAP S/4HANA as a technology and platform will ensure a robust control over reporting and building confidence of all stakeholders through better monitoring of business, optimum utilization of resources and complete adherence to compliance.
Get an opportunity to increase ROI and enhance visibility online with specialized PPC for small business. Small Business Social Media Optimization, Social Media Optimization for small business, small business web design and lots more at Sbzone. Contact us for more information.
Android e Facebook - Integrando sua aplicação às redes sociaisFelipe Silveira
Tutorial sobre a integração do facebbok a aplicações Android.
Aprenda a criar posts no facebook utilizando o SDK oficial nesta palestra ministrada na UNASP-SP
Desenvolvimento de Aplicações para o Facebook em ASP .NETComunidade NetPonto
Nesta apresentação, o Vítor irá mostrar como funciona a API do Facebook e os seus principais fluxos, as diferentes opções de bibliotecas para acesso a API, problemas mais comuns e soluções, com demonstrações práticas de como podemos desenvolver uma aplicação para o Facebook.
Aborda pontos referente a Graph API: - Componente de Login, Autenticação e Tokens de Acesso - Permissões - Integrações - Publicações e consultas - Fazendo buscas - Requisições batch - Funções depreciadas, entre outros.
1. Facebook Platform
Hack Thursday - CW 40
Geison Quevedo
geisonq@gmail.com
fb.me/geison.quevedo
William Dias
wrddias@gmail.com
fb.me/diaswrd
2. Overview
APPs (Tipos de App, Como criar)
PHP SDK
FQL
JS SDK
Dialogs
Graph API
Tools
Platform terms
3. SDKS
Use of an SDK is not a requirement!
Facebook's official SDKs:
● JavaScript
● PHP
● iOS
● Android
4. USING
● Websites
○ Social Plugins
○ Facebook Connect
○ Open Graph Protocol
● Apps on Facebook
○ App Center
○ Page Tabs
● Mobile Apps
5. SDK PHP
O que é?
SDK php fornece ricas configurações e
funcionalidades no server-side para acessar
funcionalidades do Facebook através de
chamadas da API.
6. SDK PHP
O SDK do PHP pode trabalhar em conjunto
como SDK JavaScript para fornecer
gerenciamento de sessão entre cliente e app.
7. SDK PHP
INSTALANDO E CONFIGURANDO
1. Criar uma APP (APP_ID, APP_SECRET)
2. Baixar o SDK GIT
3. Adicionar o arquivo facebook.php na
aplicação
4. Instanciar o objeto Facebook com o APP_ID
e APP_SECRET
8. SDK PHP
O SDK do PHP pode ser usado para dar
suporte ao registro e login para o seu site
usando a conta dos usuários do Facebook.
Funcionalidades de login:
$facebook->getLoginUrl();
$facebook->getLogoutUrl();
9. SDK PHP
Signed_request
O parametro signed_request do facebook
passa dados para uma aplicação um em
diferentes ambientes
O parametro signed_request é POSTADO para
uma aplicação quando a app é carregada
dentro de uma app do tipo Canvas page.
11. FQL - Facebook Query Language
Permite você usar uma interface semelhante
ao SQL para consultar dados atravez da API
Graph.
Permite algumas features avanças no
disponível na API Graph.
12. FQL
Example
SELECT uid2 FROM friend WHERE uid1=me()
HTTP GET request to /fql?q=query
14. JS SDK
Reference:
https://developers.facebook.com/docs/reference/javascript/
Sample:
<div id="fb-root"></div>
<script>
window.fbAsyncInit = function() {
FB.init({
appId : 'YOUR_APP_ID', // App ID
cookie : true, // enable cookies to allow the server to access the session
xfbml : true // parse XFBML
});
// Additional initialization code here
};
// Load the SDK Asynchronously
(function(d){
var js, id = 'facebook-jssdk', ref = d.getElementsByTagName('script')[0];
if (d.getElementById(id)) {return;}
js = d.createElement('script'); js.id = id; js.async = true;
js.src = "//connect.facebook.net/en_US/all.js";
ref.parentNode.insertBefore(js, ref);
}(document));
</script>
15. JS SDK
Use cases:
● Authentication & Authorization
FB.getLoginStatus(), FB.login(), FB.getAuthResponse()
● API Calls
FB.api('/me', function(response) {
alert('Your name is ' + response.name);
});
● Platform Dialogs
FB.ui({
method: 'feed',
message: 'getting educated about Facebook Connect',
(...)
});
16. Social Plugins
Maneira simples e rápida de integrar seu website com as
principais funcionalidades disponíveis no Facebook.
Playground:
http://developers.facebook.com/docs/plugins/
17. DIALOGS
Dialogs provem uma interface de maneira
simples no qual provem funcionalidades
sociais para o usuário. Dialogs não requerem
permissões por que requerem iteração do
usuário.
20. Policies and Terms
● Platform Policies Checklist
https://developers.facebook.com/docs/guides/policy/policy_checklist/
● Detalhes importantes
○ O uso de AdSense (Google) em apps no facebook não é permitido. A
plataforma disponibiliza uma lista de Ad-providers que são aceitos
pela plataforma. http://developers.facebook.com/adproviders/
(Viva a guerra fria)
○ O único método de pagamento (caso a sua app venha a cobrar
alguma coisa do usuário) aceito é o Facebook Payments. http:
//developers.facebook.com/docs/payments/
(E lá se vão 30%)
21. Valeu!
Questions?
Hack Thursday - CW 40
Geison Quevedo
geisonq@gmail.com
fb.me/geison.quevedo
William Dias
wrddias@gmail.com
fb.me/diaswrd