The Wonderful World Of Widgets

44
Joy Schwarz, Winnefox Library System Beth Carpenter, Outagamie Waupaca Library System Project Play Date: November 21, 2008

description

Learn how to liven up your web sites and blogs with portable chunks of code called widgets. There are loads of sizes and types, and they are incredibly easy to use. Just copy and paste! Joy Schwarz and Beth Carpenter will show you how to find them and why you should consider using them.

Transcript of The Wonderful World Of Widgets

Page 1: The Wonderful World Of Widgets

Joy Schwarz, Winnefox Library SystemBeth Carpenter, Outagamie Waupaca Library System

Project Play Date: November 21, 2008

Page 2: The Wonderful World Of Widgets

What's a widget?

Definition:• mini-web application• portable snippet of code to copy & paste • quick & easy to embed • ready-to use format• customizable

Different kinds: • widgets you use in your browser• widgets you can use in your blog or web site

(we'll talk about both kinds today)

Page 3: The Wonderful World Of Widgets

Benefits of gettin' widgety

• add anywhere you can paste codeo blogso web pageso wikiso social sites

• code written for you o no need to know scripting languages or HTML

• dynamic info without having to update• merge content from multiple sources• reflect local data (customizable) • adds a bit of fun and interest• easy peasy!

Page 4: The Wonderful World Of Widgets

Widgets: what happens in the background

image source: Widgets for 2.0

Page 5: The Wonderful World Of Widgets

Widgets to use in your browser

• iGoogle • netvibes

Page 6: The Wonderful World Of Widgets

iGoogle :: www.google.com/ig

• a single personalized page; brings together what you want• add the RSS feeds and widgets you want • create a Google (or Gmail) account to set it up • for details, see projectplay.owlsweb.info/?p=74

Page 7: The Wonderful World Of Widgets

iGoogle

Your first iGoogle page:• drag & drop widgets to rearrange• click "Add stuff" to, well, add stuff!

Page 8: The Wonderful World Of Widgets

iGoogle

Use the Search box to find library widgets:

You can also• browse categories• add feeds

Page 9: The Wonderful World Of Widgets

iGoogle

Use Bloglines or Google Reader? Try iGoogle instead!Here's one way:  

Page 10: The Wonderful World Of Widgets

iGoogle

Another way to add RSS feeds:

Page 11: The Wonderful World Of Widgets

iGoogle

Page 12: The Wonderful World Of Widgets

Netvibes :: www.netvibes.com

Page 13: The Wonderful World Of Widgets

Netvibes

• Search for widgets by keyword• Browse categories• Add feeds• Pull your personal info into 1 location

Page 14: The Wonderful World Of Widgets

Widgets to use in your blog or web site

• meeboMe• Flickr• LibraryThing• Delicious• Google calendar• Widgetbox• RSS feed rolls• Blogger widgets

Page 15: The Wonderful World Of Widgets

meeboMe :: www.meebo.com

Instant messaging (IM) that doesn't require people to have registered for an IM service in order to contact you.

Page 16: The Wonderful World Of Widgets

meeboMe

Page 17: The Wonderful World Of Widgets

meeboMe

Page 18: The Wonderful World Of Widgets

meeboMe

Shows in dead end searches in library catalog.

Page 19: The Wonderful World Of Widgets

Flickr :: www.db798.com/pictobrowser

Page 20: The Wonderful World Of Widgets

Flickr :: flickrSLiDR.com

Page 21: The Wonderful World Of Widgets

Flickr :: www.flickr.com/fun/zeitgeist/

Page 22: The Wonderful World Of Widgets

LibraryThing :: www.librarything.com/tools

Put a LibraryThing widget on your blog to show what you're reading now, random books from your collection, your tag cloud, and more.• standard blog widget shows books, authors or tags• search widget lets people search your library

Page 23: The Wonderful World Of Widgets

LibraryThing standard blog widget

 

Page 24: The Wonderful World Of Widgets

LibraryThing search widget

 

Page 25: The Wonderful World Of Widgets

LibraryThing

 

Page 26: The Wonderful World Of Widgets

Delicious

Delicious: a social bookmarking service that allows you to tag, save, manage and share web pages all in one place

Types of widgets:• network badges• link rolls• tag rolls• blog posting

Page 27: The Wonderful World Of Widgets

Delicious: network badge

• shows you're a member of Delicious• gives an easy way to add you to their Delicious network

Page 28: The Wonderful World Of Widgets

Delicious linkroll

displays your recent Delicious bookmarks:

Page 29: The Wonderful World Of Widgets

Delicious

displays a cloud or list of your Delicious tags

Page 30: The Wonderful World Of Widgets

Google calendar :: www.google.com/calendar

In calendar settings, you'll see embed options:

Use the Customize link to change the style, size, and what navigational options you want to have available for your embedded calendar.

Page 31: The Wonderful World Of Widgets

Google calendar 

Page 32: The Wonderful World Of Widgets

Google calendar in iGoogle

Page 33: The Wonderful World Of Widgets

Widgetbox :: www.widgetbox.com

Page 34: The Wonderful World Of Widgets

Widgetbox

1. 2.

Page 35: The Wonderful World Of Widgets

RSS feed rolls :: feed2js.org

Page 36: The Wonderful World Of Widgets

RSS feed rolls :: feed2js.orgolls

Page 37: The Wonderful World Of Widgets

RSS feed rolls :: feed2js.orgolls

Page 38: The Wonderful World Of Widgets

RSS feed rolls :: feed2js.orgolls

Page 39: The Wonderful World Of Widgets

RSS feed rolls :: feed.informer.com

Page 40: The Wonderful World Of Widgets

RSS feed rolls ::feed.informer.comrolls

Page 41: The Wonderful World Of Widgets

RSS feed rolls ::feed.informer.comrolls

Options for display: Pictures                                 Flash                                          HTML

Page 42: The Wonderful World Of Widgets

New Blogger widgets: dashboard

Layout versus Template mode:

Page 43: The Wonderful World Of Widgets

New blogger widgets rolls

 

Page 44: The Wonderful World Of Widgets

Questions? rolls

Project Play: projectplay.owlsweb.info Beth CarpenterOutagamie Waupaca Library [email protected]://librarian.justbeth.info

Joy SchwarzWinnefox Library [email protected]