SlideShare a Scribd company logo
The SADIe Transcoding Platform Darren Lunn, Sean Bechhofer and Simon Harper The University of Manchester School of Computer Science
The Web ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Implicit Knowledge = Advertisement = Banner = Main Content = Menu
Transcoding ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
SADIe in Action Image Advertisement Tabs Banner Main Menu Banner Headline Story Overview Main Story Story Overview Headline Main Story
SADIe Approach ,[object Object],[object Object],[object Object]
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
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 ,[object Object],[object Object],[object Object],[object Object],[object Object]
Questions? http://hcw.cs.manchester.ac.uk/research/sadie/ http://hcw-eprints.cs.manchester.ac.uk/23/ http://sadie.cs.manchester.ac.uk/

More Related Content

What's hot

Getting Started With School Net
Getting Started With School NetGetting Started With School Net
Getting Started With School Net
Mindi Stevens
 
student innovation 2014
student innovation 2014student innovation 2014
student innovation 2014
Freelancer
 
SPTechCon Boston 2012 - Flying in the Cloud: New Ways to Develop for SharePoint
SPTechCon Boston 2012 - Flying in the Cloud: New Ways to Develop for SharePointSPTechCon Boston 2012 - Flying in the Cloud: New Ways to Develop for SharePoint
SPTechCon Boston 2012 - Flying in the Cloud: New Ways to Develop for SharePoint
Marc D Anderson
 
WordPress for Small Businesses
WordPress for Small BusinessesWordPress for Small Businesses
WordPress for Small Businesses
Shanta Nathwani
 
Ruining The User Experience (The Ajax Experience Boston 2007)
Ruining The User Experience (The Ajax Experience Boston 2007)Ruining The User Experience (The Ajax Experience Boston 2007)
Ruining The User Experience (The Ajax Experience Boston 2007)
Aaron Gustafson
 
Project Feedloop
Project FeedloopProject Feedloop
Project Feedloopchrisiegers
 
Usability Guidelines
Usability GuidelinesUsability Guidelines
Usability Guidelineshomeplate31
 
Kevin jump, Jumoo
Kevin jump, JumooKevin jump, Jumoo
Kevin jump, Jumoo
Boilerhouse Communications
 
Website Accessibility Fission Team Training
Website Accessibility Fission Team TrainingWebsite Accessibility Fission Team Training
Website Accessibility Fission Team Training
Fission Strategy
 
Common Mistakes Made By Web Developers
Common Mistakes Made By Web DevelopersCommon Mistakes Made By Web Developers
Common Mistakes Made By Web Developers
BOSS Webtech
 
Making The Most of Mobile
Making The Most of MobileMaking The Most of Mobile
Making The Most of Mobileguestca744f
 

What's hot (12)

Headway Design 2 0
Headway Design 2 0Headway Design 2 0
Headway Design 2 0
 
Getting Started With School Net
Getting Started With School NetGetting Started With School Net
Getting Started With School Net
 
student innovation 2014
student innovation 2014student innovation 2014
student innovation 2014
 
SPTechCon Boston 2012 - Flying in the Cloud: New Ways to Develop for SharePoint
SPTechCon Boston 2012 - Flying in the Cloud: New Ways to Develop for SharePointSPTechCon Boston 2012 - Flying in the Cloud: New Ways to Develop for SharePoint
SPTechCon Boston 2012 - Flying in the Cloud: New Ways to Develop for SharePoint
 
WordPress for Small Businesses
WordPress for Small BusinessesWordPress for Small Businesses
WordPress for Small Businesses
 
Ruining The User Experience (The Ajax Experience Boston 2007)
Ruining The User Experience (The Ajax Experience Boston 2007)Ruining The User Experience (The Ajax Experience Boston 2007)
Ruining The User Experience (The Ajax Experience Boston 2007)
 
Project Feedloop
Project FeedloopProject Feedloop
Project Feedloop
 
Usability Guidelines
Usability GuidelinesUsability Guidelines
Usability Guidelines
 
Kevin jump, Jumoo
Kevin jump, JumooKevin jump, Jumoo
Kevin jump, Jumoo
 
Website Accessibility Fission Team Training
Website Accessibility Fission Team TrainingWebsite Accessibility Fission Team Training
Website Accessibility Fission Team Training
 
Common Mistakes Made By Web Developers
Common Mistakes Made By Web DevelopersCommon Mistakes Made By Web Developers
Common Mistakes Made By Web Developers
 
Making The Most of Mobile
Making The Most of MobileMaking The Most of Mobile
Making The Most of Mobile
 

