Bcs Mashup, extended

64
Mashup Mayhem RSS Edition Tony Hirst Dept of Communication and Systems, The Open University, UK

description

 

Transcript of Bcs Mashup, extended

Page 1: Bcs Mashup, extended

Mashup MayhemRSS Edition

Tony Hirst

Dept of Communication and Systems, The Open University, UK

Page 2: Bcs Mashup, extended

http://ouseful.info

Page 3: Bcs Mashup, extended

What is a mashup?

Page 4: Bcs Mashup, extended

What is a mashup?Where are they used?

Page 5: Bcs Mashup, extended

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

Page 6: Bcs Mashup, extended
Page 7: Bcs Mashup, extended
Page 8: Bcs Mashup, extended
Page 9: Bcs Mashup, extended

?

Page 10: Bcs Mashup, extended

3 flavours

Page 11: Bcs Mashup, extended

3 flavours

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

Page 12: Bcs Mashup, extended

3 flavours

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

• Data mashup

Page 13: Bcs Mashup, extended

3 flavours

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

• Data mashup• Process/workflow mashup

Page 14: Bcs Mashup, extended

3 flavours

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

• Data mashup• Process/workflow mashup

Page 15: Bcs Mashup, extended

Application areas

Page 16: Bcs Mashup, extended

Web2.0EnterpriseActivism

Education

Page 17: Bcs Mashup, extended

A mashup is a combination of:

data from two or more independent sources

data and an 'unanticipated' way of presenting it

Page 18: Bcs Mashup, extended

An unanticipatedway of presenting of “data”

Page 19: Bcs Mashup, extended

Doing more with less...

Page 20: Bcs Mashup, extended

e.g. maps mashups

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

http://geocommons.com

Page 21: Bcs Mashup, extended
Page 22: Bcs Mashup, extended

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

Page 23: Bcs Mashup, extended

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

Page 24: Bcs Mashup, extended

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.”

Page 25: Bcs Mashup, extended

http

://fl

ickr

.com

/pho

tos/

eob

/554

3463

9

Page 26: Bcs Mashup, extended

Personal

Learning

Environment

Page 27: Bcs Mashup, extended

Making the content yours

Page 28: Bcs Mashup, extended
Page 29: Bcs Mashup, extended

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

Page 30: Bcs Mashup, extended

So let's mash it up...

...mash it up

Page 31: Bcs Mashup, extended
Page 32: Bcs Mashup, extended
Page 33: Bcs Mashup, extended

Fan-in

Page 34: Bcs Mashup, extended

Search glue:

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

Page 35: Bcs Mashup, extended

“Library Feeds”

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

Page 36: Bcs Mashup, extended

http

://fl

ickr

.com

/pho

tos/

todb

ot/9

6085

777/

Glue Logic

Page 37: Bcs Mashup, extended

Where's the feed?

Page 38: Bcs Mashup, extended

Feed Autodiscovery

Page 39: Bcs Mashup, extended

http

://d

igita

lwo

rlds.

wor

dp

ress

.co

m

Page 40: Bcs Mashup, extended

Nice URLsmake life easier too :-)

Page 41: Bcs Mashup, extended

http://digitalworlds.ouseful.com

/category/gamemaker

/feed

Page 42: Bcs Mashup, extended
Page 43: Bcs Mashup, extended

Uncourse blog emergent link structure

Page 44: Bcs Mashup, extended
Page 45: Bcs Mashup, extended

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

Page 46: Bcs Mashup, extended

Stringle – a string’n’glue learning environment

Page 47: Bcs Mashup, extended

Stringle – a string’n’glue learning environment

Page 48: Bcs Mashup, extended

Pipework

Page 49: Bcs Mashup, extended

Fan-in

Page 50: Bcs Mashup, extended

Filter

Filter

Page 51: Bcs Mashup, extended

Process/Transform

Page 52: Bcs Mashup, extended

Merge/Fuse

Page 53: Bcs Mashup, extended

“Differential Processing”

Page 54: Bcs Mashup, extended

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

Page 55: Bcs Mashup, extended

http://pipes.yahoo.com

Page 56: Bcs Mashup, extended

Wikipedia scrape

Page 57: Bcs Mashup, extended

Wikipedia HTMLGoogleSpreadsheet=importHTML

CSVYahoo! PipeImport CSV

KMLGoogle MapPageflakesAnything Flake

<embed>

Page 58: Bcs Mashup, extended

New York Times Campaign Data Spreadsheet

Page 59: Bcs Mashup, extended

New YorkTimesCampaignFinance API

XMLGoogleSpreadsheet=importXML

Lowering the barriers to entry:data accessibility

Page 60: Bcs Mashup, extended

Google Calendar and Map,Side-by-side

Page 61: Bcs Mashup, extended

GoogleCalendar

<embed> CalendarView

MapView

Yahoo! Pipegeocoder

Google map

<em

bed>

KML

Page 62: Bcs Mashup, extended

serendipitwitterous

Page 63: Bcs Mashup, extended

Twitter RSS

Page 64: Bcs Mashup, extended

http://ouseful.info