Where
Facebook Connects
Google Apps Engine
Robert Mao
http://dev.robertmao.com/

Disclaimer
 I work for Microsoft.
 The opinions expressed herein are my own personal
opinions and do not represent my employer's view
in any way.
 Use your own best judgment on what I commented on
Facebook, Google, Microsoft, …

Facebook

Facebook Application

Facebook Connect

Facebook Facebook
Application ? Connect

Facebook Application
Your web app
Facebook
Browser

Facebook Connect
Facebook
Your web app
Browser

Facebook Facebook
Application = Connect

Google Apps Engine

What’s Google Apps Engine?
 Fancy/buzz words: Cloud Computing
 Honest explain: a free, powerful virtual web hosting
 Grow big: It’s scalable! (almost for free!)

Why Google Apps Engine?
 It’s free! (almost)
 It’s easy, no setup, no install, no hassles…
 It’s scalable! (and almost for “free”)

Tools or links you need…
 Google Apps Engine SDK: http://code.google.com/appengine/
 Eclipse: http://www.eclipse.org/
 PyDev: http://pydev.sourceforge.net/
 Django: http://www.djangoproject.com/
 App Engine Patch: http://code.google.com/p/app-engine-patch/
 pyFacebook: http://github.com/sciyoshi/pyfacebook/

Demo: Guinness
A nightly build facebook application on Google Apps Engine

Demo: Guinness
 Try it your self:
http://apps.facebook.com/guinness-pints

Ideas behind this demo…
 Facebook application and connect in one
 Social game as a marketing tool
 Agile and quick development, deployment is possible
and easy!
 More …

How it built… in 5 min…
Create facebook application Begin a GAE project…

How it built… in 10 min
Face application Facebook connect website

How it built… in 30 min …
Face application Facebook connect website

How it built… in 60 min…

Download code to hack and improve by
yourself:
http://github.com/mave99a/fb-guinness/
Feel free to buy me some: 

Let’s warp up…

References
 http://developers.facebook.com/tools.php Developer tools
 http://www.somethingtoputhere.com/demo/xfbml_console/index.html
XFBML consoles
 FB App Canvas Pages: I Think I’d Use Iframes iFrame .vs. FBML?
iFrame!
 http://www.iconeasy.com/ Free Icons!
 http://devtacular.com/articles/bkonrad/how-to-style-an-application-like-fa
Make apps looks like facebook

Thank you!
Robert Mao
Zhihong.mao@gmail.com
http://robertmao.com/
http://facebook.com/robert.mao/