1. Intro to Google Gadgets and
Facebook Apps
Hung Truong

2. What’s a Google Gadget?
• A “Box of Stuff” that lives online
• Possibly dynamic
• Potentially interactive
• A way to provide quick heads-up info

3. What’s a Google Gadget?

4. A Static Gadget

5. A Dynamic Gadget

6. Hello, World!

7. Creating a Gadget

8. Where Do Gadgets Live?

9. Distribution

10. Google Gadgets Pros/Cons
• Pros:
▫ Hosted by Google (optionally)
▫ Relatively easy to program
▫ Well documented, lots of examples
▫ Easy to share, distribute to anyone, anywhere
• Cons:
▫ Hosted by Google (author issues, etc)
▫ Still requires an understanding of html and
javascript.

11. What’s a Facebook App?
• A website within Facebook
• Can access user data
▫ Friends
▫ Interests
▫ Photos
• Can potentially change data
▫ Status updates
▫ Upload Photos
▫ Create Notes
▫ Etc

12. What’s a Facebook App?

13. What’s a Facebook App?

14. Creating a Facebook App
• Requires:
▫ Working programming knowledge (more than just
html)
 PHP is most common, Ruby on Rails or Python
Clients available too. Javascript useful.
▫ Web hosting (again, probably PHP support), a
backend database, access and ability to work in a
server environment.

15. Creating a Facebook App
• Previously:
▫ Library hosted PHP files to support Facebook
apps
▫ Library offered access to MySQL database on a
case by case basis.
• After Drupal:
▫ Stricter access to the development environment
▫ Library is supposed to help transition apps, has
experience with FB apps
▫ Future development…???

16. Facebook Apps Pros/Cons
• Pros:
▫ Lives in Facebook (most patrons have a window
open at all times!)
▫ Potentially engaging and fun
▫ Excellent developer support and community
• Cons:
▫ Requires lots of programming knowledge
▫ Lots of overhead in hosting, maintenance, etc.
▫ Might not be incredibly useful

17. Useful Links
• Google Gadget Editor
▫ http://code.google.com/apis/gadgets/docs/legacy
/gs.html#GGE
• Gadgets
▫ Google Developer Gadget
▫ UM HSL Resources (Embed Link)
▫ Plain English Medical Dictionary (Embed Link)
▫ PHLI Workshops (Embed Link)
▫ PubMed MGetIt (Embed Link)

18. Useful Links
• Facebook Docs:
▫ Developer Website
▫ Anatomy of an App
• Applications
▫ PubMed Search
▫ Shushed by a Librarian
▫ Workshops at PHLI