last polishing of WoT presentation

* fixed links to github in all previous presentations Signed-off-by: Thomas Jaeckle <thomas.jaeckle@bosch.io>
eclipse-ditto · Oct 12, 2022 · 7656409 · 7656409
1 parent 92b5702
commit 7656409
Show file tree

Hide file tree

Showing 6 changed files with 49 additions and 45 deletions.
diff --git a/documentation/src/main/resources/slides/2020_04_16-ttn-virtual-conference/index.html b/documentation/src/main/resources/slides/2020_04_16-ttn-virtual-conference/index.html
@@ -589,7 +589,7 @@ <h3>thanks to The Things Network for organising this virtual conference</h3>
               <p>Links:</p>
               <ul>
                 <li><a target="_blank" href="https://www.eclipse.org/ditto">Ditto website and documentation</a></li>
-                <li><a target="_blank" href="https://github.org/eclipse/ditto">GitHub</a> - please give us a star ;)</li>
+                <li><a target="_blank" href="https://github.com/eclipse/ditto">GitHub</a> - please give us a star ;)</li>
                 <li><a target="_blank" href="https://gitter.im/eclipse/ditto">Chatroom to ask more questions</a></li>
                 <li><a target="_blank" href="https://developer.bosch-iot-suite.com/service/things/">Commercial offering incl. free plan</a></li>
               </ul>

diff --git a/documentation/src/main/resources/slides/2021_05_ditto-introduction-deck/index.html b/documentation/src/main/resources/slides/2021_05_ditto-introduction-deck/index.html
@@ -579,7 +579,7 @@ <h1>Wrap up</h1>
               <p>Links:</p>
               <ul>
                 <li><a target="_blank" href="https://www.eclipse.org/ditto">Ditto website and documentation</a></li>
-                <li><a target="_blank" href="https://github.org/eclipse/ditto">GitHub</a> - please give us a star ;)</li>
+                <li><a target="_blank" href="https://github.com/eclipse/ditto">GitHub</a> - please give us a star ;)</li>
                 <li><a target="_blank" href="https://gitter.im/eclipse/ditto">Chatroom to ask more questions</a></li>
                 <li><a target="_blank" href="https://developer.bosch-iot-suite.com/service/things/">Commercial offering incl. free plan</a></li>
               </ul>

diff --git a/documentation/src/main/resources/slides/2021_06_ditto-20-overview/index.html b/documentation/src/main/resources/slides/2021_06_ditto-20-overview/index.html
@@ -287,7 +287,7 @@ <h3>Looking ahead</h3>
               <p>Links:</p>
               <ul>
                 <li><a target="_blank" href="https://www.eclipse.org/ditto">Ditto website and documentation</a></li>
-                <li><a target="_blank" href="https://github.org/eclipse/ditto">GitHub</a> - please give us a star ;)</li>
+                <li><a target="_blank" href="https://github.com/eclipse/ditto">GitHub</a> - please give us a star ;)</li>
                 <li><a target="_blank" href="https://gitter.im/eclipse/ditto">Chatroom to ask more questions</a></li>
                 <li><a target="_blank" href="https://developer.bosch-iot-suite.com/service/things/">Commercial offering incl. free plan</a></li>
               </ul>

diff --git a/documentation/src/main/resources/slides/2021_06_ditto-in-20-min/index.html b/documentation/src/main/resources/slides/2021_06_ditto-in-20-min/index.html
@@ -414,7 +414,7 @@ <h1>Wrap up</h1>
               <p>Links:</p>
               <ul>
                 <li><a target="_blank" href="https://www.eclipse.org/ditto">Ditto website and documentation</a></li>
-                <li><a target="_blank" href="https://github.org/eclipse/ditto">GitHub</a> - please give us a star ;)</li>
+                <li><a target="_blank" href="https://github.com/eclipse/ditto">GitHub</a> - please give us a star ;)</li>
                 <li><a target="_blank" href="https://gitter.im/eclipse/ditto">Chatroom to ask more questions</a></li>
                 <li><a target="_blank" href="https://developer.bosch-iot-suite.com/service/things/">Commercial offering incl. free plan</a></li>
               </ul>