Similar to The SADIe Transcoding Platform

SES Toronto 2008; Joe Dolson
SES Toronto 2008; Joe DolsonSES Toronto 2008; Joe Dolson
SES Toronto 2008; Joe DolsonJoseph Dolson
 
SADIe - Taming The Inaccessible Web
SADIe - Taming The Inaccessible WebSADIe - Taming The Inaccessible Web
SADIe - Taming The Inaccessible Web
Darren Lunn
 
Cascading Style Sheets - Part 02
Cascading Style Sheets - Part 02Cascading Style Sheets - Part 02
Cascading Style Sheets - Part 02
Hatem Mahmoud
 
Reviewing Screen-Based Content
Reviewing Screen-Based ContentReviewing Screen-Based Content
Reviewing Screen-Based Content
Rhonda Bracey
 
Decoding the Web
Decoding the WebDecoding the Web
Decoding the Web
newcircle
 
Web Applications
Web ApplicationsWeb Applications
Web Applications
kichu
 
Lit 20170306
Lit 20170306Lit 20170306
Lit 20170306
Scott Williams
 
Arizona State University Web Design for Non-Designers
Arizona State University Web Design for Non-DesignersArizona State University Web Design for Non-Designers
Arizona State University Web Design for Non-DesignersNina Miller
 
Worry free web development
Worry free web developmentWorry free web development
Worry free web development
Estelle Weyl
 
GDI Seattle Intermediate HTML and CSS Class 1
GDI Seattle Intermediate HTML and CSS Class 1GDI Seattle Intermediate HTML and CSS Class 1
GDI Seattle Intermediate HTML and CSS Class 1Heather Rock
 
Web Development for UX Designers
Web Development for UX DesignersWeb Development for UX Designers
Web Development for UX Designers
Ashlimarie
 
Style Your Site Part 2
Style Your Site Part 2Style Your Site Part 2
Style Your Site Part 2
Ben MacNeill
 
Building Web Hack Interfaces
Building Web Hack InterfacesBuilding Web Hack Interfaces
Building Web Hack Interfaces
Christian Heilmann
 
Optimizing Sites for Mobile Devices
Optimizing Sites for Mobile DevicesOptimizing Sites for Mobile Devices
Optimizing Sites for Mobile Devices
jameswillweb
 
Progressive Enhancement
Progressive EnhancementProgressive Enhancement
Progressive EnhancementBruce Morrison
 
Branding share point 2013
Branding share point 2013Branding share point 2013
Branding share point 2013Khoa Quach
 
Spca2014 introduction responsive master page niaulin
Spca2014 introduction responsive master page niaulinSpca2014 introduction responsive master page niaulin
Spca2014 introduction responsive master page niaulinNCCOMMS
 
WPF & Silverlight UI
WPF & Silverlight UIWPF & Silverlight UI
WPF & Silverlight UI
Dave Allen
 
A Complete Guide to Frontend - UI Developer
A Complete Guide to Frontend - UI DeveloperA Complete Guide to Frontend - UI Developer
A Complete Guide to Frontend - UI Developer
nariyaravi
 
Basic webpage layout and design
Basic webpage layout and designBasic webpage layout and design
Basic webpage layout and designAndz Bass
 

Similar to The SADIe Transcoding Platform (20)

SES Toronto 2008; Joe Dolson
SES Toronto 2008; Joe DolsonSES Toronto 2008; Joe Dolson
SES Toronto 2008; Joe Dolson
 
SADIe - Taming The Inaccessible Web
SADIe - Taming The Inaccessible WebSADIe - Taming The Inaccessible Web
SADIe - Taming The Inaccessible Web
 
Cascading Style Sheets - Part 02
Cascading Style Sheets - Part 02Cascading Style Sheets - Part 02
Cascading Style Sheets - Part 02
 
Reviewing Screen-Based Content
Reviewing Screen-Based ContentReviewing Screen-Based Content
Reviewing Screen-Based Content
 
Decoding the Web
Decoding the WebDecoding the Web
Decoding the Web
 
Web Applications
Web ApplicationsWeb Applications
Web Applications
 
Lit 20170306
Lit 20170306Lit 20170306
Lit 20170306
 
Arizona State University Web Design for Non-Designers
Arizona State University Web Design for Non-DesignersArizona State University Web Design for Non-Designers
Arizona State University Web Design for Non-Designers
 
Worry free web development
Worry free web developmentWorry free web development
Worry free web development
 
