Bcs Mashup, extended

Mashup MayhemRSS Edition

Tony Hirst

Dept of Communication and Systems, The Open University, UK

http://ouseful.info

What is a mashup?

What is a mashup?Where are they used?

What is a mashup?Where are they used?How can I make one?

?

3 flavours

3 flavours

• Presentation layer mashup– “re-presentation”/visualisation

3 flavours

• Presentation layer mashup– “re-presentation”/visualistion

• Data mashup

3 flavours

• Presentation layer mashup– “re-presentation”/visualisation

• Data mashup• Process/workflow mashup

3 flavours

• Presentation layer mashup– “re-presentation”/visualisation

• Data mashup• Process/workflow mashup

Application areas

Web2.0EnterpriseActivism

Education

A mashup is a combination of:

data from two or more independent sources

data and an 'unanticipated' way of presenting it

An unanticipatedway of presenting of “data”

Doing more with less...

e.g. maps mashups

Google maps - http://maps.google.co.uk

http://geocommons.com

http://flickr.com/photos/75468125@N00/1395277674/

If it uses “glue logic” then it is a mashup...

http

://fl

ickr

.com

/pho

tos/

todb

ot/9

6085

777/

“Simple logic circuits used to connect together more complex circuits

which are not perfectly compatible.”

http

://fl

ickr

.com

/pho

tos/

eob

/554

3463

9

Personal

Learning

Environment

Making the content yours

http://flickr.com/photos/chromewaves/2171216654/

So let's mash it up...

...mash it up

Fan-in

Search glue:

http://live.comjust add &format=rss

“Library Feeds”

• - Library resources• - New books• - Journal tables of contents

http

://fl

ickr

.com

/pho

tos/

todb

ot/9

6085

777/

Glue Logic

Where's the feed?

Feed Autodiscovery

http

://d

igita

lwo

rlds.

wor

dp

ress

.co

m

Nice URLsmake life easier too :-)

http://digitalworlds.ouseful.com

/category/gamemaker

/feed

Uncourse blog emergent link structure

http://ouseful.open.ac.uk/stringle

Stringle – a string’n’glue learning environment

Stringle – a string’n’glue learning environment

Pipework

Fan-in

Filter

Filter

Process/Transform

Merge/Fuse

“Differential Processing”

- search and filtering- maps- page scraping and APIs- visualisation

http://pipes.yahoo.com

Wikipedia scrape

Wikipedia HTMLGoogleSpreadsheet=importHTML

CSVYahoo! PipeImport CSV

KMLGoogle MapPageflakesAnything Flake

<embed>

New York Times Campaign Data Spreadsheet

New YorkTimesCampaignFinance API

XMLGoogleSpreadsheet=importXML

Lowering the barriers to entry:data accessibility

Google Calendar and Map,Side-by-side

GoogleCalendar

<embed> CalendarView

MapView

Yahoo! Pipegeocoder

Google map

<em

bed>

KML

serendipitwitterous

Twitter RSS

http://ouseful.info