build facebook connect enabled applications with google apps engine

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

Upload: web2-ireland

Post on 17-May-2015

10.463 views

Category:

Technology


3 download

DESCRIPTION

Robert Mao's talk at the second Facebook Garage Ireland. Organised by Web2Ireland and sponsored by Facebook and Enterprise Ireland

TRANSCRIPT

Page 1: Build Facebook Connect enabled applications with Google Apps Engine

WhereFacebook Connects

Google Apps Engine

Robert Mao

http://dev.robertmao.com/

Page 2: Build Facebook Connect enabled applications with Google Apps Engine

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, …

Page 3: Build Facebook Connect enabled applications with Google Apps Engine

Facebook

Page 4: Build Facebook Connect enabled applications with Google Apps Engine

Facebook Application

Page 5: Build Facebook Connect enabled applications with Google Apps Engine

Facebook Connect

Page 6: Build Facebook Connect enabled applications with Google Apps Engine

Facebook Facebook

Application ? Connect

Page 7: Build Facebook Connect enabled applications with Google Apps Engine

Facebook Application

Your web app

Facebook

Browser

Page 8: Build Facebook Connect enabled applications with Google Apps Engine

Facebook Connect

Your web app

Facebook

Browser

Page 9: Build Facebook Connect enabled applications with Google Apps Engine

Facebook Facebook

Application = Connect

Page 10: Build Facebook Connect enabled applications with Google Apps Engine

Google Apps Engine

Page 11: Build Facebook Connect enabled applications with 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!)

Page 12: Build Facebook Connect enabled applications with Google Apps Engine

Why Google Apps Engine?

It’s free! (almost)

It’s easy, no setup, no install, no hassles…

It’s scalable! (and almost for “free”)

Page 13: Build Facebook Connect enabled applications with Google Apps Engine

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/

Page 14: Build Facebook Connect enabled applications with Google Apps Engine

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

Page 15: Build Facebook Connect enabled applications with Google Apps Engine

Demo: Guinness

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

Page 16: Build Facebook Connect enabled applications with Google Apps Engine

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 …

Page 17: Build Facebook Connect enabled applications with Google Apps Engine

How it built… in 5 min…

Begin a GAE project…Create facebook application

Page 18: Build Facebook Connect enabled applications with Google Apps Engine

How it built… in 10 min

Facebook connect websiteFace application

Page 19: Build Facebook Connect enabled applications with Google Apps Engine

How it built… in 30 min …

Facebook connect websiteFace application

Page 20: Build Facebook Connect enabled applications with Google Apps Engine

How it built… in 60 min…

Page 21: Build Facebook Connect enabled applications with Google Apps Engine

Download code to hack and improve by yourself:http://github.com/mave99a/fb-guinness/

Feel free to buy me some:

Page 22: Build Facebook Connect enabled applications with Google Apps Engine

Let’s warp up…

Page 23: Build Facebook Connect enabled applications with Google Apps Engine

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

Page 24: Build Facebook Connect enabled applications with Google Apps Engine

Thank you!

Robert [email protected] http://robertmao.com/http://facebook.com/robert.mao/