The Wonderful World Of Widgets

Preview:

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.

Citation preview

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

Project Play Date: November 21, 2008

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)

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!

Widgets: what happens in the background

image source: Widgets for 2.0

Widgets to use in your browser

• iGoogle • netvibes

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

iGoogle

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

iGoogle

Use the Search box to find library widgets:

You can also• browse categories• add feeds

iGoogle

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

iGoogle

Another way to add RSS feeds:

iGoogle

Netvibes :: www.netvibes.com

Netvibes

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

Widgets to use in your blog or web site

• meeboMe• Flickr• LibraryThing• Delicious• Google calendar• Widgetbox• RSS feed rolls• Blogger 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.

meeboMe

meeboMe

meeboMe

Shows in dead end searches in library catalog.

Flickr :: www.db798.com/pictobrowser

Flickr :: flickrSLiDR.com

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

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

LibraryThing standard blog widget

 

LibraryThing search widget

 

LibraryThing

 

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

Delicious: network badge

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

Delicious linkroll

displays your recent Delicious bookmarks:

Delicious

displays a cloud or list of your Delicious tags

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.

Google calendar 

Google calendar in iGoogle

Widgetbox :: www.widgetbox.com

Widgetbox

1. 2.

RSS feed rolls :: feed2js.org

RSS feed rolls :: feed2js.orgolls

RSS feed rolls :: feed2js.orgolls

RSS feed rolls :: feed2js.orgolls

RSS feed rolls :: feed.informer.com

RSS feed rolls ::feed.informer.comrolls

RSS feed rolls ::feed.informer.comrolls

Options for display: Pictures                                 Flash                                          HTML

New Blogger widgets: dashboard

Layout versus Template mode:

New blogger widgets rolls

 

Questions? rolls

Project Play: projectplay.owlsweb.info Beth CarpenterOutagamie Waupaca Library Systembcarpent@mail.owls.lib.wi.ushttp://librarian.justbeth.info

Joy SchwarzWinnefox Library Systemschwarz@winnefox.org