Facebook App Development

•

0 j'aime•586 vues

Syed Umair Javed

An excellent presentation on Facebook Development Platform and its key areas.

Technologie

Facebook App Development
An introduction by Cristiano Betta

About me
Senior Web Developer
@ Nudge London

Why Facebook Apps?
Bring existing apps into Facebook

Why Facebook Apps?
Harvest social relationships

Facebook API
FBML/XFBML
Subset of HTML/XML, with some extra (powerful)
Facebook tags

Facebook API
FBML/XFBML
Subset of HTML/XML, with some extra (powerful)
Facebook tags
<fb:name uid="12345" capitalize="true" />

Facebook API
FBML/XFBML
Subset of HTML/XML, with some extra (powerful)
Facebook tags
<fb:name uid="12345" capitalize="true" />
FQL

Facebook API
FBML/XFBML
Subset of HTML/XML, with some extra (powerful)
Facebook tags
<fb:name uid="12345" capitalize="true" />
FQL
Ideal for querying extra data server side

What’s in a FB app?
Application Directory

Integration Points
Canvas pages
Canvas
Tab
Attachment

Integration Points
Asynchronous FBML
Proﬁle box
Info tab box
Boxes Tab

Canvas Facebook in Browser

Application Canvas

Facebook Server

Application Server

Canvas Facebook in Browser

Application Canvas
1 - Browser makes request

Facebook Server

Application Server

Canvas Facebook in Browser

Application Canvas
1 - Browser makes request
2 - FB server calls web server
Facebook Server

Application Server

Canvas Facebook in Browser

Application Canvas
1 - Browser makes request
2 - FB server calls web server
3 - App Calls FB API (optional) Facebook Server

Application Server

Canvas Facebook in Browser

Application Canvas
1 - Browser makes request
2 - FB server calls web server
3 - App Calls FB API (optional) Facebook Server

4 - App returns FBML

Application Server

Proﬁle Facebook in Browser

Proﬁle Box

Facebook Server

Application Server

Proﬁle Facebook in Browser

Proﬁle Box
0 - Application provides FBML

Facebook Server

Application Server

Proﬁle Facebook in Browser

Proﬁle Box
0 - Application provides FBML
1 - Browser makes request
Facebook Server

Application Server

Proﬁle Facebook in Browser

Proﬁle Box
0 - Application provides FBML
1 - Browser makes request
2 - Facebook server renders Facebook Server
proﬁle FBML to HTML

Application Server

Without Authorization

fb_sig_added
fb_sig_api_key
fb_sig_friends
fb_sig_time
fb_sig_user/fb_sig_canvas_user

Without Authorization
fb_sig_in_canvas
fb_sig_in_proﬁle_tab
fb_sig_proﬁle_user
fb_sig_proﬁle_session_key
fb_sig_page_id
fb_sig_page_added

When authorized

fb_sig_session_key
fb_sig_expires
fb_sig_proﬁle_update_time
fb_sig_ext_perms

How to get started
http://www.facebook.com/developers

How to get started
Create a new app and get API key, Secret, and
more....

How to get started
Setup your application canvas with API key

How to get started
Read the wiki for reference on FBML, FBJS, API,
etc - http://wiki.developers.facebook.com/

How to get started
Make sure to get the libraries

How to get started
Write a hello world, and see what happens

Contenu connexe

Similaire à Facebook App Development

Creating a Facebook App

Mindgrub Technologies

Facebook Development in 5 Minutes

Jesse Stay

Facebook Dorkbot

Vivien Schilis

Building an interactive timeline from facebook photos

Rakesh Rajan

Facebook 3rd Party Api

Yoss Cohen

페이스북 소셜 앱 개발 가이드 2011

Sukjoon Kim

Iskandar Najmuddin

iPlatform

Charlie Cheever Facebook Developer Garage Uganda

Leila Janah

Peepcode facebook-2-rails on facebook

sushilprajapati

Similaire à Facebook App Development (9)

Creating a Facebook App

Facebook Development in 5 Minutes

Facebook Dorkbot

Building an interactive timeline from facebook photos

Facebook 3rd Party Api

페이스북 소셜 앱 개발 가이드 2011

Iskandar Najmuddin

Charlie Cheever Facebook Developer Garage Uganda

Peepcode facebook-2-rails on facebook

Dernier

Understanding the FAA Part 107 License ..

Christopher Logan Kennedy

Vector Search -An Introduction in Oracle Database 23ai.pptx

Remote DBA Services

