Malinka Ivanova Technical University - Sofia UNITECH’08 Gabrovo, 21-22 November

Aim : To explore the possibilities of mashup s and their implication and integration i n the learning process Tasks : Examination of educational mashup applications Exploration of platforms for mashup building Analysis of implications of mashups on the learning process Creation of mashup applications Prototype of a UoL in Edu2.0

Aim : To explore the possibilities of mashup s and their implication and integration i n the learning process

Tasks :

Examination of educational mashup applications

Exploration of platforms for mashup building

Analysis of implications of mashups on the learning process

Creation of mashup applications

Prototype of a UoL in Edu2.0

M ashup - a website or web application that uses content from more than one source to create a completely new service Characteristics : Combination Aggregation Visualization Sharing

M ashup - a website or web application that uses content from more than one source to create a completely new service

Characteristics :

Combination

Aggregation

Visualization

Sharing

The main concepts are : Mix and reuse the global data with the local : users flexibl y find, organize, create and share information in a locally meaningful fashion that is globally accessible Create n ew interfaces : aggregate multiple RSS feeds or use API highly configurable by the user Use microcontent : it posseses unique URL including microinformation (metadata, data) with given structure, focused on one or few concepts, saved in standardized microformat (RSS/Atom) and it can be reused, referenced and remixed

The main concepts are :

Mix and reuse the global data with the local : users flexibl y find, organize, create and share information in a locally meaningful fashion that is globally accessible

Create n ew interfaces : aggregate multiple RSS feeds or use API highly configurable by the user

Use microcontent : it posseses unique URL including microinformation (metadata, data) with given structure, focused on one or few concepts, saved in standardized microformat (RSS/Atom) and it can be reused, referenced and remixed

Top mashup tags:

Top mashup tags:

Mashup of the day , November 16, 2008 HistoGrafica http://www.histografica.com/ - online community whose aim is to show in pictures how the world has changed through time. In essence it is an archive of old photographs and pictures tagged by time and location on a Google Map.

Mashup of the day , November 16, 2008

HistoGrafica http://www.histografica.com/ - online community whose aim is to show in pictures how the world has changed through time. In essence it is an archive of old photographs and pictures tagged by time and location on a Google Map.

Mashup matrix – in the Mashup Matrix an interactive grid shows what happens when you mix API X + API Y = mashup Z

Mashup matrix – in the Mashup Matrix an interactive grid shows what happens when you mix API X + API Y = mashup Z

Mapping mashups - use mapping tools Yahoo/Google maps to compile data onto a map with markers, text, pictures, audio, video, or online resources A bstract concept s can be put into the real world, where patterns a nd movements that e xplain ideas and their s ignificance can be see n

Mapping mashups -

use mapping tools

Yahoo/Google maps to

compile data onto a

map with markers, text,

pictures, audio, video,

or online resources

A bstract concept s can

be put into the real

world, where patterns

a nd movements that

e xplain ideas and their

s ignificance can be

see n

Start pages - they show the rich possibilities for personalized learning environments building with the characteristics for authoring, information syndication, researching, collaboration and networking

Start pages - they show the rich possibilities for personalized learning environments building with the characteristics for authoring, information syndication, researching, collaboration and networking

Educational timelines - applications allow aggregation of data and information from social sites for news, bookmarking, bloging/microbloging, video, photos, music Dipity allows the creation of a personal timeline, blog post timeline, events timeline, product history timeline, company history timeline

Educational timelines - applications allow aggregation of data and information from social sites for news, bookmarking, bloging/microbloging, video, photos, music

Dipity allows the creation of a personal timeline, blog post timeline, events timeline, product history timeline, company history timeline

File/video/photo/podcasts mashups - sites propose a file/video/image storage space to organize files collections Flickrvision - mashup made using Flickr’s API

File/video/photo/podcasts mashups - sites propose a file/video/image storage space to organize files collections

Flickrvision - mashup made using Flickr’s API

Data/information aggregators - Social bookmarking is a great way to collect a set of resources related to educational activities and share them broadly or with a specific group of users

Data/information aggregators - Social bookmarking is a great way to collect a set of resources related to educational activities and share them broadly or with a specific group of users

Search engines - mash together several services and add new features FundooWeb - multi-mashup, incorporating results from Yahoo!, Flickr, Yahoo! News, Yahoo! Answers, Amazon, and Yahoo! Maps images

Search engines - mash together several services and add new features

FundooWeb - multi-mashup, incorporating results from Yahoo!, Flickr, Yahoo! News, Yahoo! Answers, Amazon, and Yahoo! Maps images

Social networks - offer ways to aggregate different forms of social media into a more or less unified environment Ning allows personalization of used applications through API, embedded code and reference links

Social networks - offer ways to aggregate different forms of social media into a more or less unified environment

Ning allows personalization of used applications through API, embedded code and reference links

eLearning 2.0 Systems – possess mashup functions for knowledge transfer through their possibilities for: RSS syndication, link and code embedded widgets’ creation and integration

eLearning 2.0 Systems – possess mashup functions for knowledge transfer through their possibilities for: RSS syndication, link and code embedded widgets’ creation and integration

Google Mashup Editor - allows HTML, Javascript, CSS and XML t o be use d for building of an infinite variety of applications

Google Mashup Editor - allows HTML, Javascript, CSS and XML t o be use d for building of an infinite variety of applications

