Widgets, Gadgets, & Badges

for your
Library, Website, or Blog

These slides can be distributed and modifie

Michael McDonnell . You are free to share and
remix but you must provide
attribution and you must
Winterstorm Solutions share alike.

michael@winterstorm.ca
http://winterstorm.ca
Widgets, Gadgets, and Badges
 Widget Terms are Vague

widget applet bookmarklet

module button codelet badge

scriptlet gadget plug-in snippet
Widgets are Small and Easy
Small Content Easy to Copy

c+ C
c +V
Small and Easy to Copy
<div id="ShelfariWidget15003">
<script src=http://www.shelfari.com/ws/15003/widget.js
type="text/javascript"></script>
</div>
Widgets provide External Content
<div id="ShelfariWidget15003"><script

www.shelfari.com/ws/15003/widget.js
src=http://
type="text/javascript"></script></div>

http://syntheticlibrarian.com/widget/
What are Widgets Used For?
 ALA Banned Books Week Badges

http://www.ala.org/ala/oif/bannedbooksweek/bbwlinks/bbwwebbadges.htm
http://www.cla.ca/clm07/toolkit.htm
 ALC 2008 Countdown Widget
<a href="http://albertalibraryconference.com/2008/">
<img src="http://winterstorm.ca/alcminibadge.png"
title="Countdown to ALC 2008" />
</a>

http://www.kalsey.com/tools/buttonmaker/
http://www.web20badges.com/
 Flickr Images & Badges

http://flickr.com/badge.gne
http://meredith.wolfwater.com/wordpress/index.php/2007/07/08/libraries-using-flickr/
YouTube Library Videos

http://www.youtube.com/user/CPLibrary
http://visityourlibrary.net/promoting_libraries.html
 EPL Puppet Videos

• http://www.youtube.com/watch?v=mWwbXRA__g8
Google Gadgets for Library Services

<a href="http://www.google.ca/ig/add?moduleurl=“
http://ezproxy.aec.talonline.ca/public/googlegadget.xml">
<img src="http://buttons.googlesyndication.com/fusion/add.gif"
alt="Add to Google" />
</a>
 X Gadgets for Library Services
Google

•http://library.concordia.ab.ca/services/googletools.php
•http://www.epl.ca/
•http://www.talonline.ca/google/
•http://www.addthis.com/web-button-select.html
•http://my.yahoo.com/
Meebome for Reference Service

•http://meebome.com/
•http://syntheticlibrarian.com/widget/meebome.html
•http://library.ucalgary.ca/services/askalibrarian/
•http://library.concordia.ab.ca/services/imchat.php
•http://library.rdc.ab.ca/research_help/ask_us/im.html
 Library Thing

http://www.librarything.com/widget http://www.shelfari.com/
 Del.icio.us Social Bookmarking

http://ualweb.library.ualberta.ca/uhtbin/cgisirsi/x/0/0/57/5?user_id=WEPLMNA&searchdata1=0262531569
 Del.icio.us Social Bookmarking

<script
src="http://images.del.icio.
us/static/js/blogbadge.js">
</script>

http://del.icio.us/help/tagometer http://del.icio.us/aaq/
Virtual Shelf Browsing
 Other Examples
• http://flickr.com/ (Flickr Badges for alc2007)
– http://syntheticlibrarian.com/widget/flickr.html
• http://technorati.com/ (Technorati rank)
– http://syntheticlibrarian.com/widget/technorati.html
• Go-go-Google Gadgets
– http://www.blyberg.net/2006/08/18/go-go-google-gad
– John Blyberg’s library mashup entry
 Other Examples Continued
• http://www.talonline.ca/searchalberta/begin.jsp?
=
– TAL Online widgets
• http://pipes.yahoo.com/
– Build fancy RSS widgets (mashup RSS feeds)
using a visual interface
– Anything that is an RSS feed can be a google
gadget or my.yahoo.com widget-y-type-thing
 Questions?

email me:

michael@winterstorm.ca

Slides:

http://syntheticlibrarian.com/widget
 Search From the Desktop
• http://weblog.infoworld.com/udell/stories/2002/1

• What we need is one that generates

OpenSearch plugins instead of bookmarklets
for single-click installation