Keynote 2: APIs in 2030: The Risk of Technological Sleepwalk Paolo Malinverno, Growth Advisor - The Business of Technology Apidays New York 2024: The API Economy in the AI Era (April 30 & May 1, 2024) ------ Check out our conferences at https://www.apidays.global/ Do you want to sponsor or talk at one of our conferences? https://apidays.typeform.com/to/ILJeAaV8 Learn more on APIscene, the global media made by the community for the community: https://www.apiscene.io Explore the API ecosystem with the API Landscape: https://apilandscape.apiscene.io/

Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...

apidays

Exploring Multimodal Embeddings with Milvus

Zilliz

[BuildWithAI] Introduction to Gemini.pdf

Sandro Moreira

Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood

Juan lago vázquez

Effective data discovery is crucial for maintaining compliance and mitigating risks in today's rapidly evolving privacy landscape. However, traditional manual approaches often struggle to keep pace with the growing volume and complexity of data. Join us for an insightful webinar where industry leaders from TrustArc and Privya will share their expertise on leveraging AI-powered solutions to revolutionize data discovery. You'll learn how to: - Effortlessly maintain a comprehensive, up-to-date data inventory - Harness code scanning insights to gain complete visibility into data flows leveraging the advantages of code scanning over DB scanning - Simplify compliance by leveraging Privya's integration with TrustArc - Implement proven strategies to mitigate third-party risks Our panel of experts will discuss real-world case studies and share practical strategies for overcoming common data discovery challenges. They'll also explore the latest trends and innovations in AI-driven data management, and how these technologies can help organizations stay ahead of the curve in an ever-changing privacy landscape.

TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery

TrustArc

Sidekick Solutions uses Bonterra Impact Management (fka Social Solutions Apricot) and automation solutions to integrate data for business workflows. We believe integration and automation are essential to user experience and the promise of efficient work through technology. Automation is the critical ingredient to realizing that full vision. We develop integration products and services for Bonterra Case Management software to support the deployment of automations for a variety of use cases. This video focuses on the deployment of external web forms using Jotform for Bonterra Impact Management. This solution can be customized to your organization’s needs and deployed to support the common use cases below: - Intake and consent - Assessments - Surveys - Applications - Program registration Interested in deploying web form automations for Bonterra Impact Management? Contact us at sales@sidekicksolutionsllc.com to discuss next steps.

Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...

Jeffrey Haguewood

DBX First Quarter 2024 Investor Presentation

Dropbox

Accelerating FinTech Innovation: Unleashing API Economy and GenAI Vasa Krishnan, Chief Technology Officer - FinResults Apidays New York 2024: The API Economy in the AI Era (April 30 & May 1, 2024) ------ Check out our conferences at https://www.apidays.global/ Do you want to sponsor or talk at one of our conferences? https://apidays.typeform.com/to/ILJeAaV8 Learn more on APIscene, the global media made by the community for the community: https://www.apiscene.io Explore the API ecosystem with the API Landscape: https://apilandscape.apiscene.io/

Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...

apidays

Passkeys: Developing APIs to enable passwordless authentication Cody Salas, Sr Developer Advocate | Solutions Architect - Yubico Apidays New York 2024: The API Economy in the AI Era (April 30 & May 1, 2024) ------ Check out our conferences at https://www.apidays.global/ Do you want to sponsor or talk at one of our conferences? https://apidays.typeform.com/to/ILJeAaV8 Learn more on APIscene, the global media made by the community for the community: https://www.apiscene.io Explore the API ecosystem with the API Landscape: https://apilandscape.apiscene.io/

Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...

apidays

Retrieval augmented generation (RAG) is the most popular style of large language model application to emerge from 2023. The most basic style of RAG works by vectorizing your data and injecting it into a vector database like Milvus for retrieval to augment the text output generated by an LLM. This is just the beginning. One of the ways that we can extend RAG, and extend AI, is through multilingual use cases. Typical RAG is done in English using embedding models that are trained in English. In this talk, we’ll explore how RAG could work in languages other than English. We’ll explore French, Chinese, and Polish.

Introduction to Multilingual Retrieval Augmented Generation (RAG)

Zilliz

Scaling API-first – The story of a global engineering organization Ian Reasor, Senior Computer Scientist - Adobe Radu Cotescu, Senior Computer Scientist - Adobe Apidays New York 2024: The API Economy in the AI Era (April 30 & May 1, 2024) ------ Check out our conferences at https://www.apidays.global/ Do you want to sponsor or talk at one of our conferences? https://apidays.typeform.com/to/ILJeAaV8 Learn more on APIscene, the global media made by the community for the community: https://www.apiscene.io Explore the API ecosystem with the API Landscape: https://apilandscape.apiscene.io/

Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe

apidays

Dubai, often portrayed as a shimmering oasis in the desert, faces its own set of challenges, including the occasional threat of flooding. Despite its reputation for opulence and modernity, the emirate is not immune to the forces of nature. In recent years, Dubai has experienced sporadic but significant floods, testing the resilience of its infrastructure and communities. Among the critical lifelines in this bustling metropolis is the Dubai International Airport, a bustling hub that connects the city to the world. This article explores the intersection of Dubai flood events and the resilience demonstrated by the Dubai International Airport in the face of such challenges.

Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...

