Creating social games for millions of users

1,716 views

Published on

Slides of my workshop at the QuoVadis conference about the creation of social games, based on OpenSocial

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,716
On SlideShare
0
From Embeds
0
Number of Embeds
13
Actions
Shares
0
Downloads
36
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Creating social games for millions of users

  1. 1. How to create socialgames for millions ofusersBastian HofmannVZnet Netzwerke Ltd.
  2. 2. • Social games at VZnet• Introduction to OpenSocial• Key concepts of OpenSocial• Demo: Creating a social game
  3. 3. You?
  4. 4. Questions? Ask!
  5. 5. http://slideshare.net/bashofmann
  6. 6. Apps  and  Games   @VZnet 33  Mio.  Installs 1,8  Mio.  DAU 5,5  Mio.  MAU
  7. 7. VZ-­‐Apps  compared  to  other  gaming  sites   Daily  Unique  Visitors  (Mio) Time  on  Site  (min) VZ-­‐Apps 1,80 10:50 jetztspielen.de 1,30 13:50 gameduell 1,10 20:00 SpieleFpps.de 1,00 09:00 king.com 1,00 28:00 BigPoint 1,00 05:40 1001spiele.de 0,46 20:00 spielkarussel 0,43 14:40 gamesload 0,29 04:30 feLspielen 0,24 14:20 spielen.de 0,18 12:30 Yahoo!  Spiele 0,16 04:30 spiele-­‐zone.de 0,12 12:00 sevengames 0,11 05:50 Google! Adplanner, Feb 2010
  8. 8. Dorfleben  (HalfQuest)
  9. 9. DEMO
  10. 10. • ... a set of APIs to access the social graph of users• ... a specification for including 3rd party applications (gadgets) into social services
  11. 11. Top  Developers  at  VZnet 4.6  Mio. Beijing  ELEX 2.08  Mio. Plinga 1.33  Mio. i-­‐Jet  Media Monthly active users within all applications
  12. 12. What is a Gadget?• XML file with HTML and JavaScript (and CSS, Images, Flash, ...)• Application based on the Google Gadgets specification• Can be included on various platforms
  13. 13. Rendering
  14. 14. CONTAINER GADGETmeinvz.net apivz.net
  15. 15. Social APIs
  16. 16. • OpenSource implementation of an OpenSocial container • Java and PHP versions available • New: MySpace is currently open sourcing their .NET implementationhttp://shindig.apache.org/
  17. 17. Views
  18. 18. CANVAS
  19. 19. PROFILE
  20. 20. POPUP
  21. 21. GROUP
  22. 22. EMBED
  23. 23. PREVIEW
  24. 24. Features
  25. 25. VIEWER
  26. 26. Authentification• Two-Legged or Three-Legged OAuth• Security Token for JavaScript requests from gadget
  27. 27. Application models
  28. 28. JavaScript basedContainer Shindigvz.net apivz.net Ajax HTTP HTTP Gadget Gadget Backend apivz.net api.twitter.com
  29. 29. ProxyContainer Shindigvz.net apivz.net Ajax HTTP Gadget Gadget Backend Ajax apivz.net api.twitter.com
  30. 30. JavaScript RPCContainer - window.postMessagevz.net - Iframes with relay files Method Call - Flash Gadget apivz.net
  31. 31. FlashContainer Shindigvz.net apivz.net Ajax HTTP Gadget apivz.net HTTP Gadget Backend api.twitter.com Flash HTTP
  32. 32. RedirectingContainer Shindigvz.net apivz.net HTTP iframe api.twitter. Gadget Backend com api.twitter.com Ajax
  33. 33. Additional IframeContainer Shindigvz.net apivz.net Ajax HTTP Gadget apivz.net Gadget Backend api.twitter.com iframe Ajax
  34. 34. OpenSocial Templates Proxied Content OSAPI OAuth Proxy RequestsOpenSocial on the iPhone DataPipelining OEmbed Let‘s start programming
  35. 35. https://github.com/bashofmann/opensocial_demo_game
  36. 36. DEMO
  37. 37. Proxied Content
  38. 38. DEMO
  39. 39. OAuth 1.0a Flow+----------+ +---------------+| -+----(B)-- Request Token -------->| || End-user | | Authorization || at |<---(C)-- User authenticates --->| Server || Browser | | || -+----(D)-- Verifier -------------<| |+-|----|---+ +---------------+ | | ^ v (B) (D) | | | | | | ^ v | |+---------+ | || |>---(A)-- Redirect URL ---------------| || Web |<---(A)-- Request Token + Secret -----| || Client |>---(E)-- Request Token, Verifier ---- || |<---(E)-- Access Token + Secret -------------+---------+Every Request: Client Credentials, Nonce, Timestamp, Signaturehttp://oauth.net/
  40. 40. DEMO
  41. 41. DEMO
  42. 42. hSp://twiSer.com/BasWanHofmannhSp://studivz.net/basWanhSp://slideshare.net/bashofmannbhofmann@vz.nethSp://developer.studivz.net

×