Mercurial > hg > Members > oc > slide
comparison blank.html @ 5:085c8022e2a2
update
author | oc |
---|---|
date | Fri, 28 Nov 2014 12:34:29 +0900 |
parents | 366d910bad07 |
children | 4a2d7b815cb8 |
comparison
equal
deleted
inserted
replaced
3:366d910bad07 | 5:085c8022e2a2 |
---|---|
110 </div></td> | 110 </div></td> |
111 </tr> | 111 </tr> |
112 </table> | 112 </table> |
113 </div> | 113 </div> |
114 | 114 |
115 | 115 <div class='slide'> |
116 | 116 <h2>自己紹介</h2> |
117 <div class='slide'> | 117 <p>琉球大学工学部情報工学科の大城美和です。</p> |
118 <h2>研究目的</h2> | 118 <p>現在、河野研に所属しており、TreeVNCの開発をしております。</p> |
119 <p>本研究では、ゼミや講義をする際に、</p> | 119 <p><img src="images/javaKuche/icon.png" width="100" height="100"> |
120 <ul> | 120 TwitterID : morobororo</p> |
121 <li>プレゼンテーションの資料が見えない、聴こえないといった問題を失くすこと</li> | 121 </div> |
122 <li>スムーズな画面表示・画面の切り替えが行うこと</li> | 122 |
123 <li>綺麗な画質を保ちながらプレゼンテーションすること</li> | 123 <div class='slide'> |
124 <li>参加者同士が充分なコミュニケーションを取れること</li> | 124 <h2>VNCとは</h2> |
125 </ul> | 125 <p>VNCとは、<br> |
126 <p>を目的としている。</p> | 126 <h3>コンピュータの画面を遠隔操作できるソフトウェア</h3>のことです。</p> |
127 </div> | 127 <br> |
128 | 128 <p>このVNCを改良し、普段の授業やゼミの質を高めていきます。</p> |
129 | 129 |
130 | 130 </div> |
131 <div class='slide'> | 131 |
132 <h2>研究目的を果たすための中間目標</h2> | 132 <div class='slide'> |
133 <h3>遠距離にいる人でもゼミ・授業に参加できる</h3> | 133 <h2>授業中に起こる問題</h2> |
134 <ul> | 134 <ul> |
135 <li>同一ネットワークの外からTreeVNCに接続できるように</li> | 135 <li>教室は広いのにプロジェクタの数が1つしかない。</li> |
136 <li>遠距離なので、音声の共有も必要になる</li> | 136 <li>目が悪くてプロジェクタで映された先生の画面が見えない。</li> |
137 </ul> | 137 <li>先生がおもむろにプログラミングを始めるけどついていけない。</li> |
138 </div> | 138 </ul> |
139 | 139 </div> |
140 | 140 |
141 <div class='slide'> | 141 <div class='slide'> |
142 <h2>やってきたこと</h2> | 142 <h2>ゼミ中に起こる問題</h2> |
143 <p>共有する画面サイズを固定することができるオプションを追加しました。</p> | 143 <ul> |
144 </div> | 144 <li>発表者が代わる度に、ケーブルの抜き差ししなければならない。</li> |
145 | 145 <li>システム環境設定を開いて解像度の変更しなければならない。</li> |
146 <div class='slide'> | 146 <li>画面の解像度の違いで綺麗に画面が映らない。</li> |
147 <h2>共有する画面サイズを固定する上での知識</h2> | 147 </ul> |
148 <h3>画面データ(全画面更新・差分更新)の送受信の流れ</h3> | 148 </div> |
149 <ul> | 149 |
150 <li>framebufferUpdateというメッセージに付加される。</li> | 150 <div class='slide'> |
151 <li>クライアントからサーバへ、framebufferUpdateRequestを送信する。</li> | 151 <h2>画面共有システムTreeVNCを使えば</h2> |
152 <li>サーバからクライアントへ、framebufferUpdateが送信される。</li> | 152 <ul> |
153 </ul> | 153 <li>手元のPCに先生の画面が映される!</li> |
154 <h3>framebufferUpdateRequest</h3> | 154 <li>教室の端っこに座っていても付いていける!</li> |
155 <ul> | 155 <li>ボタン1つで画面の切り替えが可能!</li> |
156 <li>クライアントがサーバに送信してほしい範囲をリクエストすることができる。</li> | 156 <li>そのままの解像度で共有されるので設定不必要!</li> |
157 </ul> | |
158 <br> | |
159 <p> 以上のような嬉しい効果が得られます。</p> | |
160 </div> | |
161 | |
162 <div class='slide'> | |
163 <h2>従来のVNCとの違い</h2> | |
164 <div class="treevnc"> | |
165 <p class="image"><img src="images/javaKuche/VNCandTreeVNC.png" width="500" height="200"></p> | |
166 </div> | |
167 <p>バイナリツリー状にクライアントが接続される。 | |
168 各nodeに最大2台分のクライアントしか接続されない。</p> | |
169 <p>配信する画面データをコピーする回数が減り、rootにかかる負荷が分散される。 | |
170 これによって遅延や処理落ち等を解消しています。</p> | |
171 </div> | |
172 | |
173 <div class='slide'> | |
174 <h2>TreeVCNのこれから</h2> | |
175 <h4><li>外部からも接続出来るようにしたい</li></h4> | |
176 沖縄から、東大の授業に参加できる。 | |
177 <h4><li>音声共有</li></h4> | |
178 遠隔で授業に参加するとなると、音声も必要となる。 | |
179 <h4><li>複数画面の共有</li></h4> | |
180 書記の人の画面も共有することによって、まとめがしやすくなる。 | |
181 </div> | |
182 | |
183 <div class='slide'> | |
184 <h2>AliceVNC</h2> | |
185 分散ネットフレームワークAliceを用いた実装も行われています。 | |
186 <h3>AliceVNCを使用するメリット</h3> | |
187 <ul> | |
188 <li>ネットワークトポロジの構成をしてくれる</li> | |
157 <ul> | 189 <ul> |
158 <li>incremental : 全画面更新 or 差分更新</li> | 190 <li>VNCを直接いじることなく、Tree状に構成することができる。</li> |
159 <li>x-position : x座標</li> | |
160 <li>y-position : y座標</li> | |
161 <li>width : 幅</li> | |
162 <li>height : 高さ</li> | |
163 </ul> | 191 </ul> |
164 </ul> | 192 <li>TreeVNCで必要とされるコネクションを管理してくれる</li> |
165 </div> | |
166 | |
167 <div class='slide'> | |
168 <h2>共有する画面サイズを固定するための変更</h2> | |
169 <h3>framebufferUpdateRequestの要素の変更</h3> | |
170 <ul> | |
171 <li>リクエストする画面サイズを1280 x 800としました。</li> | |
172 </ul> | |
173 <h3>Timerの追加</h3> | |
174 <ul> | |
175 <li>いままで全画面更新をしていたframebufferUpdateRequestを変更する。</li> | |
176 <li>Requestする画面サイズを変更すると、framebufferUpdateが滞ってしまった。</li> | |
177 <li>tightVNCでも試したが、同じような症状が発生してしまう。</li> | |
178 <li>定期的(100ミリ秒毎)に差分をRequestするよう、Timerを追加しました。</li> | |
179 </ul> | |
180 </div> | |
181 | |
182 | |
183 | |
184 <div class='slide'> | |
185 <h2>画面サイズを変更できる枠を作成したい</h2> | |
186 <h3>枠をどのように使うか</h3> | |
187 <ul> | |
188 <li>共有する画面サイズを指定するための枠を作りたい。</li> | |
189 <li>枠の内側を透明化する。</li> | |
190 <ul> | 193 <ul> |
191 <li>JFrameを透過したい。</li> | 194 <li>TreeVNCで必要とされるコネクション</li> |
195 <ul> | |
196 <li>再接続処理・node間の接続等</li> | |
192 </ul> | 197 </ul> |
193 <li>host側で、viewerを閉じる代わりに、この枠を表示する。</li> | 198 </ul> |
194 <li>枠にボタンを設置しそれを押すと、rootに枠のサイズ(幅・高さ・x-position・y-position)が送信されるように。</li> | 199 </ul> |
195 <li>rootからVNCServerへと取得したサイズを利用した、framebufferUpdateRequestを送信されるように。</li> | 200 </ul> |
196 </ul> | 201 </div> |
197 </div> | 202 |
198 | 203 <div class='slide'> |
199 | 204 <h2>終わり</h2> |
200 | 205 <p>ご清聴ありがとうございました!</p> |
201 <div class='slide'> | 206 </div> |
202 <h2>今後の課題</h2> | |
203 <ul> | |
204 <li>枠の追加をし、host側で指定した画面サイズが共有できるようにする。</li> | |
205 <li>画面更新が頻繁な時、余計なアニメーションは読み飛ばすという処理の追加。</li> | |
206 </ul> | |
207 </div> | |
208 | |
209 <div class='slide'> | |
210 <h2>グラフ</h2> | |
211 <ul> | |
212 <li>CheckDelayを利用したグラフを作成したい。</li> | |
213 <h3>作るとしたら、どういったグラフが良いか</h3> | |
214 <ul> | |
215 <li>更新される画面サイズの量と画面更新時の遅延が関係してるのではないかと考えている。</li> | |
216 <li>折れ線グラフを、木構造の各階層毎・各ネットワーク毎に作成する。</li> | |
217 <li>[ x軸 : 更新された画面のサイズ、y軸 : 遅延時間 ]</li> | |
218 <li>授業中に不具合が生じてしまって、あまりデータが取得できていない問題を解決・・・。</li> | |
219 </ul> | |
220 </ul> | |
221 </div> | |
222 | |
223 <div class='slide'> | |
224 <h2>現在取得できているデータからのグラフ</h2> | |
225 <ul> | |
226 <li>取得できているデータが少ない。</li> | |
227 <li>画面サイズが大きいほど遅延が生じているという予想に反してバラバラになってる。</li> | |
228 <li>send checkDelayとreceive checkDelayの間に更新されているデータを、画面サイズとしている。</li> | |
229 <li>有線接続だと、checkDelayの間に画面サイズのデータが取得できない。</li> | |
230 </ul> | |
231 <center> | |
232 <object data="images/node1.pdf" width="600" height="600"> | |
233 </center> | |
234 </div> | |
235 | |
236 | |
237 | 207 |
238 | 208 |
239 | 209 |
240 | 210 |
241 </div> <!-- presentation --> | 211 </div> <!-- presentation --> |