Orbitshub

The microservices honeymoon is over. When starting a new project or revamping a legacy monolith, teams started looking for alternatives to microservices. The Modular Monolith, or 'Modulith', is an architecture that reaps the benefits of (vertical) functional decoupling without the high costs associated with separate deployments. This talk will delve into the advantages and challenges of this progressive architecture, beginning with exploring the concept of a 'module', its internal structure, public API, and inter-module communication patterns. Supported by spring-modulith, the talk provides practical guidance on addressing the main challenges of a Modultith Architecture: finding and guarding module boundaries, data decoupling, and integration module-testing. You should not miss this talk if you are a software architect or tech lead seeking practical, scalable solutions. About the author With two decades of experience, Victor is a Java Champion working as a trainer for top companies in Europe. Five thousands developers in 120 companies attended his workshops, so he gets to debate every week the challenges that various projects struggle with. In return, Victor summarizes key points from these workshops in conference talks and online meetups for the European Software Crafters, the world’s largest developer community around architecture, refactoring, and testing. Discover how Victor can help you on victorrentea.ro : company training catalog, consultancy and YouTube playlists.

Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024

Victor Rentea

ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke

Product Anonymous

Architecting Cloud Native Applications

WSO2

Elevate Developer Efficiency & build GenAI Application with Amazon Q

Bhuvaneswari Subramani

Whatsapp Number Escorts Call girls 8617370543 Available 24x7 Mcleodganj Call Girls Service Offer Genuine VIP Model Escorts Call Girls in Your Budget. Mcleodganj Call Girls Service Provide Real Call Girls Number. Make Your Sexual Pleasure Memorable with Our Mcleodganj Call Girls at Affordable Price. Top VIP Escorts Call Girls, High Profile Independent Escorts Call Girls, Housewife Women Escorts Call Girl, College Girls Escorts Call Girls, Russian Escorts Call girls Service in Your Budget.

Mcleodganj Call Girls 🥰 8617370543 Service Offer VIP Hot Model

Deepika Singh

Angeliki Cooney has spent over twenty years at the forefront of the life sciences industry, working out of Wynantskill, NY. She is highly regarded for her dedication to advancing the development and accessibility of innovative treatments for chronic diseases, rare disorders, and cancer. Her professional journey has centered on strategic consulting for biopharmaceutical companies, facilitating digital transformation, enhancing omnichannel engagement, and refining strategic commercial practices. Angeliki's innovative contributions include pioneering several software-as-a-service (SaaS) products for the life sciences sector, earning her three patents. As the Senior Vice President of Life Sciences at Avenga, Angeliki orchestrated the firm's strategic entry into the U.S. market. Avenga, a renowned digital engineering and consulting firm, partners with significant entities in the pharmaceutical and biotechnology fields. Her leadership was instrumental in expanding Avenga's client base and establishing its presence in the competitive U.S. market.

Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...

Angeliki Cooney

Dernier (20)

Understanding the FAA Part 107 License ..

Vector Search -An Introduction in Oracle Database 23ai.pptx

Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...

Exploring Multimodal Embeddings with Milvus

[BuildWithAI] Introduction to Gemini.pdf

Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood

TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery

Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...

DBX First Quarter 2024 Investor Presentation

Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...

Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...

Introduction to Multilingual Retrieval Augmented Generation (RAG)

Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe

Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...

Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024

ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke

Architecting Cloud Native Applications

Elevate Developer Efficiency & build GenAI Application with Amazon Q

Mcleodganj Call Girls 🥰 8617370543 Service Offer VIP Hot Model

Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...

Facebook App Development

1. Facebook App Development An introduction by Cristiano Betta

2. About me Senior Web Developer @ Nudge London

3. About me Freelance Web Developer

4. About me Hobby Photographer

5. About me Geek

6. Why Facebook Apps? Bring existing apps into Facebook

7. Why Facebook Apps? Harvest social relationships

8. Why Facebook Apps? Campaign on Facebook

9. Why Facebook Apps? Bring a brand into Facebook

10. Why Facebook Apps Launch brand within Facebook

11. Facebook API

12. Facebook API FBML/XFBML

13. Facebook API FBML/XFBML Subset of HTML/XML, with some extra (powerful) Facebook tags

14. Facebook API FBML/XFBML Subset of HTML/XML, with some extra (powerful) Facebook tags <fb:name uid="12345" capitalize="true" />

15. Facebook API FBML/XFBML Subset of HTML/XML, with some extra (powerful) Facebook tags <fb:name uid="12345" capitalize="true" /> FQL

