What’s a Mashup & Why Would I Want One? April 17, 2007 Darlene Fichter

1. What’s a Mashup & Why Would I Want One? April 17, 2007 Darlene Fichter Head, Indigenous Studies Portal University of Saskatchewan Library

3. Mashups • Definition(s) • Tour • Making a mashup • Technical and social issues

4. What is it? • 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 • Cool new breed of application on the web *API - set of routines for accessing an application or service

5. frappr - people + Google Maps http://www.frappr.com/mashups

6. Strawberry Daiquiris

7. Stupidest Term Ever! You’re not mashing up or if you are you’ll get lumps. You should be creating flavorful California cuisine. Tom Reamy The science of scrumptious: why do we loathe lumpy food, pick at our plates, and believe that chocolate will cure all ills? They say there's no accounting for taste, but science is giving it a try Psychology Today,  Sept-Oct, 2003

8. IBM • "The Web 2.0 powered IBM Enterprise Mashup puts more capability into an individuals hands and gives them more freedom to innovate -- and because Web 2.0 technologies are based on open standards, integrating them into an open business model is easy for end users and developers alike," said Smith. http://www-03.ibm.com/press/us/en/pressrelease/19821.wss

9. Today’s Playground http://www.flickr.com/photos/edyson/(cc) http://creativecommons.org/licenses/by-nc/2.0/

10. (CC) Photo by Sebastien Prooth http://flickr.com/photos/sebastianprooth/315686462/

11. EVDB Google Maps Amazon Yahoo Technorati

12. Mashup Ecosystem • Open data • Open set of services • Small pieces loosely joined • You

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

14. DIY Programming • 5 minute customization of applications • No longer the purvey of the techno elite

16. Zip code data - U.S. Census Bureau Google Map API Created with http://maps.huge.info/zip.htm

17. Route Map for Deliveries Library route data Google Map API http://www.lcls.org/members/routemap.aspx

18. Flickr del.icio.us furl ...

19. Newsmap USA Canada http://www.marumushi.com/apps/newsmap/newsmap.cfm

20. Newsmap • Reveals underlying patterns in news reporting across cultures • Uses Google News

21. Earthquake API - Yahoo Maps Data - U.S. Geological Survey

22. Book Carousel Syndetics - Book covers Data - Top 20 new books http://www.cambridgelibraries.ca/hot/carousel.cfm

23. API - Google Maps Data - Citizen ICAM Site that queries the Chicago Police Department's database of reported crime

24. Frivolous Flickr Fun • Captioner! • Colr Pickr http://krazydad.com/colrpickr http://shadydentist.com/captioner Dozens of Flickr Toys: http://bighugelabs.com/flickr/

25. Housing Maps Google Maps Craigslist http://www.housingmaps.com

26. Google Maps Data - Wikipedia articles

27. Flickr Blog(s) del.icio.us Digg 43 Things All Consuming Last.fm RSS feeds ...

28. Group Maps for Online Communities Google API Community contributed content http://www.frappr.com/blogginglibrarians

29. Amazon API -shows relationships betwen movies, actors, directors ...

30. LivePlasma & CNet Articles

31. Google Maps Data - personal weather stations that are run from homes and schools as well as national weather services

32. Google Maps Data - webcams

33. McMaster Library – 5,000 aerial photos • Google mashup of aerial photo collection • Replaces print indexes • Browse on 2 dimensions: • Time • Space http://library.mcmaster.ca/maps/airphotos/Home.htm

34. Pittsburgh University Library • Yahoo Pipes • Scopus and Web of Sciences • Publications by their faculty • Output one RSS feed

35. Facts and Figures • 1799 mashups (March 4, 2007) • 3 new mashups / day Programmable Web – Mashup Dashboard http://www.programmableweb.com/mashups

36. Types of Mashups

37. Mashup Matrix

38. Typology of the Mashup • Presentation • Client-Side Data • Client-Side Software • Server-Side Software • Server-Side Data Dion Hinchcliffe, http://blogs.zdnet.com/Hinchcliffe/?p=49&tag=nl.e622

39. Where to Start • Point & click, & publish • “Cloning” • Just program it

40. Google My Map http://tinyurl.com/3e5xd9

41. APIs/Web Services Step 1 – Get an idea Step 2 – Sign up for a developer token http://aws.amazon.com/ http://www.google.com/apis/maps/ http://api.search.yahoo.com/webservices/register_application Step 3 – Read the fine print about use

42. CommunityWalk http://www.communitywalk.com/

43. People Listening to this Webcast Add yourself to the map http://www.frappr.com/mashups/

44. Other Map Builders • maps.google.com • www.yourgmap.com • www.mapbuilder.net • www.platial.com

45. Learn from Others

46. Western springs historya joint project of the Thomas Ford Memorial Library and Western Springs Historical Society APIs: Google Maps http://www.westernspringshistory.org/map/Local data: http://www.westernspringshistory.org/map/data.xml

48. 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/"/>

49. <marker lat="41.809488" lng="-87.903845" img="" descr="Benezette Williams House" addr="4380 Central" url="http://www.westernspringshistory.org/4380-central/"/>

50. Try More Tools