Mercurial > hg > Papers > 2015 > parusu-prosym
annotate presen/prosym.html @ 32:0b99de43a192
Update
author | Tatsuki IHA <e125716@ie.u-ryukyu.ac.jp> |
---|---|
date | Fri, 08 Jan 2016 02:28:33 +0900 |
parents | b04f53aba6ec |
children | c20b2d98c5f4 |
rev | line source |
---|---|
22 | 1 <!DOCTYPE html> |
2 <html> | |
3 <head> | |
4 <meta http-equiv="content-type" content="text/html;charset=utf-8"> | |
5 <title>有線 LAN 上のPC画面配信システムTreeVNCの改良</title> | |
6 | |
24 | 7 <meta name="generator" content="Slide Show (S9) v2.5.0 on Ruby 2.3.0 (2015-12-25) [x86_64-darwin15]"> |
31 | 8 <meta name="author" content="Tatsuki IHA, Shinji KONO" > |
22 | 9 |
10 <!-- style sheet links --> | |
11 <link rel="stylesheet" href="s6/themes/projection.css" media="screen,projection"> | |
12 <link rel="stylesheet" href="s6/themes/screen.css" media="screen"> | |
13 <link rel="stylesheet" href="s6/themes/print.css" media="print"> | |
14 <link rel="stylesheet" href="s6/themes/blank.css" media="screen,projection"> | |
15 | |
16 <!-- JS --> | |
17 <script src="s6/js/jquery-1.11.3.min.js"></script> | |
18 <script src="s6/js/jquery.slideshow.js"></script> | |
19 <script src="s6/js/jquery.slideshow.counter.js"></script> | |
20 <script src="s6/js/jquery.slideshow.controls.js"></script> | |
21 <script src="s6/js/jquery.slideshow.footer.js"></script> | |
22 <script src="s6/js/jquery.slideshow.autoplay.js"></script> | |
23 | |
24 <!-- prettify --> | |
25 <link rel="stylesheet" href="scripts/prettify.css"> | |
26 <script src="scripts/prettify.js"></script> | |
27 | |
28 <script> | |
29 $(document).ready( function() { | |
30 Slideshow.init(); | |
31 | |
32 $('code').each(function(_, el) { | |
33 if (!el.classList.contains('noprettyprint')) { | |
34 el.classList.add('prettyprint'); | |
35 el.style.display = 'block'; | |
36 } | |
37 }); | |
38 prettyPrint(); | |
39 } ); | |
40 | |
41 | |
42 </script> | |
43 | |
44 <!-- Better Browser Banner for Microsoft Internet Explorer (IE) --> | |
45 <!--[if IE]> | |
46 <script src="s6/js/jquery.microsoft.js"></script> | |
47 <![endif]--> | |
48 | |
49 | |
50 | |
51 </head> | |
52 <body> | |
53 | |
54 <div class="layout"> | |
55 <div id="header"></div> | |
56 <div id="footer"> | |
57 <div align="right"> | |
58 <img src="s6/images/logo.svg" width="200px"> | |
59 </div> | |
60 </div> | |
61 </div> | |
62 | |
63 <div class="presentation"> | |
64 | |
65 <div class='slide cover'> | |
66 <table width="90%" height="90%" border="0" align="center"> | |
67 <tr> | |
68 <td> | |
69 <div align="center"> | |
70 <h1><font color="#808db5">有線 LAN 上のPC画面配信システムTreeVNCの改良</font></h1> | |
71 </div> | |
72 </td> | |
73 </tr> | |
74 <tr> | |
75 <td> | |
76 <div align="left"> | |
31 | 77 Tatsuki IHA, Shinji KONO |
22 | 78 |
79 <hr style="color:#ffcc00;background-color:#ffcc00;text-align:left;border:none;width:100%;height:0.2em;"> | |
80 </div> | |
81 </td> | |
82 </tr> | |
83 </table> | |
84 </div> | |
85 | |
86 <div class='slide '> | |
87 <!-- === begin markdown block === | |
88 | |
24 | 89 generated by markdown/1.2.0 on Ruby 2.3.0 (2015-12-25) [x86_64-darwin15] |
32 | 90 on 2016-01-08 02:25:23 +0900 with Markdown engine kramdown (1.9.0) |
22 | 91 using options {} |
92 --> | |
93 | |
94 <!-- _S9SLIDE_ --> | |
32 | 95 <h2 id="section">画面共有を利用したコミュニケーション</h2> |
31 | 96 <ul> |
97 <li>授業やゼミ等で、それぞれが PC 端末を持っている場合では、PC の機能を活かした コミュニケーションが可能である</li> | |
98 <li>画面配信システム TreeVNC は参加したクライアントをバイナリツリー状に接続し、配信コストを分散させる 仕組みを取っている。そのため, 多人数が参加しても処理性能が下がらない</li> | |
32 | 99 <li>ツリー のルートが参照している VNC サーバーを変更することで、ケーブルの差し替えなしに画面の切替が行える</li> |
31 | 100 </ul> |
101 | |
102 | |
103 </div> | |
104 <div class='slide '> | |
105 <!-- _S9SLIDE_ --> | |
32 | 106 <h2 id="treevnc-">TreeVNC の問題点</h2> |
31 | 107 <ul> |
108 <li>TreeVNC を実際に使用していく中で様々な問題が発生した。</li> | |
109 <li>琉球大学では無線と有線が別々のネットワークになっている</li> | |
110 <li>TreeVNCは単一のネットワークにしか対応できず、両方のネットワークにつながっている端末でも1つのネットワークでしか使用できなかった</li> | |
111 <li>講義等を大学外の遠隔地から受けたい場合がある</li> | |
112 <li>TreeVNC は NAT を越えた接続が行うことができない</li> | |
113 </ul> | |
22 | 114 |
115 | |
116 </div> | |
117 <div class='slide '> | |
118 <!-- _S9SLIDE_ --> | |
32 | 119 <h2 id="treevnc--1">TreeVNC の問題点</h2> |
31 | 120 <ul> |
121 <li>ゼミ等で発表者毎に画面切り替えを行う際、デュアルディスプレイを使っている人がいた</li> | |
122 <li>その際 VNC サーバーからはすべての画面データが送信されており、発表とは関係ない画面も配信されていた</li> | |
123 </ul> | |
124 | |
32 | 125 <p><img src="./images/multidisplay.svg" alt="message" width="500" /></p> |
31 | 126 |
127 | |
128 </div> | |
129 <div class='slide '> | |
130 <!-- _S9SLIDE_ --> | |
32 | 131 <h2 id="section-1">この発表は</h2> |
31 | 132 <ul> |
133 <li>TreeVNC の概要 | |
134 <ul> | |
135 <li>構造</li> | |
136 <li>圧縮形式</li> | |
137 <li>TreeVNC の原理</li> | |
138 <li>画面切り替え</li> | |
139 </ul> | |
140 </li> | |
141 <li>今回の改良 | |
142 <ul> | |
143 <li>描画処理の安定化</li> | |
144 <li>複数のネットワークの対応</li> | |
145 <li>NAT を越えた通信</li> | |
146 <li>マルチディスプレイの対応</li> | |
147 </ul> | |
148 </li> | |
149 <li>TreeVNC の評価 | |
150 <ul> | |
151 <li>画像データ送信の遅延</li> | |
152 </ul> | |
153 </li> | |
154 </ul> | |
24 | 155 |
156 | |
157 </div> | |
158 <div class='slide '> | |
159 <!-- _S9SLIDE_ --> | |
32 | 160 <h2 id="treevnc">TreeVNC</h2> |
22 | 161 <ul> |
31 | 162 <li>TreeVNC は本研究室で開発している VNC を利用した画面配信システム</li> |
22 | 163 <li>参加したクライアントをバイナリツリー状で接続することで配信コストを分散させる</li> |
32 | 164 <li>スムーズな配信画面の切替を行う</li> |
22 | 165 </ul> |
166 | |
31 | 167 <p><img src="./images/TreeVNC.svg" alt="message" width="400" /></p> |
24 | 168 |
169 | |
170 </div> | |
171 <div class='slide '> | |
172 <!-- _S9SLIDE_ --> | |
32 | 173 <h2 id="vnc">VNC</h2> |
22 | 174 <ul> |
175 <li>VNC(Virtual Network Computing) は RFBプロトコルを用いて遠隔操作を行うソフトウェア</li> | |
176 <li>サーバー側とクライアント側に分かれており、サーバーを起動し、クライアントがサーバーに接続を行うことで遠隔操作を可能とする</li> | |
177 </ul> | |
178 | |
32 | 179 <p><img src="./images/vnc.svg" alt="message" width="600" /></p> |
31 | 180 |
22 | 181 |
182 </div> | |
183 <div class='slide '> | |
184 <!-- _S9SLIDE_ --> | |
32 | 185 <h2 id="rfb-">RFB プロトコル</h2> |
22 | 186 <ul> |
187 <li>RFB(Remote Frame Buffer)プロトコルは VNC で用いられているプロトコル</li> | |
188 <li>自身の画面をネットワーク越しに他者の画面に表示する</li> | |
189 <li>Framebuffer と呼ばれるメモリ上に置かれた画像データを使用して画面表示を行う</li> | |
32 | 190 <li>サーバーは Framebuffer が更新されるたびにクライアントに対して変更部分だけを送信する。</li> |
22 | 191 </ul> |
192 | |
193 | |
194 </div> | |
195 <div class='slide '> | |
196 <!-- _S9SLIDE_ --> | |
32 | 197 <h2 id="vnc-1">多人数でVNCを使用する際の問題点</h2> |
22 | 198 <ul> |
32 | 199 <li>多人数のクライアントが1つのサーバーに接続する構造</li> |
200 <li>サーバー側の処理性能が落ちてしまう</li> | |
201 <li>配信者を切り替える際、配信側のサーバーを立ち上げ直す必要がある</li> | |
22 | 202 </ul> |
203 | |
204 | |
205 </div> | |
206 <div class='slide '> | |
207 <!-- _S9SLIDE_ --> | |
32 | 208 <h2 id="treevnc--2">TreeVNC の構造</h2> |
22 | 209 <ul> |
210 <li>Java で作成されたTightVNC(Tight Virtual Network Computing) を元に作成されている</li> | |
211 <li>クライアント同士をバイナリツリー状に接続する</li> | |
212 <li>バイナリツリーのルートのノードをRoot Nodeと呼び、 Root Node に接続されるノードを Node と呼ぶ</li> | |
31 | 213 <li>Node は 親 Node から送られたデータを自分の子 Node に流す機能、 逆に子 Node から送られてきたデータを親 Nodeに流す機能がある</li> |
22 | 214 </ul> |
215 | |
25 | 216 |
217 </div> | |
218 <div class='slide '> | |
219 <!-- _S9SLIDE_ --> | |
32 | 220 <h2 id="root-node">Root Node</h2> |
25 | 221 <ul> |
222 <li>Root Node は 子 Nodeにデータを流す機能に加え | |
223 <ul> | |
224 <li>各 Node の管理</li> | |
225 <li>VNC サーバーから送信されたFramebuffer の管理を行う</li> | |
226 </ul> | |
227 </li> | |
228 </ul> | |
24 | 229 |
230 | |
231 </div> | |
232 <div class='slide '> | |
233 <!-- _S9SLIDE_ --> | |
32 | 234 <h2 id="treevnc-1">TreeVNCの負荷分散</h2> |
24 | 235 <ul> |
236 <li>ポート一本あたりの負荷 | |
237 <ul> | |
238 <li>従来のVNC : Node数 * データ量</li> | |
239 <li>TreeVNC : (2(子供の数) + 1) * データ量</li> | |
240 </ul> | |
241 </li> | |
242 <li>従来のVNCはNode数に比例</li> | |
31 | 243 <li>TreeVNCはNode数に関係なく一定</li> |
24 | 244 </ul> |
245 | |
32 | 246 <p><img src="./images/comparenormalandtree.svg" alt="message" width="600" /></p> |
24 | 247 |
22 | 248 |
249 </div> | |
250 <div class='slide '> | |
251 <!-- _S9SLIDE_ --> | |
32 | 252 <h2 id="treevnc--3">TreeVNC の圧縮形式</h2> |
24 | 253 <ul> |
31 | 254 <li>TreeVNC は ZRLEE というエンコードでデータのやり取りを行う</li> |
255 <li>ZRLEE は Rfb でのエンコードの1つである ZRLE を元に生成される</li> | |
25 | 256 <li>ZRLEE はZRLE を一度 Root Node で解凍して再圧縮を行う</li> |
31 | 257 <li>その際配信画面の更新のたびに辞書を作りなおす</li> |
24 | 258 </ul> |
259 | |
25 | 260 <p><img src="./images/ZRLEE.svg" alt="message" width="400" /></p> |
261 | |
24 | 262 |
263 </div> | |
264 <div class='slide '> | |
265 <!-- _S9SLIDE_ --> | |
32 | 266 <h2 id="treevnc--4">TreeVNC に参加するまでのメッセージ通信の流れ</h2> |
267 <p><img src="./images/message.svg" alt="message" width="400" /></p> | |
22 | 268 |
269 | |
270 </div> | |
271 <div class='slide '> | |
272 <!-- _S9SLIDE_ --> | |
32 | 273 <h2 id="section-2">切断時の木の再構成</h2> |
24 | 274 <ul> |
31 | 275 <li>TreeVNC はバイナリーツリーという特性上 Node の切断を検知できずにいると、Node 同士で構成された木構造が崩れてしまう</li> |
276 <li>TreeVNC は Node 切断の検知を LOST_CHILD というメッセージ通信で行っている</li> | |
24 | 277 </ul> |
278 | |
31 | 279 <p><img src="./images/lostChild1.svg" alt="message" width="800" /></p> |
280 | |
24 | 281 |
282 </div> | |
283 <div class='slide '> | |
284 <!-- _S9SLIDE_ --> | |
32 | 285 <h2 id="section-3">共有画面切り替え</h2> |
25 | 286 <ul> |
287 <li>TreeVNC の Root Node は配信者の VNC サーバーと通信を行っている</li> | |
31 | 288 <li>画面を配信されている側のビューワにある Share Screen ボタンが押す</li> |
289 <li>Root Node に SERVER_CHANGE_REQUEST メッセージを送信する</li> | |
25 | 290 <li>Root Node は Share Screen ボタンを押したクライアントの VNC サーバーと通信を始める。</li> |
32 | 291 <li>NAT 越えは現時点では実装されていない</li> |
24 | 292 </ul> |
22 | 293 |
294 | |
295 </div> | |
296 <div class='slide '> | |
297 <!-- _S9SLIDE_ --> | |
32 | 298 <h2 id="quality--speed-">QUALITY モードと SPEED モード</h2> |
25 | 299 <ul> |
300 <li>高解像度のデータの描画処理はPCのスペックによって重くなる場合がある</li> | |
301 <li>画像描画処理には | |
302 <ul> | |
303 <li>高画質優先の QUALITY モード</li> | |
304 <li>描画速度優先の SPEED モード</li> | |
305 </ul> | |
306 </li> | |
307 <li>今まで QUALITY モード を使用していた(変更不可)</li> | |
308 <li>今回ビューワからユーザーがどちらのモードを使用するかを変更できるようにした</li> | |
309 <li>これにより描画処理の遅延が解決できると思われる</li> | |
310 </ul> | |
22 | 311 |
312 | |
313 </div> | |
314 <div class='slide '> | |
315 <!-- _S9SLIDE_ --> | |
32 | 316 <h2 id="section-4">マルチディスプレイ</h2> |
25 | 317 <ul> |
318 <li>画面切り替えの際のSERVER_CHANGE_REQUESTに共有するディスプレイの座標を付加する</li> | |
319 <li>Root Node は 接続した VNC サーバーから画像データを要求する FRAME_BUFFER_UPDATE_REQUEST メッセージに受け取った座標を付加する</li> | |
31 | 320 <li>VNC サーバーは要求された座標内の画像データを FRAME_BUFFER_UPDATE メッセージで Root Node に送信する</li> |
25 | 321 </ul> |
22 | 322 |
31 | 323 <p><img src="./images/shareScreenToMultiDisplay.svg" alt="message" width="800" /></p> |
324 | |
22 | 325 |
326 </div> | |
327 <div class='slide '> | |
328 <!-- _S9SLIDE_ --> | |
32 | 329 <h2 id="section-5">複数ネットワークの対応</h2> |
26
e982f42632ba
Update Multi network tree
Tatsuki IHA <e125716@ie.u-ryukyu.ac.jp>
parents:
25
diff
changeset
|
330 <ul> |
e982f42632ba
Update Multi network tree
Tatsuki IHA <e125716@ie.u-ryukyu.ac.jp>
parents:
25
diff
changeset
|
331 <li>Root Node が接続しているネットワークごとに木構造を形成する</li> |
31 | 332 <li>新しい Node が接続してきた際、 interfaces から Node のネットワークと一致する木構造を取得し、 接続の処理を任せる</li> |
26
e982f42632ba
Update Multi network tree
Tatsuki IHA <e125716@ie.u-ryukyu.ac.jp>
parents:
25
diff
changeset
|
333 </ul> |
22 | 334 |
32 | 335 <p><img src="./images/MultiNetworkTree.svg" alt="message" width="600" /></p> |
31 | 336 |
22 | 337 |
338 </div> | |
339 <div class='slide '> | |
340 <!-- _S9SLIDE_ --> | |
32 | 341 <h2 id="direct-connection">Direct Connection</h2> |
29 | 342 <ul> |
32 | 343 <li>NATを越えたネットワークからの接続は直接配信側の Root Node に接続を行うことで実現する</li> |
29 | 344 <li>Direct Connection した Node はそのネットワークの Root Node になり、そのネットワークの他の Node は Root Node に接続を行い木構造を作る</li> |
345 </ul> | |
26
e982f42632ba
Update Multi network tree
Tatsuki IHA <e125716@ie.u-ryukyu.ac.jp>
parents:
25
diff
changeset
|
346 |
31 | 347 <p><img src="./images/directConnection.svg" alt="message" width="800" /></p> |
348 | |
24 | 349 |
350 </div> | |
351 <div class='slide '> | |
352 <!-- _S9SLIDE_ --> | |
32 | 353 <h2 id="treevnc-2">TreeVNCの評価</h2> |
29 | 354 <ul> |
355 <li>木の深さによる画像データの遅延を調べる</li> | |
356 <li>実験環境 | |
357 <ul> | |
358 <li>実際に講義を受講している学生が TreeVNC を使用</li> | |
359 <li>約20名の接続</li> | |
360 </ul> | |
361 </li> | |
362 </ul> | |
363 | |
364 | |
365 </div> | |
366 <div class='slide '> | |
367 <!-- _S9SLIDE_ --> | |
32 | 368 <h2 id="section-6">実測方法</h2> |
29 | 369 <ul> |
31 | 370 <li>Root Node は 送信時間と画像データを持った CHECK_DELAY を 末端 Node まで各 Node を伝いながら伝達する</li> |
29 | 371 <li>CHECK_DELAY を受け取った各 Node は CHECK_DELAY_REPLY を送信する</li> |
372 <li>CHECK_DELAY_REPLY を受け取った Root Node は CHECK_DELAY の送信にどれだけ時間がかかったかの計算を行う</li> | |
373 </ul> | |
374 | |
375 <pre lang="java"><code>// 遅延時間の計算 | |
376 Long delay = System.currentTimeMillis() - time; | |
377 </code></pre> | |
378 | |
379 | |
380 </div> | |
381 <div class='slide '> | |
382 <!-- _S9SLIDE_ --> | |
32 | 383 <h2 id="section-7">深さ1, 2</h2> |
384 <p><img src="./images/depth1.svg" alt="message" width="450" /> | |
385 <img src="./images/depth2.svg" alt="message" width="450" /></p> | |
31 | 386 |
387 | |
388 </div> | |
389 <div class='slide '> | |
390 <!-- _S9SLIDE_ --> | |
32 | 391 <h2 id="section-8">深さ3, 4</h2> |
392 <p><img src="./images/depth3.svg" alt="message" width="450" /> | |
393 <img src="./images/depth4.svg" alt="message" width="450" /></p> | |
29 | 394 |
31 | 395 |
396 </div> | |
397 <div class='slide '> | |
398 <!-- _S9SLIDE_ --> | |
32 | 399 <h2 id="section-9">結果から</h2> |
29 | 400 <ul> |
32 | 401 <li>画像データの伝達はほぼ1秒以内に収まっている</li> |
402 <li>容量が小さい場合でも時間がかかる場合がある。 それはその送信の前に大容量の画像を送信した後の回線の Delay が残っているためだと考えられる</li> | |
29 | 403 <li>深さ 3 で極端に遅い場合がある。 遅い原因として1つの Node がボトルネックになっている事が判明した。</li> |
404 <li>ネックになった Node をそのままにするとその子Nodeに影響を及ぼしてしまう。 そのためその Node に何らかの対応を行う必要がある</li> | |
405 </ul> | |
406 | |
407 | |
408 </div> | |
409 <div class='slide '> | |
410 <!-- _S9SLIDE_ --> | |
32 | 411 <h2 id="section-10">まとめと課題</h2> |
29 | 412 <ul> |
413 <li>今回TreeVNCの様々な問題点の解決を行った</li> | |
31 | 414 <li>実験を行うことによりさらなる問題点が判明した</li> |
415 <li>実測で判明したネックになっているNodeへの対処</li> | |
416 <li>NATを越えた画面切り替え</li> | |
29 | 417 <li>追加した機能の評価方法を思考し、評価を行う</li> |
418 </ul> | |
22 | 419 <!-- === end markdown block === --> |
420 </div> | |
421 | |
422 | |
423 </div><!-- presentation --> | |
424 </body> | |
425 </html> |