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
![Page 1: Mashups & Data Visualizations: The New Breed of Web Applications](https://reader035.vdocuments.site/reader035/viewer/2022062307/55538debb4c9054e0a8b496b/html5/thumbnails/1.jpg)
Mashups & Data Visualizations: The New Breed of Web
Applications
Darlene Fichter
October 31, 2007
![Page 2: Mashups & Data Visualizations: The New Breed of Web Applications](https://reader035.vdocuments.site/reader035/viewer/2022062307/55538debb4c9054e0a8b496b/html5/thumbnails/2.jpg)
OutlineMashups
Library Examples
Data Visualization Tools
Library Opportunities
Over to You
![Page 3: Mashups & Data Visualizations: The New Breed of Web Applications](https://reader035.vdocuments.site/reader035/viewer/2022062307/55538debb4c9054e0a8b496b/html5/thumbnails/3.jpg)
The eyes only see what the mind comprehends
Confocal micrograph byLudovic Collin
![Page 4: Mashups & Data Visualizations: The New Breed of Web Applications](https://reader035.vdocuments.site/reader035/viewer/2022062307/55538debb4c9054e0a8b496b/html5/thumbnails/4.jpg)
Web 1.0 Realm of folks that knew HTML coding Programmers
![Page 5: Mashups & Data Visualizations: The New Breed of Web Applications](https://reader035.vdocuments.site/reader035/viewer/2022062307/55538debb4c9054e0a8b496b/html5/thumbnails/5.jpg)
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.
![Page 6: Mashups & Data Visualizations: The New Breed of Web Applications](https://reader035.vdocuments.site/reader035/viewer/2022062307/55538debb4c9054e0a8b496b/html5/thumbnails/6.jpg)
DIY Programming 5 minute customization of applications
No longer the purvey of the techno elite
![Page 7: Mashups & Data Visualizations: The New Breed of Web Applications](https://reader035.vdocuments.site/reader035/viewer/2022062307/55538debb4c9054e0a8b496b/html5/thumbnails/7.jpg)
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
![Page 8: Mashups & Data Visualizations: The New Breed of Web Applications](https://reader035.vdocuments.site/reader035/viewer/2022062307/55538debb4c9054e0a8b496b/html5/thumbnails/8.jpg)
What’s a Mashup?
Photo by fensterbme via flickr (CC)
![Page 9: Mashups & Data Visualizations: The New Breed of Web Applications](https://reader035.vdocuments.site/reader035/viewer/2022062307/55538debb4c9054e0a8b496b/html5/thumbnails/9.jpg)
Mashup Ecosystem
Open data Open set of services & applications (APIs) Us
![Page 10: Mashups & Data Visualizations: The New Breed of Web Applications](https://reader035.vdocuments.site/reader035/viewer/2022062307/55538debb4c9054e0a8b496b/html5/thumbnails/10.jpg)
Mashup Ecosystem
![Page 11: Mashups & Data Visualizations: The New Breed of Web Applications](https://reader035.vdocuments.site/reader035/viewer/2022062307/55538debb4c9054e0a8b496b/html5/thumbnails/11.jpg)
Open Content
Web
Mashups
Applications
![Page 12: Mashups & Data Visualizations: The New Breed of Web Applications](https://reader035.vdocuments.site/reader035/viewer/2022062307/55538debb4c9054e0a8b496b/html5/thumbnails/12.jpg)
2456 Mashups
Programmable Web – Mashup Dashboard
http://www.programmableweb.com/mashups
![Page 13: Mashups & Data Visualizations: The New Breed of Web Applications](https://reader035.vdocuments.site/reader035/viewer/2022062307/55538debb4c9054e0a8b496b/html5/thumbnails/13.jpg)
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
![Page 14: Mashups & Data Visualizations: The New Breed of Web Applications](https://reader035.vdocuments.site/reader035/viewer/2022062307/55538debb4c9054e0a8b496b/html5/thumbnails/14.jpg)
Mashup Tools Yahoo Maps Frappr Google Maps Yahoo Pipes Popfly
![Page 15: Mashups & Data Visualizations: The New Breed of Web Applications](https://reader035.vdocuments.site/reader035/viewer/2022062307/55538debb4c9054e0a8b496b/html5/thumbnails/15.jpg)
Earthquake
![Page 16: Mashups & Data Visualizations: The New Breed of Web Applications](https://reader035.vdocuments.site/reader035/viewer/2022062307/55538debb4c9054e0a8b496b/html5/thumbnails/16.jpg)
Frappr
http://www.frappr.com/blogginglibrarians/
Easy to use of anyone
![Page 17: Mashups & Data Visualizations: The New Breed of Web Applications](https://reader035.vdocuments.site/reader035/viewer/2022062307/55538debb4c9054e0a8b496b/html5/thumbnails/17.jpg)
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
![Page 18: Mashups & Data Visualizations: The New Breed of Web Applications](https://reader035.vdocuments.site/reader035/viewer/2022062307/55538debb4c9054e0a8b496b/html5/thumbnails/18.jpg)
Chocomap.com
![Page 19: Mashups & Data Visualizations: The New Breed of Web Applications](https://reader035.vdocuments.site/reader035/viewer/2022062307/55538debb4c9054e0a8b496b/html5/thumbnails/19.jpg)
McMaster Aerial Photos
5,000 aerial photographs of Hamilton, Ontario
![Page 20: Mashups & Data Visualizations: The New Breed of Web Applications](https://reader035.vdocuments.site/reader035/viewer/2022062307/55538debb4c9054e0a8b496b/html5/thumbnails/20.jpg)
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.
![Page 21: Mashups & Data Visualizations: The New Breed of Web Applications](https://reader035.vdocuments.site/reader035/viewer/2022062307/55538debb4c9054e0a8b496b/html5/thumbnails/21.jpg)
![Page 22: Mashups & Data Visualizations: The New Breed of Web Applications](https://reader035.vdocuments.site/reader035/viewer/2022062307/55538debb4c9054e0a8b496b/html5/thumbnails/22.jpg)
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/"/>
![Page 23: Mashups & Data Visualizations: The New Breed of Web Applications](https://reader035.vdocuments.site/reader035/viewer/2022062307/55538debb4c9054e0a8b496b/html5/thumbnails/23.jpg)
Yahoo Pipes
Tutorial http://mrspeaker.webeisteddfod.com/
2007/02/10/yahoo-pipes/
![Page 24: Mashups & Data Visualizations: The New Breed of Web Applications](https://reader035.vdocuments.site/reader035/viewer/2022062307/55538debb4c9054e0a8b496b/html5/thumbnails/24.jpg)
Find a Library
![Page 25: Mashups & Data Visualizations: The New Breed of Web Applications](https://reader035.vdocuments.site/reader035/viewer/2022062307/55538debb4c9054e0a8b496b/html5/thumbnails/25.jpg)
Book Carousel
http://www.cambridgelibraries.ca/hot/carousel.cfm
![Page 26: Mashups & Data Visualizations: The New Breed of Web Applications](https://reader035.vdocuments.site/reader035/viewer/2022062307/55538debb4c9054e0a8b496b/html5/thumbnails/26.jpg)
Try More Tools
![Page 27: Mashups & Data Visualizations: The New Breed of Web Applications](https://reader035.vdocuments.site/reader035/viewer/2022062307/55538debb4c9054e0a8b496b/html5/thumbnails/27.jpg)
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”
![Page 28: Mashups & Data Visualizations: The New Breed of Web Applications](https://reader035.vdocuments.site/reader035/viewer/2022062307/55538debb4c9054e0a8b496b/html5/thumbnails/28.jpg)
Population Density of the USA
http://www.time.com/time/covers/20061030/where_we_live/
![Page 29: Mashups & Data Visualizations: The New Breed of Web Applications](https://reader035.vdocuments.site/reader035/viewer/2022062307/55538debb4c9054e0a8b496b/html5/thumbnails/29.jpg)
Web Site Structure
http://www.aharef.info/2006/05/websites_as_graphs.htm
![Page 30: Mashups & Data Visualizations: The New Breed of Web Applications](https://reader035.vdocuments.site/reader035/viewer/2022062307/55538debb4c9054e0a8b496b/html5/thumbnails/30.jpg)
![Page 31: Mashups & Data Visualizations: The New Breed of Web Applications](https://reader035.vdocuments.site/reader035/viewer/2022062307/55538debb4c9054e0a8b496b/html5/thumbnails/31.jpg)
Wired.com
![Page 32: Mashups & Data Visualizations: The New Breed of Web Applications](https://reader035.vdocuments.site/reader035/viewer/2022062307/55538debb4c9054e0a8b496b/html5/thumbnails/32.jpg)
Data Visualization Tools
![Page 33: Mashups & Data Visualizations: The New Breed of Web Applications](https://reader035.vdocuments.site/reader035/viewer/2022062307/55538debb4c9054e0a8b496b/html5/thumbnails/33.jpg)
Newsmap
http://www.marumushi.com/apps/newsmap/newsmap.cfm
USA Canada
![Page 34: Mashups & Data Visualizations: The New Breed of Web Applications](https://reader035.vdocuments.site/reader035/viewer/2022062307/55538debb4c9054e0a8b496b/html5/thumbnails/34.jpg)
Facets as Elastic Lists
http://well-formed-data.net/experiments/elastic_lists/
![Page 35: Mashups & Data Visualizations: The New Breed of Web Applications](https://reader035.vdocuments.site/reader035/viewer/2022062307/55538debb4c9054e0a8b496b/html5/thumbnails/35.jpg)
Social Sites for Data Visualization
Allows new kind of data analysis
Both curious and serious, statistician and the citizen
Important new medium
![Page 36: Mashups & Data Visualizations: The New Breed of Web Applications](https://reader035.vdocuments.site/reader035/viewer/2022062307/55538debb4c9054e0a8b496b/html5/thumbnails/36.jpg)
Social Data Sites
Photo by maqrollSlide: Tom Coates, Yahoo!
![Page 37: Mashups & Data Visualizations: The New Breed of Web Applications](https://reader035.vdocuments.site/reader035/viewer/2022062307/55538debb4c9054e0a8b496b/html5/thumbnails/37.jpg)
Social Data Tools
Gapminder
Swivel
Many Eyes
![Page 38: Mashups & Data Visualizations: The New Breed of Web Applications](https://reader035.vdocuments.site/reader035/viewer/2022062307/55538debb4c9054e0a8b496b/html5/thumbnails/38.jpg)
Swivel
![Page 39: Mashups & Data Visualizations: The New Breed of Web Applications](https://reader035.vdocuments.site/reader035/viewer/2022062307/55538debb4c9054e0a8b496b/html5/thumbnails/39.jpg)
Swivel – Tasty Data Goodies
http://www.swivel.com
![Page 40: Mashups & Data Visualizations: The New Breed of Web Applications](https://reader035.vdocuments.site/reader035/viewer/2022062307/55538debb4c9054e0a8b496b/html5/thumbnails/40.jpg)
Pumpkin Production
![Page 41: Mashups & Data Visualizations: The New Breed of Web Applications](https://reader035.vdocuments.site/reader035/viewer/2022062307/55538debb4c9054e0a8b496b/html5/thumbnails/41.jpg)
Data Badge
![Page 42: Mashups & Data Visualizations: The New Breed of Web Applications](https://reader035.vdocuments.site/reader035/viewer/2022062307/55538debb4c9054e0a8b496b/html5/thumbnails/42.jpg)
Why is the Sun called a dwarf?
http://services.alphaworks.ibm.com/manyeyes/view/SJjqGFsOtha6ICEU6EQIF2-
![Page 43: Mashups & Data Visualizations: The New Breed of Web Applications](https://reader035.vdocuments.site/reader035/viewer/2022062307/55538debb4c9054e0a8b496b/html5/thumbnails/43.jpg)
Many Eyes
![Page 44: Mashups & Data Visualizations: The New Breed of Web Applications](https://reader035.vdocuments.site/reader035/viewer/2022062307/55538debb4c9054e0a8b496b/html5/thumbnails/44.jpg)
Love
![Page 45: Mashups & Data Visualizations: The New Breed of Web Applications](https://reader035.vdocuments.site/reader035/viewer/2022062307/55538debb4c9054e0a8b496b/html5/thumbnails/45.jpg)
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
![Page 46: Mashups & Data Visualizations: The New Breed of Web Applications](https://reader035.vdocuments.site/reader035/viewer/2022062307/55538debb4c9054e0a8b496b/html5/thumbnails/46.jpg)
![Page 47: Mashups & Data Visualizations: The New Breed of Web Applications](https://reader035.vdocuments.site/reader035/viewer/2022062307/55538debb4c9054e0a8b496b/html5/thumbnails/47.jpg)
Trendalyzer / Gapminder
Hans Rosling, gapminder software, transforms global trends into lively animations
![Page 48: Mashups & Data Visualizations: The New Breed of Web Applications](https://reader035.vdocuments.site/reader035/viewer/2022062307/55538debb4c9054e0a8b496b/html5/thumbnails/48.jpg)
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