Mashups & Data Visualizations: The New Breed of Web Applications

Slide 1: Mashups & Data Visualizations: The New Breed of Web Applications Darlene Fichter darlene.fichter@usask.ca October 31, 2007

Slide 2: Outline Mashups Library Examples Data Visualization Tools Library Opportunities Over to You

Slide 3: The eyes only see what the mind comprehends Confocal micrograph by Ludovic Collin

Slide 4: Web 1.0 Realm of folks that knew HTML coding   Programmers

Slide 5: 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.

Slide 6: DIY Programming 5 minute customization of applications   No longer the purvey of the techno elite

Slide 7: 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

Slide 8: What’s a Mashup? Photo by fensterbme via flickr (CC)

Slide 9: Mashup Ecosystem Open data   Open set of services & applications (APIs)  Us

Slide 10: Mashup Ecosystem

Slide 11: Open Content Web Applications Mashups

Slide 12: 2456 Mashups Programmable Web – Mashup Dashboard http://www.programmableweb.com/mashups

Slide 13: 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

Slide 14: Mashup Tools Yahoo Maps   Frappr  Google Maps  Yahoo Pipes  Microsoft Popfly

Slide 15: Earthquake

Slide 16: Frappr http://www.frappr.com/blogginglibrarians/ Easy to use of anyone

Slide 17: 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 branches  Historical buildings  Locations in stories Easy to use of anyone

Slide 18: Chocomap.com

Slide 19: McMaster Aerial Photos 5,000 aerial photographs of Hamilton, Ontario http://library.mcmaster.ca/php/blog.php?id=675&display=full

Slide 20: Western Springs History a joint project of the Thomas Ford Memorial Library and Western Springs Historical Society Easy for anyone who can edit some HTML or XML files. http://www.westernspringshistory.org/map/ Local data: http://www.westernspringshistory.org/map/data.xml

Slide 22: data.xml <markers> lat="41.809488" lng="-87.903845" img="" <marker Williams House" addr="4380 Central" descr="Benezette 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/"/>

Slide 23: Yahoo Pipes pipes.yahoo.com/pipes/  Tutorial   http://mrspeaker.webeisteddfod.com/2007/02/10/ yahoo-pipes/

Slide 24: Find a Library

Slide 25: Book Carousel http://www.cambridgelibraries.ca/hot/carousel.cfm

Slide 26: Try More Tools

Slide 27: Unintended Consequences Data Authority - garbage in, garbage out  Client side scripts that modify pages  All instances of Microsoft on any site are rewritten to say “the  d*!?! Microsoft”

Slide 28: Data Visualizations It’s a visual world   Notice the growth of the use of rich information graphics and visualizations in newspapers and magazines Lots of opportunities and new tools  popping up that help display data visually

Slide 29: Population Density of the USA http://www.time.com/time/covers/20061030/where_we_live/

Slide 30: Web Site Structure Mapper http://www.aharef.info/2006/05/websites_as_graphs.htm

Slide 31: Guess What Site Has This HTML Map?

Slide 32: Wired.com

Slide 33: Newsmap USA Canada Both a mashup and data visualization. Compares news coverage across countries and cultures. http://www.marumushi.com/apps/newsmap/newsmap.cfm

Slide 34: Facets as Elastic Lists http://well-formed-data.net/experiments/elastic_lists/

Slide 35: Social Sites for Data Visualization Allows new kind of data analysis  Caters to the curious and  serious, statistician and the citizen Important new medium 

Slide 36: Social Data Sites Slide: Tom Coates, Yahoo! Photo by maqroll

Slide 37: Social Data Tools Many Eyes Gapminder Swivel

Slide 38: Swivel

Slide 39: Swivel – Tasty Data Goodies http://www.swivel.com Does bowling really burn the most calories?

Slide 40: Pumpkin Production Which state produces the most pumpkins? Photo by hopefoote via flickr (CC)

Slide 41: Data Badge

Slide 42: Many Eyes from IBM Alphaworks http://services.alphaworks.ibm.com/manyeyes/home

Slide 43: Why is the Sun Called a Dwarf Star? http://services.alphaworks.ibm.com/manyeyes/view/SJjqGFsOtha6ICEU6EQIF2-

Slide 44: Love – Analyzing Textual Works

Slide 45: Many Eyes 1. View and discuss visualizations 2. View and discuss data sets 3. Create visualizations from existing data sets If you register, you can also: 4. Rate data sets and visualizations 5. Upload your own data 6. Create and participate in topic hubs 7. Select items to watch 8. Track your contributions, watchlist, and topic hubs 9. See comments that others have written to you

Slide 47: Trendalyzer / Gapminder Video of Hans Rosling showing the gapminder software and lively animations of world development trends.

Slide 48: Getting Started with Mashups and Data Visualizations 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 token http://aws.amazon.com/ http://www.google.com/apis/maps/ http://api.search.yahoo.com/webservices/register_application

Slide 49: Thank you Darlene Fichter   darlene.fichter@usask.ca  library2.usask.ca/~fichter/