Mercurial > hg > Events > JavaKuche2014

comparison oc/javaKucheSlide.html @ 1:2996cf16bff6

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
rename slide
author oc
date Sat, 29 Nov 2014 14:18:22 +0900
parents
children 3bc79ea1ce56
comparison
equal deleted inserted replaced
0:4c04d9c9b71d 1:2996cf16bff6
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <meta charset='utf-8'>
5 <title>Seminar</title>
6
7 <!--
8 Notes on CSS media types used:
9
10 1) projection -> slideshow mode (display one slide at-a-time; hide all others)
11 2) screen -> outline mode (display all slides-at-once on screen)
12 3) print -> print (and print preview)
13
14 Note: toggle between projection/screen (that is, slideshow/outline) mode using t-key
15
16 Questions, comments?
17 - send them along to the mailinglist/forum online @ http://groups.google.com/group/webslideshow
18 -->
19
20 <!-- style sheet links -->
21 <link rel="stylesheet/less" href="themes/blank/projection.css.less" media="screen,projection">
22 <link rel="stylesheet/less" href="themes/blank/screen.css.less" media="screen">
23 <link rel="stylesheet/less" href="themes/blank/print.css.less" media="print">
24
25 <link rel="stylesheet/less" href="blank.css.less" media="screen,projection">
26
27 <!-- Notes about less css support
28 - all less stylesheets (*.css.less) need to get listed/loaded first (before the less.js script)
29 - find more info about less.js online @ http://lesscss.org
30
31 ***** NOTE:
32 less.js browser script currently won’t work if you’re using Google Chrome
33 and the path to your page starts with "file:///" due to a known Chrome issue.
34 (In the developer/js console you will see:
35 XMLHttpRequest cannot load file:///../s6/shared/projection.css.less.
36 Cross origin requests are only supported for HTTP.)
37 -->
38
39 <!-- add js libs (less, jquery) -->
40 <script src="js/less-1.1.4.min.js"></script>
41 <script src="js/jquery-1.7.min.js"></script>
42
43 <!-- S6 JS -->
44 <script src="js/jquery.slideshow.js"></script>
45 <script src="js/jquery.slideshow.counter.js"></script>
46 <script src="js/jquery.slideshow.controls.js"></script>
47 <script src="js/jquery.slideshow.footer.js"></script>
48 <script src="js/jquery.slideshow.autoplay.js"></script>
49 <script>
50 $(document).ready( function() {
51 Slideshow.init();
52
53 // Example 2: Start Off in Outline Mode
54 // Slideshow.init( { mode: 'outline' } );
55
56 // Example 3: Use Custom Transition
57 // Slideshow.transition = transitionScrollUp;
58 // Slideshow.init();
59
60 // Example 4: Start Off in Autoplay Mode with Custom Transition
61 // Slideshow.transition = transitionScrollUp;
62 // Slideshow.init( { mode: 'autoplay' } );
63 } );
64 </script>
65
66 <!-- Better Browser Banner for Microsoft Internet Explorer (IE) -->
67 <!--[if IE]>
68 <script src="js/jquery.microsoft.js"></script>
69 <![endif]-->
70
71 </head>
72 <body>
73
74 <div class="layout">
75 <div id="header"></div>
76 <div id="footer">
77 <div align="right">
78 <img src="images/concurrency.png" width="200">
79 </div>
80 </div>
81 </div>
82
83 <div class="presentation">
84
85 <!-- add slides here; example -->
86
87 <div class='slide cover'>
88 <table width="90%" height="90%" border="0" align="center">
89 <tr>
90 <td><div align="center">
91 <h1><font color="#808db5">画面共有システムTreeVNC</font></h1>
92 </div></td>
93 </tr>
94 <tr>
95 <td><div align="left">
96 Miwa Oshiro
97 <script>
98 var date = new Date();
99 var year = date.getFullYear();
100 var month = date.getMonth();
101 var day = date.getDate();
102
103 var monthList = new Array("January","February","March","April","May","June",
104 "July","August","September","October","November","December");
105
106 document.write(monthList[month]+" "+day+", "+year);
107
108 </script>
109 <hr style="color:#ffcc00;background-color:#ffcc00;text-align:left;border:none;width:300%;height:0.2em;">
110 </div></td>
111 </tr>
112 </table>
113 </div>
114
115 <div class='slide'>
116 <h2>自己紹介</h2>
117 <p>琉球大学工学部情報工学科の大城美和です。</p>
118 <p>現在、河野研に所属しており、TreeVNCの開発をしております。</p>
119 <p><img src="images/javaKuche/icon.png" width="100" height="100">
120 TwitterID : morobororo</p>
121 </div>
122
123
124 <div class='slide'>
125 <h2>研究目的</h2>
126 <p>この研究では、</p>
127 <ul>
128 <li>プレゼンテーションが見えない、聴こえないといった問題を失くすこと</li>
129 <li>スムーズな画面表示・画面の切り替えが行えること</li>
130 <li>綺麗な画質を保ちながらプレゼンテーションをすること</li>
131 <li>参加者同士が充分なコミュニケーションを撮れること</li>
132 </ul>
133 <p>を目的としています</p>
134 </div>
135
136
137 <div class='slide'>
138 <h2>TreeVCNを使ってもらっています</h2>
139 <p>TreeVNCは画面共有システムである。<br>
140 このシステムを実際の授業やゼミで導入している。</p>
141 <ul>
142 <li>ひとりひとりがPCを持っている前提である。</li>
143 <li>手元のPCで発表者のPC画面を見ることが出来る。</li>
144 <li>発表者の切り替えも、TreeVNCのshareボタンを押すことによってできる。</li>
145 </ul>
146 </div>
147
148
149 <div class='slide'>
150 <h2>今までのTreeVNCとの違い</h2>
151 <p>TreeVNCは、卒業した先輩から引き継いで改良を重ねています。<br>
152 今までのTreeVNCからアップデートした点を述べていきます。</p>
153 </div>
154
155 <div class='slide'>
156 <h2>動的なport番号の指定</h2>
157 <p>今までのTreeVNCでは、通信に固定ポート番号を利用していました。<br>
158 固定ポート番号を失くし、動的にポート番号を割り当てることにした。</p>
159 <p>これにより、</p>
160 <ul>
161 <li>1台のPCで複数のTreeVNCを立ち上げることができるようになりました。</li>
162 <ul>
163 <li>デバッグ時にとても役に立ちました。</li>
164 </ul>
165 <li>最低限のソケットポートを開けることによって、メモリ使用量を抑えることにもつながる。</li>
166 </ul>
167 </div>
168
169 <div class='slide'>
170 <h2>複数ネットワークインターフェースで利用可能に</h2>
171 <p>クライアントの木構造を、ネットワークインターフェース毎に構成するように変更しました。</p>
172 <p>これにより、</p>
173 <ul>
174 <li>授業中、有線・無線どちらでも利用可能になりました。</li>
175 <li>速度の遅いクライアントの接続による速度低下を解消しました。</li>
176 </ul>
177 </div>
178
179 <div class='slide'>
180 <h2>Threadに名前を</h2>
181 <p>名前のついていないThreadに名前をつけた。</p>
182 <p>これにより、</p>
183 <ul>
184 <li>デバッグの際、動作しているThreadの役割がわかるようになった。</li>
185 <li>デバッグしやすくなった。</li>
186 </ul>
187 </div>
188
189 <div class='slide'>
190 <br>
191 <br>
192 <br>
193 <br>
194 <br>
195 <center>
196 <h2>One more thing...</h2>
197 </center>
198 </div>
199
200 <div class='slide'>
201 <h2>AliceVNC</h2>
202 <p>AliceVNCができた。
203 </p>
204 <ul>
205 <li>本研究室では、分散ネットフレームワークAliceを開発している。</li>
206 <li>AliceでTreeVNCを実装することが出来た。</li>
207 <li>Aliceを用いるメリットとして</li>
208 <ul>
209 <li>ネットワークトポロジを構成してくれる</li>
210 <li>TreeVNCで必要とされるコネクションを管理してくれる</li>
211 </ul>
212 </ul>
213 </div>
214
215 <div class='slide'>
216 <h2>TreeVNCのこれから</h2>
217 <p>これから実装予定の機能です。</p>
218 <ul>
219 <li>同一ネットワーク上だけでなく、外部からも接続出来るようにしたい</li>
220 <li>それに合わせて、音声の共有をしたい</li>
221 <li>複数の画面共有をしたい</li>
222 </ul>
223 </div>
224
225
226 <div class='slide'>
227 <h2>終わり</h2>
228 <p>ご清聴ありがとうございました！</p>
229 </div>
230
231
232
233
234 </div> <!-- presentation -->
235 </body>
236 </html>