Papers/2021/mk-thesis: slide/slide.html comparison

comparison 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

comparison

equal deleted inserted replaced

-:f0af437fca35
+:fd661c9cc842
 }
 " class="slide" data-marpit-pagination="2" data-marpit-pagination-total="18" style="--paginate:true;--class:slide;--theme:default;
 ;">
 <h1>学生が自由に利用できる教育情報システムの構築</h1>
 <ul>
-<li>情報通信技術の普及に伴い学ぶことが増えている</li>
+<li>情報通信技術の普及に伴い様々な学習環境が学生にとって必要となる</li>
 <li>その学習環境として、Virtual MachineやContainerがある
 <ul>
 <li>実行には高性能なPCが必要な場合がある</li>
 <li>クラウドサービスもあるが、無料だと制限がある</li>
 </ul>
 position: absolute;
 left: 50px; top: 35px;
 }
 " 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>旧システムにはGPUが搭載されていなく、研究室ごとの機器、クラウドサービスが利用された</li>
-<li>VMイメージの保存場所として使用されたGSF2はロックマネージャーの影響が大きかった</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 {
 background-color: #FFFFFF;
 font-size: 28px;
 <ul>
 <li>1つのVMに1台のGPUが必要になる</li>
 <li>希望する学生全員に割り当てきれない</li>
 </ul>
 </li>
-</ul>
-<br />
-<ul>
 <li>サーバのリソースを効率よく利用できるコンテナへ移行する</li>
 <li>VM貸出サービスは継続する</li>
 </ul>
 </section>
 </foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="7" data-paginate="true" data-class="slide" data-theme="default" data-style="section {
 <li>コンテナにユーザ権限が引き継がれる</li>
 <li>コンテナから容易にGPUを利用できる</li>
 </ul>
 </li>
 <li>
-<p>コンテナベースの学習環境を提供できるようになる</p>
+<p>コンテナによる環境で課題や演習を可能になる</p>
 </li>
 </ul>
 </section>
 </foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="8" data-paginate="true" data-class="slide" data-theme="default" data-style="section {
 background-color: #FFFFFF;
 }
 " class="slide" data-marpit-pagination="8" data-marpit-pagination-total="18" style="--paginate:true;--class:slide;--theme:default;
 ;">
 <h1>コンテナエンジンの動作改善</h1>
 <ul>
-<li>
+<li>Podman
-<p>Podman</p>
 <ul>
 <li>rootlessではイメージの作成やコンテナの作成が遅い</li>
 <li>rootlessでは実行できない機能がある
 <ul>
 <li>IPアドレスの割り当て</li>
 </ul>
 </li>
 </ul>
 </li>
-<li>
+<li>Singularity
-<p>Singularity</p>
 <ul>
 <li>イメージの作成に時間がかかる
 <ul>
 <li>ビルド中にエラーが発生すると、一から再開する必要がある</li>
 </ul>
 </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 {
 background-color: #FFFFFF;
 " class="slide" data-marpit-pagination="10" data-marpit-pagination-total="18" style="--paginate:true;--class:slide;--theme:default;
 ;">
 <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 {
 background-color: #FFFFFF;
 font-size: 28px;
 }
 " class="slide" data-marpit-pagination="11" data-marpit-pagination-total="18" style="--paginate:true;--class:slide;--theme:default;
 ;">
 <h1>ie-podmanの機能 1/2</h1>
 <ul>
-<li>Podmanのすべての機能をwrappするのではなく、一部機能のみを提供する</li>
+<li>Podmanのすべての機能を提供するのではなく、一部機能のみを提供する</li>
 </ul>
 <table>
 <thead>
 <tr>
 <th>コマンド</th>
 }
 " class="slide" data-marpit-pagination="12" data-marpit-pagination-total="18" style="--paginate:true;--class:slide;--theme:default;
 ;">
 <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>
 <tr>
 <th>コマンド</th>
 </li>
 </ul>
 </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;
 font-family: &quot;Arial&quot;, &quot;Hiragino Maru Gothic ProN&quot;;
 }
 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="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;
+<p><img src="images/system.svg" alt="height:700 center" style="height:700px;" /></p>
-font-size: 28px;
+</section>
-color: #4b4b4b;
+</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 {
-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 {
 background-color: #FFFFFF;
 font-size: 28px;
 color: #4b4b4b;
 font-family: &quot;Arial&quot;, &quot;Hiragino Maru Gothic ProN&quot;;
 }
 " class="slide" data-marpit-pagination="16" data-marpit-pagination-total="18" style="--paginate:true;--class:slide;--theme:default;
 ;">
 <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 {
 background-color: #FFFFFF;
 font-size: 28px;
 - 旧システムにはGPUが搭載されていないため、貸出サービスではなく研究室ごとの機器、クラウドサービスが多く利用された
 &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
 * (c) Sindre Sorhus; MIT License
 */

Mercurial > hg > Papers > 2021 > mk-thesis

comparison slide/slide.html @ 62:fd661c9cc842