Mercurial > hg > Events > igda2015
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>