Facebook App Development

•

0 gostou•586 visualizações

Syed Umair Javed

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

Tecnologia

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

Mais conteúdo relacionado

Semelhante 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

Semelhante 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

Join our latest Connector Corner webinar to discover how UiPath Integration Service revolutionizes API-centric automation in a 'Quote to Cash' process—and how that automation empowers businesses to accelerate revenue generation. A comprehensive demo will explore connecting systems, GenAI, and people, through powerful pre-built connectors designed to speed process cycle times. Speakers: James Dickson, Senior Software Engineer Charlie Greenberg, Host, Product Marketing Manager

Connector Corner: Accelerate revenue generation using UiPath API-centric busi...

DianaGray10

Scaling API-first – The story of a global engineering organization

Radu Cotescu

MySQL Webinar, presented on the 25th of April, 2024. Summary: MySQL solutions enable the deployment of diverse Database Architectures tailored to specific needs, including High Availability, Disaster Recovery, and Read Scale-Out. With MySQL Shell's AdminAPI, administrators can seamlessly set up, manage, and monitor these solutions, ensuring efficiency and ease of use in their administration. MySQL Router, on the other hand, provides transparent routing from the application traffic to the backend servers in the architectures, requiring minimal configuration. Completely built in-house and supported by Oracle, these solutions have been adopted by enterprises of all sizes for their business-critical applications. In this presentation, we'll delve into various database architecture solutions to help you choose the right one based on your business requirements. Focusing on technical details and the latest features to maximize the potential of these solutions.

Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...

Miguel Araújo

Tata AIG General Insurance Company - Insurer Innovation Award 2024

The Digital Insurer

As privacy and data protection regulations evolve rapidly, organizations operating in multiple jurisdictions face mounting challenges to ensure compliance and safeguard customer data. With state-specific privacy laws coming up in multiple states this year, it is essential to understand what their unique data protection regulations will require clearly. How will data privacy evolve in the US in 2024? How to stay compliant? Our panellists will guide you through the intricacies of these states' specific data privacy laws, clarifying complex legal frameworks and compliance requirements. This webinar will review: - The essential aspects of each state's privacy landscape and the latest updates - Common compliance challenges faced by organizations operating in multiple states and best practices to achieve regulatory adherence - Valuable insights into potential changes to existing regulations and prepare your organization for the evolving landscape

TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments

TrustArc

Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...

Neo4j

Three things you will take away from the session: • How to run an effective tenant-to-tenant migration • Best practices for before, during, and after migration • Tips for using migration as a springboard to prepare for Copilot in Microsoft 365 Main ideas: Migration Overview: The presentation covers the current reality of cross-tenant migrations, the triggers, phases, best practices, and benefits of a successful tenant migration Considerations: When considering a migration, it is important to consider the migration scope, performance, customization, flexibility, user-friendly interface, automation, monitoring, support, training, scalability, data integrity, data security, cost, and licensing structure Next Wave: The next wave of change includes the launch of Copilot, which requires businesses to be prepared for upcoming changes related to Copilot and the cloud, and to consolidate data and tighten governance ShareGate: ShareGate can help with pre-migration analysis, configurable migration tool, and automated, end-user driven collaborative governance

Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff

sammart93

Strategies for Landing an Oracle DBA Job as a Fresher

Remote DBA Services

AWS Community Day CPH - Three problems of Terraform

Andrey Devyatkin

Abhishek Deb(1), Mr Abdul Kalam(2) M. Des (UX) , School of Design, DIT University , Dehradun. This paper explores the future potential of AI-enabled smartphone processors, aiming to investigate the advancements, capabilities, and implications of integrating artificial intelligence (AI) into smartphone technology. The research study goals consist of evaluating the development of AI in mobile phone processors, analyzing the existing state as well as abilities of AI-enabled cpus determining future patterns as well as chances together with reviewing obstacles as well as factors to consider for more growth.

Exploring the Future Potential of AI-Enabled Smartphone Processors

debabhi2

How to Troubleshoot Apps for the Modern Connected Worker

ThousandEyes

presentation ICT roal in 21st century education

jfdjdjcjdnsjd

Partners Life - Insurer Innovation Award 2024

The Digital Insurer

Enterprise Knowledge’s Urmi Majumder, Principal Data Architecture Consultant, and Fernando Aguilar Islas, Senior Data Science Consultant, presented "Driving Behavioral Change for Information Management through Data-Driven Green Strategy" on March 27, 2024 at Enterprise Data World (EDW) in Orlando, Florida. In this presentation, Urmi and Fernando discussed a case study describing how the information management division in a large supply chain organization drove user behavior change through awareness of the carbon footprint of their duplicated and near-duplicated content, identified via advanced data analytics. Check out their presentation to gain valuable perspectives on utilizing data-driven strategies to influence positive behavioral shifts and support sustainability initiatives within your organization. In this session, participants gained answers to the following questions: - What is a Green Information Management (IM) Strategy, and why should you have one? - How can Artificial Intelligence (AI) and Machine Learning (ML) support your Green IM Strategy through content deduplication? - How can an organization use insights into their data to influence employee behavior for IM? - How can you reap additional benefits from content reduction that go beyond Green IM?

Driving Behavioral Change for Information Management through Data-Driven Gree...

Enterprise Knowledge

Axa Assurance Maroc - Insurer Innovation Award 2024

The Digital Insurer

This presentation explores the impact of HTML injection attacks on web applications, detailing how attackers exploit vulnerabilities to inject malicious code into web pages. Learn about the potential consequences of such attacks and discover effective mitigation strategies to protect your web applications from HTML injection vulnerabilities. for more information visit https://bostoninstituteofanalytics.org/category/cyber-security-ethical-hacking/

HTML Injection Attacks: Impact and Mitigation Strategies

Boston Institute of Analytics

GenCyber Cyber Security Day Presentation

Michael W. Hawkins

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

Imagine a world where information flows as swiftly as thought itself, making decision-making as fluid as the data driving it. Every moment is critical, and the right tools can significantly boost your organization’s performance. The power of real-time data automation through FME can turn this vision into reality. Aimed at professionals eager to leverage real-time data for enhanced decision-making and efficiency, this webinar will cover the essentials of real-time data and its significance. We’ll explore: FME’s role in real-time event processing, from data intake and analysis to transformation and reporting An overview of leveraging streams vs. automations FME’s impact across various industries highlighted by real-life case studies Live demonstrations on setting up FME workflows for real-time data Practical advice on getting started, best practices, and tips for effective implementation Join us to enhance your skills in real-time data automation with FME, and take your operational capabilities to the next level.

From Event to Action: Accelerate Your Decision Making with Real-Time Automation

Safe Software

Advantages of Hiring UIUX Design Service Providers for Your Business

Pixlogix Infotech

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