SlideShare una empresa de Scribd logo
1 de 20
Descargar para leer sin conexión
MAAA!
       Markup as an API

“Publish once, publish anywhere”




         Jean-Jacques Halans
World Wide Web
•   HTML

    •   describes documents

    •   the links between documents
World Wide Web
•   Read

•   Print

•   Bookmark (tag)

•   Copy/paste
World Wide Web
•   Screen scraping

    •   breaks easily

    •   no meta information
World Wide Web
•   XML

    •   price aggregators

    •   product queries

    •   WebServices, SOAP, WSDL

        •   RPC, SOA

        •   REST
            •   http://flickr.com/photos/tags/penguin
            •   http://api.flickr.com/services/rest/?
                method=flickr.photos.search&tags=pengiun
World Wide Web
•   New formats for sharing:

    •   RSS, Atom

    •   duplication
Web Standards
•   Web Standards Project (WaSP)

•   Web Standards Group


    •   promotion of standards

    •   separation of content, styling and behavior

    •   semantic HTML
Semantic Web
•   Knowledge representation (CS, AI)

•   Resource Description Framework (RDF)

    •   general method of modeling information

    •   making statements about resources

    •   triples: subject-predicate-object expressions

        •   JJ - IsBornIn - Belgium
Semantic Web
•   Web Ontology Language (OWL)

    •   greater machine interpretability of Web
        content

    •   provides additional vocabulary + a formal
        semantics
Semantic Web
•   Problem

    •   not much RDF data online yet;

    •   up-to-date terms, ontologies missing for
        many application domains;

    •   academic

    •   time-consuming.
Semantic Web
•   eRDF (‘embedded’)

    •   FOAF

•   RDFa (‘attributes’)
RDFa example
<p xmlns:dc=quot;http://purl.org/dc/elements/1.1/quot;
    about=quot;http://www.example.com/books/wikinomicsquot;>
   In his latest book
   <em property=quot;dc:titlequot;>Wikinomics</em>,
   <span property=quot;dc:authorquot;>Don Tapscott</span>
   explains deep changes in technology,
   demographics and business.
  The book is due to be published in
span>. property=quot;dc:datequot; content=quot;2006-10-01quot;>October 2006</
   <span
 </p>
Semantic HTML
•   Correct use of

    •   heading levels and paragraphs to introduce
        structure;

    •   tables — tabular data;

    •   blockquotes.
Rich semantics
•   Standardization of Microformats;

•   Small pieces of metadata within the markup:
    rich semantics;

•   Discovered, interpreted by machines.
More CSS
•   CSS Signatures
        <body id=”www-halans-be”>



•   CSS naming conventions

    •   ‘header,’ ‘footer’, ‘navigation’
HTML5
•   New tags

    •   <section>

    •   <header>

    •   <footer>

    •   <address>

    •   ...
Structured Blogging
•   “giving bloggers the tools to create and
    syndicate structured information, such as
    reviews and events.”

•   structuredbloggin.org
HInclude
•   HInclude
    •   include bits of HTML, using the browser

    •   http://www.mnot.net/javascript/hinclude/
    <html xmlns:hx=quot;http://purl.org/NET/hincludequot;>
      <head>
       <script src=quot;/lib/hinclude.jsquot;
        type=quot;text/javascriptquot;></script>


    <hx:include src=quot;/other/document/here.htmlquot;></hx:include>
Purple-Include
•   Purple-Include
    •   “a client-side JavaScript library that allows you
        to do client-side transclusions”

    •   URL + XPath, or fragment identifier

•   <hx:include src=quot;http://foo.com/purple.html#nid32quot; />


•   http://blueoxen.net/c/purple/purple-include/
Discussion
•   Publish once, publish everywhere


•   Other tools?


•   Copyright

•   Security

•   ...

Más contenido relacionado

La actualidad más candente

Query mechanisms for NoSQL databases
Query mechanisms for NoSQL databasesQuery mechanisms for NoSQL databases
Query mechanisms for NoSQL databases
ArangoDB Database
 
A Practical Guide to Hypermedia APIs
A Practical Guide to Hypermedia APIsA Practical Guide to Hypermedia APIs
A Practical Guide to Hypermedia APIs
SmartLogic
 
CouchDB: replicated data store for distributed proxy server
CouchDB: replicated data store for distributed proxy serverCouchDB: replicated data store for distributed proxy server
CouchDB: replicated data store for distributed proxy server
tkramar
 
