X-Git-Url: https://git-public.kairo.at/?p=slides.git;a=blobdiff_plain;f=linuxwochen2018%2Findex.html;h=a5ccb875c466a2fe0b2dfdef4c650b838e0cd79f;hp=e370b5576588bef87319cfcebd065ab39feded4c;hb=b8e253494bfa64718d081d83df5280546918a60d;hpb=16daf33f6c2d0de9efdcb4e01661d211f5ce2138

diff --git a/linuxwochen2018/index.html b/linuxwochen2018/index.html
index e370b55..a5ccb87 100755
--- a/linuxwochen2018/index.html
+++ b/linuxwochen2018/index.html
@@ -25,7 +25,7 @@
 </nav>
 
 <article id="toc" data-title="Inhalt">
-<h1><span>Inhalt</span></h1>
+<h1><span>Table of Contents</span></h1>
 <h2>Mozilla Emerging Technologies</h2>
 
 <div class="captionedbox">
@@ -86,11 +86,13 @@
 
 <div class="simplebox">
 <img src="vrheadset-boy.png" class="slidepic"
- alt="A-Frame - aframe-io">
+ alt="Boy with VR headset">
 <ul>
   <li>WebXR - <mark>Virtual &amp; Augmented Reality</mark> (WebVR &amp; AR)</li>
   <li><a href="https://research.mozilla.org/mixed-reality/">research.mozilla.org/mixed-reality</a></li>
-  <li><a href="https://webvr.info/">webvr.info</a> - WebVR API, <mark>Open Standard</mark></li>
+  <li><a href="https://webvr.info/">webvr.info</a>, <a href="https://webxr.io/">webxr.io</a> -
+    <a href="https://github.com/immersive-web/webxr">WebXR Device API</a>,
+    <mark>Open Standard</mark> (proposal)</li>
   <li>In concert with WebGL, WebAudio and Gamepad APIs</li>
   <li>Windows: Firefox release, Mac: Nightly, Linux: in development</li>
 </ul>
@@ -107,13 +109,13 @@
 Example:
 <pre>
 &lt;<mark>a-scene</mark>&gt;
-  &lt;a-sphere position="0 1.25 -1" radius="1.25" color="#EF2D5E"&gt;&lt;/a-sphere&gt;
-  &lt;<mark>a-cube</mark> position="-1 0.5 1" rotation="0 0 0" width="1" height="1" depth="1" color="#4CC3D9"&gt;
-    &lt;<mark>a-animation</mark> attribute="rotation" repeat="indefinite" to="0 360 0"&gt;&lt;/a-animation&gt;
+  &lt;a-sphere <small>position="0 1.25 -1" radius="1.25" color="#EF2D5E"</small>&gt;&lt;/a-sphere&gt;
+  &lt;<mark>a-cube</mark> <small>position="-1 0.5 1" rotation="0 0 0" â¦</small>&gt;
+    &lt;<mark>a-animation</mark> <small>attribute="rotation" â¦ to="0 360 0"</small>&gt;&lt;/a-animation&gt;
   &lt;/a-cube&gt;
-  &lt;a-cylinder position="1 0.75 1" radius="0.5" height="1.5" color="#FFC65D"&gt;&lt;/a-cylinder&gt;
-  &lt;a-plane rotation="-90 0 0" width="4" height="4" color="#7BC8A4"&gt;&lt;/a-plane&gt;
-  &lt;a-sky color="#ECECEC"&gt;&lt;/a-sky&gt;
+  &lt;a-cylinder <small>position="1 0.75 1" â¦</small>&gt;&lt;/a-cylinder&gt;
+  &lt;a-plane <small>â¦</small>&gt;&lt;/a-plane&gt;
+  &lt;a-sky <small>color="#ECECEC"</small>&gt;&lt;/a-sky&gt;
 &lt;/a-scene&gt;
 </pre>
 <p><a href="https://codepen.io/mozvr/pen/jqERjQ">edit/view</a>
@@ -123,7 +125,7 @@ Example:
 </article>
 
 <article id="codecs" data-title="Open Media Codecs">
-<h1><span>Open Media Codecs - Daala &amp; AV1</span></h1>
+<h1><span>Open Media Codecs</span></h1>
 
 <div class="simplebox">
 <img src="av1-comingsoon.png" class="slidepic" alt="AV1 - Coming Soon">
@@ -132,8 +134,9 @@ Example:
   <li>Next target: do the same with video</li>
   <li>Mozilla/Xiph: Daala + Google: VP9 + Cisco: Thor</li>
   <li><a href="http://aomedia.org/">Alliance for Open Media (AOMedia)</a> for collaboration</li>
-  <li>AV1 bitstream frozen since April 2018</li>
-  <li>Next: De-/Encoding perf, hardware support, ...</li>
+  <li><a href="https://aomedia.org/the-alliance-for-open-media-kickstarts-video-innovation-era-with-av1-release/">Released</a>:
+    AV1 bitstream frozen since March/April 2018</li>
+  <li>Next: Opimized de-/encoders, hardware support, ...</li>
 </ul>
 <p class="ensurepicinbox"></p>
 </div>
