Service-interaction descriptions: augmenting services with user interface models

56
Service-interaction descriptions Augmenting services with user interface models Jo Vermeulen Expertise Centre for Digital Media Affiliated with the Institute for BroadBand Technology Hasselt University - transnationale Universiteit Limburg Belgium Lille, March 27, 2007

description

Semantic service descriptions have paved the way for flexible interaction with services in a mobile computing environment. Services can be automatically discovered, invoked and even composed. On the contrary, the user interfaces for interacting with these services are often still designed by hand. This approach poses a serious threat to the overall flexibility of the system. To make the user interface design process scale, it should be automated as much as possible. We propose to augment service descriptions with high-level user interface models to support automatic user interface adaptation. Our method builds upon OWL-S, an ontology for Semantic Web Services, by connecting a collection of OWL-S services to a hierarchical task structure and selected presentation information. This allows end-users to interact with services on a variety of platforms. Presented as a shorter version of my EIS 2007 talk at Laboratoire d'Informatique Fondamentale de Lille (LIFL) in Lille on March 27th, 2008.

Transcript of Service-interaction descriptions: augmenting services with user interface models

Page 1: Service-interaction descriptions: augmenting services with user interface models

Service-interaction descriptions

Augmenting services with user interface models

Jo Vermeulen

Expertise Centre for Digital MediaAffiliated with the Institute for BroadBand Technology

Hasselt University - transnationale Universiteit LimburgBelgium

Lille, March 27, 2007

Page 2: Service-interaction descriptions: augmenting services with user interface models

A better way of interacting with

services

Page 3: Service-interaction descriptions: augmenting services with user interface models

Problem situation

Page 4: Service-interaction descriptions: augmenting services with user interface models

Smart city environment

Page 5: Service-interaction descriptions: augmenting services with user interface models

User interface development cannot be done manually

heterogeneous environment

dynamic nature

Page 6: Service-interaction descriptions: augmenting services with user interface models

Semantic Web Services +Model-Based User Interface Development

1

Semantic network on top of UIML

2

3Hierarchical and reusable layout model

Page 7: Service-interaction descriptions: augmenting services with user interface models

Architecture

Page 8: Service-interaction descriptions: augmenting services with user interface models

Architecture

Page 9: Service-interaction descriptions: augmenting services with user interface models

Architecture

Page 10: Service-interaction descriptions: augmenting services with user interface models

Architecture

Page 11: Service-interaction descriptions: augmenting services with user interface models

Architecture

Page 12: Service-interaction descriptions: augmenting services with user interface models

Architecture

Page 13: Service-interaction descriptions: augmenting services with user interface models

Architecture

Page 14: Service-interaction descriptions: augmenting services with user interface models

Service-interaction descriptions

Page 15: Service-interaction descriptions: augmenting services with user interface models

Service-interaction description

Semantic Web Services

Model-Based User Interface Development

Page 16: Service-interaction descriptions: augmenting services with user interface models

Service-interaction description

OWL-S services

Model-Based User Interface Development

Page 17: Service-interaction descriptions: augmenting services with user interface models

Service-interaction description

OWL-S services

Model-Based User Interface Development

Page 18: Service-interaction descriptions: augmenting services with user interface models

Task model

>>

>>

[]>>>>

Page 19: Service-interaction descriptions: augmenting services with user interface models

Service

Service component

Output

Input

Data type

Data type

Data type

Page 20: Service-interaction descriptions: augmenting services with user interface models

Service-interaction description

OWL-S services

Task model and related models

Page 21: Service-interaction descriptions: augmenting services with user interface models

Service-interaction description

OWL-S services

Task model and related models

Page 22: Service-interaction descriptions: augmenting services with user interface models

allows both machines and humans to interact with a service

Page 23: Service-interaction descriptions: augmenting services with user interface models
Page 24: Service-interaction descriptions: augmenting services with user interface models

Tasks and concepts

Abstract User Interface

Concrete User Interface

Final User Interface

4 abstraction levels

Page 25: Service-interaction descriptions: augmenting services with user interface models

Tasks and concepts

Abstract User Interface

Concrete User Interface