Base HTML & CSS
Base HTML & CSSBase HTML & CSS
Base HTML & CSS
Nick Chan
 
Apache Con U S07 F F T Sling
Apache Con U S07  F F T  SlingApache Con U S07  F F T  Sling
Apache Con U S07 F F T Sling
day
 
ResourceSync: Leveraging Sitemaps for Resource Synchronization
ResourceSync: Leveraging Sitemaps for Resource SynchronizationResourceSync: Leveraging Sitemaps for Resource Synchronization
ResourceSync: Leveraging Sitemaps for Resource Synchronization
Bernhard Haslhofer
 
SharePoint Saturday Durban Presentation
SharePoint Saturday Durban PresentationSharePoint Saturday Durban Presentation
SharePoint Saturday Durban Presentation
Warren Marks
 

La actualidad más candente (20)

RDFa In A Nutshell V2
RDFa In A Nutshell V2RDFa In A Nutshell V2
RDFa In A Nutshell V2
 
Ron
RonRon
Ron
 
Query mechanisms for NoSQL databases
Query mechanisms for NoSQL databasesQuery mechanisms for NoSQL databases
Query mechanisms for NoSQL databases
 
A Practical Guide to Hypermedia APIs
A Practical Guide to Hypermedia APIsA Practical Guide to Hypermedia APIs
A Practical Guide to Hypermedia APIs
 
CouchDB: replicated data store for distributed proxy server
CouchDB: replicated data store for distributed proxy serverCouchDB: replicated data store for distributed proxy server
CouchDB: replicated data store for distributed proxy server
 
Experience with C++11 in ArangoDB
Experience with C++11 in ArangoDBExperience with C++11 in ArangoDB
Experience with C++11 in ArangoDB
 
Multi-model databases and node.js
Multi-model databases and node.jsMulti-model databases and node.js
Multi-model databases and node.js
 
Base HTML & CSS
Base HTML & CSSBase HTML & CSS
Base HTML & CSS
 
Apache Con U S07 F F T Sling
Apache Con U S07  F F T  SlingApache Con U S07  F F T  Sling
Apache Con U S07 F F T Sling
 
Practical MySQL
Practical MySQLPractical MySQL
Practical MySQL
 
Introduction to Foxx by our community member Iskandar Soesman @ikandars
Introduction to Foxx by our community member Iskandar Soesman @ikandarsIntroduction to Foxx by our community member Iskandar Soesman @ikandars
Introduction to Foxx by our community member Iskandar Soesman @ikandars
 
Hotcode 2013: Javascript in a database (Part 2)
Hotcode 2013: Javascript in a database (Part 2)Hotcode 2013: Javascript in a database (Part 2)
Hotcode 2013: Javascript in a database (Part 2)
 
HTML-First at Wiley - Tzviya Siegman & Benjamin Young - ebookcraft 2018
HTML-First at Wiley - Tzviya Siegman & Benjamin Young - ebookcraft 2018HTML-First at Wiley - Tzviya Siegman & Benjamin Young - ebookcraft 2018
HTML-First at Wiley - Tzviya Siegman & Benjamin Young - ebookcraft 2018
 
Culture Geeks Feb talk: Adventures in Linked Data Land
Culture Geeks Feb talk: Adventures in Linked Data LandCulture Geeks Feb talk: Adventures in Linked Data Land
Culture Geeks Feb talk: Adventures in Linked Data Land
 
Joeffice, the open source database viewer in 1 day
Joeffice, the open source database viewer in 1 dayJoeffice, the open source database viewer in 1 day
Joeffice, the open source database viewer in 1 day
 
.Net Distributed Caching
.Net Distributed Caching.Net Distributed Caching
.Net Distributed Caching
 
Multi model-databases
Multi model-databasesMulti model-databases
Multi model-databases
 
ResourceSync: Leveraging Sitemaps for Resource Synchronization
ResourceSync: Leveraging Sitemaps for Resource SynchronizationResourceSync: Leveraging Sitemaps for Resource Synchronization
ResourceSync: Leveraging Sitemaps for Resource Synchronization
 
SharePoint Saturday Durban Presentation
SharePoint Saturday Durban PresentationSharePoint Saturday Durban Presentation
SharePoint Saturday Durban Presentation
 
Creating 3rd Generation Web APIs with Hydra
Creating 3rd Generation Web APIs with HydraCreating 3rd Generation Web APIs with Hydra
Creating 3rd Generation Web APIs with Hydra
 

Similar a Markup As An Api