Yahoo Pipes - provides a graphical user interface for building applications that aggregate web feeds, web pages, and other services, creating web-based applications from various sources

Yahoo Pipes - provides a graphical user interface for building applications that aggregate web feeds, web pages, and other services, creating web-based applications from various sources

Microsoft Popfly - allows users to create web pages, program snippets, and mashups using the Microsoft Silverlight rich internet applications runtime and the set of online tools

Microsoft Popfly - allows users to create web pages, program snippets, and mashups using the Microsoft Silverlight rich internet applications runtime and the set of online tools

Dapper possesses possibilities for creat ion of new means for users to access the content in the form of RSS feeds, widgets, APIs and links

Dapper possesses possibilities for creat ion of new means for users to access the content in the form of RSS feeds, widgets, APIs and links

Z embly allows mashup applications creation from widgets, which are reusable pieces of user interface, and services . Users can create social applications that run in Facebook, Meebo, OpenSocial containers like MySpace and H i5, on the iPhone, and in the browser.

Z embly allows mashup applications creation from widgets, which are reusable pieces of user interface, and services . Users can create social applications that run in Facebook, Meebo, OpenSocial containers like MySpace and H i5, on the iPhone, and in the browser.

MashupMania - with possibilities for aggregation, manipulation, and mashup content from around the web. It is a site where the user can build mashup/widget via a graphic user interface, rather than writing code.

MashupMania - with possibilities for aggregation, manipulation, and mashup content from around the web. It is a site where the user can build mashup/widget via a graphic user interface, rather than writing code.

M ashup technology for educators and students proposes: captur ing and remixing data, information and knowledge visualizing hard for understanding concepts using of existing and creating new web services

M ashup technology for educators and students proposes:

captur ing and remixing data, information and knowledge

visualizing hard for understanding concepts

using of existing and creating new web services

ubiquity – at a ny time , any location, from different devices access to information, utilizing w eb-based productivity and communications tools suited to project-based learning , group-based learning, self-organized learning

ubiquity – at a ny time , any location, from different devices access to information, utilizing w eb-based productivity and communications tools

suited to project-based learning , group-based learning, self-organized learning

deep understanding and learning – students analyze primary sources and digitized artifacts , t hey take learning deeper when they are asked to navigate, sort, organize, analyze, and make graphical representations

deep understanding and learning – students analyze primary sources and digitized artifacts , t hey take learning deeper when they are asked to navigate, sort, organize, analyze, and make graphical representations

concepts vis ualization and discussion stimulation - d igital tools for conceptualiz ation through mind maps , photography , multimedia , graphical representations, modeling, animation , digital art , virtual spaces

concepts vis ualization and discussion stimulation - d igital tools for conceptualiz ation through mind maps , photography , multimedia , graphical representations, modeling, animation , digital art , virtual spaces

expressing and sharing thoughts and ideas, building community - students can use the w eb to express their ideas and build societ ies around shared interests

expressing and sharing thoughts and ideas, building community - students can use the w eb to express their ideas and build societ ies around shared interests

collaborat e and harness the collective intelligence – learners can u se services to find experts or peers, u se shared w eb applications to plan and write together

collaborat e and harness the collective intelligence – learners can u se services to find experts or peers, u se shared w eb applications to plan and write together

research - using search engines with mashup content, question/ citation engines and engines with rich presentation functions, using of analytical tools, poll/survey tools

research - using search engines with mashup content, question/ citation engines and engines with rich presentation functions, using of analytical tools, poll/survey tools

learning management - manage time, work, sources, feedback from others, drafts, and products , creation of an ePortfolio folder assists p lan ing and organiz ing activities

learning management - manage time, work, sources, feedback from others, drafts, and products , creation of an ePortfolio folder assists p lan ing and organiz ing activities

reflection and iteration - t ools that support reflection and iterative development give learners the opportunity to shape and revise their work, and expose it to the critical feedback of others

reflection and iteration - t ools that support reflection and iterative development give learners the opportunity to shape and revise their work, and expose it to the critical feedback of others

innovate – be active in the learning process, students develop new mashup applications, services, widgets

innovate – be active in the learning process, students develop new mashup applications, services, widgets

This UoL is designed according to proposed methodology in IMS Learning Design specification . The conceptual design includes defining of main data: Overview of the unit, learning objectives, prerequisites Roles Activities, Activities structures Environments Scenario

This UoL is designed according to proposed methodology in IMS Learning Design specification . The conceptual design includes defining of main data:

Overview of the unit, learning objectives, prerequisites

Roles

Activities, Activities structures

Environments

Scenario

yes no yes no yes no

M ashups are another opportunity to incorporate technology into education T he interactive nature of such applications increas e the student participation in the learning and for self-organized learning The different kinds of mashup applications are analyzed and their classification is prepared in order for educators to be supported in their UoL design and also students in their examination and exploration of mashups A model of UoL is developed with the topic related to mashup studying and building This model is used for UoL implementation in Edu 2.0 system via the created prototype.

M ashups are another opportunity to incorporate technology into education

T he interactive nature of such applications increas e the student participation in the learning and for self-organized learning

The different kinds of mashup applications are analyzed and their classification is prepared in order for educators to be supported in their UoL design and also students in their examination and exploration of mashups

A model of UoL is developed with the topic related to mashup studying and building

This model is used for UoL implementation in Edu 2.0 system via the created prototype.