CINXE.COM
Home - Web of Things (WoT)
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags --> <meta name="description" content="" /> <meta name="author" content="" /> <title>Home - Web of Things (WoT)</title> <link rel="icon" href="https://www.w3.org/WoT/favicon.ico" /> <!-- Bootstrap core CSS --> <link href="https://www.w3.org/WoT/css/bootstrap.min.css" rel="stylesheet" /> <!-- Custom styles for this template --> <link href="https://www.w3.org/WoT/css/navbar.css" rel="stylesheet" /> <!-- Font Awesome icons --> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css"> <!-- Mastodon verification link --> <link rel="me" href="https://w3c.social/@wot"> <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries --> <!--[if lt IE 9]> <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script> <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> <![endif]--> <!-- The following script is the Matomo analytics script of W3C and gives us usage statistics --> <script> var _paq = window._paq = window._paq || []; /* tracker methods like "setCustomDimension" should be called before "trackPageView" */ _paq.push(['trackPageView']); _paq.push(['enableLinkTracking']); (function() { var u="https://www.w3.org/analytics/piwik/"; _paq.push(['setTrackerUrl', u+'matomo.php']); _paq.push(['setSiteId', '561']); var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s); })(); </script> </head> <body> <!-- GitHub corner --> <a href="https://www.github.com/w3c/wot-marketing/blob/main/docs/index.html" class="github-corner" aria-label="View source on GitHub" id="#edit-button"><svg width="40" height="40" viewBox="0 0 250 250" style="fill:#005A9C; color:#fff; position: absolute; top: 0; border: 0; right: 0;" aria-hidden="true"> <path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path> <path d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2" fill="currentColor" style="transform-origin: 130px 106px;" class="octo-arm"></path> <path d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z" fill="currentColor" class="octo-body"></path> </svg></a> <style> .github-corner:hover .octo-arm { animation: octocat-wave 560ms ease-in-out } @keyframes octocat-wave { 0%, 100% { transform: rotate(0) } 20%, 60% { transform: rotate(-25deg) } 40%, 80% { transform: rotate(10deg) } } @media (max-width:500px) { .github-corner:hover .octo-arm { animation: none } .github-corner .octo-arm { animation: octocat-wave 560ms ease-in-out; } } @media screen and (max-width: 750px) { .github-corner{ visibility: hidden; } } </style> <div class="container"> <div class="container-fluid"><!-- --> <a class="navbar-brand bg-white" href="https://www.w3.org/WoT/"><!-- --> <img src="https://www.w3.org/WoT/images/logo-mini-blue.svg" alt="Web of Things" height="30"/> </a> <a href="https://www.w3.org/WoT/"> <div style="float:left;" class="hidden-xs"> <h2 style="font-size:22px; color:#005A9C; font-weight: bold;">Web of Things</h2> </div> </a> <div style="float:right"> <a class="navbar-brand bg-white" href="https://www.w3.org/" rel="external"> <img src="https://www.w3.org/WoT/images/w3c_home_nb-v.svg" alt="W3C" height="30" /> </a> </div> <div style="float:right; margin: 20px;" class="hidden-xs" > <a href="https://www.w3.org/standards/">Standards</a> 路 <a href="https://www.w3.org/participate/">Participate</a> 路 <a href="https://www.w3.org/Consortium/membership">Membership</a> <!-- 路 <a href="https://www.w3.org/Consortium/">About W3C</a> --> </div> </div> <!-- Static navbar --> <nav class="navbar navbar-default"> <!-- navbar-fixed-top --> <div class="container-fluid"> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <!--<a class="navbar-brand bg-white" href="./" style="background-color: white"> <img src="images/logo-mini-blue.svg" alt="WoT" width="100" /> </a>--> </div> <div id="navbar" class="navbar-collapse collapse"> <ul class="nav navbar-nav"> <!-- <li class="active"><a href="/">Home</a></li>--> <!-- page.url == / --> <!-- mainnavi.title == Groups --> <!-- mainnavi.url == --> <!-- mainnavi.subnavigation == {"title"=>"Working Group", "url"=>"wg/"}{"title"=>"Interest Group", "url"=>"ig/"}{"title"=>"Community Groups", "url"=>"cg/"} --> <!-- mainnavi.subnavigation: {"title"=>"Working Group", "url"=>"wg/"}{"title"=>"Interest Group", "url"=>"ig/"}{"title"=>"Community Groups", "url"=>"cg/"} --> <li class="dropdown "> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Groups<span class="caret"></span></a> <ul class="dropdown-menu"> <li class=""><a href="https://www.w3.org/WoT/wg/">Working Group</a></li> <li class=""><a href="https://www.w3.org/WoT/ig/">Interest Group</a></li> <li class=""><a href="https://www.w3.org/WoT/cg/">Community Groups</a></li> </ul> </li> <!-- mainnavi.url: --> <!-- page.url: / --> <!-- page.url == / --> <!-- mainnavi.title == Activities --> <!-- mainnavi.url == --> <!-- mainnavi.subnavigation == {"title"=>"Task Forces", "url"=>"activities/task-forces/"}{"title"=>"Events", "url"=>"activities/events/"}{"title"=>"Web Conference Meetings", "url"=>"activities/meetings/"} --> <!-- mainnavi.subnavigation: {"title"=>"Task Forces", "url"=>"activities/task-forces/"}{"title"=>"Events", "url"=>"activities/events/"}{"title"=>"Web Conference Meetings", "url"=>"activities/meetings/"} --> <li class="dropdown "> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Activities<span class="caret"></span></a> <ul class="dropdown-menu"> <li class=""><a href="https://www.w3.org/WoT/activities/task-forces/">Task Forces</a></li> <li class=""><a href="https://www.w3.org/WoT/activities/events/">Events</a></li> <li class=""><a href="https://www.w3.org/WoT/activities/meetings/">Web Conference Meetings</a></li> </ul> </li> <!-- mainnavi.url: --> <!-- page.url: / --> <!-- page.url == / --> <!-- mainnavi.title == Developers --> <!-- mainnavi.url == developers/ --> <!-- mainnavi.subnavigation == --> <!-- mainnavi.subnavigation: --> <li class="element "> <a href="https://www.w3.org/WoT/developers/">Developers</a> </li> <!-- mainnavi.url: developers/ --> <!-- page.url: / --> <!-- page.url == / --> <!-- mainnavi.title == Documentation --> <!-- mainnavi.url == documentation/ --> <!-- mainnavi.subnavigation == --> <!-- mainnavi.subnavigation: --> <li class="element "> <a href="https://www.w3.org/WoT/documentation/">Documentation</a> </li> <!-- mainnavi.url: documentation/ --> <!-- page.url: / --> <!-- page.url == / --> <!-- mainnavi.title == Videos --> <!-- mainnavi.url == videos/ --> <!-- mainnavi.subnavigation == --> <!-- mainnavi.subnavigation: --> <li class="element "> <a href="https://www.w3.org/WoT/videos/">Videos</a> </li> <!-- mainnavi.url: videos/ --> <!-- page.url: / --> <!-- page.url == / --> <!-- mainnavi.title == About --> <!-- mainnavi.url == about/ --> <!-- mainnavi.subnavigation == {"title"=>"Contact", "url"=>"about/contact/"}{"title"=>"History", "url"=>"about/history/"}{"title"=>"Articles", "url"=>"about/articles/"} --> <!-- mainnavi.subnavigation: {"title"=>"Contact", "url"=>"about/contact/"}{"title"=>"History", "url"=>"about/history/"}{"title"=>"Articles", "url"=>"about/articles/"} --> <li class="dropdown "> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">About<span class="caret"></span></a> <ul class="dropdown-menu"> <li class=""><a href="https://www.w3.org/WoT/about/contact/">Contact</a></li> <li class=""><a href="https://www.w3.org/WoT/about/history/">History</a></li> <li class=""><a href="https://www.w3.org/WoT/about/articles/">Articles</a></li> </ul> </li> <!-- mainnavi.url: about/ --> <!-- page.url: / --> <!-- <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Other<span class="caret"></span></a> <ul class="dropdown-menu"> <li><a href="https://www.w3.org/WoT/">WoT</a></li> <li><a href="https://www.w3.org/WoT/IG/">WoT Interest Group</a></li> <li><a href="https://www.w3.org/WoT/WG/">WoT Working Group</a></li> <li><a href="https://www.w3.org/community/wot/">WoT Community Group</a></li> </ul> </li> --> </ul> <!-- <ul class="nav navbar-nav navbar-right"> <li class="active"><a href="./">Default <span class="sr-only">(current)</span></a></li> <li><a href="../navbar-static-top/">Static top</a></li> <li><a href="../navbar-fixed-top/">Fixed top</a></li> </ul> --> </div><!--/.nav-collapse --> </div><!--/.container-fluid --> </nav> <div class="container" style="width:80%"> <div> <div class="row"> <div class="col-md-8"> <h2>W3C Web of Things</h2> <p> The Web of Things (WoT) seeks to counter the fragmentation of the IoT by using and extending existing, standardized Web technologies. By providing standardized metadata and other re-usable technological building blocks, W3C WoT enables easy integration across IoT platforms and application domains. </p> <p> Get more background about the Web of Things in the <a href="documentation/">Documentation</a> area and check out upcoming <a href="activities/events/">Events</a>. </p> </div> <div class="col-md-4"> <a href="videos/" title="WoT videos"><h4>WoT Videos »</h4> <img class="img-responsive" style="min-width: 180px; width: 100%" src="https://www.w3.org/WoT/images/video-thumbnail-wot-explainer.png" alt="WoT Video" /></a> </div> </div> <p> </p> <div class="row"> <div class="col-md-8"> <div class="row center-block"> <div class="col-md-4 text-center"> <a href="wg/"> <i class="fas fa-building fa-4x"></i> <div class="description"> <h3>Working Group</h3> <p>Normative work on deliverables under W3C Patent Policy.</p> </div> </a> </div> <div class="col-md-4 text-center"> <a href="ig/"> <i class="fas fa-users fa-4x"></i> <div class="description"> <h3>Interest Group</h3> <p>Practical evaluation, exploration, and outreach by W3C Members.</p> </div> </a> </div> <div class="col-md-4 text-center"> <a href="cg/"> <i class="fas fa-comments fa-4x"></i> <div class="description"> <h3>Community Groups</h3> <p>Users, stakeholders, and open discussion for everyone.</p> </div> </a> </div> </div> <p> </p> <div class="row center-block"> <div class="col-md-4 text-center"> <a href="activities/task-forces/"> <i class="fas fa-car fa-4x"></i> <div class="description"> <h3>Task Forces</h3> <p>Organizational information and coordination.</p> </div> </a> </div> <div class="col-md-4 text-center"> <a href="developers/"> <i class="fas fa-file-code fa-4x"></i> <div class="description"> <h3>Developers</h3> <p>Implementations, online Things, and tools.</p> </div> </a> </div> <div class="col-md-4 text-center"> <a href="documentation/"> <i class="fas fa-book fa-4x"></i> <div class="description"> <h3>Documentation</h3> <p>Learn more through our presentations and whitepaper.</p> </div> </a> </div> </div> </div> <div class="col-md-4"> <iframe allowfullscreen sandbox="allow-top-navigation allow-scripts allow-popups allow-popups-to-escape-sandbox" style="min-width: 180px; width: 100%; border: none" height="400" src="https://www.mastofeed.com/apiv2/feed?userurl=https%3A%2F%2Fw3c.social%2Fusers%2Fwot&theme=light&size=100&header=false&replies=false&boosts=false"></iframe> <p>We are also active on X (formerly known as Twitter). Follow us there at <a href="https://twitter.com/W3C_WoT">@W3C_WoT.</a></p> </div> </div> <!-- <div class="row center-block"> <p><mark>TODO summary, relation between various groups.. </mark></p> </div> --> </div> </div><!-- content --> <!-- Footer --> <br /><br /> <footer class="page-footer font-small"> <!-- Copyright --> <div class="footer-copyright text-center py-3"> Copyright 漏 2024 <a href="https://www.w3.org/">World Wide Web Consortium</a>.<br /> <abbr title="World Wide Web Consortium">W3C</abbr><sup>庐</sup> <a href="https://www.w3.org/policies/#disclaimers">liability</a>, <a href="https://www.w3.org/policies/#trademarks">trademark</a> and <a rel="license" href="https://www.w3.org/copyright/document-license/" title="W3C Document License">permissive license</a> rules apply. </div> <!-- Copyright --> </footer> <!-- Footer --> <!-- Bootstrap core JavaScript ================================================== --> <!-- Placed at the end of the document so the pages load faster --> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> <script src="https://www.w3.org/WoT/js/bootstrap.min.js"></script> <!-- IE10 viewport hack for Surface/desktop Windows 8 bug --> <!-- <script src="../../assets/js/ie10-viewport-bug-workaround.js"></script> --> </div><!-- outer container --> </body> </html>