Facebook Hadoop Data & Applications
Facebook Hadoop Data & ApplicationsFacebook Hadoop Data & Applications
Facebook Hadoop Data & Applications
dzhou
 
Applications of the REST Principle
Applications of the REST PrincipleApplications of the REST Principle
Applications of the REST Principle
elliando dias
 
Introduction to Web Standards
Introduction to Web StandardsIntroduction to Web Standards
Introduction to Web Standards
Jussi Pohjolainen
 
WHAT IS HTML5? (at CSS Nite Osaka)
WHAT IS HTML5? (at CSS Nite Osaka)WHAT IS HTML5? (at CSS Nite Osaka)
WHAT IS HTML5? (at CSS Nite Osaka)
Shumpei Shiraishi
 
Yahoo Pipes Middleware In The Cloud
Yahoo Pipes Middleware In The CloudYahoo Pipes Middleware In The Cloud
Yahoo Pipes Middleware In The Cloud
ConSanFrancisco123
 

Similar a Markup As An Api (20)

REST Introduction (PHP London)
REST Introduction (PHP London)REST Introduction (PHP London)
REST Introduction (PHP London)
 
Mashups with Drupal and QueryPath
Mashups with Drupal and QueryPathMashups with Drupal and QueryPath
Mashups with Drupal and QueryPath
 
Standardizing the Web: A Look into the Why of Web Standards
Standardizing the Web: A Look into the Why of Web StandardsStandardizing the Web: A Look into the Why of Web Standards
Standardizing the Web: A Look into the Why of Web Standards
 
Rest Vs Soap Yawn2289
Rest Vs Soap Yawn2289Rest Vs Soap Yawn2289
Rest Vs Soap Yawn2289
 
Introduction to JavaScript
Introduction to JavaScriptIntroduction to JavaScript
Introduction to JavaScript
 
Streamlining Your Applications with Web Frameworks
Streamlining Your Applications with Web FrameworksStreamlining Your Applications with Web Frameworks
Streamlining Your Applications with Web Frameworks
 
Beyond web services: supporting mashup artists at Yahoo!
Beyond web services: supporting mashup artists at Yahoo!Beyond web services: supporting mashup artists at Yahoo!
Beyond web services: supporting mashup artists at Yahoo!
 
Facebook Hadoop Data & Applications
Facebook Hadoop Data & ApplicationsFacebook Hadoop Data & Applications
Facebook Hadoop Data & Applications
 
Applications of the REST Principle
Applications of the REST PrincipleApplications of the REST Principle
Applications of the REST Principle
 
ReST Vs SOA(P) ... Yawn
ReST Vs SOA(P) ... YawnReST Vs SOA(P) ... Yawn
ReST Vs SOA(P) ... Yawn
 
Introduction to Web Standards
Introduction to Web StandardsIntroduction to Web Standards
Introduction to Web Standards
 
How to migrate from any CMS (thru the front-door)
How to migrate from any CMS (thru the front-door)How to migrate from any CMS (thru the front-door)
How to migrate from any CMS (thru the front-door)
 
WHAT IS HTML5? (at CSS Nite Osaka)
WHAT IS HTML5? (at CSS Nite Osaka)WHAT IS HTML5? (at CSS Nite Osaka)
WHAT IS HTML5? (at CSS Nite Osaka)
 
Architectures For Scaling Ajax
Architectures For Scaling AjaxArchitectures For Scaling Ajax
Architectures For Scaling Ajax
 
Killing the Angle Bracket
Killing the Angle BracketKilling the Angle Bracket
Killing the Angle Bracket
 
Web Services
Web ServicesWeb Services
Web Services
 
WebGUI And The Semantic Web
WebGUI And The Semantic WebWebGUI And The Semantic Web
WebGUI And The Semantic Web
 
It is not HTML5. but ... / HTML5ではないサイトからHTML5を考える
It is not HTML5. but ... / HTML5ではないサイトからHTML5を考えるIt is not HTML5. but ... / HTML5ではないサイトからHTML5を考える
It is not HTML5. but ... / HTML5ではないサイトからHTML5を考える
 
Semantic Web
Semantic WebSemantic Web
Semantic Web
 
Yahoo Pipes Middleware In The Cloud
Yahoo Pipes Middleware In The CloudYahoo Pipes Middleware In The Cloud
Yahoo Pipes Middleware In The Cloud
 

Último

Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsArtificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
Joaquim Jorge
 
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
 

Último (20)

Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsArtificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
 
Strategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a FresherStrategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a Fresher
 
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
 
