smart style on the semantic web lynda hardman cwi, multimedia and human-computer interaction tu/e,...
TRANSCRIPT
![Page 1: Smart Style on the Semantic Web Lynda Hardman CWI, Multimedia and Human-Computer Interaction TU/e, Multimedia and Internet Technology](https://reader035.vdocuments.mx/reader035/viewer/2022062405/5551a0ef4979591f3c8b896a/html5/thumbnails/1.jpg)
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](https://reader035.vdocuments.mx/reader035/viewer/2022062405/5551a0ef4979591f3c8b896a/html5/thumbnails/2.jpg)
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](https://reader035.vdocuments.mx/reader035/viewer/2022062405/5551a0ef4979591f3c8b896a/html5/thumbnails/3.jpg)
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](https://reader035.vdocuments.mx/reader035/viewer/2022062405/5551a0ef4979591f3c8b896a/html5/thumbnails/4.jpg)
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](https://reader035.vdocuments.mx/reader035/viewer/2022062405/5551a0ef4979591f3c8b896a/html5/thumbnails/5.jpg)
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](https://reader035.vdocuments.mx/reader035/viewer/2022062405/5551a0ef4979591f3c8b896a/html5/thumbnails/6.jpg)
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](https://reader035.vdocuments.mx/reader035/viewer/2022062405/5551a0ef4979591f3c8b896a/html5/thumbnails/7.jpg)
8
Demo
![Page 8: Smart Style on the Semantic Web Lynda Hardman CWI, Multimedia and Human-Computer Interaction TU/e, Multimedia and Internet Technology](https://reader035.vdocuments.mx/reader035/viewer/2022062405/5551a0ef4979591f3c8b896a/html5/thumbnails/8.jpg)
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](https://reader035.vdocuments.mx/reader035/viewer/2022062405/5551a0ef4979591f3c8b896a/html5/thumbnails/9.jpg)
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](https://reader035.vdocuments.mx/reader035/viewer/2022062405/5551a0ef4979591f3c8b896a/html5/thumbnails/10.jpg)
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](https://reader035.vdocuments.mx/reader035/viewer/2022062405/5551a0ef4979591f3c8b896a/html5/thumbnails/11.jpg)
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](https://reader035.vdocuments.mx/reader035/viewer/2022062405/5551a0ef4979591f3c8b896a/html5/thumbnails/12.jpg)
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](https://reader035.vdocuments.mx/reader035/viewer/2022062405/5551a0ef4979591f3c8b896a/html5/thumbnails/13.jpg)
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](https://reader035.vdocuments.mx/reader035/viewer/2022062405/5551a0ef4979591f3c8b896a/html5/thumbnails/14.jpg)
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](https://reader035.vdocuments.mx/reader035/viewer/2022062405/5551a0ef4979591f3c8b896a/html5/thumbnails/15.jpg)
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](https://reader035.vdocuments.mx/reader035/viewer/2022062405/5551a0ef4979591f3c8b896a/html5/thumbnails/16.jpg)
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](https://reader035.vdocuments.mx/reader035/viewer/2022062405/5551a0ef4979591f3c8b896a/html5/thumbnails/17.jpg)
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](https://reader035.vdocuments.mx/reader035/viewer/2022062405/5551a0ef4979591f3c8b896a/html5/thumbnails/18.jpg)
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](https://reader035.vdocuments.mx/reader035/viewer/2022062405/5551a0ef4979591f3c8b896a/html5/thumbnails/19.jpg)
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](https://reader035.vdocuments.mx/reader035/viewer/2022062405/5551a0ef4979591f3c8b896a/html5/thumbnails/20.jpg)
21
![Page 21: Smart Style on the Semantic Web Lynda Hardman CWI, Multimedia and Human-Computer Interaction TU/e, Multimedia and Internet Technology](https://reader035.vdocuments.mx/reader035/viewer/2022062405/5551a0ef4979591f3c8b896a/html5/thumbnails/21.jpg)
22
![Page 22: Smart Style on the Semantic Web Lynda Hardman CWI, Multimedia and Human-Computer Interaction TU/e, Multimedia and Internet Technology](https://reader035.vdocuments.mx/reader035/viewer/2022062405/5551a0ef4979591f3c8b896a/html5/thumbnails/22.jpg)
23
![Page 23: Smart Style on the Semantic Web Lynda Hardman CWI, Multimedia and Human-Computer Interaction TU/e, Multimedia and Internet Technology](https://reader035.vdocuments.mx/reader035/viewer/2022062405/5551a0ef4979591f3c8b896a/html5/thumbnails/23.jpg)
24
![Page 24: Smart Style on the Semantic Web Lynda Hardman CWI, Multimedia and Human-Computer Interaction TU/e, Multimedia and Internet Technology](https://reader035.vdocuments.mx/reader035/viewer/2022062405/5551a0ef4979591f3c8b896a/html5/thumbnails/24.jpg)
25
![Page 25: Smart Style on the Semantic Web Lynda Hardman CWI, Multimedia and Human-Computer Interaction TU/e, Multimedia and Internet Technology](https://reader035.vdocuments.mx/reader035/viewer/2022062405/5551a0ef4979591f3c8b896a/html5/thumbnails/25.jpg)
26
![Page 26: Smart Style on the Semantic Web Lynda Hardman CWI, Multimedia and Human-Computer Interaction TU/e, Multimedia and Internet Technology](https://reader035.vdocuments.mx/reader035/viewer/2022062405/5551a0ef4979591f3c8b896a/html5/thumbnails/26.jpg)
27
![Page 27: Smart Style on the Semantic Web Lynda Hardman CWI, Multimedia and Human-Computer Interaction TU/e, Multimedia and Internet Technology](https://reader035.vdocuments.mx/reader035/viewer/2022062405/5551a0ef4979591f3c8b896a/html5/thumbnails/27.jpg)
28
![Page 28: Smart Style on the Semantic Web Lynda Hardman CWI, Multimedia and Human-Computer Interaction TU/e, Multimedia and Internet Technology](https://reader035.vdocuments.mx/reader035/viewer/2022062405/5551a0ef4979591f3c8b896a/html5/thumbnails/28.jpg)
29
![Page 29: Smart Style on the Semantic Web Lynda Hardman CWI, Multimedia and Human-Computer Interaction TU/e, Multimedia and Internet Technology](https://reader035.vdocuments.mx/reader035/viewer/2022062405/5551a0ef4979591f3c8b896a/html5/thumbnails/29.jpg)
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](https://reader035.vdocuments.mx/reader035/viewer/2022062405/5551a0ef4979591f3c8b896a/html5/thumbnails/30.jpg)
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