25
Providing Personalized Mashups Within the Context of Existing Web Applications Oscar Díaz, Sandy Pérez and Iñaki Paz ONEKIN Research Group University of the Basque Country San Sebastián (Spain) Dec 6th, 2007 The 8th International Conference on Web Information Systems Engineering

Providing Personalized Mashups Within the Context of Existing Web Applications

  • Upload
    opa

  • View
    17

  • Download
    0

Embed Size (px)

DESCRIPTION

The 8th International Conference on Web Information Systems Engineering. Providing Personalized Mashups Within the Context of Existing Web Applications. Oscar Díaz, Sandy Pérez and Iñaki Paz ONEKIN Research Group University of the Basque Country San Sebastián (Spain) Dec 6th, 2007. - PowerPoint PPT Presentation

Citation preview

Page 1: Providing Personalized Mashups Within the Context of Existing Web Applications

Providing Personalized Mashups Within the Context of Existing Web Applications

Oscar Díaz, Sandy Pérez and Iñaki PazONEKIN Research Group

University of the Basque Country San Sebastián (Spain)

Dec 6th, 2007

The 8th International Conference on Web Information Systems Engineering

Page 2: Providing Personalized Mashups Within the Context of Existing Web Applications

O. Díaz, S. Pérez & I. Paz 2

Outline

Introduction

MARGMASH

Conclusions

Page 3: Providing Personalized Mashups Within the Context of Existing Web Applications

O. Díaz, S. Pérez & I. Paz 3

Personalization

Personalization is the process of tailoring pages to individual users’ characteristics or preferences that will be meaningful to their goals.

However, it is not always easy for the designer to foresee the distinct utilization contexts and goals from where the application is accessed.

Page 4: Providing Personalized Mashups Within the Context of Existing Web Applications

O. Díaz, S. Pérez & I. Paz 4

Personalization: a do-it-yourself approach

Traditional approaches: • “everything for the people, nothing by the

people”• difficult to foresee all circumstances

Do-it-yourself approach: • end users add their own content • …once the application is already deployed

Page 5: Providing Personalized Mashups Within the Context of Existing Web Applications

O. Díaz, S. Pérez & I. Paz 5

Mashup approach

Mashups allow the user to combine existing data from disparate sources in innovative ways.

http://fr.local.yahoo.comA MASHUP

is the resource to be capitalized on

Page 6: Providing Personalized Mashups Within the Context of Existing Web Applications

O. Díaz, S. Pérez & I. Paz 6

Mashup approach

But frequently,… • you are gathering data not just for the sake of

the data itself • but to help you to make some decisions.

Page 7: Providing Personalized Mashups Within the Context of Existing Web Applications

O. Díaz, S. Pérez & I. Paz 7

Mashup approach

An example

A MASHUP

http://www.expedia.com

An application

Another application

it would be most convenient to post the mashup data by the application where the

decision is taken.

Page 8: Providing Personalized Mashups Within the Context of Existing Web Applications

O. Díaz, S. Pérez & I. Paz 8

Mashup personalization

Process whereby • recurrent users

– It is not useful for sporadic users

• can enrich – no replacement nor deletions

• existing applications– no new applications

• with additional data using a mashup approach – taking data from elsewhere

Page 9: Providing Personalized Mashups Within the Context of Existing Web Applications

O. Díaz, S. Pérez & I. Paz 9

Outline

Introduction

MARGMASH

Conclusions

Page 10: Providing Personalized Mashups Within the Context of Existing Web Applications

O. Díaz, S. Pérez & I. Paz 10

Yahoo! Pipes

(1) Drag modules from the panel on the leftand drop them in the main panel.

(2) Fill the required modules’ fields

(3) Connect modules between them

inputinput

output

Page 11: Providing Personalized Mashups Within the Context of Existing Web Applications

O. Díaz, S. Pérez & I. Paz 11

MARGMASH: website + mashup

Website: • Any existing web application

Mashup• A Yahoo! pipe

MARGMASH is the “+”

Page 12: Providing Personalized Mashups Within the Context of Existing Web Applications

O. Díaz, S. Pérez & I. Paz 12

Let’s consider as a website…

Pantallazo de expedia.com

Page 13: Providing Personalized Mashups Within the Context of Existing Web Applications

O. Díaz, S. Pérez & I. Paz 13

Let’s consider the pipe …

inputs

output

Page 14: Providing Personalized Mashups Within the Context of Existing Web Applications

O. Díaz, S. Pérez & I. Paz 14

MARGMASH: at runtime

input

input

output

Page 15: Providing Personalized Mashups Within the Context of Existing Web Applications

O. Díaz, S. Pérez & I. Paz 15

MARGMASH: at building time

Five main steps• Navigation• Page Classification• Mashup Anchors• Pipe Assignment• Mapping Pipe Inputs

Page 16: Providing Personalized Mashups Within the Context of Existing Web Applications

O. Díaz, S. Pérez & I. Paz 16

Navigation

Lets the user to navigate to the page where a mashup needs to be posted.

Which are the pages where the end user would

like to post pipes?

Page 17: Providing Personalized Mashups Within the Context of Existing Web Applications

O. Díaz, S. Pérez & I. Paz 17

Page Classification

Page classification helps distinguish between pages on applications

How can these pages be identified?

Page 18: Providing Personalized Mashups Within the Context of Existing Web Applications

O. Díaz, S. Pérez & I. Paz 18

Page Classification

Search

Results

Info.

A page class is defined as the set of pages that describe the same type of information and have a similar page structure

Page 19: Providing Personalized Mashups Within the Context of Existing Web Applications

O. Díaz, S. Pérez & I. Paz 19

Page Classification

the user annotates the page by selecting some HTML elements.

is identified through an absolute XPath over the DOM tree.

Notice that, we are abstracting from a page-instance-based input selection to a page-class-level identification of the distinct elements on the page.

Page 20: Providing Personalized Mashups Within the Context of Existing Web Applications

O. Díaz, S. Pérez & I. Paz 20

Mashup Anchors

Where does the user wantthe pipes to be located?

Mashup anchors play a double role. • they hint for placing the mashup output. • they provide some feed data for the associated mashup

Page 21: Providing Personalized Mashups Within the Context of Existing Web Applications

O. Díaz, S. Pérez & I. Paz 21

Pipe Assignment

Which pipes does the userwant to be posted to a

certain anchor?

pipes’ identifiers

pipes’ output layout

pipes’ navigation mode

Page 22: Providing Personalized Mashups Within the Context of Existing Web Applications

O. Díaz, S. Pérez & I. Paz 22

Mapping Pipe Inputs

From where does the userextract the data that feed

the pipes’ input?

pipes’ starting feeds

Page 23: Providing Personalized Mashups Within the Context of Existing Web Applications

O. Díaz, S. Pérez & I. Paz 23

Outline

Introduction

MARGMASH

Conclusions

Page 24: Providing Personalized Mashups Within the Context of Existing Web Applications

O. Díaz, S. Pérez & I. Paz 24

Conclusions

Margmash: website + mashup

The mashup is contextualized • by delivering it within an existing website

The website acts as • the initial data provider for the mashup input

parameters • as well as the container for its output

Page 25: Providing Personalized Mashups Within the Context of Existing Web Applications

O. Díaz, S. Pérez & I. Paz 25

Contact

Oscar Dí[email protected]

Sandy Pé[email protected]

Iñaki [email protected]

http://www.onekin.org