diff slide/slide.html @ 62:fd661c9cc842

add pdf2svg
author Ken Miyahira <e175733@ie.u-ryukyu.ac.jp>
date Mon, 15 Feb 2021 23:29:47 +0900
parents f0af437fca35
children
line wrap: on
line diff
--- a/slide/slide.html	Mon Feb 15 21:50:04 2021 +0900
+++ b/slide/slide.html	Mon Feb 15 23:29:47 2021 +0900
@@ -72,7 +72,7 @@
 ;">
 <h1>学生が自由に利用できる教育情報システムの構築</h1>
 <ul>
-<li>情報通信技術の普及に伴い学ぶことが増えている</li>
+<li>情報通信技術の普及に伴い様々な学習環境が学生にとって必要となる</li>
 <li>その学習環境として、Virtual MachineやContainerがある
 <ul>
 <li>実行には高性能なPCが必要な場合がある</li>
@@ -111,12 +111,12 @@
 }
 " class="slide" data-marpit-pagination="3" data-marpit-pagination-total="18" style="--paginate:true;--class:slide;--theme:default;
 ;">
-<h1>これまでの学習環境の問題点</h1>
+<h1>これまでの教育情報システムの問題点</h1>
 <ul>
 <li>VM貸出サービスの申請方法がわからない</li>
 <li>貸出サービスが存在することが周知されていなかった</li>
-<li>GPUが搭載されていなく研究室ごとの機器、クラウドサービスが利用された</li>
-<li>VMイメージの保存場所として使用されたGSF2はロックマネージャーの影響が大きかった</li>
+<li>旧システムにはGPUが搭載されていなく、研究室ごとの機器、クラウドサービスが利用された</li>
+<li>VMイメージの保存場所として使用されたGFS2はロックマネージャーの影響が大きかった</li>
 </ul>
 </section>
 </foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="4" data-paginate="true" data-class="title" data-theme="default" data-style="section {
@@ -218,9 +218,6 @@
 <li>希望する学生全員に割り当てきれない</li>
 </ul>
 </li>
-</ul>
-<br />
-<ul>
 <li>サーバのリソースを効率よく利用できるコンテナへ移行する</li>
 <li>VM貸出サービスは継続する</li>
 </ul>
@@ -270,7 +267,7 @@
 </ul>
 </li>
 <li>
-<p>コンテナベースの学習環境を提供できるようになる</p>
+<p>コンテナによる環境で課題や演習を可能になる</p>
 </li>
 </ul>
 </section>
@@ -300,8 +297,7 @@
 ;">
 <h1>コンテナエンジンの動作改善</h1>
 <ul>
-<li>
-<p>Podman</p>
+<li>Podman
 <ul>
 <li>rootlessではイメージの作成やコンテナの作成が遅い</li>
 <li>rootlessでは実行できない機能がある
@@ -311,8 +307,7 @@
 </li>
 </ul>
 </li>
-<li>
-<p>Singularity</p>
+<li>Singularity
 <ul>
 <li>イメージの作成に時間がかかる
 <ul>
@@ -321,9 +316,6 @@
 </li>
 </ul>
 </li>
-<li>
-<p>そこでPodmanをwrappしたie-podmanを作成した</p>
-</li>
 </ul>
 </section>
 </foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="9" data-paginate="true" data-class="slide" data-theme="default" data-style="section {
@@ -396,7 +388,7 @@
 <h1>Build速度の比較</h1>
 <ul>
 <li>Timeの値が小さい方がBuild速度が早い<br />
-<img src="images/container3.png" alt="height:480 center" style="height:480px;" /></li>
+<img src="images/container2.svg" alt="" /></li>
 </ul>
 </section>
 </foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="11" data-paginate="true" data-class="slide" data-theme="default" data-style="section {
@@ -425,7 +417,7 @@
 ;">
 <h1>ie-podmanの機能 1/2</h1>
 <ul>
-<li>Podmanのすべての機能をwrappするのではなく、一部機能のみを提供する</li>
+<li>Podmanのすべての機能を提供するのではなく、一部機能のみを提供する</li>
 </ul>
 <table>
 <thead>
@@ -492,7 +484,12 @@
 ;">
 <h1>ie-podmanの機能 2/2</h1>
 <ul>
-<li>registryやsifなど独自機能を提供する</li>
+<li>独自機能を追加
+<ul>
+<li>registryやsifなどサブコマンド</li>
+<li>コンテナ作成時に指定できる<code>--ip</code>オプション</li>
+</ul>
+</li>
 </ul>
 <table>
 <thead>
@@ -580,7 +577,7 @@
 </li>
 </ul>
 </section>
-</foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section data-paginate="true" data-class="slide" data-theme="default" data-style="section {
+</foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="14" data-paginate="true" data-class="slide" data-theme="default" data-style="section {
   background-color: #FFFFFF;
   font-size: 28px;
   color: #4b4b4b;
@@ -603,31 +600,10 @@
   left: 50px; top: 35px;
 }
 " class="slide" data-marpit-pagination="14" data-marpit-pagination-total="18" style="--paginate:true;--class:slide;--theme:default;
