Mercurial > hg > Events > JavaKuche2014
view oc/javaKucheSlide.html @ 3:e4f4d95733e1
update
author | oc |
---|---|
date | Sat, 29 Nov 2014 15:31:59 +0900 |
parents | 3bc79ea1ce56 |
children | 6d6fd8094216 |
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">授業やゼミで使える</font></h1> <h1><font color="#808db5">画面共有システムTreeVNC</font></h1> <h2><font color="">琉球大学情報工学科河野県B4大城美和</font></h2> </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>授業やゼミで使えるTreeVNCを開発</h2> <ul> <li>ひとりひとりがPCを持っている</li> <li>手元のPCで発表者のPC画面を見る</li> <li>発表者の切り替え</li> </ul> <h3>参加者同士が充分なコミュニケーションを取れること</h3> <h3>VNCServerを除き、javaで実装している</h3> <h3>tihgtVNCをベースに、分散通信を付加</h3> <h3>TreeVNCは、実際の授業やゼミで実際に評価中</h3> </div> <div class='slide'> <h2>今までのTreeVNCとの違い</h2> <p>ソースコードのリファクタリング</p> <p>Eclipse から IntelliJ への移行</p> <h3>動的なport番号の指定</h3> <p>10001, 10002のようなアドホックなポートを廃止し、動的にポートを割り当てた</p> <p>1台のPCで複数のTreeVNCを立ち上げられる(デバッグのため)</p> </ul> <h3>複数ネットワークインターフェースで利用可能に</h3> <p>授業中、有線・無線どちらでも利用可能</p> <p>ルータ越えを出来るようにする予定 </p> <h3>Threadに名前</h3> <p>動作しているThreadの役割がわかる</p> </ul> </div> <div class='slide'> <br> <br> <br> <br> <br> <h2>One more thing...</h2> </div> <div class='slide'> <h2>Alice</h2> <li>分散ネットフレームワーク</li> <li>データセグメントをkeyで交換する</li> <li>メタ計算で通信構成や、再接続及び切断に対処</li> <h3>AliceVNC</h3> <li>AliceでTreeVNCを実装中</li> <li>Aliceを用いるメリット</li> <ul> <li>ネットワークトポロジを構成</li> <li>TreeVNCで必要とされるコネクションを管理</li> <li>コードが綺麗になる</li> <li>tightVNCからのコードの変更が最小限に</li> </ul> </ul> </div> <div class='slide'> <h2>TreeVNCのこれから</h2> <p>これから実装予定の機能</p> <ul> <p>ルータ越え </p> <p>音声の共有</p> <p>mind mapも共有</p> </ul> </div> </div> <!-- presentation --> </body> </html>