Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
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

        •   R...
World Wide Web
•   New formats for sharing:

    •   RSS, Atom

    •   duplication
Web Standards
•   Web Standards Project (WaSP)

•   Web Standards Group


    •   promotion of standards

    •   separati...
Semantic Web
•   Knowledge representation (CS, AI)

•   Resource Description Framework (RDF)

    •   general method of mo...
Semantic Web
•   Web Ontology Language (OWL)

    •   greater machine interpretability of Web
        content

    •   pro...
Semantic Web
•   Problem

    •   not much RDF data online yet;

    •   up-to-date terms, ontologies missing for
        ...
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/wikinomics...
Semantic HTML
•   Correct use of

    •   heading levels and paragraphs to introduce
        structure;

    •   tables — ...
Rich semantics
•   Standardization of Microformats;

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

...
More CSS
•   CSS Signatures
        <body id=”www-halans-be”>



•   CSS naming conventions

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

    •   <section>

    •   <header>

    •   <footer>

    •   <address>

    •   ...
Structured Blogging
•   “giving bloggers the tools to create and
    syndicate structured information, such as
    reviews...
HInclude
•   HInclude
    •   include bits of HTML, using the browser

    •   http://www.mnot.net/javascript/hinclude/
  ...
Purple-Include
•   Purple-Include
    •   “a client-side JavaScript library that allows you
        to do client-side tran...
Discussion
•   Publish once, publish everywhere


•   Other tools?


•   Copyright

•   Security

•   ...
Upcoming SlideShare
Loading in …5
×

Markup As An Api

2,115 views

Published on

Markup As An API, "publish once, publish anywhere". Looking for data portability.

Published in: Technology, Education
  • Be the first to comment

Markup As An Api

  1. 1. MAAA! Markup as an API “Publish once, publish anywhere” Jean-Jacques Halans
  2. 2. World Wide Web • HTML • describes documents • the links between documents
  3. 3. World Wide Web • Read • Print • Bookmark (tag) • Copy/paste
  4. 4. World Wide Web • Screen scraping • breaks easily • no meta information
  5. 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. 6. World Wide Web • New formats for sharing: • RSS, Atom • duplication
  7. 7. Web Standards • Web Standards Project (WaSP) • Web Standards Group • promotion of standards • separation of content, styling and behavior • semantic HTML
  8. 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. 9. Semantic Web • Web Ontology Language (OWL) • greater machine interpretability of Web content • provides additional vocabulary + a formal semantics
  10. 10. Semantic Web • Problem • not much RDF data online yet; • up-to-date terms, ontologies missing for many application domains; • academic • time-consuming.
  11. 11. Semantic Web • eRDF (‘embedded’) • FOAF • RDFa (‘attributes’)
  12. 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. 13. Semantic HTML • Correct use of • heading levels and paragraphs to introduce structure; • tables — tabular data; • blockquotes.
  14. 14. Rich semantics • Standardization of Microformats; • Small pieces of metadata within the markup: rich semantics; • Discovered, interpreted by machines.
  15. 15. More CSS • CSS Signatures <body id=”www-halans-be”> • CSS naming conventions • ‘header,’ ‘footer’, ‘navigation’
  16. 16. HTML5 • New tags • <section> • <header> • <footer> • <address> • ...
  17. 17. Structured Blogging • “giving bloggers the tools to create and syndicate structured information, such as reviews and events.” • structuredbloggin.org
  18. 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. 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. 20. Discussion • Publish once, publish everywhere • Other tools? • Copyright • Security • ...

×