Final User Interface

4 abstraction levels

Page 26: Service-interaction descriptions: augmenting services with user interface models

Tasks and concepts

Abstract User Interface

Concrete User Interface

Final User Interface

4 abstraction levels

UIML

Page 27: Service-interaction descriptions: augmenting services with user interface models

Tasks and concepts

Abstract User Interface

Concrete User Interface

Final User Interface

4 abstraction levels

Final User Interface

Concrete User InterfaceUIML

Page 28: Service-interaction descriptions: augmenting services with user interface models

Tasks and concepts

Abstract User Interface

Page 29: Service-interaction descriptions: augmenting services with user interface models

1 annotate the leaf tasks• AIO• service component

extract the dialog model

set of ETS

... ...

2

Page 30: Service-interaction descriptions: augmenting services with user interface models

Abstract User Interface

Concrete User Interface

Page 31: Service-interaction descriptions: augmenting services with user interface models

Annotated dialog model

service component

AIO

UIML

semantic network

Page 32: Service-interaction descriptions: augmenting services with user interface models

Interactive capabilities

Semantic network

CIO

RDF UIML vocabulary

AIO

Data type

Page 33: Service-interaction descriptions: augmenting services with user interface models

Textfield

Input

FIO String

Page 34: Service-interaction descriptions: augmenting services with user interface models

widget selection

service componentAIO AIO

CIO

data type

data type

Page 35: Service-interaction descriptions: augmenting services with user interface models

There is still something missing ...

Page 36: Service-interaction descriptions: augmenting services with user interface models

Abstract User Interface

CIO

CIO

CIOCIO

CIO

CIO CIO

What we have now

Page 37: Service-interaction descriptions: augmenting services with user interface models

Layout model

template instance

Page 38: Service-interaction descriptions: augmenting services with user interface models
Page 39: Service-interaction descriptions: augmenting services with user interface models
Page 40: Service-interaction descriptions: augmenting services with user interface models

Use case

Page 41: Service-interaction descriptions: augmenting services with user interface models

Photo sharing service

Page 42: Service-interaction descriptions: augmenting services with user interface models

view selected picture

view picture view rating

rate picture

enter rating submit rating

III III

[>

Page 43: Service-interaction descriptions: augmenting services with user interface models

view selected picture

view picture view rating

rate picture

enter rating submit rating

III III

[>

Page 44: Service-interaction descriptions: augmenting services with user interface models

1 collecting the required servicesview selected picture

view picture view rating

rate picture

enter rating submit rating

III III

[>

Page 45: Service-interaction descriptions: augmenting services with user interface models

1 collecting the required services

View picturePictureID

View picture rating

PictureID

Submit picture rating

PictureID

Rating

Image

Rating

Page 46: Service-interaction descriptions: augmenting services with user interface models

2 creating an annotated task model

Page 47: Service-interaction descriptions: augmenting services with user interface models

view selected picture

view picture view rating

rate picture

enter rating submit rating

III III

[>Rating

Output Output

Image

Rating

Input Action

Submit picture rating

Page 48: Service-interaction descriptions: augmenting services with user interface models

3 creating a layout template

Page 49: Service-interaction descriptions: augmenting services with user interface models

3 creating a layout template

Page 50: Service-interaction descriptions: augmenting services with user interface models

4 instantiating the layout template

Page 51: Service-interaction descriptions: augmenting services with user interface models

4 instantiating the layout template

O

I

A

ImageO

Rating

Rating

Rate

O

O

String

String

Page 52: Service-interaction descriptions: augmenting services with user interface models

5 the resulting user interface

Page 53: Service-interaction descriptions: augmenting services with user interface models

5 the resulting user interface

Windows Mobile Java CDC

Page 54: Service-interaction descriptions: augmenting services with user interface models

Conclusions

Semantic Web Services +Model-Based User Interface Development

Semantic network on top of UIML

Hierarchical and reusable layout model

allow both machines and humans to flexibly interact with a service

Page 55: Service-interaction descriptions: augmenting services with user interface models

Backup slides

Page 56: Service-interaction descriptions: augmenting services with user interface models