diff --git a/documentation/src/main/resources/slides/2022_10_ditto-and-wot/index.html b/documentation/src/main/resources/slides/2022_10_ditto-and-wot/index.html
@@ -16,7 +16,7 @@
 <head>
   <meta charset="utf-8">
 
-  <title>Eclipse Ditto and Web of Things</title>
+  <title>Eclipse Ditto™ and Web of Things</title>
 
   <meta name="description" content="Eclipse Ditto and Web of Things">
   <meta name="author" content="Thomas Jäckle">
@@ -84,7 +84,7 @@
     }
 
     .chapter-background .slide-background .slide-background-content {
-      opacity: 0.7 !important;
+      opacity: 0.4 !important;
     }
 
     .pdf-page .reveal .slide-background .slide-background-content {
@@ -204,16 +204,16 @@ <h1 style="line-height: 1em">
                 <img src="../../images/iot_logo.svg" style="width: 15%;vertical-align: top; padding-right: 20px" alt="Eclipse IoT">
                 <img src="../../images/ditto.svg" style="width: 15%;vertical-align: middle" alt="Eclipse Ditto">
               </h1>
-              <h1 style="margin-top: 0.6em; font-size: 2em;">Eclipse Ditto<br/>and<br/>Web of Things</h1>
+              <h1 style="margin-top: 0.6em; font-size: 2em;">Eclipse Ditto™<br/>and<br/>W3C Web of Things (WoT)</h1>
               <h2 style="margin-top: 1.5em; font-size: 0.8em">10/2022</h2>
             </section>
         </section>
 
         <!-- Section: Digital Twins -->
         <section style="clear: both;">
-            <section id="twin" class="new-chapter" data-background="../bg-images/background-twin-small.jpg"
+            <section id="twin" class="new-chapter" data-background="../bg-images/juan-davila-P8PlK2nGwqA-unsplash.jpg"
                      data-state="chapter-background">
-                <!-- background source: https://unsplash.com/search/twin?photo=SmAiLn-nnJg -->
+                <!-- background source: https://unsplash.com/photos/P8PlK2nGwqA -->
                 <h1>Digital Twins</h1>
                 <br/>
                 <ul>
@@ -410,16 +410,16 @@ <h1>Eclipse Ditto +</h1>
           <h2>The what:</h2>
           <br/>
           <p>
-            Let Ditto provide WoT TDs via Digital Twin APIs<br/>
-            by referencing to WoT TMs in Ditto "things"
+            Let Ditto <b>provide</b> WoT <b>TDs</b> via Digital Twin APIs<br/>
+            by <b>referencing to</b> WoT <b>TMs</b> in Ditto "things"
           </p>
         </section>
         <section id="ditto-wot-2" style="clear: both;">
           <h3>The why: benefits for a WoT approach</h3>
           <ul style="margin-top: 0.8em;">
-            <li>devices do not need to "know" their TD or be able to provide it somehow</li>
-            <li class="fragment" data-fragment-index="1" style="margin-top: 0.5em;">simulate twins and deliver TD without physical device</li>
-            <li class="fragment" data-fragment-index="2" style="margin-top: 0.5em;">"retrofit" an already connected device with a TD - enabling "brownfield" scenarios</li>
+            <li>devices do not need to "know" their TD or be able to provide it by themselves</li>
+            <li class="fragment" data-fragment-index="1" style="margin-top: 0.5em;">deliver TDs for simulated twins</li>
+            <li class="fragment" data-fragment-index="2" style="margin-top: 0.5em;">"retrofit" already connected devices with TDs - enabling "brownfield" scenarios</li>
             <li class="fragment" data-fragment-index="3" style="margin-top: 0.5em;">Ditto abstracts on how devices are connected - provided Protocol Binding: HTTP vocabulary</li>
           </ul>
         </section>
@@ -432,45 +432,52 @@ <h3>The why: benefits for Ditto and the digital twin pattern</h3>
           </ul>
         </section>
         <section id="ditto-wot-4" style="clear: both;">
-          <p style="margin-top: 0.5em;">The how: generation of WoT TDs for Thing and Feature instances based on referenced TMs
-            <ul>
-              <li class="fragment" data-fragment-index="1" style="margin-top: 0.3em; font-size: 0.7em">resolving extensions via <code>tm:extends</code> and imports via <code>tm:ref</code></li>
-              <li class="fragment" data-fragment-index="2" style="margin-top: 0.3em; font-size: 0.7em">resolving Thing level compositions via <code>tm:submodel</code></li>
-              <li class="fragment" data-fragment-index="3" style="margin-top: 0.3em; font-size: 0.7em">resolving TM placeholders</li>
-            </ul>
-          </p>
+          <h3>The how: generation of WoT TDs based on referenced TMs</h3>
+          <ul>
+            <li style="margin-top: 0.3em; font-size: 0.7em">Ditto downloads and caches referenced TMs during runtime</li>
+            <li class="fragment" data-fragment-index="1" style="margin-top: 0.3em; font-size: 0.7em">resolving extensions via <code>tm:extends</code> and imports via <code>tm:ref</code>,
+              Thing level compositions via <code>tm:submodel</code> and TM placeholders</li>
+            <li class="fragment" data-fragment-index="2" style="margin-top: 0.3em; font-size: 0.7em">Ditto generates TDs, injecting forms with HTTP API endpoints</li>
+          </ul>
 
-          <pre class="fragment" data-fragment-index="4" style="width: 100%; font-size: 0.4em;"><code class="hljs bash">curl -u ditto:ditto \
+          <pre class="fragment" data-fragment-index="3" style="width: 100%; font-size: 0.4em;margin-bottom: 0.3em"><code class="hljs bash">curl -u ditto:ditto \
   'https://ditto.eclipseprojects.io/api/2/things/io.eclipseprojects.ditto:floor-lamp-0815' \
   -H 'Accept: application/td+json'</code></pre>
 
-          <pre class="fragment" data-fragment-index="5" style="width: 100%; font-size: 0.25em;"><code class="hljs json">{
-  @context":[
-    "https://www.w3.org/2022/wot/td/v1.1",
-    {
-      "om2":"http://www.ontology-of-units-of-measure.org/resource/om-2/",
-      "time":"http://www.w3.org/2006/time#"
-    }
-  ],
+          <pre class="fragment" data-fragment-index="4" style="width: 100%; font-size: 0.25em;margin-top: 0.2em"><code class="hljs json">{
+  @context":["https://www.w3.org/2022/wot/td/v1.1", ...],
   "title":"Floor Lamp",
   "@type":"Thing",
   "id":"urn:io.eclipseprojects.ditto:floor-lamp-0815",
   "base":"https://ditto.eclipseprojects.io/api/2/things/io.eclipseprojects.ditto:floor-lamp-0815",
+  "version":{"model":"1.0.0","instance":"1.0.0"},
+  "links":[{
+    "rel":"type",
+    "href":"https://eclipse.github.io/ditto-examples/wot/models/floor-lamp-1.0.0.tm.jsonld",
+    "type":"application/tm+json"
+   },{
+    "rel":"item",
+    "type":"application/td+json",
+    "href":"/features/Spot1"
+   },...],
+   "security":"basic_sc",
+   "securityDefinitions":{"basic_sc":{"in":"header","scheme":"basic"}},
+   "forms":[{"op":"readallproperties","href":"/attributes{?channel,timeout}","htv:methodName":"GET","contentType":"application/json"
   ...
 }</code></pre>
 
         </section>
         <section id="ditto-wot-5" style="clear: both;">
-          <p style="margin-top: 0.5em;">The how: upon creation of new Things, generation of a "JSON skeleton" following the WoT TM</p>
+          <h3>The how: upon creation of new Things, generation of a "JSON skeleton" following the WoT TM</h3>
 
-          <pre class="fragment" data-fragment-index="1" style="width: 100%; font-size: 0.4em;"><code class="hljs bash">curl -X PUT -u ditto:ditto \
+          <pre class="fragment" data-fragment-index="1" style="width: 100%; font-size: 0.4em;margin-bottom: 0.3em"><code class="hljs bash">curl -X PUT -u ditto:ditto \
   'https://ditto.eclipseprojects.io/api/2/things/io.eclipseprojects.ditto:floor-lamp-0815' \
   -H 'Content-Type: application/json' \
   --data-raw '{
     "definition": "https://eclipse.github.io/ditto-examples/wot/models/floor-lamp-1.0.0.tm.jsonld"
   }'</code></pre>
 
-          <pre class="fragment" data-fragment-index="2" style="width: 100%; font-size: 0.25em;"><code class="hljs json">{
+          <pre class="fragment" data-fragment-index="2" style="width: 100%; font-size: 0.25em; margin-top: 0.2em"><code class="hljs json">{
   "thingId": "io.eclipseprojects.ditto:floor-lamp-0815",
   "policyId": "io.eclipseprojects.ditto:floor-lamp-0815",
   "definition": "https://eclipse.github.io/ditto-examples/wot/models/floor-lamp-1.0.0.tm.jsonld",
@@ -494,20 +501,16 @@ <h3>The why: benefits for Ditto and the digital twin pattern</h3>
         },
         "on": false
       }
-    },
-    ...
-}</code></pre>
+    ...</code></pre>
         </section>
       </section>
 
         <!-- Section: Demo -->
