Smart Style on the Semantic Web Lynda Hardman CWI, Multimedia and Human-Computer Interaction TU/e,...

30
Smart Style on the Semantic Web Lynda Hardman CWI, Multimedia and Human-Computer Interaction TU/e, Multimedia and Internet

Transcript of Smart Style on the Semantic Web Lynda Hardman CWI, Multimedia and Human-Computer Interaction TU/e,...

Page 1: Smart Style on the Semantic Web Lynda Hardman CWI, Multimedia and Human-Computer Interaction TU/e, Multimedia and Internet Technology.

Smart Style on theSemantic Web

Lynda Hardman

CWI, Multimedia and Human-Computer InteractionTU/e, Multimedia and Internet Technology

Page 2: Smart Style on the Semantic Web Lynda Hardman CWI, Multimedia and Human-Computer Interaction TU/e, Multimedia and Internet Technology.

3

Presentation of Google results: text

Page 3: Smart Style on the Semantic Web Lynda Hardman CWI, Multimedia and Human-Computer Interaction TU/e, Multimedia and Internet Technology.

4

Presentation of Google results: image

Page 4: Smart Style on the Semantic Web Lynda Hardman CWI, Multimedia and Human-Computer Interaction TU/e, Multimedia and Internet Technology.

5

One size doesn’t fit all

Page 5: Smart Style on the Semantic Web Lynda Hardman CWI, Multimedia and Human-Computer Interaction TU/e, Multimedia and Internet Technology.

6

The problem

•Too many users need their own information– for their level of expertise– using appropriate media– in an appropriate style– displayed on their own device

•Multimedia information design is expensive

•There has to be some automation in the process

Page 6: Smart Style on the Semantic Web Lynda Hardman CWI, Multimedia and Human-Computer Interaction TU/e, Multimedia and Internet Technology.

7

User Query

MMDB

MetadataDB

Cuypers Engine

Cuypers Engine

Page 7: Smart Style on the Semantic Web Lynda Hardman CWI, Multimedia and Human-Computer Interaction TU/e, Multimedia and Internet Technology.

8

Demo

Page 8: Smart Style on the Semantic Web Lynda Hardman CWI, Multimedia and Human-Computer Interaction TU/e, Multimedia and Internet Technology.

9

Three ingredients

Content

Page 9: Smart Style on the Semantic Web Lynda Hardman CWI, Multimedia and Human-Computer Interaction TU/e, Multimedia and Internet Technology.

10

Content of example

Clair-obscur (Frans) en chiaroscuro (Italiaans) betekenen 'licht-donker'. Beide termen worden gebruikt om sterke licht-donkercontrasten in schilderijen, tekeningen en prenten aan te duiden. Hoewel het effect al eerder werd toegepast, is de term pas sinds het einde van de 16de eeuw in zwang. De oorsprong van het woord ligt in Italië. De schilder Caravaggio (1573-1610) maakte het chiaroscuro-effect tot zijn handelsmerk. Hij was een meester in het schilderen van donkere taferelen met één felle lichtbundel.

Page 10: Smart Style on the Semantic Web Lynda Hardman CWI, Multimedia and Human-Computer Interaction TU/e, Multimedia and Internet Technology.

11

Three ingredients

Content

Presentationstructure

Page 11: Smart Style on the Semantic Web Lynda Hardman CWI, Multimedia and Human-Computer Interaction TU/e, Multimedia and Internet Technology.

12

Presentation structure of example

Clair-obscur (Frans) en chiaroscuro (Italiaans) betekenen 'licht-donker'. Beide termen worden gebruikt om sterke licht-donkercontrasten in schilderijen, tekeningen en prenten aan te duiden. Hoewel het effect al eerder werd toegepast, is de term pas sinds het einde van de 16de eeuw in zwang. De oorsprong van het woord ligt in Italië. De schilder Caravaggio (1573-1610) maakte het chiaroscuro-effect tot zijn handelsmerk. Hij was een meester in het schilderen van donkere taferelen met één felle lichtbundel.

Chiaroscuro & Rembrandt Harmensz.

Van Rijn

description examples

title

Page 12: Smart Style on the Semantic Web Lynda Hardman CWI, Multimedia and Human-Computer Interaction TU/e, Multimedia and Internet Technology.

13

Three ingredients

Content

Presentationstructure

Aesthetics

abcdefghijabcdefghijklmn

ABCDEFGHIJK

abcdefghijklmabcdefghijklm

