0
The SADIe Transcoding Platform Darren Lunn, Sean Bechhofer and Simon Harper The University of Manchester School of Compute...
The Web <ul><li>Designed with a focus on presenting information in a visual manner </li></ul><ul><ul><li>Images </li></ul>...
Implicit Knowledge = Advertisement = Banner = Main Content = Menu
Transcoding <ul><li>The adaptation of Web content to suit the needs of the browsing device </li></ul><ul><li>Heuristic Tra...
SADIe in Action Image Advertisement Tabs Banner Main Menu Banner Headline Story Overview Main Story Story Overview Headlin...
SADIe Approach <ul><li>The visual rendering of a Web element informs the user of its purpose </li></ul><ul><li>The CSS def...
Exploiting CSS cnnNavigation{ float:left; border-width:0 1px 0 0; border-style:solid; . . . } CSS <ul class=&quot;cnnNavig...
Annotation Through Ontology Upper Ontology . . . (X)HTML (X)HTML (X)HTML . . . CSS CSS CSS . . . Website  Ontology
CNN (Partial) Ontology
Transcoding Architecture SADIe Proxy Web Page Identify Ontology Query Ontology Transcode Web page User
Basic User Interface
Advanced User Interface
Incorporated Into Website
Conclusions <ul><li>SADIe combines the benefits of both Heuristic and Semantic Transcoding </li></ul><ul><li>Annotation oc...
Questions? http://hcw.cs.manchester.ac.uk/research/sadie/ http://hcw-eprints.cs.manchester.ac.uk/23/ http://sadie.cs.manch...
Upcoming SlideShare
Loading in...5
×

W4A Transcoding Challenge

750

Published on

Published in: Technology, Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
750
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
9
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • Transcript of "W4A Transcoding Challenge"

    1. 1. The SADIe Transcoding Platform Darren Lunn, Sean Bechhofer and Simon Harper The University of Manchester School of Computer Science
    2. 2. The Web <ul><li>Designed with a focus on presenting information in a visual manner </li></ul><ul><ul><li>Images </li></ul></ul><ul><ul><li>Columned Layout </li></ul></ul><ul><ul><li>Chunks </li></ul></ul><ul><li>Some knowledge is only available implicitly from how the page looks </li></ul><ul><li>Can be difficult to access for users of screen readers </li></ul>
    3. 3. Implicit Knowledge = Advertisement = Banner = Main Content = Menu
    4. 4. Transcoding <ul><li>The adaptation of Web content to suit the needs of the browsing device </li></ul><ul><li>Heuristic Transcoding </li></ul><ul><ul><li>Uses rules / patterns </li></ul></ul><ul><ul><li>Can adapt a large number of pages </li></ul></ul><ul><ul><li>Can suffer from reduced accuracy issues </li></ul></ul><ul><li>Semantic Transcoding </li></ul><ul><ul><li>Uses annotations </li></ul></ul><ul><ul><li>Accurate adaptations </li></ul></ul><ul><ul><li>Time Consuming As Every Page Is Annotated </li></ul></ul>
    5. 5. SADIe in Action Image Advertisement Tabs Banner Main Menu Banner Headline Story Overview Main Story Story Overview Headline Main Story
    6. 6. SADIe Approach <ul><li>The visual rendering of a Web element informs the user of its purpose </li></ul><ul><li>The CSS defines the visual rendering </li></ul><ul><li>Identifying the purpose of a CSS definition implicitly identifies the purpose of the Web element </li></ul>
    7. 7. Exploiting CSS cnnNavigation{ float:left; border-width:0 1px 0 0; border-style:solid; . . . } CSS <ul class=&quot;cnnNavigation&quot;> <li><a href=&quot;/&quot;>Home</a></li> <li><a href=&quot;/WORLD/&quot;>World</a></li> <li><a href=&quot;/US/&quot;>U.S.</a></li> . . . </ul> (X)HTML
    8. 8. Annotation Through Ontology Upper Ontology . . . (X)HTML (X)HTML (X)HTML . . . CSS CSS CSS . . . Website Ontology
    9. 9. CNN (Partial) Ontology
    10. 10. Transcoding Architecture SADIe Proxy Web Page Identify Ontology Query Ontology Transcode Web page User
    11. 11. Basic User Interface
    12. 12. Advanced User Interface
    13. 13. Incorporated Into Website
    14. 14. Conclusions <ul><li>SADIe combines the benefits of both Heuristic and Semantic Transcoding </li></ul><ul><li>Annotation occurs at the CSS level using an ontology </li></ul><ul><li>One annotation propagates to all pages within the Website </li></ul><ul><li>Transcoding is achieved via a proxy </li></ul><ul><li>SADIe can be instigated via a User interface or embedded within a page </li></ul>
    15. 15. Questions? http://hcw.cs.manchester.ac.uk/research/sadie/ http://hcw-eprints.cs.manchester.ac.uk/23/ http://sadie.cs.manchester.ac.uk/
    1. A particular slide catching your eye?

      Clipping is a handy way to collect important slides you want to go back to later.

    ×