2. Photographing
Music
Startups
Entrepreneurship www.lidans.com
About me Interests Contact
3. Agenda
Introduction to facebook platform
Facebook architecture, Platform components
Enhancing facebook pages with FBML
Using Static FBML Application
Facebook for Websites
Open Graph Protocol, Social Plugins
Facebook apps development
With ASP.NET MVC & Social Graph API
10. facebook platform- why?
More than
of facebook users engaged
70% with facebook applications
every day
More than facebook users engaged with
250M facebook on 2.5M websites every
month
More than facebook users accessing
200M facebook through their mobile
devices every day
14. What’s needed?
Be admin of your facebook page
Install Static FBML Application
Add FBML Tabs with static content
15. Before getting started...
facebook pages Max width is
only 520px
You cannot
auto run JavaScript
in FBML tab
Use external CSS
6 Tabs maximum file instead of
Use FBJS
<style> tag
31. What user likes in the real-world
Based off of the most popular categories for Facebook Pages
Activities
Businesses company, restaurant
Groups sports_team, cause
Organizations band, government
People musician, actor
Places city, country
Products and Entertainment book, movie, tv_show
Websites website, blog, article
37. Social Plugins
Provides integration between
facebook platform and your
website
Let user see what his friends have
liked, commented on or shared
across the web
38.
39. Social Plugins
Like Button Login
Activity Feed Facepile
Recommendations Comments
Like Box Live Stream
40. Like Box
Enable users to like your
facebook page and view its
stream directly from your
website
66. Authentication
OAuth 2.0-based authentication
https://graph.facebook.com/me?access_token=2227470867|2.v
UgGGAgEL6yF_LEYygniXA__.3600.1296417600698752998|rlW
FrcgmkEVVKd7aYi3bKjNZ1gU
Permissions
You must request specific permissions from the user
read_stream, publish_stream, user_photos,
user_checkins, user_location, offline_access
67. Authentication
OAuth 2.0-based authentication
https://www.facebook.com/dialog/oauth?client_id=114587458
https://www.facebook.com/dialog/oauth?client_id=114587458
https://graph.facebook.com/me?access_token=2227470867|2.v
&redirect_uri=http://www.lidans.com
UgGGAgEL6yF_LEYygniXA__.3600.1296417600698752998|rlW
&redirect_uri=http://www.lidans.com
FrcgmkEVVKd7aYi3bKjNZ1gU
Permissions
You must request specific permissions from the user
read_stream, publish_stream, user_photos,
user_checkins, user_location, offline_access
68. Publishing
HTTP POST https://graph.facebook.com/18754916/attending
HTTP POST https://graph.facebook.com/lidan/feed
{ message: ‘Hi, Do you like the graph API?’ }
HTTP POST https://graph.facebook.com/lidan/checkins
{ coordinates: { 32.175876, 34.889177 },
place: 149111711803941,
message: ‘playing with the graph API
at Microsoft Israel’
}
70. Deleting
HTTP DELETE https://graph.facebook.com/5174466698
More info about Facebook Social Graph:
http://graph.facebook.com
71. How facebook app works
5 Response
For application 6 HTML
Response user
Application server 3 API Call
4 API 1 User
Response Request
2 Request
For application
72. What’s needed?
Web Server Facebook Application
Valid domain or IP
(NO localhost)
SDK Application Id
API Key
AppSecret
73. Facebook applications
Setup a new application at:
Setup a new facebook
http://www.facebook.com/developers
application