Facebook API in the Real World - Myles Noton - Miniclip

Myles Noton @mylesnoton www.miniclip.com

Unique visitors / month
65,000,000+

Registered users
20,000,000

Flash and Shockwave Games
500+

At least 7 employees MIA in on-going Nerf wars…

PS3 / Xbox 360 / Wii
Free Beer & Drinks
Roof Terrace
Yoga
Pool Table
Foosball
Arcade Games
Free Ice cream
etc...

http://corporate.miniclip.com/careers
We’re hiring!

How we use the Facebook Platform

Because of our size, the site could be impersonal and anonymous at times
The UX Problem Using the Facebook Platform and feature we call the “Players League” Our Solution

Er... Who are these guys?

Yay,
My Friends!

Technologies we used…
Facebook Connect
Facebook Javascript SDK
Flash External Interface
Facebook Real-time API
Facebook Graph API

Facebook Connect
Auto Signup with API User Data
Frictionless, Quick & Convenient
Single Click Sign-in

FB.ui components used to allow users to post challenges to friends
FB.ui

Users can invite friends to play on Miniclip from the league

flash.external.ExternalInterface
Call Javascript from within flash
Directly interface with the Javascript SDK
Trigger API messages and events based on in game events

Login triggered from Flash

Notification Triggered from flash

No More Polling
Pre-cached fresh data
Works better with offline access
Real-time API

Before Real-time API Facebook User Miniclip Profile Update API Call to get data 8

After Real-time API Facebook User Miniclip Profile Update Notification of change Call to get changed data

Implementing the Real-time API
Create an endpoint
- Web service or script triggered on FB event
Subscribe to events
- Receive confirmation of subscription from Facebook (once only)

http://developers.facebook.com/docs/api/realtime/

Gotchas

Per 600 seconds
600 Requests

Not http
Use https + Token

Invite request bounces to Facebook Homepage
Requests 2.0

Only canvas apps are supported
Requests 2.0

Modal boxes appear behind flash content FB.ui & Flash

Be careful with window modes
Display: ‘popup’ Wmode=“opaque”

Birthday was not being returned from the API

Always sanity check data from the API and plan for failure
Never trust the data

http://corporate.miniclip.com/careers
We’re hiring!

@ miniclip
@mylesnoton

Questions?

http://www.mylesnoton.com	369
http://www.facebookgarage.org.uk	86
http://twitter.com	8
http://www.facebookgarage.co.uk	1
http://lanyrd.com	1

Facebook API in the Real World - Myles Noton - Miniclip

by Myles Noton on Apr 20, 2011

Accessibility

Categories

Tags

Upload Details

Usage Rights

5 Embeds 465

Statistics

Facebook API in the Real World - Myles Noton - Miniclip — Presentation Transcript