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.

What is hot on the web right now - A W3C perspective


Published on

HTTP and HTML and the Web itself enter their third decade of existence. Still, the Web continues to transform human communication, information sharing, commerce, education, and entertainment. Social networking, cloud computing, and the convergence of Web, television, video and online gaming are among the phenomena stretching the Web in exciting new directions. In this talk, Armin will present what the World Wide Web Consortium (W3C), overlooking and steering the development of new Web standards is up to for the third decade of the Web. The W3C community is building an Open Web Platform that will enable the Web to grow and foster future innovation. This presentation present technology highlights of 2011 for advancing the Web platform. Focus topics of this talk will be the new HTML5 standard, the Data for Web Applications initiative which includes the next generation of RDF, and standards that allow people to create Semantic Web enabled Web Apps that have access to data from a variety of sources, including data-in-documents (RDFa) and data-from-databases (W3C's RDB2RDF).

Published in: Technology, Design

What is hot on the web right now - A W3C perspective

  1. 1. What's hot on the Web right now A W3C perspective Armin Haller [Office Manager, Australian W3C Office] Partly based on “W3C and the Open Web Platform”, a presentation by Jeff Jaffe, CEO W3C, at the Opening of the W3C Germany-Austria Office, February 2011.
  2. 2. <ul><li>W3C and standards </li></ul><ul><li>Activities in 2011 and beyond </li></ul><ul><li>Open Web platform (HTML5) </li></ul><ul><li>Semantic Web Activity </li></ul>
  3. 3. <ul><li>W3C and standards </li></ul><ul><li>Activities in 2011 and beyond </li></ul><ul><li>Open Web platform (HTML5) </li></ul><ul><li>Semantic Web Activity </li></ul>
  4. 4. <ul><li>What is the W3C again? </li></ul><ul><li>... it’s about Web standards, right, isn’t it? </li></ul>
  5. 8. <ul><li><!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot; &quot;;> </li></ul>
  6. 11. <ul><li>Why would I care about following a standard? </li></ul>
  7. 14. <ul><li>But why care about standards on the Web? </li></ul>
  8. 15. <ul><li>Different devices </li></ul><ul><li>DO </li></ul><ul><li>Cater for users accessing the web site over different devices </li></ul><ul><li>DON’T </li></ul><ul><li>Develop dedicated Web sites for different devices (such as mobile phones) </li></ul>
  9. 16. <ul><li>Different platforms </li></ul><ul><li>DO </li></ul><ul><li>Cater for users accessing the web site with different browsers on different OS </li></ul><ul><li>DON’T </li></ul><ul><li>write custom code for every browser / platform </li></ul>
  10. 17. <ul><li>Different users </li></ul><ul><li>DO </li></ul><ul><li>Cater for users with disabilities or with limited technical resources </li></ul><ul><li>DON’T </li></ul><ul><li>Build yet another version of your site for this target group </li></ul>
  11. 18. <ul><li>What is the W3C again? </li></ul><ul><li>Produces consortium standards </li></ul><ul><li>Produced within organised collaboration between a number of actors </li></ul><ul><li>Recommended for wide use </li></ul>
  12. 19. <ul><li>World Wide Web Consortium (1994 - 2010) </li></ul><ul><li>Major published standards </li></ul><ul><li>(”W3C Recommendations”) </li></ul><ul><ul><li>HTML </li></ul></ul><ul><ul><li>HTTP </li></ul></ul><ul><ul><li>CSS </li></ul></ul><ul><ul><li>XML </li></ul></ul><ul><ul><li>RDF ... </li></ul></ul>
  13. 20. <ul><li>W3C and standards </li></ul><ul><li>Activities in 2011 and beyond </li></ul><ul><li>Open Web platform (HTML5) </li></ul><ul><li>Semantic Web Activity </li></ul>
  14. 21. <ul><li>World Wide Web Consortium (2011 - ) </li></ul><ul><li>W3C’s Open Web Platform </li></ul><ul><ul><li>HTML5 has become the shorthand for the Open Web Platform </li></ul></ul><ul><ul><li>HTML5 is the cornerstone for building rich, interactive, and powerful Web Applications </li></ul></ul>
  15. 22. <ul><li>World Wide Web Consortium (2011 - ) </li></ul><ul><li>Mobile Web </li></ul><ul><li>Open Web Platform is the new mobile operating system </li></ul><ul><li>Ensuring that the Web is THE platform for content, apps, and services on ALL devices </li></ul><ul><li>Mobile Web related W3C standards and WGs </li></ul><ul><li>HTML5 (video) </li></ul><ul><li>SVG Graphics </li></ul><ul><li>Device APIs and Policy </li></ul><ul><li>Geolocation </li></ul><ul><li>Web Notifications </li></ul><ul><li>Web Events </li></ul><ul><li>Offline Storage </li></ul><ul><li>Accessibility </li></ul><ul><li>Privacy </li></ul>
  16. 23. <ul><li>World Wide Web Consortium (2011 - ) </li></ul><ul><li>App Distribution </li></ul><ul><li>Open Web Platform allows for interop and privacy management </li></ul><ul><li>Gartner forecasts $15.5b in apps revenues for 2011 </li></ul><ul><li>Walled garden approach will not stand in the face of market pressures </li></ul><ul><li>Apps will give way to widgets </li></ul><ul><li>Widgets will soon appear on your TV </li></ul><ul><li>Apps related W3C standards and WGs </li></ul><ul><li>HTML5 </li></ul><ul><li>Web apps </li></ul><ul><li>Widgets </li></ul><ul><li>Accessibility </li></ul><ul><li>Semantic Web </li></ul><ul><li>Privacy </li></ul>
  17. 24. <ul><li>World Wide Web Consortium (2011 - ) </li></ul><ul><li>Gaming </li></ul><ul><li>Gaming Industry seeks full feature apps development platform for distributed games </li></ul><ul><li>Games related W3C standards and WGs </li></ul><ul><li>HTML5 (canvas) </li></ul><ul><li>SVG Graphics </li></ul><ul><li>Audio APIs </li></ul><ul><li>CSS 2D and 3D </li></ul><ul><li>Geolocation </li></ul><ul><li>1 out of 5 mobile apps is a game </li></ul><ul><li>Gaming goes social </li></ul><ul><li>Massive-multiplayer platforms </li></ul><ul><li>Location-based gaming </li></ul>
  18. 25. <ul><li>World Wide Web Consortium (2011 - ) </li></ul><ul><li>Web publishing </li></ul><ul><li>The Web is a multimedia publishing ecosystem </li></ul><ul><li>Web Publishing related W3C standards and WGs </li></ul><ul><li>Semantic Web </li></ul><ul><li>Provenance </li></ul><ul><li>XSLT, XSLT-FO </li></ul><ul><li>HTML5 (video) </li></ul><ul><li>SVG Graphics </li></ul><ul><li>CSS </li></ul><ul><li>WOFF Fonts </li></ul><ul><li>Death of print, birth of eBooks </li></ul><ul><li>Authoring multimedia for multi-platform distribution ( Support for all media types) </li></ul><ul><li>IP Protection/DRM </li></ul><ul><li>Data-rich publications, leveraging internal and linked open data </li></ul>
  19. 26. <ul><li>World Wide Web Consortium (2011 - ) </li></ul><ul><li>eGovernment </li></ul><ul><li>The Web is increasing government transparency, efficiency, and lowering costs </li></ul><ul><li>eGovernment related W3C standards / WG </li></ul><ul><li>eGovernment Interest Group </li></ul><ul><li>Semantic Web </li></ul><ul><li>Web Accessibility Initiative </li></ul><ul><li>Internationalization </li></ul><ul><li>Mobile Web for Social Development </li></ul><ul><li>Open Standards </li></ul><ul><li>Increased participation and easy access by all citizens to government information </li></ul><ul><li>Transparent governance </li></ul><ul><li>Seamless data integration across many government agencies </li></ul><ul><li>Open government data </li></ul>
  20. 27. <ul><li>W3C and standards </li></ul><ul><li>Activities in 2011 and beyond </li></ul><ul><li>Open Web platform (HTML5) </li></ul><ul><li>Semantic Web Activity </li></ul>
  21. 28. <ul><li>HTML5 – Design principles </li></ul><ul><li>Evolution not revolution </li></ul><ul><li>Ensure interoperability </li></ul><ul><li>Precisely define user agent behavior </li></ul><ul><li>Handle errors (non-draconian) </li></ul>
  22. 29. <ul><li>HTML5 – Highlights </li></ul><ul><li>Provides cross-browser interoperation  all major browser vendors plan to support it (IE9+ fully supports HTML5) </li></ul><ul><li>Video a first-class citizen </li></ul><ul><li>Simplified data integration </li></ul>Michael Smith, “HTML5 Report Card”, Presentation at W3C track @ Web Directions South, October 2010.
  23. 30. <ul><li>HTML5 – 2011 </li></ul><ul><li>Advance HTML5 to Last Call in May 2011 </li></ul><ul><li>Expand the capabilities of the W3C validator and promote new validation services </li></ul><ul><li>Resolve the document license issue for HTML5 </li></ul>
  24. 31. <ul><li>HTML5 – Major changes </li></ul><ul><li>Syntax simplifications </li></ul><ul><li>HTML5 parsing algorithm </li></ul><ul><li>MathML & SVG integration </li></ul><ul><li>New elements / attributes </li></ul><ul><li>New APIs for scripting </li></ul>
  25. 32. <ul><li>HTML5 – Syntax simplifications </li></ul><ul><li><!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN“ &quot;;> </li></ul>
  26. 33. <ul><li>HTML5 – Syntax simplifications </li></ul><ul><li><!doctype html> </li></ul>
  27. 34. <ul><li>HTML5 – Syntax simplifications </li></ul><ul><li><meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=UTF-8&quot;> </li></ul>
  28. 35. <ul><li>HTML5 – Syntax simplifications </li></ul><ul><li><meta charset=&quot;UTF-8&quot;> </li></ul>
  29. 36. <ul><li>HTML5 – Syntax simplifications </li></ul><video> & <audio> no plug-ins required <canvas> 2D/3D image scripting <article>, <section>, <header> more semantics <details>, <progress>, <meter> ... special rendering <ruby> annotations for logographic languages <svg> all SVG elements (MathML too)
  30. 37. <ul><li>HTML5 – Syntax Simplification – Crap removal </li></ul><ul><li><frame>, <frameset> </li></ul><ul><li><a name> </li></ul><ul><li>more... </li></ul>
  31. 38. <ul><li>HTML5 - New APIs for scripting </li></ul><ul><li>API for <video> & <audio> </li></ul><ul><li>2D drawing API for <canvas> </li></ul><ul><li>3D <canvas> API: WebGL* </li></ul><ul><li>getElementsByClassName() </li></ul><ul><li>and more… </li></ul>Michael Smith, “HTML5 Report Card”, Presentation at W3C track @ Web Directions South, October 2010.
  32. 39. <ul><li>W3C and standards </li></ul><ul><li>Activities in 2011 and beyond </li></ul><ul><li>Open Web platform (HTML5) </li></ul><ul><li>Semantic Web Activity </li></ul>
  33. 40. <ul><li>Semantic Web activity </li></ul><ul><li>Semantic Web refers to W3C’s vision of the Web of linked data </li></ul><ul><li>W3C builds a technology stack to support a “Web of data” </li></ul><ul><ul><ul><li>RDF(s) </li></ul></ul></ul><ul><ul><ul><li>OWL </li></ul></ul></ul><ul><ul><ul><li>SPARQL </li></ul></ul></ul><ul><ul><ul><li>RDFa </li></ul></ul></ul><ul><ul><ul><li>SKOS </li></ul></ul></ul><ul><ul><ul><li>GRDDL </li></ul></ul></ul><ul><ul><ul><li>POWDER </li></ul></ul></ul><ul><ul><ul><li>RIF </li></ul></ul></ul><ul><ul><ul><li>SAWSDL </li></ul></ul></ul>
  34. 41. <ul><li>Semantic Web – 2011 </li></ul><ul><li>New Working Group on the next generation of RDF </li></ul><ul><li>Charter RDF Web Applications Working Group  make it easier for people to leverage (contribute to) growing linked open data cloud </li></ul><ul><ul><li>Data-in-documents (RDFa) </li></ul></ul><ul><ul><li>Data-from-databases (W3C's RDB2RDF work) </li></ul></ul>
  35. 42. <ul><li>RDFa Working Group – 2011 </li></ul><ul><li>RDFa 1.1 </li></ul><ul><li>RDFa API </li></ul>
  36. 43. <ul><li>What’s RDFa again? </li></ul>
  37. 44. <ul><li>RDFa </li></ul><ul><li>A way to mark up data in a web page (or any other document) </li></ul><ul><li>RDFa = “RDF in attributes” </li></ul><ul><li>Triple: (Subject, Predicate, Object) </li></ul>
  38. 45. Web Resource
  39. 46. <ul><li>Example HTML </li></ul><ul><li><html> </li></ul><ul><li><head> </li></ul><ul><li><title> Harry Potter and the Order of the Phoenix </title> </li></ul><ul><li></head> </li></ul><ul><li><body> </li></ul><ul><li><p> </li></ul><ul><li><img src=&quot;harry_potter_5.png&quot; /> </li></ul><ul><li><br /> </li></ul><ul><li>Written by: J.K. Rowling </li></ul><ul><li><br /> </li></ul><ul><li>Publisher: Bloomsbury </li></ul><ul><li></p> </li></ul><ul><li></body> </li></ul><ul><li></html> </li></ul>
  40. 47. Web Resource dc:title which is dc:creator has a whose name is has a dc:publisher which is has a
  41. 48. <ul><li>@prefix dc: <> . </li></ul><ul><li>@prefix : <> . </li></ul><ul><li>:harry_potter_5 dc:title &quot;Harry Potter and the Order of the Phoenix&quot; . </li></ul><ul><li>:harry_potter_5 dc:creator &quot;J.K. Rowling&quot; . </li></ul><ul><li>:harry_potter_5 dc:publisher &quot;Bloomsbury&quot; . </li></ul>Resulting triples
  42. 49. <ul><li>Example RDFa </li></ul><ul><li><html prefix=&quot;dc:; base=&quot;; > </li></ul><ul><li><head> </li></ul><ul><li><title about=&quot;&quot; property=&quot;dc:title&quot; > Harry Potter and the Order of the Phoenix </title> </li></ul><ul><li></head> </li></ul><ul><li><body> </li></ul><ul><li><p about=&quot;&quot; > </li></ul><ul><li><img src=&quot;harry_potter_5.png&quot; /><br /> </li></ul><ul><li>Written by: </li></ul><ul><li><span property=&quot;dc:creator&quot;> J.K. Rowling </span> </li></ul><ul><li><br /> </li></ul><ul><li>Publisher: </li></ul><ul><li><span property=&quot;dc:publisher&quot;> Bloomsbury </span> </li></ul><ul><li></p> </li></ul><ul><li></body> </li></ul><ul><li></html> </li></ul>
  43. 50. <ul><li>Some RDFa attributes </li></ul><ul><li>@about to say what some information is about (the subject) </li></ul><ul><li><span about=&quot;#harry_potter_5&quot; typeof=“bibtex:Book&quot;>...</span> </li></ul><ul><li>@typeof to say what kind of thing something is (its class) </li></ul><ul><li><span about=&quot;#harry_potter_5“ typeof=&quot;bibtex:Book&quot; >...</span> </li></ul><ul><li>@rel to say how one thing relates to another (predicate) </li></ul><ul><li><a rel=&quot;cc:license&quot; href=&quot; licenses/by-nc-nd/3.0/&quot;>Creative Commons License</a> </li></ul><ul><li>@href to say what something related to (the object) </li></ul><ul><li><a rel=&quot;cc:license&quot; href=&quot; licenses/by-nc-nd/3.0/&quot; > Creative Commons License</a> </li></ul><ul><li>@content to provide machine-readable content (a literal object) </li></ul><ul><li><span property=&quot;cal:dtstart&quot; content=&quot;2011-03-11“ datatype=&quot;xsd:dateTime&quot;>today</span> </li></ul>Knud Möller, “RDFa everywhere”, Presentation at W3C track @ Web Directions South, October 2010.
  44. 51. <ul><li>RDFa in use </li></ul><ul><li>Facebook </li></ul><ul><ul><li>RDFa in Open Graph Protocol </li></ul></ul><ul><li>Drupal </li></ul><ul><ul><li>one of the top 3 open source CMSs </li></ul></ul><ul><ul><li>Drupal 7 has RDFa support out of the box! </li></ul></ul><ul><ul><li>Common Drupal content types and data fields are mapped to vocabularies like Dublin Core, RSS, SIOC, FOAF, SKOS, etc. </li></ul></ul><ul><li>BestBuy, Overstock, Tesco , ... </li></ul>
  45. 52. <ul><li>RDFa as a Linked (Open) Data-enabler </li></ul><ul><li>RDFa data becomes automatically part of the Web of Data </li></ul><ul><li>even if only few or no links in the beginning, ... </li></ul><ul><li>data can still be integrated, mashed up, compared, cleaned, enhanced, etc. </li></ul><ul><li>RDFa requires no set-up - anyone on the Web can do it! (just copy-and-paste) </li></ul><ul><li>Tools like Drupal make it even easier </li></ul>Knud Möller, “RDFa everywhere”, Presentation at W3C track @ Web Directions South, October 2010.
  46. 53. Linking Open Data cloud diagram, by Richard Cyganiak and Anja Jentzsch.
  47. 54. <ul><li>New Developments - RDFa Core 1.1 </li></ul><ul><li>RDFa no longer tied to one language </li></ul><ul><ul><li>can be embedded in any suitable host language </li></ul></ul><ul><ul><li>RDFa Core defines attributes, precise processing model and requirements on host languages, etc. </li></ul></ul><ul><li>XHTML+RDFa 1.1 defines a number of language-specific terms, and provides a formal schema </li></ul>RDFa HTML5 XHTML SVG ODF
  48. 55. <ul><li>W3C and standards </li></ul><ul><li>Activities in 2011 and beyond </li></ul><ul><li>Open Web platform (HTML5) </li></ul><ul><li>Semantic Web Activity </li></ul><ul><li>Take Home message </li></ul>
  49. 56. <ul><li>Open Web platform a big subject for 2011 </li></ul><ul><li>W3C is a key enabler for interoperability on the Web </li></ul><ul><ul><li>Loads of cool stuff  many different WGs and standards </li></ul></ul><ul><ul><li>Become an invited expert </li></ul></ul>