-;" data-marpit-advanced-background="background"><div data-marpit-advanced-background-container="true" data-marpit-advanced-background-direction="horizontal"><figure style="background-image:url(&quot;images/system-bb.png&quot;);background-size:80%;"></figure></div></section></foreignObject><foreignObject width="1280" height="720"><section id="14" data-paginate="true" data-class="slide" data-theme="default" data-style="section {
-  background-color: #FFFFFF;
-  font-size: 28px;
-  color: #4b4b4b;
-  font-family: &quot;Arial&quot;, &quot;Hiragino Maru Gothic ProN&quot;;
-}
-
-section.title {
-  font-size: 40px;
-  padding: 40px;
-}
-section.title h1 {
-  text-align: center;
-}
-section.title h3 {
-  text-align: center;
-}
-
-section.slide h1 {
-  position: absolute;
-  left: 50px; top: 35px;
-}
-" class="slide" data-marpit-pagination="14" data-marpit-pagination-total="18" style="--paginate:true;--class:slide;--theme:default;
-;" data-marpit-advanced-background="content"></section>
-</foreignObject><foreignObject width="1280" height="720" data-marpit-advanced-background="pseudo"><section class="slide" style="" data-marpit-advanced-background="pseudo" data-marpit-pagination="14" data-marpit-pagination-total="18"></section></foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="15" data-paginate="true" data-class="slide" data-theme="default" data-style="section {
+;">
+<p><img src="images/system.svg" alt="height:700 center" style="height:700px;" /></p>
+</section>
+</foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="15" data-paginate="true" data-class="slide" data-theme="default" data-style="section {
   background-color: #FFFFFF;
   font-size: 28px;
   color: #4b4b4b;
@@ -713,7 +689,7 @@
 <h1>ファイルシステムの比較 2/2</h1>
 <ul>
 <li>MB/sの値が大きい方が性能が良い<br />
-<img src="images/fswrite2.png" alt="height:480 center" style="height:480px;" /></li>
+<img src="images/fswrite.svg" alt="height:480 center" style="height:480px;" /></li>
 </ul>
 </section>
 </foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="17" data-paginate="true" data-class="title" data-theme="default" data-style="section {
@@ -824,7 +800,7 @@
 
 &lt;/br&gt;
 
