Mercurial > hg > Papers > 2019 > riono-sigos
annotate Slide/slide.html @ 38:3df74d1e66f2
fix slide introduction
author | e165729 <e165729@ie.u-ryukyu.ac.jp> |
---|---|
date | Tue, 28 May 2019 23:59:12 +0900 |
parents | eb2dbbcaa96e |
children | a36e5abf494d |
rev | line source |
---|---|
32 | 1 |
2 | |
3 | |
4 | |
5 | |
6 <!DOCTYPE html> | |
7 <html> | |
8 <head> | |
9 <meta http-equiv="content-type" content="text/html;charset=utf-8"> | |
10 <title>画面配信システム TreeVNC のマルチキャストの導入</title> | |
11 | |
12 <meta name="generator" content="Slide Show (S9) v4.0.1 on Ruby 2.3.7 (2018-03-28) [universal.x86_64-darwin18]"> | |
13 <meta name="author" content="Ryo Yasuda, Shinji Kono" > | |
14 | |
15 <!-- style sheet links --> | |
16 <link rel="stylesheet" href="s6/themes/projection.css" media="screen,projection"> | |
17 <link rel="stylesheet" href="s6/themes/screen.css" media="screen"> | |
18 <link rel="stylesheet" href="s6/themes/print.css" media="print"> | |
19 <link rel="stylesheet" href="s6/themes/blank.css" media="screen,projection"> | |
20 | |
21 <!-- JS --> | |
22 <script src="s6/js/jquery-1.11.3.min.js"></script> | |
23 <script src="s6/js/jquery.slideshow.js"></script> | |
24 <script src="s6/js/jquery.slideshow.counter.js"></script> | |
25 <script src="s6/js/jquery.slideshow.controls.js"></script> | |
26 <script src="s6/js/jquery.slideshow.footer.js"></script> | |
27 <script src="s6/js/jquery.slideshow.autoplay.js"></script> | |
28 | |
29 <!-- prettify --> | |
30 <link rel="stylesheet" href="scripts/prettify.css"> | |
31 <script src="scripts/prettify.js"></script> | |
32 | |
33 <script> | |
34 $(document).ready( function() { | |
35 Slideshow.init(); | |
36 | |
37 $('code').each(function(_, el) { | |
38 if (!el.classList.contains('noprettyprint')) { | |
39 el.classList.add('prettyprint'); | |
40 } | |
41 }); | |
42 prettyPrint(); | |
43 } ); | |
44 | |
45 </script> | |
46 | |
47 <!-- Better Browser Banner for Microsoft Internet Explorer (IE) --> | |
48 <!--[if IE]> | |
49 <script src="s6/js/jquery.microsoft.js"></script> | |
50 <![endif]--> | |
51 | |
52 | |
53 | |
54 </head> | |
55 <body> | |
56 | |
57 <div class="layout"> | |
58 <div id="header"></div> | |
59 <div id="footer"> | |
60 <div align="right"> | |
61 <img src="s6/images/logo.svg" width="200px"> | |
62 </div> | |
63 </div> | |
64 </div> | |
65 | |
66 <div class="presentation"> | |
67 | |
68 <div class='slide cover'> | |
69 <table width="90%" height="90%" border="0" align="center"> | |
70 <tr> | |
71 <td> | |
72 <div align="center"> | |
73 <h1><font color="#808db5">画面配信システム TreeVNC のマルチキャストの導入</font></h1> | |
74 </div> | |
75 </td> | |
76 </tr> | |
77 <tr> | |
78 <td> | |
79 <div align="left"> | |
80 Ryo Yasuda, Shinji Kono | |
81 並列信頼研 | |
82 <hr style="color:#ffcc00;background-color:#ffcc00;text-align:left;border:none;width:100%;height:0.2em;"> | |
83 </div> | |
84 </td> | |
85 </tr> | |
86 </table> | |
87 </div> | |
88 | |
89 | |
90 | |
91 <div class='slide'> | |
92 <!-- <\!-- slideshow の command -\-> --> | |
93 <!-- slide.htmlでは通常キーでのコマンドが存在している --> | |
94 | |
95 <!-- p,a,s : スライドを自動送り(1,2...) --> | |
96 <!-- : スライドを逆方向に自動送り(...,2,1) --> | |
97 <!-- n : Page数を on/off --> | |
98 <!-- f : 右下ロゴの on/off --> | |
99 <!-- t : slide.html.pdf に変更 --> | |
100 <!-- c : 右下スライド移動用UIの on/off --> | |
101 <!-- d : ロゴ部分の選択…? --> | |
102 <!-- [URL](http://~~~) --> | |
103 <!-- [FILE](file:///Users/ryokka/~~~) --> | |
104 <!-- slideshow build スライド.md -t s6cr --> | |
105 | |
36
322aad31566d
fix slide and add images
e165729 <e165729@ie.u-ryukyu.ac.jp>
parents:
35
diff
changeset
|
106 <!-- ## 目次 |
322aad31566d
fix slide and add images
e165729 <e165729@ie.u-ryukyu.ac.jp>
parents:
35
diff
changeset
|
107 - **TreeVNC の概要** |
322aad31566d
fix slide and add images
e165729 <e165729@ie.u-ryukyu.ac.jp>
parents:
35
diff
changeset
|
108 - **基本概念** |
322aad31566d
fix slide and add images
e165729 <e165729@ie.u-ryukyu.ac.jp>
parents:
35
diff
changeset
|
109 - **構造** |
322aad31566d
fix slide and add images
e165729 <e165729@ie.u-ryukyu.ac.jp>
parents:
35
diff
changeset
|
110 - 研究内容 |
322aad31566d
fix slide and add images
e165729 <e165729@ie.u-ryukyu.ac.jp>
parents:
35
diff
changeset
|
111 - TreeVNC の改良 |
322aad31566d
fix slide and add images
e165729 <e165729@ie.u-ryukyu.ac.jp>
parents:
35
diff
changeset
|
112 - 送信データの Blocking |
322aad31566d
fix slide and add images
e165729 <e165729@ie.u-ryukyu.ac.jp>
parents:
35
diff
changeset
|
113 --> |
322aad31566d
fix slide and add images
e165729 <e165729@ie.u-ryukyu.ac.jp>
parents:
35
diff
changeset
|
114 |
32 | 115 |
116 <!-- _S9SLIDE_ --> | |
117 <h2 id="画面配信システムの活用">画面配信システムの活用</h2> | |
118 <ul> | |
37
eb2dbbcaa96e
slide Rewriting and add images
e165729 <e165729@ie.u-ryukyu.ac.jp>
parents:
36
diff
changeset
|
119 <li>講義やゼミではプロジェクタを使用して、先生が用意した資料を見ることが多い。その際接続不良など、物理的アクシデントが起きる恐れがある</li> |
eb2dbbcaa96e
slide Rewriting and add images
e165729 <e165729@ie.u-ryukyu.ac.jp>
parents:
36
diff
changeset
|
120 <li>画面配信システムで代用する場合がある。画面配信システムのとしてはAppleTVやUstreamなどが挙げられる |
eb2dbbcaa96e
slide Rewriting and add images
e165729 <e165729@ie.u-ryukyu.ac.jp>
parents:
36
diff
changeset
|
121 <ul> |
eb2dbbcaa96e
slide Rewriting and add images
e165729 <e165729@ie.u-ryukyu.ac.jp>
parents:
36
diff
changeset
|
122 <li>AppleTVは画面共有先がTVに限定されている</li> |
eb2dbbcaa96e
slide Rewriting and add images
e165729 <e165729@ie.u-ryukyu.ac.jp>
parents:
36
diff
changeset
|
123 <li>Ustreamは画面の切り替えを行うことができない</li> |
eb2dbbcaa96e
slide Rewriting and add images
e165729 <e165729@ie.u-ryukyu.ac.jp>
parents:
36
diff
changeset
|
124 </ul> |
eb2dbbcaa96e
slide Rewriting and add images
e165729 <e165729@ie.u-ryukyu.ac.jp>
parents:
36
diff
changeset
|
125 </li> |
eb2dbbcaa96e
slide Rewriting and add images
e165729 <e165729@ie.u-ryukyu.ac.jp>
parents:
36
diff
changeset
|
126 </ul> |
eb2dbbcaa96e
slide Rewriting and add images
e165729 <e165729@ie.u-ryukyu.ac.jp>
parents:
36
diff
changeset
|
127 |
eb2dbbcaa96e
slide Rewriting and add images
e165729 <e165729@ie.u-ryukyu.ac.jp>
parents:
36
diff
changeset
|
128 <center><img src="./fig/AppleTVRogo.svg " alt="message" width="200" height="200" /> |
eb2dbbcaa96e
slide Rewriting and add images
e165729 <e165729@ie.u-ryukyu.ac.jp>
parents:
36
diff
changeset
|
129 <img src="./fig/UstreamRogo.svg" alt="message" width="200" height="150" /></center> |
eb2dbbcaa96e
slide Rewriting and add images
e165729 <e165729@ie.u-ryukyu.ac.jp>
parents:
36
diff
changeset
|
130 |
eb2dbbcaa96e
slide Rewriting and add images
e165729 <e165729@ie.u-ryukyu.ac.jp>
parents:
36
diff
changeset
|
131 |
eb2dbbcaa96e
slide Rewriting and add images
e165729 <e165729@ie.u-ryukyu.ac.jp>
parents:
36
diff
changeset
|
132 |
eb2dbbcaa96e
slide Rewriting and add images
e165729 <e165729@ie.u-ryukyu.ac.jp>
parents:
36
diff
changeset
|
133 </div> |
eb2dbbcaa96e
slide Rewriting and add images
e165729 <e165729@ie.u-ryukyu.ac.jp>
parents:
36
diff
changeset
|
134 |
eb2dbbcaa96e
slide Rewriting and add images
e165729 <e165729@ie.u-ryukyu.ac.jp>
parents:
36
diff
changeset
|
135 <div class='slide'> |
eb2dbbcaa96e
slide Rewriting and add images
e165729 <e165729@ie.u-ryukyu.ac.jp>
parents:
36
diff
changeset
|
136 <!-- _S9SLIDE_ --> |
eb2dbbcaa96e
slide Rewriting and add images
e165729 <e165729@ie.u-ryukyu.ac.jp>
parents:
36
diff
changeset
|
137 <h2 id="画面配信システムの活用-1">画面配信システムの活用</h2> |
eb2dbbcaa96e
slide Rewriting and add images
e165729 <e165729@ie.u-ryukyu.ac.jp>
parents:
36
diff
changeset
|
138 <ul> |
38 | 139 <li>当研究室が開発している画面配信システムTreeVNCは、自身のPC画面を他者のPCと共有できるソフトウェアである</li> |
140 <li>javaで書かれているためOSに依存せず、物理的な制限なしに使用可能である</li> | |
141 <li>TreeVNCを使用することで、参加者は手元のPCを使用しながら講義を受ける事が可能になる。切り替えの際も、ボタン一つで共有する画面の切替を可能としている</li> | |
32 | 142 </ul> |
143 | |
144 | |
145 | |
146 </div> | |
147 | |
148 <div class='slide'> | |
149 <!-- _S9SLIDE_ --> | |
38 | 150 <h2 id="treevncとは">TreeVNCとは</h2> |
151 <ul> | |
152 <li>TreeVNCは本研究室で開発している画面配信システム</li> | |
153 <li>VNC(リモートデスクトップソフトウェア)を利用している</li> | |
154 <li>木構造の接続方式によりNode間で画像データのやりとりを行うことで、配信側の負荷を分散し大人数での画面配信が可能</li> | |
155 </ul> | |
156 | |
157 <center><img src="./fig/treevnc-crop.svg" alt="message" width="450" height="350" /></center> | |
158 | |
159 | |
160 | |
161 </div> | |
162 | |
163 <div class='slide'> | |
164 <!-- _S9SLIDE_ --> | |
165 <h2 id="treevncのマルチキャスト利用">TreeVNCのマルチキャスト利用</h2> | |
166 | |
167 | |
168 | |
169 </div> | |
170 | |
171 <div class='slide'> | |
172 <!-- _S9SLIDE_ --> | |
36
322aad31566d
fix slide and add images
e165729 <e165729@ie.u-ryukyu.ac.jp>
parents:
35
diff
changeset
|
173 <h2 id="treevncの問題点">TreeVNCの問題点</h2> |
32 | 174 <ul> |
36
322aad31566d
fix slide and add images
e165729 <e165729@ie.u-ryukyu.ac.jp>
parents:
35
diff
changeset
|
175 <li>画面配信は送信するデータ量が多いため、TreeVNCでは無線接続の場合、画面配信の遅延が大きくなってしまう</li> |
322aad31566d
fix slide and add images
e165729 <e165729@ie.u-ryukyu.ac.jp>
parents:
35
diff
changeset
|
176 <li>現在のTreeVNCのデータ転送方法だと、無線接続で送信するには大きすぎる</li> |
37
eb2dbbcaa96e
slide Rewriting and add images
e165729 <e165729@ie.u-ryukyu.ac.jp>
parents:
36
diff
changeset
|
177 <li>本研究ではマルチキャストを導入することで、Wifi環境下における画面配信の遅延対応の検討する</li> |
32 | 178 </ul> |
179 | |
180 | |
181 | |
182 </div> | |
183 | |
184 <div class='slide'> | |
185 <!-- _S9SLIDE_ --> | |
186 <h2 id="vnc">VNC</h2> | |
187 <ul> | |
188 <li>VNC(Virtual Network Computing)は、RFBプロトコルを用いてPCの遠隔操作を行うことを目的としたリモートデスクトップソフトウェア</li> | |
189 <li>サーバー側とクライアント側に分かれており、起動したサーバーにクライアントが接続することで遠隔操作を可能にしている</li> | |
190 <li>全てのNodeが一台のサーバーに接続するため負担が大きい</li> | |
191 </ul> | |
192 | |
37
eb2dbbcaa96e
slide Rewriting and add images
e165729 <e165729@ie.u-ryukyu.ac.jp>
parents:
36
diff
changeset
|
193 <center><img src="./fig/vnc-crop.svg" alt="message" width="500" height="400" /></center> |
32 | 194 |
195 | |
196 | |
197 </div> | |
198 | |
199 <div class='slide'> | |
200 <!-- _S9SLIDE_ --> | |
201 <h2 id="rfb-プロトコル">RFB プロトコル</h2> | |
202 <ul> | |
34 | 203 <li>RFB (Remote Frame Buffer) プロトコルは、自身の画面をネットワークを通じて送信し他者の画面に表示するプロトコル</li> |
204 <li>他人のPC画面が表示される側と、FrameBufferへの更新が行われる(自身のPC画面を送信する)側に分かれ、それぞれをRFBクライアント、RFBサーバと呼ぶ</li> | |
205 <li>FrameBufferは、メモリ上に置かれた画像データのこと</li> | |
32 | 206 </ul> |
207 | |
208 | |
209 | |
210 </div> | |
211 | |
212 <div class='slide'> | |
213 <!-- _S9SLIDE_ --> | |
214 <h2 id="treevnc-の構造">TreeVNC の構造</h2> | |
215 <ul> | |
33
762fe0e406e4
add new imange and update slide
e165729 <e165729@ie.u-ryukyu.ac.jp>
parents:
32
diff
changeset
|
216 <li>TreeVNCは接続してきたクライアントをNodeとし、木構造状に管理する</li> |
762fe0e406e4
add new imange and update slide
e165729 <e165729@ie.u-ryukyu.ac.jp>
parents:
32
diff
changeset
|
217 <li>ルートのノードをRoot Nodeと呼び、その下に新たなNodeを接続していく</li> |
32 | 218 <li>Root Nodeが参照しているVNCServerからFrameBufferUpdateを取得し、各Nodeに送信する</li> |
33
762fe0e406e4
add new imange and update slide
e165729 <e165729@ie.u-ryukyu.ac.jp>
parents:
32
diff
changeset
|
219 <li>木構造状に接続することで、画像データのコピーを各Nodeに負担させることができる</li> |
32 | 220 </ul> |
221 | |
37
eb2dbbcaa96e
slide Rewriting and add images
e165729 <e165729@ie.u-ryukyu.ac.jp>
parents:
36
diff
changeset
|
222 <center><img src="./fig/treevnc-crop.svg" alt="message" width="450" height="350" /></center> |
32 | 223 |
224 | |
225 | |
226 </div> | |
227 | |
228 <div class='slide'> | |
229 <!-- _S9SLIDE_ --> | |
33
762fe0e406e4
add new imange and update slide
e165729 <e165729@ie.u-ryukyu.ac.jp>
parents:
32
diff
changeset
|
230 <h2 id="木構造の再構成">木構造の再構成</h2> |
762fe0e406e4
add new imange and update slide
e165729 <e165729@ie.u-ryukyu.ac.jp>
parents:
32
diff
changeset
|
231 <ul> |
762fe0e406e4
add new imange and update slide
e165729 <e165729@ie.u-ryukyu.ac.jp>
parents:
32
diff
changeset
|
232 <li>Nodeが切断されたことを検知できなければ木構造が維持できない</li> |
762fe0e406e4
add new imange and update slide
e165729 <e165729@ie.u-ryukyu.ac.jp>
parents:
32
diff
changeset
|
233 <li>Root Nodeが木構造のネットワークトポロジーを管理しているため、Root NodeにNodeの切断を知らせる必要がある</li> |
35 | 234 <li>切断検知には画像データが入っているMulticastQueueを使用</li> |
33
762fe0e406e4
add new imange and update slide
e165729 <e165729@ie.u-ryukyu.ac.jp>
parents:
32
diff
changeset
|
235 <li>MulticastQueueから画像データが一定時間取得されず、Timeoutを検知した場合切断したと判断する</li> |
762fe0e406e4
add new imange and update slide
e165729 <e165729@ie.u-ryukyu.ac.jp>
parents:
32
diff
changeset
|
236 </ul> |
762fe0e406e4
add new imange and update slide
e165729 <e165729@ie.u-ryukyu.ac.jp>
parents:
32
diff
changeset
|
237 |
762fe0e406e4
add new imange and update slide
e165729 <e165729@ie.u-ryukyu.ac.jp>
parents:
32
diff
changeset
|
238 |
762fe0e406e4
add new imange and update slide
e165729 <e165729@ie.u-ryukyu.ac.jp>
parents:
32
diff
changeset
|
239 |
762fe0e406e4
add new imange and update slide
e165729 <e165729@ie.u-ryukyu.ac.jp>
parents:
32
diff
changeset
|
240 </div> |
762fe0e406e4
add new imange and update slide
e165729 <e165729@ie.u-ryukyu.ac.jp>
parents:
32
diff
changeset
|
241 |
762fe0e406e4
add new imange and update slide
e165729 <e165729@ie.u-ryukyu.ac.jp>
parents:
32
diff
changeset
|
242 <div class='slide'> |
762fe0e406e4
add new imange and update slide
e165729 <e165729@ie.u-ryukyu.ac.jp>
parents:
32
diff
changeset
|
243 <!-- _S9SLIDE_ --> |
762fe0e406e4
add new imange and update slide
e165729 <e165729@ie.u-ryukyu.ac.jp>
parents:
32
diff
changeset
|
244 <h2 id="画像データのエンコード方法">画像データのエンコード方法</h2> |
762fe0e406e4
add new imange and update slide
e165729 <e165729@ie.u-ryukyu.ac.jp>
parents:
32
diff
changeset
|
245 <ul> |
762fe0e406e4
add new imange and update slide
e165729 <e165729@ie.u-ryukyu.ac.jp>
parents:
32
diff
changeset
|
246 <li>TreeVNCではZRLEというエンコードタイプを元にした、ZRLEEというエンコードを用いて画像データを圧縮を行う</li> |
37
eb2dbbcaa96e
slide Rewriting and add images
e165729 <e165729@ie.u-ryukyu.ac.jp>
parents:
36
diff
changeset
|
247 <li>ZRLEはZlibで圧縮されたデータとそのデータのバイト数がヘッダーとして送られる</li> |
eb2dbbcaa96e
slide Rewriting and add images
e165729 <e165729@ie.u-ryukyu.ac.jp>
parents:
36
diff
changeset
|
248 <li>Zlibとはデータの可逆圧縮アルゴリズムが実装されているライブラリ</li> |
eb2dbbcaa96e
slide Rewriting and add images
e165729 <e165729@ie.u-ryukyu.ac.jp>
parents:
36
diff
changeset
|
249 </ul> |
eb2dbbcaa96e
slide Rewriting and add images
e165729 <e165729@ie.u-ryukyu.ac.jp>
parents:
36
diff
changeset
|
250 |
eb2dbbcaa96e
slide Rewriting and add images
e165729 <e165729@ie.u-ryukyu.ac.jp>
parents:
36
diff
changeset
|
251 |
eb2dbbcaa96e
slide Rewriting and add images
e165729 <e165729@ie.u-ryukyu.ac.jp>
parents:
36
diff
changeset
|
252 |
eb2dbbcaa96e
slide Rewriting and add images
e165729 <e165729@ie.u-ryukyu.ac.jp>
parents:
36
diff
changeset
|
253 </div> |
eb2dbbcaa96e
slide Rewriting and add images
e165729 <e165729@ie.u-ryukyu.ac.jp>
parents:
36
diff
changeset
|
254 |
eb2dbbcaa96e
slide Rewriting and add images
e165729 <e165729@ie.u-ryukyu.ac.jp>
parents:
36
diff
changeset
|
255 <div class='slide'> |
eb2dbbcaa96e
slide Rewriting and add images
e165729 <e165729@ie.u-ryukyu.ac.jp>
parents:
36
diff
changeset
|
256 <!-- _S9SLIDE_ --> |
eb2dbbcaa96e
slide Rewriting and add images
e165729 <e165729@ie.u-ryukyu.ac.jp>
parents:
36
diff
changeset
|
257 <h2 id="画像データのエンコード方法-1">画像データのエンコード方法</h2> |
eb2dbbcaa96e
slide Rewriting and add images
e165729 <e165729@ie.u-ryukyu.ac.jp>
parents:
36
diff
changeset
|
258 <ul> |
33
762fe0e406e4
add new imange and update slide
e165729 <e165729@ie.u-ryukyu.ac.jp>
parents:
32
diff
changeset
|
259 <li>ZRLEでは解凍時に必要な辞書データを書き出すことができない</li> |
762fe0e406e4
add new imange and update slide
e165729 <e165729@ie.u-ryukyu.ac.jp>
parents:
32
diff
changeset
|
260 <li>ZRLEEはRoot Nodeで受け取ったZRLEのデータを一度解凍し、辞書データを付与して再圧縮している</li> |
762fe0e406e4
add new imange and update slide
e165729 <e165729@ie.u-ryukyu.ac.jp>
parents:
32
diff
changeset
|
261 </ul> |
762fe0e406e4
add new imange and update slide
e165729 <e165729@ie.u-ryukyu.ac.jp>
parents:
32
diff
changeset
|
262 |
37
eb2dbbcaa96e
slide Rewriting and add images
e165729 <e165729@ie.u-ryukyu.ac.jp>
parents:
36
diff
changeset
|
263 <center><img src="./fig/EncodeZRLEE.svg" alt="message" width="550" height="450" /></center> |
33
762fe0e406e4
add new imange and update slide
e165729 <e165729@ie.u-ryukyu.ac.jp>
parents:
32
diff
changeset
|
264 |
762fe0e406e4
add new imange and update slide
e165729 <e165729@ie.u-ryukyu.ac.jp>
parents:
32
diff
changeset
|
265 |
762fe0e406e4
add new imange and update slide
e165729 <e165729@ie.u-ryukyu.ac.jp>
parents:
32
diff
changeset
|
266 |
762fe0e406e4
add new imange and update slide
e165729 <e165729@ie.u-ryukyu.ac.jp>
parents:
32
diff
changeset
|
267 </div> |
762fe0e406e4
add new imange and update slide
e165729 <e165729@ie.u-ryukyu.ac.jp>
parents:
32
diff
changeset
|
268 |
762fe0e406e4
add new imange and update slide
e165729 <e165729@ie.u-ryukyu.ac.jp>
parents:
32
diff
changeset
|
269 <div class='slide'> |
762fe0e406e4
add new imange and update slide
e165729 <e165729@ie.u-ryukyu.ac.jp>
parents:
32
diff
changeset
|
270 <!-- _S9SLIDE_ --> |
32 | 271 <h2 id="共有画面切り替え">共有画面切り替え</h2> |
272 <ul> | |
34 | 273 <li>従来のVNCでは、配信者が切り替わるたびに再起動、再接続を行う必要があった</li> |
274 <li>TreeVNCでは、画面上にあるShareScreenボタンを押すことで配信者の切り替えが実行できる</li> | |
275 <li>ShareScreen実行後、Root Nodeに対しSERVER CHANGE REQUESTというメッセージが送信される</li> | |
276 <li>メッセージを受け取ったRoot Nodeは配信を希望しているNodeのVNCサーバーと通信を行い、切り替え作業に入る</li> | |
32 | 277 </ul> |
278 | |
37
eb2dbbcaa96e
slide Rewriting and add images
e165729 <e165729@ie.u-ryukyu.ac.jp>
parents:
36
diff
changeset
|
279 <center><img src="./fig/ShareScreenSS.svg" alt="message" width="400" height="300" /></center> |
36
322aad31566d
fix slide and add images
e165729 <e165729@ie.u-ryukyu.ac.jp>
parents:
35
diff
changeset
|
280 |
32 | 281 |
282 | |
283 </div> | |
284 | |
285 <div class='slide'> | |
286 <!-- _S9SLIDE_ --> | |
33
762fe0e406e4
add new imange and update slide
e165729 <e165729@ie.u-ryukyu.ac.jp>
parents:
32
diff
changeset
|
287 <h2 id="有線接続との接続の違い">有線接続との接続の違い</h2> |
34 | 288 <ul> |
289 <li>現状のTreeVNCでは画面配信のデータ量は多く、無線LAN接続を行うと画面配信の遅延が大きくなる</li> | |
290 <li>WifiのMulticast機能を利用し、UpdateRectangleを一度だけ送信することで無線LAN接続でも十分に遅延が抑えられると考える</li> | |
291 <li>HDや4kの画面更新には64MB程度となり、これを圧縮しつつwifiのMulticast paketの最大サイズ64KBに変換、送信する必要がある</li> | |
292 <li>paket lossがあった場合、再送処理は複雑であると予想できるため、まずBlokingによる実験を行う</li> | |
293 </ul> | |
32 | 294 |
295 | |
296 | |
297 </div> | |
298 | |
299 <div class='slide'> | |
300 <!-- _S9SLIDE_ --> | |
33
762fe0e406e4
add new imange and update slide
e165729 <e165729@ie.u-ryukyu.ac.jp>
parents:
32
diff
changeset
|
301 <h2 id="rfbプロトコルのupdaterectangleの構成">RFBプロトコルのUpdateRectangleの構成</h2> |
32 | 302 <ul> |
34 | 303 <li>1つのUpdateRectangleには複数のRectangleが格納されている</li> |
304 <li>RectangleはZlibで圧縮されたデータが指定された長さだけ格納されており、そのデータはさらに64x64 ByteのTileに分割されている</li> | |
37
eb2dbbcaa96e
slide Rewriting and add images
e165729 <e165729@ie.u-ryukyu.ac.jp>
parents:
36
diff
changeset
|
305 </ul> |
eb2dbbcaa96e
slide Rewriting and add images
e165729 <e165729@ie.u-ryukyu.ac.jp>
parents:
36
diff
changeset
|
306 |
eb2dbbcaa96e
slide Rewriting and add images
e165729 <e165729@ie.u-ryukyu.ac.jp>
parents:
36
diff
changeset
|
307 |
eb2dbbcaa96e
slide Rewriting and add images
e165729 <e165729@ie.u-ryukyu.ac.jp>
parents:
36
diff
changeset
|
308 |
eb2dbbcaa96e
slide Rewriting and add images
e165729 <e165729@ie.u-ryukyu.ac.jp>
parents:
36
diff
changeset
|
309 </div> |
eb2dbbcaa96e
slide Rewriting and add images
e165729 <e165729@ie.u-ryukyu.ac.jp>
parents:
36
diff
changeset
|
310 |
eb2dbbcaa96e
slide Rewriting and add images
e165729 <e165729@ie.u-ryukyu.ac.jp>
parents:
36
diff
changeset
|
311 <div class='slide'> |
eb2dbbcaa96e
slide Rewriting and add images
e165729 <e165729@ie.u-ryukyu.ac.jp>
parents:
36
diff
changeset
|
312 <!-- _S9SLIDE_ --> |
eb2dbbcaa96e
slide Rewriting and add images
e165729 <e165729@ie.u-ryukyu.ac.jp>
parents:
36
diff
changeset
|
313 <h2 id="rfbプロトコルのupdaterectangleの構成-1">RFBプロトコルのUpdateRectangleの構成</h2> |
eb2dbbcaa96e
slide Rewriting and add images
e165729 <e165729@ie.u-ryukyu.ac.jp>
parents:
36
diff
changeset
|
314 <ul> |
34 | 315 <li>無線接続の場合、一度に送信できるデータ量が64KBしかないため、それに合わせて更新された部分のRectangleを分割する必要がある |
32 | 316 <ul> |
34 | 317 <li>Phase0 行の途中から始まる部分</li> |
318 <li>Phase1 行の最初から最後までの部分</li> | |
319 <li>Phase2 行の途中で終わる部分</li> | |
32 | 320 </ul> |
321 </li> | |
322 </ul> | |
323 | |
37
eb2dbbcaa96e
slide Rewriting and add images
e165729 <e165729@ie.u-ryukyu.ac.jp>
parents:
36
diff
changeset
|
324 <center><img src="./fig/FrameUpdateRectangleColor.svg" alt="message" width="550" height="450" /></center> |
32 | 325 |
326 | |
327 | |
328 </div> | |
329 | |
330 <div class='slide'> | |
331 <!-- _S9SLIDE_ --> | |
33
762fe0e406e4
add new imange and update slide
e165729 <e165729@ie.u-ryukyu.ac.jp>
parents:
32
diff
changeset
|
332 <h2 id="木構造とマルチキャストの共存">木構造とマルチキャストの共存</h2> |
762fe0e406e4
add new imange and update slide
e165729 <e165729@ie.u-ryukyu.ac.jp>
parents:
32
diff
changeset
|
333 <ul> |
34 | 334 <li>ツリーに無線接続のNodeを加えてしまうと全体の配信遅延に繋がる</li> |
335 <li>無線接続時のMulticastの実装を提案</li> | |
336 <li>Multicastならば、Serverからの送信は一度で済むため、ツリー構造の形成が必要ない</li> | |
337 <li>従って新しいNodeが無線接続であっても、有線接続のツリーの配信には影響が出ない</li> | |
33
762fe0e406e4
add new imange and update slide
e165729 <e165729@ie.u-ryukyu.ac.jp>
parents:
32
diff
changeset
|
338 </ul> |
762fe0e406e4
add new imange and update slide
e165729 <e165729@ie.u-ryukyu.ac.jp>
parents:
32
diff
changeset
|
339 |
37
eb2dbbcaa96e
slide Rewriting and add images
e165729 <e165729@ie.u-ryukyu.ac.jp>
parents:
36
diff
changeset
|
340 <center><img src="./fig/interface-crop.svg" alt="message" width="500" height="450" /></center> |
33
762fe0e406e4
add new imange and update slide
e165729 <e165729@ie.u-ryukyu.ac.jp>
parents:
32
diff
changeset
|
341 |
762fe0e406e4
add new imange and update slide
e165729 <e165729@ie.u-ryukyu.ac.jp>
parents:
32
diff
changeset
|
342 |
762fe0e406e4
add new imange and update slide
e165729 <e165729@ie.u-ryukyu.ac.jp>
parents:
32
diff
changeset
|
343 |
762fe0e406e4
add new imange and update slide
e165729 <e165729@ie.u-ryukyu.ac.jp>
parents:
32
diff
changeset
|
344 </div> |
762fe0e406e4
add new imange and update slide
e165729 <e165729@ie.u-ryukyu.ac.jp>
parents:
32
diff
changeset
|
345 |
762fe0e406e4
add new imange and update slide
e165729 <e165729@ie.u-ryukyu.ac.jp>
parents:
32
diff
changeset
|
346 <div class='slide'> |
762fe0e406e4
add new imange and update slide
e165729 <e165729@ie.u-ryukyu.ac.jp>
parents:
32
diff
changeset
|
347 <!-- _S9SLIDE_ --> |
32 | 348 <h2 id="まとめ">まとめ</h2> |
349 <ul> | |
35 | 350 <li>WifiでMulticast paketを利用する手法についての考察を行なった |
32 | 351 <ul> |
35 | 352 <li>Wifiの速度とMulticastの信頼性が高ければ実用的である可能性がある</li> |
353 <li>Blockingは実装中、再圧縮の時間は実用的な時間で済むと予想されている</li> | |
32 | 354 </ul> |
355 </li> | |
356 <li>今後の課題 | |
357 <ul> | |
35 | 358 <li>Blockingの実装</li> |
359 <li>WifiのMulticast paket lossは接続環境や状況に依存すると思われるためさらなる実験が必要</li> | |
360 <li>Node接続じの有線接続と無線接続の判断、区別処理の実装</li> | |
32 | 361 </ul> |
362 </li> | |
363 </ul> | |
364 | |
35 | 365 |
32 | 366 </div> |
367 | |
368 | |
369 </div><!-- presentation --> | |
370 </body> | |
371 </html> |