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 m...
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

 ...
Why Google Apps Engine?
 It’s free! (almost)

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

 It’s scalable! (and almos...
Tools or links you need…
 Google Apps Engine SDK: http://code.google.com/appengine/

 Eclipse: http://www.eclipse.org/

...
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 de...
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_cons...
Thank you!

Robert Mao
Zhihong.mao@gmail.com
http://robertmao.com/
http://facebook.com/robert.mao/
Upcoming SlideShare
Loading in …5
×

Build Facebook Connect enabled applications with Google Apps Engine

11,282 views

Published on

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

Published in: Technology, Business
1 Comment
11 Likes
Statistics
Notes
No Downloads
Views
Total views
11,282
On SlideShare
0
From Embeds
0
Number of Embeds
235
Actions
Shares
0
Downloads
183
Comments
1
Likes
11
Embeds 0
No embeds

No notes for slide

Build Facebook Connect enabled applications with Google Apps Engine

  1. 1. Where Facebook Connects Google Apps Engine Robert Mao http://dev.robertmao.com/
  2. 2. 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, …
  3. 3. Facebook
  4. 4. Facebook Application
  5. 5. Facebook Connect
  6. 6. Facebook Facebook Application ? Connect
  7. 7. Facebook Application Your web app Facebook Browser
  8. 8. Facebook Connect Facebook Your web app Browser
  9. 9. Facebook Facebook Application = Connect
  10. 10. Google Apps Engine
  11. 11. 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!)
  12. 12. Why Google Apps Engine?  It’s free! (almost)  It’s easy, no setup, no install, no hassles…  It’s scalable! (and almost for “free”)
  13. 13. 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/
  14. 14. Demo: Guinness A nightly build facebook application on Google Apps Engine
  15. 15. Demo: Guinness  Try it your self: http://apps.facebook.com/guinness-pints
  16. 16. 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 …
  17. 17. How it built… in 5 min… Create facebook application Begin a GAE project…
  18. 18. How it built… in 10 min Face application Facebook connect website
  19. 19. How it built… in 30 min … Face application Facebook connect website
  20. 20. How it built… in 60 min…
  21. 21. Download code to hack and improve by yourself: http://github.com/mave99a/fb-guinness/ Feel free to buy me some: 
  22. 22. Let’s warp up…
  23. 23. 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
  24. 24. Thank you! Robert Mao Zhihong.mao@gmail.com http://robertmao.com/ http://facebook.com/robert.mao/

×