Top Banner
The SADIe Transcoding Platform Darren Lunn, Sean Bechhofer and Simon Harper The University of Manchester School of Computer Science
15
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: W4A Transcoding Challenge

The SADIe Transcoding Platform

Darren Lunn, Sean Bechhofer and Simon HarperThe University of ManchesterSchool of Computer Science

Page 2: W4A Transcoding Challenge

The Web

• Designed with a focus on presenting information in a visual manner– Images– Columned Layout– Chunks

• Some knowledge is only available implicitly from how the page looks

• Can be difficult to access for users of screen readers

Page 3: W4A Transcoding Challenge

Implicit Knowledge

= Advertisement

= Banner

= Main Content

= Menu

Page 4: W4A Transcoding Challenge

Transcoding• The adaptation of Web content to suit the needs of the browsing device

• Heuristic Transcoding– Uses rules / patterns– Can adapt a large number of pages– Can suffer from reduced accuracy issues

• Semantic Transcoding– Uses annotations– Accurate adaptations– Time Consuming As Every Page Is Annotated

Page 5: W4A Transcoding Challenge

SADIe in Action

ImageAdvertisement

Tabs

BannerMain Menu

Banner

Headline Story Overview

Main StoryMain Story

Story Overview

Headline

Page 6: W4A Transcoding Challenge

SADIe Approach

• The visual rendering of a Web element informs the user of its purpose

• The CSS defines the visual rendering

• Identifying the purpose of a CSS definition implicitly identifies the purpose of the Web element

Page 7: W4A Transcoding Challenge

Exploiting CSS

cnnNavigation{

float:left;

border-width:0 1px 0 0;

border-style:solid;

. . .

}

CSS<ul class="cnnNavigation">

<li><a href="/">Home</a></li>

<li><a href="/WORLD/">World</a></li>

<li><a href="/US/">U.S.</a></li>

. . .

</ul>

(X)HTML

Page 8: W4A Transcoding Challenge

Annotation Through Ontology

. . .(X)HTML (X)HTML (X)HTML

. . .CSS CSS CSS

Upper Ontology

. . .Website Ontology

Page 9: W4A Transcoding Challenge

CNN (Partial) Ontology

Page 10: W4A Transcoding Challenge

Transcoding Architecture

SADIeProxy

Web Page

IdentifyOntology

QueryOntology

Transcode Web page

User

Page 11: W4A Transcoding Challenge

Basic User Interface

Page 12: W4A Transcoding Challenge

Advanced User Interface

Page 13: W4A Transcoding Challenge

Incorporated Into Website

Page 14: W4A Transcoding Challenge

Conclusions• SADIe combines the benefits of both Heuristic and Semantic Transcoding

• Annotation occurs at the CSS level using an ontology

• One annotation propagates to all pages within the Website

• Transcoding is achieved via a proxy

• SADIe can be instigated via a User interface or embedded within a page

Page 15: W4A Transcoding Challenge

Questions?

http://hcw.cs.manchester.ac.uk/research/sadie/

http://hcw-eprints.cs.manchester.ac.uk/23/

http://sadie.cs.manchester.ac.uk/