SlideShare una empresa de Scribd logo
1 de 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/

Más contenido relacionado

La actualidad más candente

Getting Started With School Net
Getting Started With School NetGetting Started With School Net
Getting Started With School NetMindi Stevens
 
student innovation 2014
student innovation 2014student innovation 2014
student innovation 2014Freelancer
 
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 SharePointMarc D Anderson
 
WordPress for Small Businesses
WordPress for Small BusinessesWordPress for Small Businesses
WordPress for Small BusinessesShanta 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
 
Website Accessibility Fission Team Training
Website Accessibility Fission Team TrainingWebsite Accessibility Fission Team Training
Website Accessibility Fission Team TrainingFission Strategy
 
Common Mistakes Made By Web Developers
Common Mistakes Made By Web DevelopersCommon Mistakes Made By Web Developers
Common Mistakes Made By Web DevelopersBOSS Webtech
 
Making The Most of Mobile
Making The Most of MobileMaking The Most of Mobile
Making The Most of Mobileguestca744f
 

La actualidad más candente (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 a 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 WebDarren Lunn
 
Cascading Style Sheets - Part 02
Cascading Style Sheets - Part 02Cascading Style Sheets - Part 02
Cascading Style Sheets - Part 02Hatem Mahmoud
 
Reviewing Screen-Based Content
Reviewing Screen-Based ContentReviewing Screen-Based Content
Reviewing Screen-Based ContentRhonda Bracey
 
Decoding the Web
Decoding the WebDecoding the Web
Decoding the Webnewcircle
 
Web Applications
Web ApplicationsWeb Applications
Web Applicationskichu
 
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 developmentEstelle 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 DesignersAshlimarie
 
Style Your Site Part 2
Style Your Site Part 2Style Your Site Part 2
Style Your Site Part 2Ben MacNeill
 
Optimizing Sites for Mobile Devices
Optimizing Sites for Mobile DevicesOptimizing Sites for Mobile Devices
Optimizing Sites for Mobile Devicesjameswillweb
 
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 UIDave 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 Developernariyaravi
 
Basic webpage layout and design
Basic webpage layout and designBasic webpage layout and design
Basic webpage layout and designAndz Bass
 

Similar a 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
 

Último

FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024The Digital Insurer
 
DBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor PresentationDBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor PresentationDropbox
 
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 SavingEdi Saputra
 
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...Orbitshub
 
Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...
Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...
Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...Angeliki Cooney
 
presentation ICT roal in 21st century education
presentation ICT roal in 21st century educationpresentation ICT roal in 21st century education
presentation ICT roal in 21st century educationjfdjdjcjdnsjd
 
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024Victor Rentea
 
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 WorkerThousandEyes
 
MS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectorsMS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectorsNanddeep Nachan
 
Architecting Cloud Native Applications
Architecting Cloud Native ApplicationsArchitecting Cloud Native Applications
Architecting Cloud Native ApplicationsWSO2
 
Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024The Digital Insurer
 
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...apidays
 
Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...apidays
 
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc
 
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...apidays
 
MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024MIND CTI
 
ICT role in 21st century education and its challenges
ICT role in 21st century education and its challengesICT role in 21st century education and its challenges
ICT role in 21st century education and its challengesrafiqahmad00786416
 
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfBoost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfsudhanshuwaghmare1
 
Ransomware_Q4_2023. The report. [EN].pdf
Ransomware_Q4_2023. The report. [EN].pdfRansomware_Q4_2023. The report. [EN].pdf
Ransomware_Q4_2023. The report. [EN].pdfOverkill Security
 

Último (20)

FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024
 
DBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor PresentationDBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor Presentation
 
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
 
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...
 
Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...
Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...
Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...
 
presentation ICT roal in 21st century education
presentation ICT roal in 21st century educationpresentation ICT roal in 21st century education
presentation ICT roal in 21st century education
 
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
 
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
 
MS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectorsMS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectors
 
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
 
Architecting Cloud Native Applications
Architecting Cloud Native ApplicationsArchitecting Cloud Native Applications
Architecting Cloud Native Applications
 
Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024
 
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...
 
Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...
 
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
 
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
 
MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024
 
ICT role in 21st century education and its challenges
ICT role in 21st century education and its challengesICT role in 21st century education and its challenges
ICT role in 21st century education and its challenges
 
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfBoost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdf
 
Ransomware_Q4_2023. The report. [EN].pdf
Ransomware_Q4_2023. The report. [EN].pdfRansomware_Q4_2023. The report. [EN].pdf
Ransomware_Q4_2023. The report. [EN].pdf
 

The SADIe Transcoding Platform

Notas del editor

  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.