Mercurial > hg > Events > JavaKuche2014

--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/oc/javaKucheSlide.html	Sat Nov 29 14:18:22 2014 +0900
@@ -0,0 +1,236 @@
+<!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>現在、河野研に所属しており、TreeVNCの開発をしております。</p>
+        <p><img src="images/javaKuche/icon.png" width="100" height="100">
+        TwitterID : morobororo</p>
+      </div>
+
+
+      <div class='slide'>
+        <h2>研究目的</h2>
+        <p>この研究では、</p>
+        <ul>
+          <li>プレゼンテーションが見えない、聴こえないといった問題を失くすこと</li>
+          <li>スムーズな画面表示・画面の切り替えが行えること</li>
+          <li>綺麗な画質を保ちながらプレゼンテーションをすること</li>
+          <li>参加者同士が充分なコミュニケーションを撮れること</li>
+        </ul>
+        <p>を目的としています</p>
+      </div>
+
+
+      <div class='slide'>
+        <h2>TreeVCNを使ってもらっています</h2>
+        <p>TreeVNCは画面共有システムである。<br>
+        このシステムを実際の授業やゼミで導入している。</p>
+        <ul>
+          <li>ひとりひとりがPCを持っている前提である。</li>
+          <li>手元のPCで発表者のPC画面を見ることが出来る。</li>
+          <li>発表者の切り替えも、TreeVNCのshareボタンを押すことによってできる。</li>
+        </ul>
+      </div>
+
+
+      <div class='slide'>
+        <h2>今までのTreeVNCとの違い</h2>
+        <p>TreeVNCは、卒業した先輩から引き継いで改良を重ねています。<br>
+        今までのTreeVNCからアップデートした点を述べていきます。</p>
+      </div>
+
+      <div class='slide'>
+        <h2>動的なport番号の指定</h2>
+        <p>今までのTreeVNCでは、通信に固定ポート番号を利用していました。<br>
+        固定ポート番号を失くし、動的にポート番号を割り当てることにした。</p>
+        <p>これにより、</p>
+        <ul>
+          <li>1台のPCで複数のTreeVNCを立ち上げることができるようになりました。</li>
+            <ul>
+              <li>デバッグ時にとても役に立ちました。</li>
+            </ul>
+            <li>最低限のソケットポートを開けることによって、メモリ使用量を抑えることにもつながる。</li>
+        </ul>
+      </div>
+
+      <div class='slide'>
+        <h2>複数ネットワークインターフェースで利用可能に</h2>
+        <p>クライアントの木構造を、ネットワークインターフェース毎に構成するように変更しました。</p>
+        <p>これにより、</p>
+        <ul>
+          <li>授業中、有線・無線どちらでも利用可能になりました。</li>
+          <li>速度の遅いクライアントの接続による速度低下を解消しました。</li>
+        </ul>
+      </div>
+
+      <div class='slide'>
+        <h2>Threadに名前を</h2>
+        <p>名前のついていないThreadに名前をつけた。</p>
+        <p>これにより、</p>
+        <ul>
+          <li>デバッグの際、動作しているThreadの役割がわかるようになった。</li>
+          <li>デバッグしやすくなった。</li>
+        </ul>
+      </div>
+
+      <div class='slide'>
+        <br>
+        <br>
+        <br>
+        <br>
+        <br>
+        <center>
+        <h2>One more thing...</h2>
+        </center>
+      </div>
+
+      <div class='slide'>
+        <h2>AliceVNC</h2>
+        <p>AliceVNCができた。
+        </p>
+        <ul>
+          <li>本研究室では、分散ネットフレームワークAliceを開発している。</li>
+          <li>AliceでTreeVNCを実装することが出来た。</li>
+          <li>Aliceを用いるメリットとして</li>
+            <ul>
+              <li>ネットワークトポロジを構成してくれる</li>
+              <li>TreeVNCで必要とされるコネクションを管理してくれる</li>
+            </ul>
+        </ul>
+      </div>
+
+      <div class='slide'>
+        <h2>TreeVNCのこれから</h2>
+        <p>これから実装予定の機能です。</p>
+        <ul>
+          <li>同一ネットワーク上だけでなく、外部からも接続出来るようにしたい</li>
+          <li>それに合わせて、音声の共有をしたい</li>
+          <li>複数の画面共有をしたい</li>
+        </ul>
+      </div>
+
+
+      <div class='slide'>
+        <h2>終わり</h2>
+        <p>ご清聴ありがとうございました！</p>
+      </div>
+
+
+
+
+    </div> <!-- presentation -->
+  </body>
+</html>