build facebook connect enabled applications with google apps engine

WhereFacebook 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

Your web app

Facebook

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…

Begin a GAE project…Create facebook application

How it built… in 10 min

Facebook connect websiteFace application

How it built… in 30 min …

Facebook connect websiteFace application

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-facebook/ Make apps looks like facebook

Thank you!

Robert MaoZhihong.mao@gmail.com http://robertmao.com/http://facebook.com/robert.mao/