With a user base higher than the population of the U.S., Facebook is fast becoming the largest market for online retailers. Don't miss out on all those potential customers! For more information on e-commerce Facebook integration, check out http://ww (more)
With a user base higher than the population of the U.S., Facebook is fast becoming the largest market for online retailers. Don't miss out on all those potential customers! For more information on e-commerce Facebook integration, check out http://www.makeanonlinestore.com/facebook-integration (less)
Slide 1: Facebook Apps: Thinking about UI in a social way
Wayne Graham, UVa Arin Sime , OpenSource Connections
Slide 2: 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
Slide 3: http://www.redstamp.com/products/1931-Who-Cares-Sticky-Notes-Anne-Taintor
Slide 4: Is this a good idea
• 300+ million users • Advertise events • Connect with
students and prospective students
• Limits...
Slide 5: Web APIs
• Extend existing
applications
• Web services... • Mashups
http://www.internetannoyanceday.com/wp-content/uploads/2009/04/programmer.jpg
Slide 6: Facebook API Workflow
Slide 7: Official Libraries
• Java • PHP 5 • JavaScript • iPhone (Objective C) • ActionScript 3 • Force.com
Slide 8: Unsupported Libraries
Android •ASP.net •Cocoa •ColdFusion •C++ •C# • • • • • • • • • Lisp Perl Python Ruby Smalltalk Tcl VB.NET Windows Mobile zembly
I can haz
my language plzkthx
Slide 9: Components
• API (REST calls) • FQL (Facebook Query Language) • FBML/XFBML (extension of X/HTML tags) • FBJS (scrubbed JS)
Slide 10: API Components
• Authorization • Data Store • Permissions • Photo/Video Uploads • Notification
Slide 11: First Steps
• Add Developer App (http: • Wiki (http: • Developer Forum (http: • Get a sample app • Write Unit Tests!!!
//wiki.developers.facebook.com) //www.facebook.com/developers)
//forum.developers.facebook.com/)
Slide 12: Yo Dude, I’m real happy for you. Imma gonna let you finish but MySpace is one of the best APIs of all time!!!
Slide 13: From one extreme...
http://apps.facebook.com/thesocialcircles/
Slide 14: ... to the other extreme
http://apps.facebook.com/thesocialcircles/
Slide 15: Putting it all together
Slide 16: Facebook app lifecycle
Slide 17: 1. Get the Add
Ge tt Ad he d
Slide 18: Ge tt Ad he d Se tup
2. Setup
Slide 19: Ge tt Ad he d Se tup
Inc en tiv ize
3. Incentivize
Slide 20: Ge tt Ad he d Se tup
Inc en tiv ize
4. Share
Sh
are
Slide 21: Ge tt Ad he d Se tup
Inc en tiv ize
5. Feed
Fe e
d
Sh
are
Slide 22: Ge tt Ad he d Se tup
Inc en tiv ize
6. Come back!
Co ba me ck !
Fe e
d
Sh
are
Slide 23: Ge tt Ad he d Se tup
And if you get it right...
Inc
en
Co ba me ck !
tiv
ize
Fe e
d
Sh
are
Slide 24: Ge tt Ad he d Se tup
And if you get it right...
Inc
en
Co ba me ck !
tiv
ize
Fe e
d
Sh
are
Slide 25: Ge tt Ad he d Se tup
And if you get it right...
Inc
en
Co ba me ck !
tiv
ize
Fe e
d
Sh
are
Slide 26: Facebook Athenaeum
• Get Facebook users to library resources • Provide a social “hook” • Open Source
Slide 27: Business
Slide 28: Hook
Slide 29: Questions?
http://www.facebook.com/design http://www.ustream.tv/channel/facebook-tech-talks
Wayne Graham, UVa Arin Sime , OpenSource Connections
Slide 30: Oh yeah, code...
Slide 31: Oh yeah, code...
response = fbsession.users_getInfo(:uids => [fbsession.session_user_id], :fields => ["first_name", "last_name", "name", "uid"])
Slide 32: Oh yeah, code...