Top 5 Benefits OF Using Muvi Live Paywall For Live Streams
Top 5 Benefits OF Using Muvi Live Paywall For Live StreamsTop 5 Benefits OF Using Muvi Live Paywall For Live Streams
Top 5 Benefits OF Using Muvi Live Paywall For Live Streams
 
Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024
 
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
 
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone ProcessorsExploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processors
 
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024
 
A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)
 
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time AutomationFrom Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
 
🐬 The future of MySQL is Postgres 🐘
🐬  The future of MySQL is Postgres   🐘🐬  The future of MySQL is Postgres   🐘
🐬 The future of MySQL is Postgres 🐘
 
Artificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : UncertaintyArtificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : Uncertainty
 
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
 
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdfUnderstanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
 
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...
 
Top 10 Most Downloaded Games on Play Store in 2024
Top 10 Most Downloaded Games on Play Store in 2024Top 10 Most Downloaded Games on Play Store in 2024
Top 10 Most Downloaded Games on Play Store in 2024
 
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
 
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps ScriptAutomating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Script
 
AWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of TerraformAWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of Terraform
 
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
 

Markup As An Api

  • 1. MAAA! Markup as an API “Publish once, publish anywhere” Jean-Jacques Halans
  • 2. World Wide Web • HTML • describes documents • the links between documents
  • 3. World Wide Web • Read • Print • Bookmark (tag) • Copy/paste
  • 4. World Wide Web • Screen scraping • breaks easily • no meta information
  • 5. World Wide Web • XML • price aggregators • product queries • WebServices, SOAP, WSDL • RPC, SOA • REST • http://flickr.com/photos/tags/penguin • http://api.flickr.com/services/rest/? method=flickr.photos.search&tags=pengiun
  • 6. World Wide Web • New formats for sharing: • RSS, Atom • duplication
  • 7. Web Standards • Web Standards Project (WaSP) • Web Standards Group • promotion of standards • separation of content, styling and behavior • semantic HTML
  • 8. Semantic Web • Knowledge representation (CS, AI) • Resource Description Framework (RDF) • general method of modeling information • making statements about resources • triples: subject-predicate-object expressions • JJ - IsBornIn - Belgium
  • 9. Semantic Web • Web Ontology Language (OWL) • greater machine interpretability of Web content • provides additional vocabulary + a formal semantics
  • 10. Semantic Web • Problem • not much RDF data online yet; • up-to-date terms, ontologies missing for many application domains; • academic • time-consuming.
  • 11. Semantic Web • eRDF (‘embedded’) • FOAF • RDFa (‘attributes’)
  • 12. RDFa example <p xmlns:dc=quot;http://purl.org/dc/elements/1.1/quot; about=quot;http://www.example.com/books/wikinomicsquot;> In his latest book <em property=quot;dc:titlequot;>Wikinomics</em>, <span property=quot;dc:authorquot;>Don Tapscott</span> explains deep changes in technology, demographics and business. The book is due to be published in span>. property=quot;dc:datequot; content=quot;2006-10-01quot;>October 2006</ <span </p>
  • 13. Semantic HTML • Correct use of • heading levels and paragraphs to introduce structure; • tables — tabular data; • blockquotes.
  • 14. Rich semantics • Standardization of Microformats; • Small pieces of metadata within the markup: rich semantics; • Discovered, interpreted by machines.
  • 15. More CSS • CSS Signatures <body id=”www-halans-be”> • CSS naming conventions • ‘header,’ ‘footer’, ‘navigation’
  • 16. HTML5 • New tags • <section> • <header> • <footer> • <address> • ...
  • 17. Structured Blogging • “giving bloggers the tools to create and syndicate structured information, such as reviews and events.” • structuredbloggin.org
  • 18. HInclude • HInclude • include bits of HTML, using the browser • http://www.mnot.net/javascript/hinclude/ <html xmlns:hx=quot;http://purl.org/NET/hincludequot;> <head> <script src=quot;/lib/hinclude.jsquot; type=quot;text/javascriptquot;></script> <hx:include src=quot;/other/document/here.htmlquot;></hx:include>
  • 19. Purple-Include • Purple-Include • “a client-side JavaScript library that allows you to do client-side transclusions” • URL + XPath, or fragment identifier • <hx:include src=quot;http://foo.com/purple.html#nid32quot; /> • http://blueoxen.net/c/purple/purple-include/
  • 20. Discussion • Publish once, publish everywhere • Other tools? • Copyright • Security • ...