Creating social games for millions of users

How to create socialgames for millions ofusersBastian HofmannVZnet Netzwerke Ltd.

• Social games at VZnet• Introduction to OpenSocial• Key concepts of OpenSocial• Demo: Creating a social game

Questions? Ask!

http://slideshare.net/bashofmann

Apps and Games @VZnet 33 Mio. Installs 1,8 Mio. DAU 5,5 Mio. MAU

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

Dorﬂeben (HalfQuest)

• ... a set of APIs to access the social graph of users• ... a speciﬁcation for including 3rd party applications (gadgets) into social services

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

What is a Gadget?• XML ﬁle with HTML and JavaScript (and CSS, Images, Flash, ...)• Application based on the Google Gadgets speciﬁcation• Can be included on various platforms

Rendering

CONTAINER GADGETmeinvz.net apivz.net

Social APIs

• OpenSource implementation of an OpenSocial container • Java and PHP versions available • New: MySpace is currently open sourcing their .NET implementationhttp://shindig.apache.org/

CANVAS

PROFILE

PREVIEW

Features

VIEWER

Authentiﬁcation• Two-Legged or Three-Legged OAuth• Security Token for JavaScript requests from gadget

Application models

JavaScript basedContainer Shindigvz.net apivz.net Ajax HTTP HTTP Gadget Gadget Backend apivz.net api.twitter.com

ProxyContainer Shindigvz.net apivz.net Ajax HTTP Gadget Gadget Backend Ajax apivz.net api.twitter.com

JavaScript RPCContainer - window.postMessagevz.net - Iframes with relay ﬁles Method Call - Flash Gadget apivz.net

FlashContainer Shindigvz.net apivz.net Ajax HTTP Gadget apivz.net HTTP Gadget Backend api.twitter.com Flash HTTP

RedirectingContainer Shindigvz.net apivz.net HTTP iframe api.twitter. Gadget Backend com api.twitter.com Ajax

Additional IframeContainer Shindigvz.net apivz.net Ajax HTTP Gadget apivz.net Gadget Backend api.twitter.com iframe Ajax

OpenSocial Templates Proxied Content OSAPI OAuth Proxy RequestsOpenSocial on the iPhone DataPipelining OEmbed Let‘s start programming

https://github.com/bashofmann/opensocial_demo_game

Proxied Content

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/

hSp://twiSer.com/BasWanHofmannhSp://studivz.net/basWanhSp://slideshare.net/bashofmannbhofmann@vz.nethSp://developer.studivz.net

Creating social games for millions of users

by Bastian Hofmann on May 03, 2011

Accessibility

Categories

Upload Details

Usage Rights

2 Embeds 8

Statistics

Creating social games for millions of users Presentation Transcript

http://lanyrd.com	7
http://twitter.com	1