ed ui - the facebook api: thinking about ui in a social way

Facebook Apps: Thinking about UI

in a social way

Wayne Graham, UVaArin Sime , OpenSource Connections

About Us

• Wayne Graham

• MA in History

• 10 years in higher ed/digital humanities

• Community Development

• Geek

• Facebook API Developer’s Guide

• Arin Sime• Software consultant with

OpenSource Connections

• UVa grad student at McIntire

• Adjunct instructor at VCU

• Working on challenge based fundraising tools for Facebook

http://www.redstamp.com/products/1931-Who-Cares-Sticky-Notes-Anne-Taintor

Is this a good idea

• 300+ million users

• Advertise events

• Connect with students and prospective students

• Limits...

Web APIs

• Extend existing applications

• Web services...

• Mashups

http://www.internetannoyanceday.com/wp-content/uploads/2009/04/programmer.jpg

Facebook API Workflow

Official Libraries

• Java

• PHP 5

• JavaScript

• iPhone (Objective C)

• ActionScript 3

• Force.com

Unsupported LibrariesAndroid

•ASP.net

•Cocoa

•ColdFusion

•C++

•C#

I can haz

my language

plzkthx

• Lisp• Perl• Python• Ruby• Smalltalk• Tcl• VB.NET• Windows Mobile• zembly

Components

• API (REST calls)

• FQL (Facebook Query Language)

• FBML/XFBML (extension of X/HTML tags)

• FBJS (scrubbed JS)

API Components

• Authorization

• Data Store

• Permissions

• Photo/Video Uploads

• Notification

First Steps

• Add Developer App (http://www.facebook.com/developers)

• Wiki (http://wiki.developers.facebook.com)

• Developer Forum (http://forum.developers.facebook.com/)

• Get a sample app

• Write Unit Tests!!!

Yo Dude, I’m real happy for you.Imma gonna let you finishbut MySpace is one of the best APIs of all time!!!

From one extreme...

http://apps.facebook.com/thesocialcircles/

... to the other extreme

http://apps.facebook.com/thesocialcircles/

Putting it all together

Facebook app

lifecycle

Get the Add

1. G

et t

he A

dd

Get the AddSetup

2. S

etup

Get the AddSetup

Incentivize

3. In

cent

iviz

e

Get the AddSetup

Incentivize

Shar

e

4. S

hare

Get the AddSetup

Incentivize

Shar

e

Feed5. F

eed

Get the AddSetup

Incentivize

Shar

e

Feed

Com

e ba

ck!

6. C

ome

back

!

Get the AddSetup

Incentivize

Shar

e

Feed

Com

e ba

ck!

And if you get it right...

Get the AddSetup

Incentivize

Shar

e

Feed

Com

e ba

ck!

And if you get it right...

Get the AddSetup

Incentivize

Shar

e

Feed

Com

e ba

ck!

And if you get it right...

Facebook Athenaeum• Get Facebook users to library resources

• Provide a social “hook”

• Open Source

Business

Hook

Questions?

http://www.facebook.com/designhttp://www.ustream.tv/channel/facebook-tech-talks

Wayne Graham, UVaArin Sime , OpenSource Connections

Oh yeah, code...

Oh yeah, code...

response = fbsession.users_getInfo(:uids =>

[fbsession.session_user_id], :fields => ["first_name", "last_name", "name",

"uid"])

Oh yeah, code...