-- VMイメージの保存場所に使用していたGFS2はロックマネージャの影響が大きく、サーバ1台でもクラスタに参加できないとGFS2上にアクセスできなくなった</p></div><script>!function(){"use strict";var e=function(e,t){var n,r=1===(e.parent||e).nodeType?e.parent||e:document.querySelector(e.parent||e),s=[].filter.call("string"==typeof e.slides?r.querySelectorAll(e.slides):e.slides||r.children,(function(e){return"SCRIPT"!==e.nodeName})),a={},i=function(e,t){return(t=t||{}).index=s.indexOf(e),t.slide=e,t},o=function(e,t){a[e]=(a[e]||[]).filter((function(e){return e!==t}))},l=function(e,t){return(a[e]||[]).reduce((function(e,n){return e&&!1!==n(t)}),!0)},c=function(e,t){s[e]&&(n&&l("deactivate",i(n,t)),n=s[e],l("activate",i(n,t)))},d=function(e,t){var r=s.indexOf(n)+e;l(e>0?"next":"prev",i(n,t))&&c(r,t)},u={off:o,on:function(e,t){return(a[e]||(a[e]=[])).push(t),o.bind(null,e,t)},fire:l,slide:function(e,t){if(!arguments.length)return s.indexOf(n);l("slide",i(s[e],t))&&c(e,t)},next:d.bind(null,1),prev:d.bind(null,-1),parent:r,slides:s,destroy:function(e){l("destroy",i(n,e)),a={}}};return(t||[]).forEach((function(e){e(u)})),n||c(0),u};function t(e){e.parent.classList.add("bespoke-marp-parent"),e.slides.forEach((e=>e.classList.add("bespoke-marp-slide"))),e.on("activate",(t=>{const n=t.slide,r=!n.classList.contains("bespoke-marp-active");e.slides.forEach((e=>{e.classList.remove("bespoke-marp-active"),e.setAttribute("aria-hidden","true")})),n.classList.add("bespoke-marp-active"),n.removeAttribute("aria-hidden"),r&&(n.classList.add("bespoke-marp-active-ready"),document.body.clientHeight,n.classList.remove("bespoke-marp-active-ready"))}))}function n(e){let t=0,n=0;Object.defineProperty(e,"fragments",{enumerable:!0,value:e.slides.map((e=>[null,...e.querySelectorAll("[data-marpit-fragment]")]))});const r=r=>void 0!==e.fragments[t][n+r],s=(r,s)=>{t=r,n=s,e.fragments.forEach(((e,t)=>{e.forEach(((e,n)=>{if(null==e)return;const a=t<r||t===r&&n<=s;e.setAttribute("data-bespoke-marp-fragment",a?"active":"inactive"),t===r&&n===s?e.setAttribute("data-bespoke-marp-current-fragment","current"):e.removeAttribute("data-bespoke-marp-current-fragment")}))})),e.fragmentIndex=s;const a={slide:e.slides[r],index:r,fragments:e.fragments[r],fragmentIndex:s};e.fire("fragment",a)};e.on("next",(({fragment:a=!0})=>{if(a){if(r(1))return s(t,n+1),!1;const a=t+1;e.fragments[a]&&s(a,0)}else{const r=e.fragments[t].length;if(n+1<r)return s(t,r-1),!1;const a=e.fragments[t+1];a&&s(t+1,a.length-1)}})),e.on("prev",(({fragment:a=!0})=>{if(r(-1)&&a)return s(t,n-1),!1;const i=t-1;e.fragments[i]&&s(i,e.fragments[i].length-1)})),e.on("slide",(({index:t,fragment:n})=>{let r=0;if(void 0!==n){const s=e.fragments[t];if(s){const{length:e}=s;r=-1===n?e-1:Math.min(Math.max(n,0),e-1)}}s(t,r)})),s(0,0)}
+- VMイメージの保存場所に使用していたGFS2はロックマネージャの影響が大きく、サーバ1台でもクラスタに参加できないとGFS2上にアクセスできなくなった</p></div><div class="bespoke-marp-note" data-index="7" tabindex="0"><p>- そこでPodmanをwrapperであるie-podmanを作成した</p></div><script>!function(){"use strict";var e=function(e,t){var n,r=1===(e.parent||e).nodeType?e.parent||e:document.querySelector(e.parent||e),s=[].filter.call("string"==typeof e.slides?r.querySelectorAll(e.slides):e.slides||r.children,(function(e){return"SCRIPT"!==e.nodeName})),a={},i=function(e,t){return(t=t||{}).index=s.indexOf(e),t.slide=e,t},o=function(e,t){a[e]=(a[e]||[]).filter((function(e){return e!==t}))},l=function(e,t){return(a[e]||[]).reduce((function(e,n){return e&&!1!==n(t)}),!0)},c=function(e,t){s[e]&&(n&&l("deactivate",i(n,t)),n=s[e],l("activate",i(n,t)))},d=function(e,t){var r=s.indexOf(n)+e;l(e>0?"next":"prev",i(n,t))&&c(r,t)},u={off:o,on:function(e,t){return(a[e]||(a[e]=[])).push(t),o.bind(null,e,t)},fire:l,slide:function(e,t){if(!arguments.length)return s.indexOf(n);l("slide",i(s[e],t))&&c(e,t)},next:d.bind(null,1),prev:d.bind(null,-1),parent:r,slides:s,destroy:function(e){l("destroy",i(n,e)),a={}}};return(t||[]).forEach((function(e){e(u)})),n||c(0),u};function t(e){e.parent.classList.add("bespoke-marp-parent"),e.slides.forEach((e=>e.classList.add("bespoke-marp-slide"))),e.on("activate",(t=>{const n=t.slide,r=!n.classList.contains("bespoke-marp-active");e.slides.forEach((e=>{e.classList.remove("bespoke-marp-active"),e.setAttribute("aria-hidden","true")})),n.classList.add("bespoke-marp-active"),n.removeAttribute("aria-hidden"),r&&(n.classList.add("bespoke-marp-active-ready"),document.body.clientHeight,n.classList.remove("bespoke-marp-active-ready"))}))}function n(e){let t=0,n=0;Object.defineProperty(e,"fragments",{enumerable:!0,value:e.slides.map((e=>[null,...e.querySelectorAll("[data-marpit-fragment]")]))});const r=r=>void 0!==e.fragments[t][n+r],s=(r,s)=>{t=r,n=s,e.fragments.forEach(((e,t)=>{e.forEach(((e,n)=>{if(null==e)return;const a=t<r||t===r&&n<=s;e.setAttribute("data-bespoke-marp-fragment",a?"active":"inactive"),t===r&&n===s?e.setAttribute("data-bespoke-marp-current-fragment","current"):e.removeAttribute("data-bespoke-marp-current-fragment")}))})),e.fragmentIndex=s;const a={slide:e.slides[r],index:r,fragments:e.fragments[r],fragmentIndex:s};e.fire("fragment",a)};e.on("next",(({fragment:a=!0})=>{if(a){if(r(1))return s(t,n+1),!1;const a=t+1;e.fragments[a]&&s(a,0)}else{const r=e.fragments[t].length;if(n+1<r)return s(t,r-1),!1;const a=e.fragments[t+1];a&&s(t+1,a.length-1)}})),e.on("prev",(({fragment:a=!0})=>{if(r(-1)&&a)return s(t,n-1),!1;const i=t-1;e.fragments[i]&&s(i,e.fragments[i].length-1)})),e.on("slide",(({index:t,fragment:n})=>{let r=0;if(void 0!==n){const s=e.fragments[t];if(s){const{length:e}=s;r=-1===n?e-1:Math.min(Math.max(n,0),e-1)}}s(t,r)})),s(0,0)}
 /*!
 * screenfull
 * v5.1.0 - 2020-12-24