GDI Seattle Intermediate HTML and CSS Class 1
GDI Seattle Intermediate HTML and CSS Class 1GDI Seattle Intermediate HTML and CSS Class 1
GDI Seattle Intermediate HTML and CSS Class 1
 
Web Development for UX Designers
Web Development for UX DesignersWeb Development for UX Designers
Web Development for UX Designers
 
Style Your Site Part 2
Style Your Site Part 2Style Your Site Part 2
Style Your Site Part 2
 
Building Web Hack Interfaces
Building Web Hack InterfacesBuilding Web Hack Interfaces
Building Web Hack Interfaces
 
Optimizing Sites for Mobile Devices
Optimizing Sites for Mobile DevicesOptimizing Sites for Mobile Devices
Optimizing Sites for Mobile Devices
 
Progressive Enhancement
Progressive EnhancementProgressive Enhancement
Progressive Enhancement
 
Branding share point 2013
Branding share point 2013Branding share point 2013
Branding share point 2013
 
Spca2014 introduction responsive master page niaulin
Spca2014 introduction responsive master page niaulinSpca2014 introduction responsive master page niaulin
Spca2014 introduction responsive master page niaulin
 
WPF & Silverlight UI
WPF & Silverlight UIWPF & Silverlight UI
WPF & Silverlight UI
 
A Complete Guide to Frontend - UI Developer
A Complete Guide to Frontend - UI DeveloperA Complete Guide to Frontend - UI Developer
A Complete Guide to Frontend - UI Developer
 
Basic webpage layout and design
Basic webpage layout and designBasic webpage layout and design
Basic webpage layout and design
 

Recently uploaded

JMeter webinar - integration with InfluxDB and Grafana
JMeter webinar - integration with InfluxDB and GrafanaJMeter webinar - integration with InfluxDB and Grafana
JMeter webinar - integration with InfluxDB and Grafana
RTTS
 
GenAISummit 2024 May 28 Sri Ambati Keynote: AGI Belongs to The Community in O...
GenAISummit 2024 May 28 Sri Ambati Keynote: AGI Belongs to The Community in O...GenAISummit 2024 May 28 Sri Ambati Keynote: AGI Belongs to The Community in O...
GenAISummit 2024 May 28 Sri Ambati Keynote: AGI Belongs to The Community in O...
Sri Ambati
 
GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...
GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...
GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...
James Anderson
 
The Future of Platform Engineering
The Future of Platform EngineeringThe Future of Platform Engineering
The Future of Platform Engineering
Jemma Hussein Allen
 
Epistemic Interaction - tuning interfaces to provide information for AI support
Epistemic Interaction - tuning interfaces to provide information for AI supportEpistemic Interaction - tuning interfaces to provide information for AI support
Epistemic Interaction - tuning interfaces to provide information for AI support
Alan Dix
 
Bits & Pixels using AI for Good.........
Bits & Pixels using AI for Good.........Bits & Pixels using AI for Good.........
Bits & Pixels using AI for Good.........
Alison B. Lowndes
 
To Graph or Not to Graph Knowledge Graph Architectures and LLMs
To Graph or Not to Graph Knowledge Graph Architectures and LLMsTo Graph or Not to Graph Knowledge Graph Architectures and LLMs
To Graph or Not to Graph Knowledge Graph Architectures and LLMs
Paul Groth
 
Designing Great Products: The Power of Design and Leadership by Chief Designe...
Designing Great Products: The Power of Design and Leadership by Chief Designe...Designing Great Products: The Power of Design and Leadership by Chief Designe...
Designing Great Products: The Power of Design and Leadership by Chief Designe...
Product School
 
LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...
LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...
LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...
DanBrown980551
 
FIDO Alliance Osaka Seminar: Overview.pdf
FIDO Alliance Osaka Seminar: Overview.pdfFIDO Alliance Osaka Seminar: Overview.pdf
FIDO Alliance Osaka Seminar: Overview.pdf
FIDO Alliance
 
Neuro-symbolic is not enough, we need neuro-*semantic*
Neuro-symbolic is not enough, we need neuro-*semantic*Neuro-symbolic is not enough, we need neuro-*semantic*
Neuro-symbolic is not enough, we need neuro-*semantic*
Frank van Harmelen
 
De-mystifying Zero to One: Design Informed Techniques for Greenfield Innovati...
De-mystifying Zero to One: Design Informed Techniques for Greenfield Innovati...De-mystifying Zero to One: Design Informed Techniques for Greenfield Innovati...
De-mystifying Zero to One: Design Informed Techniques for Greenfield Innovati...
Product School
 
