14. Facebook API
FBML/XFBML
Subset of HTML/XML, with some extra (powerful)
Facebook tags
<fb:name uid=quot;12345quot; capitalize=quot;truequot; />
15. Facebook API
FBML/XFBML
Subset of HTML/XML, with some extra (powerful)
Facebook tags
<fb:name uid=quot;12345quot; capitalize=quot;truequot; />
FQL
16. Facebook API
FBML/XFBML
Subset of HTML/XML, with some extra (powerful)
Facebook tags
<fb:name uid=quot;12345quot; capitalize=quot;truequot; />
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=quot;12345quot; capitalize=quot;truequot; />
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=quot;12345quot; capitalize=quot;truequot; />
FQL
Ideal for querying extra data server side
SELECT name, pic FROM user WHERE uid=12345
FBJS
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. 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
49. 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