Facebook App Development

•

0 recomendaciones•586 vistas

Syed Umair Javed

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

Tecnología

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

Más contenido relacionado

Similar a 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

Similar a 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

Último

DBX First Quarter 2024 Investor Presentation

Dropbox

Webinar Recording: https://www.panagenda.com/webinars/why-teams-call-analytics-is-critical-to-your-entire-business Nothing is as frustrating and noticeable as being in an important call and being unable to see or hear the other person. Not surprising then, that issues with Teams calls are among the most common problems users call their helpdesk for. Having in depth insight into everything relevant going on at the user’s device, local network, ISP and Microsoft itself during the call is crucial for good Microsoft Teams Call quality support. To ensure a quick and adequate solution and to ensure your users get the most out of their Microsoft 365. But did you know that ‘bad calls’ are also an excellent indicator of other problems arising? Precisely because it is so noticeable!? Like the canary in the mine, bad calls can be early indicators of problems. Problems that might otherwise not have been noticed for a while but can have a big impact on productivity and satisfaction. Join this session by Christoph Adler to learn how true Microsoft Teams call quality analytics helped other organizations troubleshoot bad calls and identify and fix problems that impacted Teams calls or the use of Microsoft365 in general. See what it can do to keep your users happy and productive! In this session we will cover - Why CQD data alone is not enough to troubleshoot call problems - The importance of attributing call problems to the right call participant - What call quality analytics can do to help you quickly find, fix-, and prevent problems - Why having retrospective detailed insights matters - Real life examples of how others have used Microsoft Teams call quality monitoring to problem shoot problems with their ISP, network, device health and more.

Why Teams call analytics are critical to your entire business

panagenda

Artificial Intelligence Chap.5 : Uncertainty

Khushali Kathiriya

In the thrilling conclusion to 2023, ransomware groups had a banner year, really outdoing themselves in the "make everyone's life miserable" department. LockBit 3.0 took gold in the hacking olympics, followed by the plucky upstarts Clop and ALPHV/BlackCat. Apparently, 48% of organizations were feeling left out and decided to get in on the cyber attack action. Business services won the "most likely to get digitally mugged" award, with education and retail nipping at their heels. Hackers expanded their repertoire beyond boring old encryption to the much more exciting world of extortion. The US, UK and Canada took top honors in the "countries most likely to pay up" category. Bitcoins were the currency of choice for discerning hackers, because who doesn't love untraceable money?

Ransomware_Q4_2023. The report. [EN].pdf

Overkill Security

"I see eyes in my soup": How Delivery Hero implemented the safety system for ...

Zilliz

The Good, the Bad and the Governed - Why is governance a dirty word? David O'Neill, Chief Operating Officer - APIContext 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 - The Good, the Bad and the Governed by David O'Neill, ...

apidays

FWD Group - Insurer Innovation Award 2024

The Digital Insurer

GenAI Risks & Security Meetup 01052024.pdf

lior mazor

Manulife - Insurer Transformation Award 2024

The Digital Insurer

Real Time Object Detection Using Open CV

Khem

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

Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood

Juan lago vázquez

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

This presentations targets students or working professionals. You may know Google for search, YouTube, Android, Chrome, and Gmail, but did you know Google has many developer tools, platforms & APIs? This comprehensive yet still high-level overview outlines the most impactful tools for where to run your code, store & analyze your data. It will also inspire you as to what's possible. This talk is 50 minutes in length.

Powerful Google developer tools for immediate impact! (2023-24 C)

wesley chun

EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER

MadyBayot

MS Copilot expands with MS Graph connectors

Nanddeep Nachan

MINDCTI Revenue Release Quarter One 2024

MIND CTI

The value of a flexible API Management solution for Open Banking Steve Melan, Manager for IT Innovation and Architecture - State's and Saving's Bank of Luxembourg 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 - The value of a flexible API Management solution for O...

apidays

Building Digital Trust in a Digital Economy Veronica Tan, Director - Cyber Security Agency of Singapore Apidays Singapore 2024: Connecting Customers, Business and Technology (April 17 & 18, 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 Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...

apidays

Whatsapp Number Escorts Call girls 8617370543 Available 24x7 Navi Mumbai Call Girls Service Offer Genuine VIP Model Escorts Call Girls in Your Budget. Navi Mumbai Call Girls Service Provide Real Call Girls Number. Make Your Sexual Pleasure Memorable with Our Navi Mumbai 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.

Navi Mumbai Call Girls 🥰 8617370543 Service Offer VIP Hot Model

Deepika Singh

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....