-        <section style="clear: both;">
-            <section id="demo" style="clear: both;">
-                <h2>Demo</h2>
-                <a href="https://eclipse.github.io/ditto/?primaryEnvironmentName=ditto_sandbox">
-                  <img src="../images/ditto-ui-screenshot.png" alt="Ditto UI Screenshot" style="width: 80%"/>
-                </a>
-            </section>
+        <section id="demo" style="clear: both;" class="new-chapter" data-background="../bg-images/background-demo-small.jpg" data-state="chapter-background">
+            <h2>Demo</h2>
+            <a href="https://eclipse.github.io/ditto/?primaryEnvironmentName=ditto_sandbox">
+              <img src="../images/ditto-ui-screenshot.png" alt="Ditto UI Screenshot" style="width: 80%"/>
+            </a>
         </section>
 
         <!-- Section: Questions and Answers -->
@@ -518,8 +521,9 @@ <h2>Demo</h2>
               <h2>Links</h2>
               <br/>
               <ul>
-                <li><a target="_blank" href="https://www.eclipse.org/ditto">Ditto website and documentation</a></li>
-                <li><a target="_blank" href="https://github.org/eclipse/ditto">GitHub</a> - please give us a star ;)</li>
+                <li><a target="_blank" href="https://www.eclipse.org/ditto/2022-03-03-wot-integration.html">Ditto Blogpost about WoT integration</a></li>
+                <li><a target="_blank" href="https://www.eclipse.org/ditto/basic-wot-integration.html">Ditto docs about WoT integration</a></li>
+                <li><a target="_blank" href="https://github.com/eclipse/ditto">GitHub</a> - please give us a star ;)</li>
                 <li><a target="_blank" href="https://gitter.im/eclipse/ditto">Chatroom to ask more questions</a></li>
               </ul>
             </section>

diff --git a/...tation/src/main/resources/slides/bg-images/juan-davila-P8PlK2nGwqA-unsplash.jpg b/...tation/src/main/resources/slides/bg-images/juan-davila-P8PlK2nGwqA-unsplash.jpg