Week 22 - Mashups

Mashups

This week’s topic is mashups. We’ll learn what they are, take a look at some cool examples, share ideas about how libraries might use them, and find out how to create them.

Listen to this week’s podcast (or read the Week 10: Semester 2 podcast transcript) and then read the info below. If you have any questions about anything along the way, be sure to contact us - we’re happy to help!

What is a mashup?

The term mashup originally referred to the practice in the music industry of creating a new song by mixing two or more already existing pieces. In technology terms, a mashup is a web application that combines information from more than one source into a single, new tool.

For a bit more info, view What Is a Mashup? from ZDNet.

As is mentioned in the ZDNet video above, mashups are the “fastest growing application ecosystem in the world today,” and you don’t need to be a programmer to be able to create them. The most popular services for people experimenting with mashups are Amazon, eBay, Facebook, Flickr, Google, Yahoo, and YouTube.

Top Mashup Tags from ProgrammableWeb:

Mashup Examples

• You already encountered a Flickr mashup in Semester 1 of Adventures in Technology! It’s called Spell with Flickr and was included in fd’s flickr toys, which includes many other Flickr mashups for your entertainment.
• HousingMaps is powered by craigslist and Google Maps and enables people to find housing for rent, sale, or sublet.
• Daily Mashup pulls together the day’s popular photos, links, and news items.
• Netvibes is an aggregator that mashes together information from a variety of sources of your choice. Pull in weather, web searches, news feeds, Flickr photos, to do lists, and more from your own online accounts or generic sources. Similar to iGoogle which allows you to do similar things with even more access to customizable widgets.
• EveryBlock Chicago compiles news sources, public records, and other local sites, so Chicago residents can track what’s happening in their neighborhood.
• Meebo Map shows where IMs have been sent or received over the past 15 minutes worldwide.
• Newsmap is an application that “visually reflects the constantly changing landscape of the Google News news aggregator.”
• PlaceOpedia connects Wikipedia articles with their locations.
• Zip Code Census Dashboard uses United States Census information to share demographic info by zip code. Great way to learn about your community!

Library Mashup Examples

• Go-go Google Gadget was created by John Blyberg for the Ann Arbor District Library. It brings together data from their online catalog and Google widgets for iGoogle.
• Hot Titles Carousel is provided by the Cambridge Libraries & Galleries in Ontario, Canada. The Carousel brings together data about most popular books with book covers and links to their online catalog. Great visual presentation!
• LibraryThing for Libraries brings LibraryThing and library online catalogs together. Search any one of the catalogs in the Libraries Using LibraryThing list and find the full record of an item (try a mainstream title for the best results). On the full record you’ll see book recommendations, a tag cloud, and reviews integrated with the catalog from the LibraryThing database.
• MeL Delivery Locations uses Google Maps to share the delivery locations of the Michigan Library Consortium member libraries. I created something similar mapping OWLS member library locations.
• Libraries 411 is a public library directory. Don’t see your library on the map? Read Secure Access for Public Libraries to find out how to get yours added.
• Learning 2.0 Throughout the World shows a map of libraries who have participated in the Learning 2.0 program created by Helene Blowers at PLCMC. Adventures in Technology is on it - can you find us?

How To Make a Mashup

There are generally three ways to create a mashup:

1. Point and click - This method is used when the site you’re visiting offers an “add an app” kind of link where you can select a widget to include on a page. iGoogle’s widgets and Facebook apps are good examples.
2. Clone - Yahoo! Pipes is an example. View Learn How to Build a Pipe in Just a Few Minutes for more information on using Yahoo! Pipes. Microsoft Popfly is another example, and you can view some video demos about it (after installing their video viewing software, Silverlight). Dapper is another option.
3. APIs (application programming interfaces) - Google, Amazon, del.icio.us, Flickr, LibraryThing, and YouTube all offer APIs, but this method requires a bit more web savvy to create a mashup.

More Information

Visit ProgrammableWeb for more examples of mashups, along with loads of other info about what’s happening with mashups these days.

If you’d like more information about creating mashups, visit ProgrammableWeb’s How To Make Your Own Web Mashup.

And, if you have an hour to spare sometime, you might want to view the SirsiDynix Institute’s archived presentation, “Mashups: A Little Bit of This, A Little Bit of That” for a well-rounded review of mashups in general.

Assignment

Create your own Google Map.

a. Login to Google Maps with your blogger login.

b. In the left hand frame click on "My Maps."

c. Click "Browse the Directory" or "Create New Map"

d. If you browse the directory, find a map that looks interesting to you and click "Add it to My Maps"

e. If you create your own map, just enter addresses of places you like and remember to save your map when you're done.

f. After you've created or added a map, click on "Send" in the upper right hand corner of the map and email it to Melissa. Don't forget to write about your impressions of your map making skills in your blog for this week!

Write about your impressions of mashups in your blog. Do you have any creative ideas for something you could create for your library?

Fun extra

Cartoon by Rob Cottingham at Social Signal.

Explore the MashupAwards Winners and see if you find a favorite. Mine are Logobama and flickr fight.