16. Facebook API FBML/XFBML Subset of HTML/XML, with some extra (powerful) Facebook tags <fb:name uid="12345" capitalize="true" /> FQL Ideal for querying extra data server side

17. Facebook API FBML/XFBML Subset of HTML/XML, with some extra (powerful) Facebook tags <fb:name uid="12345" capitalize="true" /> FQL Ideal for querying extra data server side SELECT name, pic FROM user WHERE uid=12345

18. Facebook API FBML/XFBML Subset of HTML/XML, with some extra (powerful) Facebook tags <fb:name uid="12345" capitalize="true" /> FQL Ideal for querying extra data server side SELECT name, pic FROM user WHERE uid=12345 FBJS

19. What’s in a FB app? Application Directory

20. What’s in a FB app? About Page

21. What’s in a FB app? Proﬁle

22. What’s in a FB app? Applications menu

23. What’s in a FB app? Bookmarks

24. What’s in a FB app? Applications Tab

25. What’s in a FB app? Boxes Tab

26. What’s in a FB app? Proﬁle Info Section

27. What’s in a FB app? Publisher

28. What’s in a FB app? News Feed

29. What’s in a FB app? And much more.....

30. Integration Points Canvas pages Canvas Tab Attachment

31. Integration Points Asynchronous FBML Proﬁle box Info tab box Boxes Tab

32. Canvas Facebook in Browser Application Canvas Facebook Server Application Server

33. Canvas Facebook in Browser Application Canvas 1 - Browser makes request Facebook Server Application Server

34. Canvas Facebook in Browser Application Canvas 1 - Browser makes request Facebook Server Application Server

35. Canvas Facebook in Browser Application Canvas 1 - Browser makes request 2 - FB server calls web server Facebook Server Application Server

36. Canvas Facebook in Browser Application Canvas 1 - Browser makes request 2 - FB server calls web server Facebook Server Application Server

37. Canvas Facebook in Browser Application Canvas 1 - Browser makes request 2 - FB server calls web server 3 - App Calls FB API (optional) Facebook Server Application Server

38. Canvas Facebook in Browser Application Canvas 1 - Browser makes request 2 - FB server calls web server 3 - App Calls FB API (optional) Facebook Server Application Server

39. Canvas Facebook in Browser Application Canvas 1 - Browser makes request 2 - FB server calls web server 3 - App Calls FB API (optional) Facebook Server 4 - App returns FBML Application Server

40. Canvas Facebook in Browser Application Canvas 1 - Browser makes request 2 - FB server calls web server 3 - App Calls FB API (optional) Facebook Server 4 - App returns FBML Application Server

41. Canvas Facebook in Browser Application Canvas 1 - Browser makes request 2 - FB server calls web server 3 - App Calls FB API (optional) Facebook Server 4 - App returns FBML 5 - Facebook renders FBML to HTML Application Server

42. Canvas Facebook in Browser Application Canvas 1 - Browser makes request 2 - FB server calls web server 3 - App Calls FB API (optional) Facebook Server 4 - App returns FBML 5 - Facebook renders FBML to HTML Application Server

43. Proﬁle Facebook in Browser Proﬁle Box Facebook Server Application Server

44. Proﬁle Facebook in Browser Proﬁle Box 0 - Application provides FBML Facebook Server Application Server

45. Proﬁle Facebook in Browser Proﬁle Box 0 - Application provides FBML Facebook Server Application Server

46. Proﬁle Facebook in Browser Proﬁle Box 0 - Application provides FBML 1 - Browser makes request Facebook Server Application Server

47. Proﬁle Facebook in Browser Proﬁle Box 0 - Application provides FBML 1 - Browser makes request Facebook Server Application Server

48. Profile Facebook in Browser Profile Box 0 - Application provides FBML 1 - Browser makes request 2 - Facebook server renders Facebook Server profile FBML to HTML Application Server

49. Profile Facebook in Browser Profile Box 0 - Application provides FBML 1 - Browser makes request 2 - Facebook server renders Facebook Server profile FBML to HTML Application Server

50. Authentication

51. Authentication

52. Without Authorization

53. Without Authorization fb_sig_added fb_sig_api_key fb_sig_friends fb_sig_time fb_sig_user/fb_sig_canvas_user

54. Without Authorization

55. Without Authorization fb_sig_in_canvas fb_sig_in_profile_tab fb_sig_profile_user fb_sig_profile_session_key fb_sig_page_id fb_sig_page_added

56. When authorized

57. When authorized fb_sig_session_key fb_sig_expires fb_sig_proﬁle_update_time fb_sig_ext_perms

58. Security?

59. Security? fb_sig!

60. How to get started http://www.facebook.com/developers

61. How to get started Create a new app and get API key, Secret, and more....