Key Trends Shaping the Future of Infrastructure.pdf
Key Trends Shaping the Future of Infrastructure.pdfKey Trends Shaping the Future of Infrastructure.pdf
Key Trends Shaping the Future of Infrastructure.pdf
Cheryl Hung
 
FIDO Alliance Osaka Seminar: The WebAuthn API and Discoverable Credentials.pdf
FIDO Alliance Osaka Seminar: The WebAuthn API and Discoverable Credentials.pdfFIDO Alliance Osaka Seminar: The WebAuthn API and Discoverable Credentials.pdf
FIDO Alliance Osaka Seminar: The WebAuthn API and Discoverable Credentials.pdf
FIDO Alliance
 
Generating a custom Ruby SDK for your web service or Rails API using Smithy
Generating a custom Ruby SDK for your web service or Rails API using SmithyGenerating a custom Ruby SDK for your web service or Rails API using Smithy
Generating a custom Ruby SDK for your web service or Rails API using Smithy
g2nightmarescribd
 
From Daily Decisions to Bottom Line: Connecting Product Work to Revenue by VP...
From Daily Decisions to Bottom Line: Connecting Product Work to Revenue by VP...From Daily Decisions to Bottom Line: Connecting Product Work to Revenue by VP...
From Daily Decisions to Bottom Line: Connecting Product Work to Revenue by VP...
Product School
 
Knowledge engineering: from people to machines and back
Knowledge engineering: from people to machines and backKnowledge engineering: from people to machines and back
Knowledge engineering: from people to machines and back
Elena Simperl
 
Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...
Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...
Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...
UiPathCommunity
 
Smart TV Buyer Insights Survey 2024 by 91mobiles.pdf
Smart TV Buyer Insights Survey 2024 by 91mobiles.pdfSmart TV Buyer Insights Survey 2024 by 91mobiles.pdf
Smart TV Buyer Insights Survey 2024 by 91mobiles.pdf
91mobiles
 
State of ICS and IoT Cyber Threat Landscape Report 2024 preview
State of ICS and IoT Cyber Threat Landscape Report 2024 previewState of ICS and IoT Cyber Threat Landscape Report 2024 preview
State of ICS and IoT Cyber Threat Landscape Report 2024 preview
Prayukth K V
 

Recently uploaded (20)

JMeter webinar - integration with InfluxDB and Grafana
JMeter webinar - integration with InfluxDB and GrafanaJMeter webinar - integration with InfluxDB and Grafana
JMeter webinar - integration with InfluxDB and Grafana
 
GenAISummit 2024 May 28 Sri Ambati Keynote: AGI Belongs to The Community in O...
GenAISummit 2024 May 28 Sri Ambati Keynote: AGI Belongs to The Community in O...GenAISummit 2024 May 28 Sri Ambati Keynote: AGI Belongs to The Community in O...
GenAISummit 2024 May 28 Sri Ambati Keynote: AGI Belongs to The Community in O...
 
GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...
GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...
GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...
 
The Future of Platform Engineering
The Future of Platform EngineeringThe Future of Platform Engineering
The Future of Platform Engineering
 
Epistemic Interaction - tuning interfaces to provide information for AI support
Epistemic Interaction - tuning interfaces to provide information for AI supportEpistemic Interaction - tuning interfaces to provide information for AI support
Epistemic Interaction - tuning interfaces to provide information for AI support
 
Bits & Pixels using AI for Good.........
Bits & Pixels using AI for Good.........Bits & Pixels using AI for Good.........
Bits & Pixels using AI for Good.........
 
To Graph or Not to Graph Knowledge Graph Architectures and LLMs
To Graph or Not to Graph Knowledge Graph Architectures and LLMsTo Graph or Not to Graph Knowledge Graph Architectures and LLMs
To Graph or Not to Graph Knowledge Graph Architectures and LLMs
 
Designing Great Products: The Power of Design and Leadership by Chief Designe...
Designing Great Products: The Power of Design and Leadership by Chief Designe...Designing Great Products: The Power of Design and Leadership by Chief Designe...
Designing Great Products: The Power of Design and Leadership by Chief Designe...
 
LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...
LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...
LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...
 
FIDO Alliance Osaka Seminar: Overview.pdf
FIDO Alliance Osaka Seminar: Overview.pdfFIDO Alliance Osaka Seminar: Overview.pdf
FIDO Alliance Osaka Seminar: Overview.pdf
 
