advertisement

Facebook App Development

50 %
50 %
advertisement
Information about Facebook App Development
Technology

Published on December 8, 2008

Author: cbetta

Source: slideshare.net

Description

A little talk I gave at BarCamp Liverpool on how to get started with Facebook Apps. Totally out of date by now (2013).
advertisement

Facebook App Development An introduction by Cristiano Betta

About me Senior Web Developer @ Nudge London

About me Freelance Web Developer

About me Hobby Photographer

About me Geek

Why Facebook Apps? Bring existing apps into Facebook

Why Facebook Apps? Harvest social relationships

Why Facebook Apps? Campaign on Facebook

Why Facebook Apps? Bring a brand into Facebook

Why Facebook Apps Launch brand within Facebook

Facebook API

Facebook API FBML/XFBML

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=quot;12345quot; capitalize=quot;truequot; />

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

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

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

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

What’s in a FB app? Application Directory

What’s in a FB app? About Page

What’s in a FB app? Profile

What’s in a FB app? Applications menu

What’s in a FB app? Bookmarks

What’s in a FB app? Applications Tab

What’s in a FB app? Boxes Tab

What’s in a FB app? Profile Info Section

What’s in a FB app? Publisher

What’s in a FB app? News Feed

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

Integration Points Canvas pages Canvas Tab Attachment

Integration Points Asynchronous FBML Profile 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 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 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 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

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

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

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

Profile Facebook in Browser Profile Box Facebook Server Application Server

Profile Facebook in Browser Profile Box 0 - Application provides FBML Facebook Server Application Server

Profile Facebook in Browser Profile Box 0 - Application provides FBML Facebook Server Application Server

Profile Facebook in Browser Profile Box 0 - Application provides FBML 1 - Browser makes request Facebook Server Application Server

Profile Facebook in Browser Profile Box 0 - Application provides FBML 1 - Browser makes request Facebook Server Application Server

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

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

Authentication

Authentication

Without Authorization

Without Authorization fb_sig_added fb_sig_api_key fb_sig_friends fb_sig_time fb_sig_user/fb_sig_canvas_user

Without Authorization

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

When authorized

When authorized fb_sig_session_key fb_sig_expires fb_sig_profile_update_time fb_sig_ext_perms

Security?

Security? fb_sig!

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

More about me cristianobetta.com

More about me nudgelondon.com/cristiano

Questions...?

Add a comment

Related presentations

Presentación que realice en el Evento Nacional de Gobierno Abierto, realizado los ...

In this presentation we will describe our experience developing with a highly dyna...

Presentation to the LITA Forum 7th November 2014 Albuquerque, NM

Un recorrido por los cambios que nos generará el wearabletech en el futuro

Um paralelo entre as novidades & mercado em Wearable Computing e Tecnologias Assis...

Microsoft finally joins the smartwatch and fitness tracker game by introducing the...

Related pages

Facebook Developers - Facebook for Developers

Facebook Platform helps developers build, grow and monetize their business ☰ ... Monetize your mobile app or mobile website with ads. Messenger Platform.
Read more

App Development - Documentation - Facebook for Developers

Changelog. See what has changed in Facebook's APIs and SDKs. Upgrade Guide. Get details on how to upgrade your app for each version of Facebook's API.
Read more

Facebook | Facebook

Facebook. 172,921,938 likes · 469,559 talking about this. The Facebook Page celebrates how our friends inspire us, support us, and help us discover the...
Read more

AES Connect - Facebook App Development, Mobile App Development

Get Facebook app development and Mobile app development from a team in San Francisco led by a former Google engineer.
Read more

Facebook Mobile | Facebook

Get Facebook for iPhone, Blackberry, Android, Windows Phone, Nokia, and other mobile devices. Verify your phone to send status updates by email or text.
Read more

Facebook App Development - Cygnis Media

Cygnis Media top Facebook application Development Company, developing hundred of apps. Hire best Facebook development team to create Facebook Apps and games.
Read more

Facebook App Dev Agency - Application Development Company

Cygnis Media – US leading application development company offers Web, Mobile & Facebook App Development services. Hire online digital agency to promote ...
Read more

Webdigi - Mobile Apps Development Agency | Facebook app ...

Webdigi is a web agency in London. We design, build and develop custom web applications, facebook apps and fan pages, iphone and android mobile phone ...
Read more

Custom Facebook App Development | WebpageFX

WebpageFX focuses on strategic Facebook app development that can help strengthen your brand awareness and loyalty. Visit our site to learn more about our ...
Read more

Mobile App & Game Development Company - Social Cubix ...

Leading app development company with focus on app development, app design, and app strategy to passionately pursue the bleeding, hairsplitting, cutting ...
Read more