Mercurial > hg > Members > oc > slide
view blank.html @ 18:133c46c5b750
update
author | oc |
---|---|
date | Wed, 04 Feb 2015 02:18:44 +0900 |
parents | e83fc49e4f6d |
children | 5a7504044713 |
line wrap: on
line source
<!DOCTYPE html> <html> <head> <meta charset='utf-8'> <title>Seminar</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="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/concurrency.png" width="200"> </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">画面共有システムTreeVNCの研究</font></h1> </div></td> </tr> <tr> <td><div align="left"> Miwa Oshiro <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>そこで多人数でのコミュニケーションの充実を測る。<br> コミュニケーションの要素として、<br> 目的を共有し、意見・アイデア・質問を交わし合うことが必要である。</p> </div> <div class='slide'> <h2>研究目的</h2> <p>TreeVNCでは、多人数に画面を配信することによって、<br> 手元のPCで一つの画面を共有することができる。</p> <p>画面の切り替えをスムーズに切り替えることができ、<br> 綺麗な画質を保ちながらリアルタイムで共有することができる。</p> <p>更に、遠隔地からでもコミュニケーションに参加できるように、<br> ルータを超えて画面を配信することができるようになる予定である。<br> 遠隔地から接続できる機能を追加するとともに音も共有する予定である。 </div> <div class='slide'> <h2>やってきたこと</h2> <ul> <li>信頼性の向上</li> <ul> <li>log in 時の問題解決</li> <ul> <li>lostChild 機能追加</li> </ul> </ul> </ul> </div> <div class='slide'> <h2>lostChild 機能追加</h2> <h3>lostChild 機能とは</h3> <ul> <li>lostParent と逆の方法で死んだ node に対する検知</li> <li>親 node が timer-discard-thread で子 node が死んだことを検知</li> <ul> <li>それぞれの子 node には myId がふられている(左子 : 0, 右子 : 1)</li> </ul> <li>root node へ command(lostLeftClient/lostRightCliet) を送信</li> <li>root node は、 nodeList の更新を行い、死んだ node の代わりに nodeList の最後の node を割り当てる</li> </ul> </div> <div class='slide'> <h2>lostParent と lostChild の違い</h2> <h3>lostParent との違い</h3> <ul> <li>lostParent は、子 node が死んだ親に気づく</li> <li>lostChild は、親 node が死んだ子に気づく</li> </ul> <h3>なぜ lostParent を消したのか</h3> <ul> <li>lostParent 中、接続が一旦切れると timer-discard-thread に検知されてしまうようになってしまった</li> <li>lostParent の処理で新しく node が接続されても、その node は lostChild として消されてしまうようになってしまった</li> <li>lostParent と lostChild は検知する場所が違うだけで、同じ動作をする</li> </ul> </div> <div class='slide'> <h2>lostParent と lostChild の違い</h2> <img src="images/20150203/LostParent.png" width="600" height="450"> </div> <div class='slide'> <h2>lostParent と lostChild の違い</h2> <img src="images/20150203/LostChild1.png" width="550" height="450"> <img src="images/20150203/LostChild2.png" width="550" height="400"> </div> <div class='slide'> <h2>ルータ超えの実装案</h2> <h3>rootと遠隔地nodeの接続</h3> <ul> <li>遠隔地nodeはrootのグローバルアドレスを指定してpacketを送信する。</li> <li>rootはpacketからnodeのIPAddressとport番号を取得する。</li> <li>遠隔地nodeの情報をrootのnodeListに追加する。</li> <img src="images/20150127/connectRemoteNode.png" width="800" height="500"> </ul> </div> <div class='slide'> <h2>これからやること</h2> <ul> <li>ルータを越えた接続の実装</li> <li>音声共有機能の実装</li> <ul> <li>node -> root間の送信方法変更</li> <li>root -> 他nodeへの送信</li> <li>送信・受信の終了処理追加</li> </ul></li> <li>卒論</li> </ul> </div> </div> <!-- presentation --> </body> </html>