annotate oc/javaKucheSlide.html @ 3:e4f4d95733e1

update
author oc
date Sat, 29 Nov 2014 15:31:59 +0900
parents 3bc79ea1ce56
children 6d6fd8094216
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
rev   line source
1
2996cf16bff6 rename slide
oc
parents:
diff changeset
1 <!DOCTYPE html>
2996cf16bff6 rename slide
oc
parents:
diff changeset
2 <html>
2996cf16bff6 rename slide
oc
parents:
diff changeset
3 <head>
2996cf16bff6 rename slide
oc
parents:
diff changeset
4 <meta charset='utf-8'>
2996cf16bff6 rename slide
oc
parents:
diff changeset
5 <title>Seminar</title>
2996cf16bff6 rename slide
oc
parents:
diff changeset
6
2996cf16bff6 rename slide
oc
parents:
diff changeset
7 <!--
2996cf16bff6 rename slide
oc
parents:
diff changeset
8 Notes on CSS media types used:
2996cf16bff6 rename slide
oc
parents:
diff changeset
9
2996cf16bff6 rename slide
oc
parents:
diff changeset
10 1) projection -> slideshow mode (display one slide at-a-time; hide all others)
2996cf16bff6 rename slide
oc
parents:
diff changeset
11 2) screen -> outline mode (display all slides-at-once on screen)
2996cf16bff6 rename slide
oc
parents:
diff changeset
12 3) print -> print (and print preview)
2996cf16bff6 rename slide
oc
parents:
diff changeset
13
2996cf16bff6 rename slide
oc
parents:
diff changeset
14 Note: toggle between projection/screen (that is, slideshow/outline) mode using t-key
2996cf16bff6 rename slide
oc
parents:
diff changeset
15
2996cf16bff6 rename slide
oc
parents:
diff changeset
16 Questions, comments?
2996cf16bff6 rename slide
oc
parents:
diff changeset
17 - send them along to the mailinglist/forum online @ http://groups.google.com/group/webslideshow
2996cf16bff6 rename slide
oc
parents:
diff changeset
18 -->
2996cf16bff6 rename slide
oc
parents:
diff changeset
19
2996cf16bff6 rename slide
oc
parents:
diff changeset
20 <!-- style sheet links -->
2996cf16bff6 rename slide
oc
parents:
diff changeset
21 <link rel="stylesheet/less" href="themes/blank/projection.css.less" media="screen,projection">
2996cf16bff6 rename slide
oc
parents:
diff changeset
22 <link rel="stylesheet/less" href="themes/blank/screen.css.less" media="screen">
2996cf16bff6 rename slide
oc
parents:
diff changeset
23 <link rel="stylesheet/less" href="themes/blank/print.css.less" media="print">
2996cf16bff6 rename slide
oc
parents:
diff changeset
24
2996cf16bff6 rename slide
oc
parents:
diff changeset
25 <link rel="stylesheet/less" href="blank.css.less" media="screen,projection">
2996cf16bff6 rename slide
oc
parents:
diff changeset
26
2996cf16bff6 rename slide
oc
parents:
diff changeset
27 <!-- Notes about less css support
2996cf16bff6 rename slide
oc
parents:
diff changeset
28 - all less stylesheets (*.css.less) need to get listed/loaded first (before the less.js script)
2996cf16bff6 rename slide
oc
parents:
diff changeset
29 - find more info about less.js online @ http://lesscss.org
2996cf16bff6 rename slide
oc
parents:
diff changeset
30
2996cf16bff6 rename slide
oc
parents:
diff changeset
31 ***** NOTE:
2996cf16bff6 rename slide
oc
parents:
diff changeset
32 less.js browser script currently won’t work if you’re using Google Chrome
2996cf16bff6 rename slide
oc
parents:
diff changeset
33 and the path to your page starts with "file:///" due to a known Chrome issue.
2996cf16bff6 rename slide
oc
parents:
diff changeset
34 (In the developer/js console you will see:
2996cf16bff6 rename slide
oc
parents:
diff changeset
35 XMLHttpRequest cannot load file:///../s6/shared/projection.css.less.
2996cf16bff6 rename slide
oc
parents:
diff changeset
36 Cross origin requests are only supported for HTTP.)
2996cf16bff6 rename slide
oc
parents:
diff changeset
37 -->
2996cf16bff6 rename slide
oc
parents:
diff changeset
38
2996cf16bff6 rename slide
oc
parents:
diff changeset
39 <!-- add js libs (less, jquery) -->
2996cf16bff6 rename slide
oc
parents:
diff changeset
40 <script src="js/less-1.1.4.min.js"></script>
2996cf16bff6 rename slide
oc
parents:
diff changeset
41 <script src="js/jquery-1.7.min.js"></script>
2996cf16bff6 rename slide
oc
parents:
diff changeset
42
2996cf16bff6 rename slide
oc
parents:
diff changeset
43 <!-- S6 JS -->
2996cf16bff6 rename slide
oc
parents:
diff changeset
44 <script src="js/jquery.slideshow.js"></script>
2996cf16bff6 rename slide
oc
parents:
diff changeset
45 <script src="js/jquery.slideshow.counter.js"></script>
2996cf16bff6 rename slide
oc
parents:
diff changeset
46 <script src="js/jquery.slideshow.controls.js"></script>
2996cf16bff6 rename slide
oc
parents:
diff changeset
47 <script src="js/jquery.slideshow.footer.js"></script>
2996cf16bff6 rename slide
oc
parents:
diff changeset
48 <script src="js/jquery.slideshow.autoplay.js"></script>
2996cf16bff6 rename slide
oc
parents:
diff changeset
49 <script>
2996cf16bff6 rename slide
oc
parents:
diff changeset
50 $(document).ready( function() {
2996cf16bff6 rename slide
oc
parents:
diff changeset
51 Slideshow.init();
2996cf16bff6 rename slide
oc
parents:
diff changeset
52
2996cf16bff6 rename slide
oc
parents:
diff changeset
53 // Example 2: Start Off in Outline Mode
2996cf16bff6 rename slide
oc
parents:
diff changeset
54 // Slideshow.init( { mode: 'outline' } );
2996cf16bff6 rename slide
oc
parents:
diff changeset
55
2996cf16bff6 rename slide
oc
parents:
diff changeset
56 // Example 3: Use Custom Transition
2996cf16bff6 rename slide
oc
parents:
diff changeset
57 // Slideshow.transition = transitionScrollUp;
2996cf16bff6 rename slide
oc
parents:
diff changeset
58 // Slideshow.init();
2996cf16bff6 rename slide
oc
parents:
diff changeset
59
2996cf16bff6 rename slide
oc
parents:
diff changeset
60 // Example 4: Start Off in Autoplay Mode with Custom Transition
2996cf16bff6 rename slide
oc
parents:
diff changeset
61 // Slideshow.transition = transitionScrollUp;
2996cf16bff6 rename slide
oc
parents:
diff changeset
62 // Slideshow.init( { mode: 'autoplay' } );
2996cf16bff6 rename slide
oc
parents:
diff changeset
63 } );
2996cf16bff6 rename slide
oc
parents:
diff changeset
64 </script>
2996cf16bff6 rename slide
oc
parents:
diff changeset
65
2996cf16bff6 rename slide
oc
parents:
diff changeset
66 <!-- Better Browser Banner for Microsoft Internet Explorer (IE) -->
2996cf16bff6 rename slide
oc
parents:
diff changeset
67 <!--[if IE]>
2996cf16bff6 rename slide
oc
parents:
diff changeset
68 <script src="js/jquery.microsoft.js"></script>
2996cf16bff6 rename slide
oc
parents:
diff changeset
69 <![endif]-->
2996cf16bff6 rename slide
oc
parents:
diff changeset
70
2996cf16bff6 rename slide
oc
parents:
diff changeset
71 </head>
2996cf16bff6 rename slide
oc
parents:
diff changeset
72 <body>
2996cf16bff6 rename slide
oc
parents:
diff changeset
73
2996cf16bff6 rename slide
oc
parents:
diff changeset
74 <div class="layout">
2996cf16bff6 rename slide
oc
parents:
diff changeset
75 <div id="header"></div>
2996cf16bff6 rename slide
oc
parents:
diff changeset
76 <div id="footer">
2996cf16bff6 rename slide
oc
parents:
diff changeset
77 <div align="right">
2996cf16bff6 rename slide
oc
parents:
diff changeset
78 <img src="images/concurrency.png" width="200">
2996cf16bff6 rename slide
oc
parents:
diff changeset
79 </div>
2996cf16bff6 rename slide
oc
parents:
diff changeset
80 </div>
2996cf16bff6 rename slide
oc
parents:
diff changeset
81 </div>
2996cf16bff6 rename slide
oc
parents:
diff changeset
82
2996cf16bff6 rename slide
oc
parents:
diff changeset
83 <div class="presentation">
2996cf16bff6 rename slide
oc
parents:
diff changeset
84
2996cf16bff6 rename slide
oc
parents:
diff changeset
85 <!-- add slides here; example -->
2996cf16bff6 rename slide
oc
parents:
diff changeset
86
2996cf16bff6 rename slide
oc
parents:
diff changeset
87 <div class='slide cover'>
2996cf16bff6 rename slide
oc
parents:
diff changeset
88 <table width="90%" height="90%" border="0" align="center">
2996cf16bff6 rename slide
oc
parents:
diff changeset
89 <tr>
2996cf16bff6 rename slide
oc
parents:
diff changeset
90 <td><div align="center">
3
oc
parents: 2
diff changeset
91 <h1><font color="#808db5">授業やゼミで使える</font></h1>
1
2996cf16bff6 rename slide
oc
parents:
diff changeset
92 <h1><font color="#808db5">画面共有システムTreeVNC</font></h1>
3
oc
parents: 2
diff changeset
93 <h2><font color="">琉球大学情報工学科河野県B4大城美和</font></h2>
1
2996cf16bff6 rename slide
oc
parents:
diff changeset
94 </div></td>
2996cf16bff6 rename slide
oc
parents:
diff changeset
95 </tr>
2996cf16bff6 rename slide
oc
parents:
diff changeset
96 <tr>
2996cf16bff6 rename slide
oc
parents:
diff changeset
97 <td><div align="left">
2996cf16bff6 rename slide
oc
parents:
diff changeset
98 Miwa Oshiro
2996cf16bff6 rename slide
oc
parents:
diff changeset
99 <script>
2996cf16bff6 rename slide
oc
parents:
diff changeset
100 var date = new Date();
2996cf16bff6 rename slide
oc
parents:
diff changeset
101 var year = date.getFullYear();
2996cf16bff6 rename slide
oc
parents:
diff changeset
102 var month = date.getMonth();
2996cf16bff6 rename slide
oc
parents:
diff changeset
103 var day = date.getDate();
2996cf16bff6 rename slide
oc
parents:
diff changeset
104
2996cf16bff6 rename slide
oc
parents:
diff changeset
105 var monthList = new Array("January","February","March","April","May","June",
2996cf16bff6 rename slide
oc
parents:
diff changeset
106 "July","August","September","October","November","December");
2996cf16bff6 rename slide
oc
parents:
diff changeset
107
2996cf16bff6 rename slide
oc
parents:
diff changeset
108 document.write(monthList[month]+" "+day+", "+year);
2996cf16bff6 rename slide
oc
parents:
diff changeset
109
2996cf16bff6 rename slide
oc
parents:
diff changeset
110 </script>
2996cf16bff6 rename slide
oc
parents:
diff changeset
111 <hr style="color:#ffcc00;background-color:#ffcc00;text-align:left;border:none;width:300%;height:0.2em;">
2996cf16bff6 rename slide
oc
parents:
diff changeset
112 </div></td>
2996cf16bff6 rename slide
oc
parents:
diff changeset
113 </tr>
2996cf16bff6 rename slide
oc
parents:
diff changeset
114 </table>
2996cf16bff6 rename slide
oc
parents:
diff changeset
115 </div>
2996cf16bff6 rename slide
oc
parents:
diff changeset
116
2996cf16bff6 rename slide
oc
parents:
diff changeset
117 <div class='slide'>
3
oc
parents: 2
diff changeset
118 <h2>授業やゼミで使えるTreeVNCを開発</h2>
1
2996cf16bff6 rename slide
oc
parents:
diff changeset
119 <ul>
3
oc
parents: 2
diff changeset
120 <li>ひとりひとりがPCを持っている</li>
oc
parents: 2
diff changeset
121 <li>手元のPCで発表者のPC画面を見る</li>
oc
parents: 2
diff changeset
122 <li>発表者の切り替え</li>
1
2996cf16bff6 rename slide
oc
parents:
diff changeset
123 </ul>
3
oc
parents: 2
diff changeset
124 <h3>参加者同士が充分なコミュニケーションを取れること</h3>
oc
parents: 2
diff changeset
125 <h3>VNCServerを除き、javaで実装している</h3>
oc
parents: 2
diff changeset
126 <h3>tihgtVNCをベースに、分散通信を付加</h3>
oc
parents: 2
diff changeset
127 <h3>TreeVNCは、実際の授業やゼミで実際に評価中</h3>
1
2996cf16bff6 rename slide
oc
parents:
diff changeset
128 </div>
2996cf16bff6 rename slide
oc
parents:
diff changeset
129
2996cf16bff6 rename slide
oc
parents:
diff changeset
130
2996cf16bff6 rename slide
oc
parents:
diff changeset
131 <div class='slide'>
3
oc
parents: 2
diff changeset
132 <h2>今までのTreeVNCとの違い</h2>
oc
parents: 2
diff changeset
133 <p>ソースコードのリファクタリング</p>
oc
parents: 2
diff changeset
134 <p>Eclipse から IntelliJ への移行</p>
2
oc
parents: 1
diff changeset
135 <h3>動的なport番号の指定</h3>
3
oc
parents: 2
diff changeset
136 <p>10001, 10002のようなアドホックなポートを廃止し、動的にポートを割り当てた</p>
oc
parents: 2
diff changeset
137 <p>1台のPCで複数のTreeVNCを立ち上げられる(デバッグのため)</p>
1
2996cf16bff6 rename slide
oc
parents:
diff changeset
138 </ul>
2
oc
parents: 1
diff changeset
139 <h3>複数ネットワークインターフェースで利用可能に</h3>
3
oc
parents: 2
diff changeset
140 <p>授業中、有線・無線どちらでも利用可能</p>
oc
parents: 2
diff changeset
141 <p>ルータ越えを出来るようにする予定 </p>
oc
parents: 2
diff changeset
142 <h3>Threadに名前</h3>
oc
parents: 2
diff changeset
143 <p>動作しているThreadの役割がわかる</p>
1
2996cf16bff6 rename slide
oc
parents:
diff changeset
144 </ul>
2996cf16bff6 rename slide
oc
parents:
diff changeset
145 </div>
2996cf16bff6 rename slide
oc
parents:
diff changeset
146
3
oc
parents: 2
diff changeset
147 <div class='slide'>
oc
parents: 2
diff changeset
148 <br>
oc
parents: 2
diff changeset
149 <br>
oc
parents: 2
diff changeset
150 <br>
oc
parents: 2
diff changeset
151 <br>
oc
parents: 2
diff changeset
152 <br>
oc
parents: 2
diff changeset
153 <h2>One more thing...</h2>
oc
parents: 2
diff changeset
154 </div>
1
2996cf16bff6 rename slide
oc
parents:
diff changeset
155 <div class='slide'>
3
oc
parents: 2
diff changeset
156 <h2>Alice</h2>
oc
parents: 2
diff changeset
157 <li>分散ネットフレームワーク</li>
oc
parents: 2
diff changeset
158 <li>データセグメントをkeyで交換する</li>
oc
parents: 2
diff changeset
159 <li>メタ計算で通信構成や、再接続及び切断に対処</li>
2
oc
parents: 1
diff changeset
160 <h3>AliceVNC</h3>
3
oc
parents: 2
diff changeset
161 <li>AliceでTreeVNCを実装中</li>
oc
parents: 2
diff changeset
162 <li>Aliceを用いるメリット</li>
1
2996cf16bff6 rename slide
oc
parents:
diff changeset
163 <ul>
3
oc
parents: 2
diff changeset
164 <li>ネットワークトポロジを構成</li>
oc
parents: 2
diff changeset
165 <li>TreeVNCで必要とされるコネクションを管理</li>
oc
parents: 2
diff changeset
166 <li>コードが綺麗になる</li>
oc
parents: 2
diff changeset
167 <li>tightVNCからのコードの変更が最小限に</li>
1
2996cf16bff6 rename slide
oc
parents:
diff changeset
168 </ul>
2996cf16bff6 rename slide
oc
parents:
diff changeset
169 </ul>
2996cf16bff6 rename slide
oc
parents:
diff changeset
170 </div>
2996cf16bff6 rename slide
oc
parents:
diff changeset
171
2996cf16bff6 rename slide
oc
parents:
diff changeset
172 <div class='slide'>
2996cf16bff6 rename slide
oc
parents:
diff changeset
173 <h2>TreeVNCのこれから</h2>
3
oc
parents: 2
diff changeset
174 <p>これから実装予定の機能</p>
1
2996cf16bff6 rename slide
oc
parents:
diff changeset
175 <ul>
3
oc
parents: 2
diff changeset
176 <p>ルータ越え </p>
oc
parents: 2
diff changeset
177 <p>音声の共有</p>
oc
parents: 2
diff changeset
178 <p>mind mapも共有</p>
1
2996cf16bff6 rename slide
oc
parents:
diff changeset
179 </ul>
2996cf16bff6 rename slide
oc
parents:
diff changeset
180 </div>
2996cf16bff6 rename slide
oc
parents:
diff changeset
181
2996cf16bff6 rename slide
oc
parents:
diff changeset
182
2996cf16bff6 rename slide
oc
parents:
diff changeset
183
2996cf16bff6 rename slide
oc
parents:
diff changeset
184
2996cf16bff6 rename slide
oc
parents:
diff changeset
185 </div> <!-- presentation -->
2996cf16bff6 rename slide
oc
parents:
diff changeset
186 </body>
2996cf16bff6 rename slide
oc
parents:
diff changeset
187 </html>