ed ui - the facebook api: thinking about ui in a social way
DESCRIPTION
Presented at EdUI 2009 at the University of Virginia, this presentation talks about UI and application design from the perspective of a Facebook application. First, UVa's Wayne Graham describes how Facebook applications works. Then Arin Sime, a Senior Consultant with OpenSource Connections, talks about best practices for developing facebook applications that will actually be used.TRANSCRIPT
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...