Neuro-symbolic is not enough, we need neuro-*semantic*
Neuro-symbolic is not enough, we need neuro-*semantic*Neuro-symbolic is not enough, we need neuro-*semantic*
Neuro-symbolic is not enough, we need neuro-*semantic*
 
De-mystifying Zero to One: Design Informed Techniques for Greenfield Innovati...
De-mystifying Zero to One: Design Informed Techniques for Greenfield Innovati...De-mystifying Zero to One: Design Informed Techniques for Greenfield Innovati...
De-mystifying Zero to One: Design Informed Techniques for Greenfield Innovati...
 
Key Trends Shaping the Future of Infrastructure.pdf
Key Trends Shaping the Future of Infrastructure.pdfKey Trends Shaping the Future of Infrastructure.pdf
Key Trends Shaping the Future of Infrastructure.pdf
 
FIDO Alliance Osaka Seminar: The WebAuthn API and Discoverable Credentials.pdf
FIDO Alliance Osaka Seminar: The WebAuthn API and Discoverable Credentials.pdfFIDO Alliance Osaka Seminar: The WebAuthn API and Discoverable Credentials.pdf
FIDO Alliance Osaka Seminar: The WebAuthn API and Discoverable Credentials.pdf
 
Generating a custom Ruby SDK for your web service or Rails API using Smithy
Generating a custom Ruby SDK for your web service or Rails API using SmithyGenerating a custom Ruby SDK for your web service or Rails API using Smithy
Generating a custom Ruby SDK for your web service or Rails API using Smithy
 
From Daily Decisions to Bottom Line: Connecting Product Work to Revenue by VP...
From Daily Decisions to Bottom Line: Connecting Product Work to Revenue by VP...From Daily Decisions to Bottom Line: Connecting Product Work to Revenue by VP...
From Daily Decisions to Bottom Line: Connecting Product Work to Revenue by VP...
 
Knowledge engineering: from people to machines and back
Knowledge engineering: from people to machines and backKnowledge engineering: from people to machines and back
Knowledge engineering: from people to machines and back
 
Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...
Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...
Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...
 
Smart TV Buyer Insights Survey 2024 by 91mobiles.pdf
Smart TV Buyer Insights Survey 2024 by 91mobiles.pdfSmart TV Buyer Insights Survey 2024 by 91mobiles.pdf
Smart TV Buyer Insights Survey 2024 by 91mobiles.pdf
 
State of ICS and IoT Cyber Threat Landscape Report 2024 preview
State of ICS and IoT Cyber Threat Landscape Report 2024 previewState of ICS and IoT Cyber Threat Landscape Report 2024 preview
State of ICS and IoT Cyber Threat Landscape Report 2024 preview
 

The SADIe Transcoding Platform

Editor's Notes

  1. Hideous and messy for screen reader users due to a lack of semantics.
  2. Sighted users can identify areas due to look and feel and presentation. However, this is not explicitly defined within the HTML therefore screen readers cannot convey this information to users.
  3. We’re not the first. Two camps of transcoding methods, each with weaknesses and strengths.
  4. Briefly talk about identifying areas; ditching bits we don’t need and rearranging the rest.
  5. Take visual rendering information, which provides implicit knowledge and make it explicit.
  6. Menu references the cnnNavigation CSS. To create a consistent look and feel all Web pages reference the single cnnNavigation definition.
  7. Upper Ontology: Controlled set of terms that are applicable to all sites. Website specific ontology interfaces the heterogeneous terms of the CSS to the controlled vocabulary of the upper ontology. This implicitly annotates the XHTML, of which there are multiple pages. Creates a hybrid approach. Single accurate annotation applicable to a large number of Web pages.
  8. Note that SADIe:xx refers to our central upper ontology. All website ontologies will refer to this giving a consistent interface. Blue circles represent css classes on the CNN Website. Ontology is about semantics, not names. We can work out cnnNavigation is probably a menu. What does cnnT1 do? All we know is that it’s high priority therefore important. We can change names and the model still works.
  9. User access page as usual but SADIe proxy sits between traffic. On returning page, the proxy matches an ontology to the page using the ontology database. Ontology is queried eg give me all the CSS classes that I can remove Transcode parses DOM looking for elements that reference the returned set of classes from the query and performs appropriate operations. Removebable elements removed, menu pushed to the bottom etc.
  10. Users can enter Website into the form al la Google
  11. More advanced users can refine the transcoding options
  12. We can link a Website to the transcoder. Give users a link for different versions. No additional overhead for developers.
  13. SADIe’s great and just works.