view oc/javaKucheSlide.html @ 4:6d6fd8094216 default tip

update javaKuche slide
author oc
date Mon, 01 Dec 2014 08:55:01 +0900
parents e4f4d95733e1
children
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>treeストラクチャなので、共有先に付加が集中することはない</p>
        <p>60名がぶら下がっても大丈夫(無線ではあまりスムーズに動かない)</p>
        <img src="images/javakuche/treevncfig.png"width="500" height="450">
      </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 class='slide'>
        <h2>デモ</h2>
        <p>http://www.cr.ie.u-ryukyu.ac.jp/software/TreeVNC.html</p>
      </div>


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