@@ -158,40 +161,83 @@ Example:
 </article>
 
 <article id="rust" data-title="Rust">
-<h1><span>Programmiersprache - Rust</span></h1>
+<h1><span>Rust Language</span></h1>
 
 <div class="simplebox">
+<img src="rust-logo.svg" class="slidepic" alt="Rust logo">
+<ul>
+  <li>Systems programming language</li>
+  <li>Focus on <mark>speed</mark>, <mark>memory safety</mark> and <mark>parallelism</mark></li>
+  <li>Low-level language but prevents segmentation faults and guarantees thread safety</li>
+  <li>Mozilla as founder and sponsor, active volunteer community</li>
+  <li>Used at Mozilla e.g. in Servo and Firefox Quantum</li>
+  <li><a href="https://www.rust-lang.org/">rust-lang.org</a></li>
+</ul>
+<p class="ensurepicinbox"></p>
 </div>
 </article>
 
-<article id="servo" data-title="Servo Web-Engine">
-<h1><span>Web-Engine - Servo</span></h1>
+<article id="servo" data-title="Servo">
+<h1><span>Servo Web Engine</span></h1>
 
 <div class="simplebox">
+<img src="servo.png" class="slidepic" alt="Servo logo">
+<ul>
+  <li>Experimental web engine, <mark>written in Rust</mark></li>
+  <li>Modular architecture, embeddable</li>
+  <li><mark>Memory safe</mark>: more stability &amp; security</li>
+  <li><mark>Fast</mark>: parallelism + newer algorithms</li>
+  <li>Mature modules can be integrated into Gecko (Firefox Quantum)</li>
+  <li>Possible base for a WebVR/XR runtime, etc.</li>
+  <li><a href="https://servo.org/">servo.org</a>,
+    <a href="https://research.mozilla.org/servo-engines/">research.mozilla.org/servo-engines</a></li>
+</ul>
+<p class="ensurepicinbox"></p>
 </div>
 </article>
 
 <article id="wasm" data-title="WebAssembly">
-<h1><span>WebAssembly</span></h1>
+<h1><span>WebAssembly (wasm)</span></h1>
 
 <div class="simplebox">
+<img src="web-assembly-logo.svg" class="slidepic" alt="WebAssembly logo">
+<ul>
+  <li>New, low-level, assembly-like language to run in browsers</li>
+  <li>Backward-compatible with <a href="http://asmjs.org/">asm.js</a></li>
+  <li>Good target to <mark>compile C/C++ or Rust</mark> (via
+    <a href="https://developer.mozilla.org/en-US/docs/Mozilla/Projects/Emscripten">Emscripten</a>)
+    <mark>for the browser</mark></li>
+  <li>Enables <mark>fast compute-intensive applications</mark> (games et al.) on the web</li>
+  <li>Already supported in Firefox, Chrome, Edge, Safari</li>
+  <li><a href="http://webassembly.org/">webassembly.org</a></li>
 </div>
 </article>
 
-<article id="iot" data-title="Web of Things">
-<h1><span>IoT - Things Gateway</span></h1>
+<article id="iot" data-title="Project Things">
+<h1><span>IoT - Project Things</span></h1>
 
 <div class="simplebox">
+<img src="mozilla_iot_illustration.png" class="slidepic" alt="Project Things illustration">
+<ul>
+  <li>Experimental framework for connecting "things" to the web</li>
+  <li>Target: decentralized Internet of Things that is safe, open and interoperable</li>
+  <li><mark>Web Thing API: Proposed W3C standard</mark></li>
+  <li>Things Gatewayâconnects existing things/protocols to the web</li>
+  <li>Cloud services are optional and configurable</li>
+  <li><mark>Giving control back to the user</mark></li>
+  <li><a href="https://iot.mozilla.org/">iot.mozilla.org</a></li>
+</ul>
+<p class="ensurepicinbox"></p>
 </div>
 </article>
 
-<article id="end" data-title="Ende">
+<article id="end" data-title="The End">
 
-<div class="simplebox">
-<h1 class="cent" style="position: relative; z-index: 3; color: #FFFFFF; font-size: 2.5em;">Fragen?</h1>
-<img src="mister_tricorder.jpg" class="sshot"
-     style="width: 100%; margin-top: -4.5em; position: relative; z-index: 1;"
-     alt="Data &amp; Mister Tricorder">
+<div class="simplebox endslidecontainer">
+<h1 class="cent endslidetext">Questions?</h1>
+<h2 class="cent endslidetext"><span><a href="https://www.mozilla.org/en-US/technology/">mozilla.org/technology</a></span></h2>
+<h3 class="cent endslidetext"><span>kairo@kairo.at</span></h3>
+<img src="mister_tricorder.jpg" class="sshot endslidepic" alt="Data &amp; Mister Tricorder">
 </div>
 </article>
 
