Exploring Facebookand the F8 Platform

Charles Bihis

Outline of Presentation

• Facebook Development Platform

• Facebook Apps and Statistcs

• Dissecting a Facebook App

• Building an App—Previewhttp://apps.facebook.com/canvas_test_app/

• Summary

Facebook Development Platform

• Launched June 1st

• API’s for interacting with Facebook

• Create new features and content

• Not like embedding feature in MySpace!

• Fully enable devs to plug in to platform

• Unlimited creativity!

Facebook Statistics

• 2nd Largest Social Networking

App

• 7th most visited site in the US

• #1 site in US for photos (> Flickr!)

• Network grows by 300% each year!

• Only available in English but soon expanding to other languages

FB Statistics

• 50% of FB users return to the site each day

• Users avg. 19 min/day on Facebook

• 90% of students on supported colleges have a FB profile 

• Freedom to monetize your applications however you want

• Mass distribution—”viral” applications

Dissecting a FB App

• About

• Left Nav

• Canvas Pages

• Home

• Dashboard

• Profile

• News Feed

Facebook Development

• Proprietary markup language 

‘fbml’ is used to structure FB apps

• Converted to html at runtime as content is routed through FB

• ‘Proxy’ based app. Structure– FB remains in control of all apps

– Must find your own hosting

– Slight performance hit

Facebook

ServerClient

Facebook Development and .NET

• Create Desktop apps, Web apps, and also embed them within FB

• Facebook Development Toolkit for .NET—can use any .NET language for FB dev

• Webforms, ASP .NET, WPF, and even LINQ can be utilized with the FB platform

Building an App

• .NET FB SDK interfaces with FB API

• Send/Receive data using HTTP and XML

• .NET and the Facebook.dll

• Facebook Service API wrapper returns objects representing facebook entities and data

• Abstraction makes creating FB apps easy!

Building an Canvas Page App

• Two options—FBML or Iframe

• Iframe allows for traditional web development

• Developer settings in FB– Acquire API Keys

– Set Callback, Post‐Add, and Side Nav URLS

– Develop web app and make it www accessible

Demo

Q & A

Resources

• Coding4Fun—Collection of Resources for beginning Facebook Development: http://blogs.msdn.com/coding4fun/archive/2007/05/24/2854939.aspx

• CodePlex—Home for the .NET FB SDK:

http://www.codeplex.com/FacebookToolkit

• FB Developer Documentation (API)

http://developers.facebook.com/