SlideShare ist ein Scribd-Unternehmen logo
1 von 15
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/

Weitere Àhnliche Inhalte

Was ist angesagt?

Headway Design 2 0
Headway Design 2 0Headway Design 2 0
Headway Design 2 0
Theawaster485
 
Project Feedloop
Project FeedloopProject Feedloop
Project Feedloop
chrisiegers
 
Usability Guidelines
Usability GuidelinesUsability Guidelines
Usability Guidelines
homeplate31
 
Making The Most of Mobile
Making The Most of MobileMaking The Most of Mobile
Making The Most of Mobile
guestca744f
 

Was ist angesagt? (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
 

Ähnlich wie The SADIe Transcoding Platform

SES Toronto 2008; Joe Dolson
SES Toronto 2008; Joe DolsonSES Toronto 2008; Joe Dolson
SES Toronto 2008; Joe Dolson
Joseph Dolson
 
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
Nina Miller
 
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
Heather Rock
 
Progressive Enhancement
Progressive EnhancementProgressive Enhancement
Progressive Enhancement
Bruce Morrison
 
Branding share point 2013
Branding share point 2013Branding share point 2013
Branding share point 2013
Khoa Quach
 
Spca2014 introduction responsive master page niaulin
Spca2014 introduction responsive master page niaulinSpca2014 introduction responsive master page niaulin
Spca2014 introduction responsive master page niaulin
NCCOMMS
 
Basic webpage layout and design
Basic webpage layout and designBasic webpage layout and design
Basic webpage layout and design
Andz Bass
 

Ähnlich wie 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
 

KĂŒrzlich hochgeladen

Architecting Cloud Native Applications
Architecting Cloud Native ApplicationsArchitecting Cloud Native Applications
Architecting Cloud Native Applications
WSO2
 
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Victor Rentea
 
Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
panagenda
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Safe Software
 

KĂŒrzlich hochgeladen (20)

Architecting Cloud Native Applications
Architecting Cloud Native ApplicationsArchitecting Cloud Native Applications
Architecting Cloud Native Applications
 
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ..."I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
 
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin WoodPolkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
 
MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024
 
Mcleodganj Call Girls đŸ„° 8617370543 Service Offer VIP Hot Model
Mcleodganj Call Girls đŸ„° 8617370543 Service Offer VIP Hot ModelMcleodganj Call Girls đŸ„° 8617370543 Service Offer VIP Hot Model
Mcleodganj Call Girls đŸ„° 8617370543 Service Offer VIP Hot Model
 
FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024
 
CNIC Information System with Pakdata Cf In Pakistan
CNIC Information System with Pakdata Cf In PakistanCNIC Information System with Pakdata Cf In Pakistan
CNIC Information System with Pakdata Cf In Pakistan
 
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
 
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWEREMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
Introduction to Multilingual Retrieval Augmented Generation (RAG)
Introduction to Multilingual Retrieval Augmented Generation (RAG)Introduction to Multilingual Retrieval Augmented Generation (RAG)
Introduction to Multilingual Retrieval Augmented Generation (RAG)
 
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
 
JohnPollard-hybrid-app-RailsConf2024.pptx
JohnPollard-hybrid-app-RailsConf2024.pptxJohnPollard-hybrid-app-RailsConf2024.pptx
JohnPollard-hybrid-app-RailsConf2024.pptx
 
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost SavingRepurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
 
Six Myths about Ontologies: The Basics of Formal Ontology
Six Myths about Ontologies: The Basics of Formal OntologySix Myths about Ontologies: The Basics of Formal Ontology
Six Myths about Ontologies: The Basics of Formal Ontology
 
Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
 
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
 
[BuildWithAI] Introduction to Gemini.pdf
[BuildWithAI] Introduction to Gemini.pdf[BuildWithAI] Introduction to Gemini.pdf
[BuildWithAI] Introduction to Gemini.pdf
 
Exploring Multimodal Embeddings with Milvus
Exploring Multimodal Embeddings with MilvusExploring Multimodal Embeddings with Milvus
Exploring Multimodal Embeddings with Milvus
 

The SADIe Transcoding Platform

Hinweis der Redaktion

  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.