Page 13: Smart Style on the Semantic Web Lynda Hardman CWI, Multimedia and Human-Computer Interaction TU/e, Multimedia and Internet Technology.

14

Aesthetics of example

Colours

Fonts

Layout

Colours

Page 14: Smart Style on the Semantic Web Lynda Hardman CWI, Multimedia and Human-Computer Interaction TU/e, Multimedia and Internet Technology.

15

Design dependencies

Content

Presentationstructure

Aesthetics

abcdefghijabcdefghijk

ABCDEFGHIJK

abcdefghijkabcdefghijk

Page 15: Smart Style on the Semantic Web Lynda Hardman CWI, Multimedia and Human-Computer Interaction TU/e, Multimedia and Internet Technology.

16

Presentation Structure depends on Layout

description

title

title

description

description examples

title

description examples

title

Page 16: Smart Style on the Semantic Web Lynda Hardman CWI, Multimedia and Human-Computer Interaction TU/e, Multimedia and Internet Technology.

17

Style Depends on Content

Chiaroscuro & Rembrandt

The Stone Bridge (1638)

Chiaroscuro & Rembrandt

The Stone Bridge (1638)

Page 17: Smart Style on the Semantic Web Lynda Hardman CWI, Multimedia and Human-Computer Interaction TU/e, Multimedia and Internet Technology.

18

Rembrandt

Caravaggists

Presentation structure depends on content

chiaroscuro

16311628

1638

1623

1628

Page 18: Smart Style on the Semantic Web Lynda Hardman CWI, Multimedia and Human-Computer Interaction TU/e, Multimedia and Internet Technology.

19

16311628 16381623 1628

Example Presentation Structure

Rembrandt

Chiaroscuro

Caravaggists

Page 19: Smart Style on the Semantic Web Lynda Hardman CWI, Multimedia and Human-Computer Interaction TU/e, Multimedia and Internet Technology.

20

User Query

MMDB

MetadataDB

Cuypers Knowledge Sources

DesignModel

Cuypers Engine

DiscourseModel

DomainModel

UserModel

DeviceProfile

?

?

?

Page 20: Smart Style on the Semantic Web Lynda Hardman CWI, Multimedia and Human-Computer Interaction TU/e, Multimedia and Internet Technology.

21

Page 21: Smart Style on the Semantic Web Lynda Hardman CWI, Multimedia and Human-Computer Interaction TU/e, Multimedia and Internet Technology.

22

Page 22: Smart Style on the Semantic Web Lynda Hardman CWI, Multimedia and Human-Computer Interaction TU/e, Multimedia and Internet Technology.

23

Page 23: Smart Style on the Semantic Web Lynda Hardman CWI, Multimedia and Human-Computer Interaction TU/e, Multimedia and Internet Technology.

24

Page 24: Smart Style on the Semantic Web Lynda Hardman CWI, Multimedia and Human-Computer Interaction TU/e, Multimedia and Internet Technology.

25

Page 25: Smart Style on the Semantic Web Lynda Hardman CWI, Multimedia and Human-Computer Interaction TU/e, Multimedia and Internet Technology.

26

Page 26: Smart Style on the Semantic Web Lynda Hardman CWI, Multimedia and Human-Computer Interaction TU/e, Multimedia and Internet Technology.

27

Page 27: Smart Style on the Semantic Web Lynda Hardman CWI, Multimedia and Human-Computer Interaction TU/e, Multimedia and Internet Technology.

28

Page 28: Smart Style on the Semantic Web Lynda Hardman CWI, Multimedia and Human-Computer Interaction TU/e, Multimedia and Internet Technology.

29

Page 29: Smart Style on the Semantic Web Lynda Hardman CWI, Multimedia and Human-Computer Interaction TU/e, Multimedia and Internet Technology.

30

Conclusions

• Generating multimedia presentations requires– making design dependencies explicit

– taking these dependencies into account

• Semantic Web has the potential to– encode knowledge we use

– reuse knowledge already available

• Cuypers system provides an experimentation platform

Page 30: Smart Style on the Semantic Web Lynda Hardman CWI, Multimedia and Human-Computer Interaction TU/e, Multimedia and Internet Technology.

31

This research is supported by

• NWO I2RPIntelligent Information Retrieval and Presentation

• NWO CHIMECultural Heritage in an Interactive Multimedia Environment

• NWO NASHNetworked Adaptive Structured Hypermedia

• Telematica Instituut Topia

• Images courtesy of Rijksmuseum, Amsterdam