Slideshare.net (beta)

Slide 1: Exploring Facebook and the F8 Platform Charles Bihis

Slide 2: Outline of Presentation • Facebook Development Platform • Facebook Apps and Statistcs • Dissecting a Facebook App • Building an App—Preview http://apps.facebook.com/canvas_test_app/ • Summary

Slide 3: 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!

Slide 4: 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

Slide 5: 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

Slide 6: Dissecting a FB App • About • Left Nav • Canvas Pages • Home • Dashboard • Profile • News Feed

Slide 7: Facebook Development • Proprietary markup language  ‘fbml’ is used to structure FB apps • Converted to html at runtime as content is routed  through FB Facebook • ‘Proxy’ based app. Structure – FB remains in control of all apps – Must find your own hosting – Slight performance hit Client Server

Slide 8: 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

Slide 9: 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!

Slide 10: 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

Slide 11: Demo

Slide 12: Q & A

Slide 13: Resources • Coding4Fun—Collection of Resources for  beginning Facebook Development:  http://blogs.msdn.com/coding4fun/archive/2 007/05/24/2854939.aspx • CodePlex—Home for the .NET FB SDK: http://www.codeplex.com/FacebookToolkit • FB Developer Documentation (API) http://developers.facebook.com/