mashups & data visualizations: the new breed of web applications
DESCRIPTION
Web 2.0 is opening the doors to tools and toolkits for do-it-yourself (DIY) programming that requires no knowledge about programming. Find out what mashups are and how libraries are making use of them to create rich, new information services and content. Look at some of the intriguing and robust new data visualization tools, such as IBM’s alphworks, swivel, gapminder (bought by Google), etc. that can put the power of spreadsheets online for everyone in your organization to present their information as tag clouds, bar and pie charts, bubble maps, and more. Presented by Darlene Fichter October 31, 2007 at Internet Librarian 2007TRANSCRIPT
Mashups & Data Visualizations: The New Breed of Web
Applications
Darlene Fichter
October 31, 2007
OutlineMashups
Library Examples
Data Visualization Tools
Library Opportunities
Over to You
The eyes only see what the mind comprehends
Confocal micrograph byLudovic Collin
Web 1.0 Realm of folks that knew HTML coding Programmers
Web 2.0 Everyone can participate
Don’t need to know HTML Blog, wiki, ..
Citizen journalists, explosion of stock photo sites
The rise of the amateur programmer.
DIY Programming 5 minute customization of applications
No longer the purvey of the techno elite
Definition A mashup is a web application that uses
content from more than one source to create a new service Content is typically sourced via an API* or a RSS
Feed
Term comes from pop music
*API - set of routines for accessing an application or service
What’s a Mashup?
Photo by fensterbme via flickr (CC)
Mashup Ecosystem
Open data Open set of services & applications (APIs) Us
Mashup Ecosystem
Open Content
Web
Mashups
Applications
2456 Mashups
Programmable Web – Mashup Dashboard
http://www.programmableweb.com/mashups
Mashups and Web 2.0 Implications
Fastest growing ecosystems Don’t have to get anybody’s approval to
provide a new API to the Internet operating systems
Content that can be repurposed and remixed gets used
Mashup Tools Yahoo Maps Frappr Google Maps Yahoo Pipes Popfly
Earthquake
Frappr
http://www.frappr.com/blogginglibrarians/
Easy to use of anyone
Google My Maps Go to maps.google.com Click on My Maps Add pushpins plus notes to create a map Embed the code in your library site
Library branchesHistorical buildingsLocations in stories
Easy to use of anyone
Chocomap.com
McMaster Aerial Photos
5,000 aerial photographs of Hamilton, Ontario
Western Springs Historya joint project of the Thomas Ford Memorial Library and Western
Springs Historical Society
http://www.westernspringshistory.org/map/Local data: http://www.westernspringshistory.org/map/data.xml
Easy for anyone who can edit some HTML or XML files.
data.xml
<markers>
<marker lat="41.809488" lng="-87.903845" img=""
descr="Benezette Williams House" addr="4380 Central"
url="http://www.westernspringshistory.org/4380-central/"/><marker lat="41.813353" lng="-87.903827" img="" descr="Bonham House" addr="4210 Central" url="http://www.westernspringshistory.org/4210-central/"/><marker lat="41.813000" lng="-87.899300" img="4636woodland.gif" descr="Claes Arbeen House" addr="4636 Woodland" url="http://www.westernspringshistory.org/4636-woodland/"/><marker lat="41.809578" lng="-87.903822" img="" descr="Cropp House" addr="4381 Central" url="http://www.westernspringshistory.org/4381-central/"/><marker lat="41.813400 " lng="-87.903839" img="" descr="Eagleston-Blair House" addr="4206 Central" url="http://www.westernspringshistory.org/4206-central/"/>
Yahoo Pipes
Tutorial http://mrspeaker.webeisteddfod.com/
2007/02/10/yahoo-pipes/
Find a Library
Book Carousel
http://www.cambridgelibraries.ca/hot/carousel.cfm
Try More Tools
Unintended consequences
Garbage in, garbage out Client side scripts that modify pages
All instances of Microsoft on any site are rewritten to say “the d*!?! Microsoft”
Population Density of the USA
http://www.time.com/time/covers/20061030/where_we_live/
Web Site Structure
http://www.aharef.info/2006/05/websites_as_graphs.htm
Wired.com
Data Visualization Tools
Newsmap
http://www.marumushi.com/apps/newsmap/newsmap.cfm
USA Canada
Facets as Elastic Lists
http://well-formed-data.net/experiments/elastic_lists/
Social Sites for Data Visualization
Allows new kind of data analysis
Both curious and serious, statistician and the citizen
Important new medium
Social Data Sites
Photo by maqrollSlide: Tom Coates, Yahoo!
Social Data Tools
Gapminder
Swivel
Many Eyes
Swivel
Swivel – Tasty Data Goodies
http://www.swivel.com
Pumpkin Production
Data Badge
Why is the Sun called a dwarf?
http://services.alphaworks.ibm.com/manyeyes/view/SJjqGFsOtha6ICEU6EQIF2-
Many Eyes
Love
Many Eyes
1. View and discuss visualizations2. View and discuss data sets3. Create visualizations from existing data sets
If you register, you can also: 4. Rate data sets and visualizations5. Upload your own data
6. Create and participate in topic hubs7. Select items to watch8. Track your contributions, watchlist, and topic hubs9. See comments that others have written to you
Trendalyzer / Gapminder
Hans Rosling, gapminder software, transforms global trends into lively animations
Getting Started is Easy
Step 1 – Get an idea
Step 2 – Create an account
Step 3 – Read the fine print about use
Step 4 – Create it!
API: Sign up for a developer tokenhttp://aws.amazon.com/http://www.google.com/apis/maps/http://api.search.yahoo.com/webservices/register_application
Thank you Darlene Fichter
[email protected] library2.usask.ca/~fichter/