Closet Swap - Social Fashion App on Facebook talk at the IEEE UKRI Student Branch Congress 2011 (Queen Mary University of London)

1. Closet Swap
Social Fashion App on Facebook
Belén Albeza
@ladybenko

2. The team

3. What is Closet Swap?
• A social app to swap clothes with your
friends (web + mobile web + iPhone app)
• “Gamified”
• Part of Channel 4‘s 4Education programme
Sustainable Fashion

4. Sustainable Fashion

5. Goal
• Educate by encouraging a positive
behaviour (swapping instead of buying)

6. Features

7. Upload/import photos

8. Tag clothes

9. The closet

10. The collective closet

11. Borrow items

12. Manage your swaps

13. Fashion Finder

14. Parties!

15. Magazine

16. Gamification

17. Facebook

18. Why Facebook?
• TONS of users (750 mill. active users)
• Get advantage of an existing social graph
• Virality
• Image hosting
• Legal requirements (personal data of
minors)

19. JavaScript SDK
• Login/Logout
• API calls
• Dialogs (app requests, post to the Wall,
etc.)
• Plugins: likes, comments, login button

20. The 3 API’s
• Graph API
• FQL
• Old REST API (deprecated)

21. Graph API
https://graph.facebook.com/19292868552

22. FQL
https://api.facebook.com/method/fql.query?query=QUERY
SELECT uid, name FROM user WHERE uid IN (SELECT uid2 FROM
friend WHERE uid1 = me())

23. Old REST API

24. Which one should I
use?

25. Welcome to Facebook
Hell

26. ALL OF THEM
• Graph API: intuitive, supported, incomplete
• FQL: fast, read-only
• Old REST API: deprecated, complete

27. What do we use in CS?
• Authentication
• Social graph
• Photos
• App requests
• Events
• Plugins: comments, likes

28. Authentication
• JavaScript SDK (OAuth 2)
• We ask permissions the first time the user
logs in
• We only store the user ID in the DB, and
fetch all the other data from Facebook

29. Social graph
• Your clothes are only visible to your friends
• We avoid implementing a friend
management system
• When the user joins CS for the first time,
her friends’ data is already there! (helps to
cause a good impression)

30. Photos
• Graph API
• Photos are uploaded to a private album
• Only the image URL is stored (this URL is
permanent)
• We avoid hosting the images in our own
server

31. App Requests
• Graph API
• It’s our notifications
mechanism
• Messages from user to
user
• Increases CS presence
on Facebook (it’s a
“reminder”)

32. Events
• Graph API/FQL/Old REST API (yay!)
• Create parties and invite friends
• Increases Facebook presence

33. Plugins
• Quick and easy, out-of-the-box
• Virality (likes)
• We didn’t have to implement our own
comment system
• We don’t need to store personal data
(messages) in our DB

34. Thanks!
Questions?