view s6/index.html @ 0:4826668bfbf4

add somefiles
author masa
date Wed, 01 Jul 2015 22:26:24 +0900
parents
children 56672547a98c
line wrap: on
line source

<!DOCTYPE html>
<html>
  <head>
    <meta charset='utf-8'>
    <title>OSC2015</title>

    <!-- 
         Notes on CSS media types used:
         
         1) projection -> slideshow mode (display one slide at-a-time; hide all others)
         2) screen     -> outline mode (display all slides-at-once on screen) 
         3) print      -> print (and print preview)
         
         Note: toggle between projection/screen (that is, slideshow/outline) mode using t-key

         Questions, comments?
         - send them along to the mailinglist/forum online @ http://groups.google.com/group/webslideshow
      -->

    <!-- style sheet links -->
    <link rel="stylesheet/less" href="themes/blank/projection.css.less"  media="screen,projection">
    <link rel="stylesheet/less" href="themes/blank/screen.css.less"      media="screen">
    <link rel="stylesheet/less" href="themes/blank/print.css.less"       media="print">

    <link rel="stylesheet/less" href="themes/blank/blank.css.less"    media="screen,projection">

    <!-- Notes about less css support
         - all less stylesheets (*.css.less) need to get listed/loaded first (before the less.js script)
         - find more info about less.js online @ http://lesscss.org

         ***** NOTE:
         less.js browser script currently won’t work if you’re using Google Chrome
         and the path to your page starts with "file:///" due to a known Chrome issue.
         (In the developer/js console you will see:
         XMLHttpRequest cannot load file:///../s6/shared/projection.css.less.
         Cross origin requests are only supported for HTTP.)
      -->

    <!-- add js libs (less, jquery) -->
    <script src="js/less-1.1.4.min.js"></script>
    <script src="js/jquery-1.7.min.js"></script>

    <!-- S6 JS -->
    <script src="js/jquery.slideshow.js"></script>
    <script src="js/jquery.slideshow.counter.js"></script>
    <script src="js/jquery.slideshow.controls.js"></script>
    <script src="js/jquery.slideshow.footer.js"></script>
    <script src="js/jquery.slideshow.autoplay.js"></script>
    <script>
      $(document).ready( function() {
      Slideshow.init();
      
      // Example 2: Start Off in Outline Mode
      // Slideshow.init( { mode: 'outline' } );
      
      // Example 3: Use Custom Transition
      // Slideshow.transition = transitionScrollUp;
      // Slideshow.init();

      // Example 4: Start Off in Autoplay Mode with Custom Transition
      // Slideshow.transition = transitionScrollUp;
      // Slideshow.init( { mode: 'autoplay' } );
      } );
    </script>

    <!-- Better Browser Banner for Microsoft Internet Explorer (IE) -->
    <!--[if IE]>
        <script src="js/jquery.microsoft.js"></script>
        <![endif]-->

  </head>
  <body>
    <div class="layout">
      <div id="header"></div>
      <div id="footer">
        <div align="right">
          <img src="images/IGDA-Ryukyu.png" width="300">
        </div>
      </div>
    </div>

    <div class="presentation">

      <!-- add slides here; example -->
      
      <div class='slide cover'>
        <table width="90%" height="90%" border="0" align="center">
          <tr>
            <td><div align="center">
                <h1><font color="#808db5">様々なゲームエンジンを触ってみて</font></h1>
            </div></td>
          </tr>
          <tr>
            <td><div align="right">
                IGDA University Of The Ryukyus ,Masataka Kohagura
                <script>
                  var date = new Date();
                  var year = date.getFullYear();
                  var month = date.getMonth();
                  var day = date.getDate();
                  
                  var monthList = new Array("January","February","March","April","May","June",
                  "July","August","September","October","November","December");
                  
                  document.write(monthList[month]+" "+day+", "+year);
                  
                </script>
                <hr style="color:#ffcc00;background-color:#ffcc00;text-align:left;border:none;width:300%;height:0.2em;">
            </div></td>
          </tr>
        </table>
      </div>

      <div class='slide'>
        <h2>はじめに</h2>
        <p>
      </p>
      <p>
      </p>
      <ol>
        <li>
        </li>
        <li>
        </li>
      </ol>

      <p>
      </p>

      </div>

      <div class='slide'>
    <h2></h2>

    <img src='images/mmap.png' style="height:400px" align="middle" >
    <br>


      <div class='slide'>
        <h2>I/Oを含むアプリケーションの並列化</h2>

        <p>
        I/O は、ディスクからの読み込む時間がかかる。<br>
        -> <font color = red>I/O をどのように実装したら、並列処理とI/Oが干渉をなくして全体のパフォーマンスを上げれるか??</font><br>
        </p>

        <p>
        そこで本研究では、
        </p>

        <img src='images/resources.png' style="height:170px" align="middle">
        <ul>
        <li><font color=red>ファイル読み込みとアプリケーションの分離するための実装法</font> </li>
        <li><font color=red>I/O専用の Threadを追加</font></li>
        <li><font color=red>mmap と比較や、様々な実験環境で計測</font></li>
        </ul>
        <p>
        以上3点を行った。
        </p>
      </div>

      <div class='slide'>
  <h2>実験1: 使用 CPU 数を変更させた時の実行速度の比較</h2>
  <p>全ての実験のfile size は 1GB であり、表内の数値の単位は全て秒である。</p>
<p>
Blocked read Task 1つ当たりの読み込み量  : 16kbyte * 48
</p>
<table  border="2" cellpadding="0" cellspacing="0">
    <tbody>
        <tr>
            <td align=center>read mode \ CPU num</td>
            <td></td>
            <td align=center>CPU 1</td>
            <td align=center>CPU 4</td>
            <td align=center>CPU 8</td>
            <td align=center>CPU 12</td>
            <td align=center>GPU(CUDA)</td>
        </tr>
        <tr>
            <td align=center>mmap</td>
            <td></td>
            <td>15.353</td>
            <td>11.287</td>
            <td>11.707</td>
            <td>11.137</td>
            <td><div align=right>103.410</div></td>
        </tr>
        <tr>
            <td align=center>read</td>
            <td></td>
            <td>16.846</td>
            <td>11.730</td>
            <td>11.487</td>
            <td>11.437</td>
            <td><div align=right>106.050</div></td>
        </tr>
        <tr>
            <td align=center>Blocked Read(SPE_ANY)</td>
            <td></td>
            <td>13.297</td>
            <td>11.984</td>
            <td>10.887</td>
            <td>11.146</td>
            <td><div align=right>94.626</div></td>
        </tr>
        <tr>
            <td align=center>Blocked Read(IO_0)</td>
            <td></td>
            <td>11.503</td>
            <td>11.437</td>
            <td>11.365</td>
            <td>11.412</td>
            <td><div align=right>94.496</div></td>
            <!--
            <td bgcolor="#ffffcc">Blocked Read(IO_0)</td>
            <td bgcolor="#ffffcc">99.2</td>
            -->
        </tr>
    </tbody>
</table>

</div> <!-- presentation -->
</body>
</html>