Your SlideShare is downloading. ×
Ed Ui - The Facebook API:  Thinking about UI in a social way
Ed Ui - The Facebook API:  Thinking about UI in a social way
Ed Ui - The Facebook API:  Thinking about UI in a social way
Ed Ui - The Facebook API:  Thinking about UI in a social way
Ed Ui - The Facebook API:  Thinking about UI in a social way
Ed Ui - The Facebook API:  Thinking about UI in a social way
Ed Ui - The Facebook API:  Thinking about UI in a social way
Ed Ui - The Facebook API:  Thinking about UI in a social way
Ed Ui - The Facebook API:  Thinking about UI in a social way
Ed Ui - The Facebook API:  Thinking about UI in a social way
Ed Ui - The Facebook API:  Thinking about UI in a social way
Ed Ui - The Facebook API:  Thinking about UI in a social way
Ed Ui - The Facebook API:  Thinking about UI in a social way
Ed Ui - The Facebook API:  Thinking about UI in a social way
Ed Ui - The Facebook API:  Thinking about UI in a social way
Ed Ui - The Facebook API:  Thinking about UI in a social way
Ed Ui - The Facebook API:  Thinking about UI in a social way
Ed Ui - The Facebook API:  Thinking about UI in a social way
Ed Ui - The Facebook API:  Thinking about UI in a social way
Ed Ui - The Facebook API:  Thinking about UI in a social way
Ed Ui - The Facebook API:  Thinking about UI in a social way
Ed Ui - The Facebook API:  Thinking about UI in a social way
Ed Ui - The Facebook API:  Thinking about UI in a social way
Ed Ui - The Facebook API:  Thinking about UI in a social way
Ed Ui - The Facebook API:  Thinking about UI in a social way
Ed Ui - The Facebook API:  Thinking about UI in a social way
Ed Ui - The Facebook API:  Thinking about UI in a social way
Ed Ui - The Facebook API:  Thinking about UI in a social way
Ed Ui - The Facebook API:  Thinking about UI in a social way
Ed Ui - The Facebook API:  Thinking about UI in a social way
Ed Ui - The Facebook API:  Thinking about UI in a social way
Ed Ui - The Facebook API:  Thinking about UI in a social way
Ed Ui - The Facebook API:  Thinking about UI in a social way
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Ed Ui - The Facebook API: Thinking about UI in a social way

1,135

Published on

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 …

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.

Published in: Technology
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,135
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
32
Comments
0
Likes
2
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Facebook Apps: Thinking about UI in a social way Wayne Graham, UVa Arin Sime , OpenSource Connections
  • 2. About Us • Wayne Graham • Arin Sime • Software consultant with • MA in History OpenSource Connections • 10 years in higher ed/digital • UVa grad student at McIntire humanities • Community Development • Adjunct instructor at VCU • Geek • Working on challenge based fundraising tools for Facebook • Facebook API Developer’s Guide
  • 3. http://www.redstamp.com/products/1931-Who-Cares-Sticky-Notes-Anne-Taintor
  • 4. Is this a good idea • 300+ million users • Advertise events • Connect with students and prospective students • Limits...
  • 5. Web APIs • Extend existing applications • Web services... • Mashups http://www.internetannoyanceday.com/wp-content/uploads/2009/04/programmer.jpg
  • 6. Facebook API Workflow
  • 7. Official Libraries • Java • PHP 5 • JavaScript • iPhone (Objective C) • ActionScript 3 • Force.com
  • 8. Unsupported Libraries Android • • Lisp Perl I can haz •ASP.net • Python • Ruby •Cocoa • Smalltalk •ColdFusion • Tcl • VB.NET •C++ • • Windows Mobile zembly my language •C# plzkthx
  • 9. Components • API (REST calls) • FQL (Facebook Query Language) • FBML/XFBML (extension of X/HTML tags) • FBJS (scrubbed JS)
  • 10. API Components • Authorization • Data Store • Permissions • Photo/Video Uploads • Notification
  • 11. 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!!!
  • 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!!!
  • 13. From one extreme... http://apps.facebook.com/thesocialcircles/
  • 14. ... to the other extreme http://apps.facebook.com/thesocialcircles/
  • 15. Putting it all together
  • 16. Facebook app lifecycle
  • 17. 1. Get the Add Ge d tt Ad he
  • 18. Ge tt Ad he d Se tup 2. Setup
  • 19. Ge tt Ad he d Se tup Inc en tiv ize 3. Incentivize
  • 20. Ge tt Ad he d Se tup Inc en tiv ize are 4. Share Sh
  • 21. Ge tt Ad he d Se tup Inc en tiv ize are 5. Feed Sh Fe ed
  • 22. Ge tt Ad he d Se tup Inc en tiv ize ba me ! ck Co 6. Come back! are Sh Fe ed
  • 23. Ge And if you get it right... tt Ad he d Se tup Inc en tiv ize ba me ! ck Co are Sh Fe ed
  • 24. Ge And if you get it right... tt Ad he d Se tup Inc en tiv ize ba me ! ck Co are Sh Fe ed
  • 25. Ge And if you get it right... tt Ad he d Se tup Inc en tiv ize ba me ! ck Co are Sh Fe ed
  • 26. Facebook Athenaeum • Get Facebook users to library resources • Provide a social “hook” • Open Source
  • 27. Business
  • 28. Hook
  • 29. Questions? Wayne Graham, UVa http://www.facebook.com/design Arin Sime , OpenSource Connections http://www.ustream.tv/channel/facebook-tech-talks
  • 30. Oh yeah, code...
  • 31. Oh yeah, code... response = fbsession.users_getInfo(:uids => [fbsession.session_user_id], :fields => ["first_name", "last_name", "name", "uid"])
  • 32. Oh yeah, code...

×