14
 1 Mash-Up Personal Learning Environments Part 2 – Workshop Hannes Ebner, KTH Fridolin Wild, VUE TENCompetence Winter School 2009, Feb 1-6

Mash-Up Personal Learning Environments (MUPPLE)

Embed Size (px)

DESCRIPTION

Workshop at the TENCompetence Winter School 2009 in Innsbruck, Austria, Feb 1-6.

Citation preview

Page 1: Mash-Up Personal Learning Environments (MUPPLE)

 1

Mash-Up Personal Learning Environments

Part 2 – Workshop

Hannes Ebner, KTHFridolin Wild, VUE

TENCompetence Winter School 2009, Feb 1-6

Page 2: Mash-Up Personal Learning Environments (MUPPLE)

 2

Overview • Introduction

– Mashing up– Services and Tools (brief rundown)

• How could your PLE look like?– Discussion in groups– Visualize your ideas (maps, flipchart, ...)

• How would you realize it?– Would it work with your favourite applications?– Which environments are suitable?– Mockup, ppt+slideshare concept, ...

• Presentations/discussion

Page 3: Mash-Up Personal Learning Environments (MUPPLE)

 3

Creating mash-ups

• Various approaches– Data extraction and integration (visual, non-visual)– Data processing and visualization– Frontends: code- and/or command-based; visual– Combination of all or several of the above

• Typical workflow for mash-up construction– Fetching resources (e.g. feeds)– Constructing widgets out of resources– Combining widgets to applications(Piping and wiring)

Page 4: Mash-Up Personal Learning Environments (MUPPLE)

 4

Piping and Wiring

iX 10/2008, Enterprise Mashups, p. 99

Page 5: Mash-Up Personal Learning Environments (MUPPLE)

 5

Yahoo! Pipeshttp://pipes.yahoo.com

• Based on feeds• Feed construction

– Data extraction– Page scraping

• Content analysis• Data filtering/manipulation• URL construction• Feed aggregation/mashing• Manual input• ...

Page 6: Mash-Up Personal Learning Environments (MUPPLE)

 6

Dapperhttp://www.dapper.net

• Data mapper• Based on “Dapps”

– RSS feeds (in and out)– Widget creation– Alerts, ...

• Existing Dapps can be shared and reused

• Combination of Dapps

Page 7: Mash-Up Personal Learning Environments (MUPPLE)

 7

openkapowhttp://openkapow.com

• Based on robots• Automates what a person can do in the browser• Robots are used to extract data, functionality or

parts of the UI• Can be used if feeds and APIs are missing or just

parts of a site should be reused

Page 8: Mash-Up Personal Learning Environments (MUPPLE)

 8

Ubiquityhttp://ubiquity.mozilla.com

“An experiment into connecting the Web with language”

• Language-based instructions• On-demand, user-generated mashups• Own commands can be easily created (e.g. jQuery)

Examples

email “what a scary site” to greenwoolmap innsbruck skiing

Page 9: Mash-Up Personal Learning Environments (MUPPLE)

 9

Chickenfoothttp://groups.csail.mit.edu/uid/chickenfoot/

• Firefox extension• Superset of JavaScript• Web page manipulation• Automation of tasks

Page 10: Mash-Up Personal Learning Environments (MUPPLE)

 10

Sprout Builderhttp://sproutbuilder.com

• “Web Content Builder”• Widgets, mini-sites, mashups, ...• Supports various social networks• Reuses static components as well as web

services• Hybrid between web publishing and mashup tool

Page 11: Mash-Up Personal Learning Environments (MUPPLE)

 11

More

• Apatar• Google App Engine (Google Mashup Editor)• IBM Damia• IBM Mashup Center• Marmite• Microsoft Popfly• SAP Research Rooftop• Serena Mashup Suite• ...

Page 12: Mash-Up Personal Learning Environments (MUPPLE)

 12

Task 1: How could your PLE look like?

• Discussion in groups• Visualize your ideas

– Flipchart– Mind maps– Conceptual models– ...

Page 13: Mash-Up Personal Learning Environments (MUPPLE)

 13

Task 2: How would you realize it?• Would it work with your favourite applications?• Is there an API?• Which data formats are used?• Can you get a feed?• Which environments are suitable?• Mockup, ppt+slideshare concept, ...

Page 14: Mash-Up Personal Learning Environments (MUPPLE)

 14

Links

http://delicious.com/tag/tcws09+mupple