annotate blank.html @ 8:0ca3c4d09044

update
author oc
date Tue, 09 Dec 2014 18:03:18 +0900
parents 50e97c0235df
children 7c15f8662c72
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
rev   line source
0
67f3e23bf09a add lab intro
oc
parents:
diff changeset
1 <!DOCTYPE html>
67f3e23bf09a add lab intro
oc
parents:
diff changeset
2 <html>
67f3e23bf09a add lab intro
oc
parents:
diff changeset
3 <head>
67f3e23bf09a add lab intro
oc
parents:
diff changeset
4 <meta charset='utf-8'>
67f3e23bf09a add lab intro
oc
parents:
diff changeset
5 <title>Seminar</title>
67f3e23bf09a add lab intro
oc
parents:
diff changeset
6
67f3e23bf09a add lab intro
oc
parents:
diff changeset
7 <!--
67f3e23bf09a add lab intro
oc
parents:
diff changeset
8 Notes on CSS media types used:
67f3e23bf09a add lab intro
oc
parents:
diff changeset
9
67f3e23bf09a add lab intro
oc
parents:
diff changeset
10 1) projection -> slideshow mode (display one slide at-a-time; hide all others)
67f3e23bf09a add lab intro
oc
parents:
diff changeset
11 2) screen -> outline mode (display all slides-at-once on screen)
67f3e23bf09a add lab intro
oc
parents:
diff changeset
12 3) print -> print (and print preview)
67f3e23bf09a add lab intro
oc
parents:
diff changeset
13
67f3e23bf09a add lab intro
oc
parents:
diff changeset
14 Note: toggle between projection/screen (that is, slideshow/outline) mode using t-key
67f3e23bf09a add lab intro
oc
parents:
diff changeset
15
67f3e23bf09a add lab intro
oc
parents:
diff changeset
16 Questions, comments?
67f3e23bf09a add lab intro
oc
parents:
diff changeset
17 - send them along to the mailinglist/forum online @ http://groups.google.com/group/webslideshow
67f3e23bf09a add lab intro
oc
parents:
diff changeset
18 -->
67f3e23bf09a add lab intro
oc
parents:
diff changeset
19
67f3e23bf09a add lab intro
oc
parents:
diff changeset
20 <!-- style sheet links -->
67f3e23bf09a add lab intro
oc
parents:
diff changeset
21 <link rel="stylesheet/less" href="themes/blank/projection.css.less" media="screen,projection">
67f3e23bf09a add lab intro
oc
parents:
diff changeset
22 <link rel="stylesheet/less" href="themes/blank/screen.css.less" media="screen">
67f3e23bf09a add lab intro
oc
parents:
diff changeset
23 <link rel="stylesheet/less" href="themes/blank/print.css.less" media="print">
67f3e23bf09a add lab intro
oc
parents:
diff changeset
24
67f3e23bf09a add lab intro
oc
parents:
diff changeset
25 <link rel="stylesheet/less" href="blank.css.less" media="screen,projection">
67f3e23bf09a add lab intro
oc
parents:
diff changeset
26
67f3e23bf09a add lab intro
oc
parents:
diff changeset
27 <!-- Notes about less css support
67f3e23bf09a add lab intro
oc
parents:
diff changeset
28 - all less stylesheets (*.css.less) need to get listed/loaded first (before the less.js script)
67f3e23bf09a add lab intro
oc
parents:
diff changeset
29 - find more info about less.js online @ http://lesscss.org
67f3e23bf09a add lab intro
oc
parents:
diff changeset
30
67f3e23bf09a add lab intro
oc
parents:
diff changeset
31 ***** NOTE:
67f3e23bf09a add lab intro
oc
parents:
diff changeset
32 less.js browser script currently won’t work if you’re using Google Chrome
67f3e23bf09a add lab intro
oc
parents:
diff changeset
33 and the path to your page starts with "file:///" due to a known Chrome issue.
67f3e23bf09a add lab intro
oc
parents:
diff changeset
34 (In the developer/js console you will see:
67f3e23bf09a add lab intro
oc
parents:
diff changeset
35 XMLHttpRequest cannot load file:///../s6/shared/projection.css.less.
67f3e23bf09a add lab intro
oc
parents:
diff changeset
36 Cross origin requests are only supported for HTTP.)
67f3e23bf09a add lab intro
oc
parents:
diff changeset
37 -->
67f3e23bf09a add lab intro
oc
parents:
diff changeset
38
67f3e23bf09a add lab intro
oc
parents:
diff changeset
39 <!-- add js libs (less, jquery) -->
67f3e23bf09a add lab intro
oc
parents:
diff changeset
40 <script src="js/less-1.1.4.min.js"></script>
67f3e23bf09a add lab intro
oc
parents:
diff changeset
41 <script src="js/jquery-1.7.min.js"></script>
67f3e23bf09a add lab intro
oc
parents:
diff changeset
42
67f3e23bf09a add lab intro
oc
parents:
diff changeset
43 <!-- S6 JS -->
67f3e23bf09a add lab intro
oc
parents:
diff changeset
44 <script src="js/jquery.slideshow.js"></script>
67f3e23bf09a add lab intro
oc
parents:
diff changeset
45 <script src="js/jquery.slideshow.counter.js"></script>
67f3e23bf09a add lab intro
oc
parents:
diff changeset
46 <script src="js/jquery.slideshow.controls.js"></script>
67f3e23bf09a add lab intro
oc
parents:
diff changeset
47 <script src="js/jquery.slideshow.footer.js"></script>
67f3e23bf09a add lab intro
oc
parents:
diff changeset
48 <script src="js/jquery.slideshow.autoplay.js"></script>
67f3e23bf09a add lab intro
oc
parents:
diff changeset
49 <script>
67f3e23bf09a add lab intro
oc
parents:
diff changeset
50 $(document).ready( function() {
67f3e23bf09a add lab intro
oc
parents:
diff changeset
51 Slideshow.init();
67f3e23bf09a add lab intro
oc
parents:
diff changeset
52
67f3e23bf09a add lab intro
oc
parents:
diff changeset
53 // Example 2: Start Off in Outline Mode
67f3e23bf09a add lab intro
oc
parents:
diff changeset
54 // Slideshow.init( { mode: 'outline' } );
67f3e23bf09a add lab intro
oc
parents:
diff changeset
55
67f3e23bf09a add lab intro
oc
parents:
diff changeset
56 // Example 3: Use Custom Transition
67f3e23bf09a add lab intro
oc
parents:
diff changeset
57 // Slideshow.transition = transitionScrollUp;
67f3e23bf09a add lab intro
oc
parents:
diff changeset
58 // Slideshow.init();
67f3e23bf09a add lab intro
oc
parents:
diff changeset
59
67f3e23bf09a add lab intro
oc
parents:
diff changeset
60 // Example 4: Start Off in Autoplay Mode with Custom Transition
67f3e23bf09a add lab intro
oc
parents:
diff changeset
61 // Slideshow.transition = transitionScrollUp;
67f3e23bf09a add lab intro
oc
parents:
diff changeset
62 // Slideshow.init( { mode: 'autoplay' } );
67f3e23bf09a add lab intro
oc
parents:
diff changeset
63 } );
67f3e23bf09a add lab intro
oc
parents:
diff changeset
64 </script>
67f3e23bf09a add lab intro
oc
parents:
diff changeset
65
67f3e23bf09a add lab intro
oc
parents:
diff changeset
66 <!-- Better Browser Banner for Microsoft Internet Explorer (IE) -->
67f3e23bf09a add lab intro
oc
parents:
diff changeset
67 <!--[if IE]>
67f3e23bf09a add lab intro
oc
parents:
diff changeset
68 <script src="js/jquery.microsoft.js"></script>
67f3e23bf09a add lab intro
oc
parents:
diff changeset
69 <![endif]-->
67f3e23bf09a add lab intro
oc
parents:
diff changeset
70
67f3e23bf09a add lab intro
oc
parents:
diff changeset
71 </head>
67f3e23bf09a add lab intro
oc
parents:
diff changeset
72 <body>
67f3e23bf09a add lab intro
oc
parents:
diff changeset
73
67f3e23bf09a add lab intro
oc
parents:
diff changeset
74 <div class="layout">
67f3e23bf09a add lab intro
oc
parents:
diff changeset
75 <div id="header"></div>
67f3e23bf09a add lab intro
oc
parents:
diff changeset
76 <div id="footer">
67f3e23bf09a add lab intro
oc
parents:
diff changeset
77 <div align="right">
67f3e23bf09a add lab intro
oc
parents:
diff changeset
78 <img src="images/concurrency.png" width="200">
67f3e23bf09a add lab intro
oc
parents:
diff changeset
79 </div>
67f3e23bf09a add lab intro
oc
parents:
diff changeset
80 </div>
67f3e23bf09a add lab intro
oc
parents:
diff changeset
81 </div>
67f3e23bf09a add lab intro
oc
parents:
diff changeset
82
67f3e23bf09a add lab intro
oc
parents:
diff changeset
83 <div class="presentation">
67f3e23bf09a add lab intro
oc
parents:
diff changeset
84
67f3e23bf09a add lab intro
oc
parents:
diff changeset
85 <!-- add slides here; example -->
67f3e23bf09a add lab intro
oc
parents:
diff changeset
86
67f3e23bf09a add lab intro
oc
parents:
diff changeset
87 <div class='slide cover'>
67f3e23bf09a add lab intro
oc
parents:
diff changeset
88 <table width="90%" height="90%" border="0" align="center">
67f3e23bf09a add lab intro
oc
parents:
diff changeset
89 <tr>
67f3e23bf09a add lab intro
oc
parents:
diff changeset
90 <td><div align="center">
2
oc
parents: 1
diff changeset
91 <h1><font color="#808db5">TreeVNC</font></h1>
0
67f3e23bf09a add lab intro
oc
parents:
diff changeset
92 </div></td>
67f3e23bf09a add lab intro
oc
parents:
diff changeset
93 </tr>
67f3e23bf09a add lab intro
oc
parents:
diff changeset
94 <tr>
67f3e23bf09a add lab intro
oc
parents:
diff changeset
95 <td><div align="left">
67f3e23bf09a add lab intro
oc
parents:
diff changeset
96 Miwa Oshiro
67f3e23bf09a add lab intro
oc
parents:
diff changeset
97 <script>
67f3e23bf09a add lab intro
oc
parents:
diff changeset
98 var date = new Date();
67f3e23bf09a add lab intro
oc
parents:
diff changeset
99 var year = date.getFullYear();
67f3e23bf09a add lab intro
oc
parents:
diff changeset
100 var month = date.getMonth();
67f3e23bf09a add lab intro
oc
parents:
diff changeset
101 var day = date.getDate();
67f3e23bf09a add lab intro
oc
parents:
diff changeset
102
67f3e23bf09a add lab intro
oc
parents:
diff changeset
103 var monthList = new Array("January","February","March","April","May","June",
67f3e23bf09a add lab intro
oc
parents:
diff changeset
104 "July","August","September","October","November","December");
67f3e23bf09a add lab intro
oc
parents:
diff changeset
105
67f3e23bf09a add lab intro
oc
parents:
diff changeset
106 document.write(monthList[month]+" "+day+", "+year);
67f3e23bf09a add lab intro
oc
parents:
diff changeset
107
67f3e23bf09a add lab intro
oc
parents:
diff changeset
108 </script>
67f3e23bf09a add lab intro
oc
parents:
diff changeset
109 <hr style="color:#ffcc00;background-color:#ffcc00;text-align:left;border:none;width:300%;height:0.2em;">
67f3e23bf09a add lab intro
oc
parents:
diff changeset
110 </div></td>
67f3e23bf09a add lab intro
oc
parents:
diff changeset
111 </tr>
67f3e23bf09a add lab intro
oc
parents:
diff changeset
112 </table>
67f3e23bf09a add lab intro
oc
parents:
diff changeset
113 </div>
67f3e23bf09a add lab intro
oc
parents:
diff changeset
114
67f3e23bf09a add lab intro
oc
parents:
diff changeset
115
67f3e23bf09a add lab intro
oc
parents:
diff changeset
116
67f3e23bf09a add lab intro
oc
parents:
diff changeset
117 <div class='slide'>
2
oc
parents: 1
diff changeset
118 <h2>研究目的</h2>
oc
parents: 1
diff changeset
119 <p>本研究では、ゼミや講義をする際に、</p>
0
67f3e23bf09a add lab intro
oc
parents:
diff changeset
120 <ul>
2
oc
parents: 1
diff changeset
121 <li>プレゼンテーションの資料が見えない、聴こえないといった問題を失くすこと</li>
oc
parents: 1
diff changeset
122 <li>スムーズな画面表示・画面の切り替えが行うこと</li>
oc
parents: 1
diff changeset
123 <li>綺麗な画質を保ちながらプレゼンテーションすること</li>
oc
parents: 1
diff changeset
124 <li>参加者同士が充分なコミュニケーションを取れること</li>
0
67f3e23bf09a add lab intro
oc
parents:
diff changeset
125 </ul>
2
oc
parents: 1
diff changeset
126 <p>を目的としている。</p>
0
67f3e23bf09a add lab intro
oc
parents:
diff changeset
127 </div>
67f3e23bf09a add lab intro
oc
parents:
diff changeset
128
1
d13d5e009ef8 update lab intro
oc
parents: 0
diff changeset
129
d13d5e009ef8 update lab intro
oc
parents: 0
diff changeset
130
0
67f3e23bf09a add lab intro
oc
parents:
diff changeset
131 <div class='slide'>
2
oc
parents: 1
diff changeset
132 <h2>研究目的を果たすための中間目標</h2>
3
oc
parents: 2
diff changeset
133 <h3>遠距離にいる人でもゼミ・授業に参加できる</h3>
2
oc
parents: 1
diff changeset
134 <ul>
3
oc
parents: 2
diff changeset
135 <li>同一ネットワークの外からTreeVNCに接続できるように</li>
oc
parents: 2
diff changeset
136 <li>遠距離なので、音声の共有も必要になる</li>
2
oc
parents: 1
diff changeset
137 </ul>
1
d13d5e009ef8 update lab intro
oc
parents: 0
diff changeset
138 </div>
d13d5e009ef8 update lab intro
oc
parents: 0
diff changeset
139
d13d5e009ef8 update lab intro
oc
parents: 0
diff changeset
140 <div class='slide'>
2
oc
parents: 1
diff changeset
141 <h2>やってきたこと</h2>
oc
parents: 1
diff changeset
142 <ul>
8
oc
parents: 4
diff changeset
143 <li>JavaKucheでLT</li>
oc
parents: 4
diff changeset
144 <li>tree-find-listenerで出たエラーの解決</li>
oc
parents: 4
diff changeset
145 <li>コンソール出力をファイル出力へ変更</li>
oc
parents: 4
diff changeset
146 <li>画面サイズ指定のユースケース図作成</li>
2
oc
parents: 1
diff changeset
147 </ul>
0
67f3e23bf09a add lab intro
oc
parents:
diff changeset
148 </div>
67f3e23bf09a add lab intro
oc
parents:
diff changeset
149
67f3e23bf09a add lab intro
oc
parents:
diff changeset
150 <div class='slide'>
8
oc
parents: 4
diff changeset
151 <h2>JavaKucheでのLT</h2>
3
oc
parents: 2
diff changeset
152 <ul>
8
oc
parents: 4
diff changeset
153 <li>LT用の資料の作成方法が全くわかっていなかった</li>
oc
parents: 4
diff changeset
154 <li>発表時には、
oc
parents: 4
diff changeset
155 <strong>スクリーンに対する文字の大きさを確認する</strong>
oc
parents: 4
diff changeset
156 ことを忘れてはいけないという事を学びました</li>
3
oc
parents: 2
diff changeset
157 </ul>
oc
parents: 2
diff changeset
158 </div>
oc
parents: 2
diff changeset
159
4
oc
parents: 3
diff changeset
160 <div class='slide'>
8
oc
parents: 4
diff changeset
161 <h2>tree-find-listenerで出たエラーの原因</h2>
3
oc
parents: 2
diff changeset
162 <ul>
8
oc
parents: 4
diff changeset
163 <li>Multicast通信を行う際、InetAddressに、マルチキャストアドレス224.0.0.1を利用していた</li>
oc
parents: 4
diff changeset
164 <li><p>IPv4のアドレスを指定して、joinGroup()していたので、IPv6アドレスに対応しきれなかったんじゃないか</p></li>
oc
parents: 4
diff changeset
165 <li><p>ネットワークインターフェースがMulticast通信に対応しているかどうかは、検知した段階でチェックしていた</p></li>
2
oc
parents: 1
diff changeset
166 </ul>
0
67f3e23bf09a add lab intro
oc
parents:
diff changeset
167 </div>
67f3e23bf09a add lab intro
oc
parents:
diff changeset
168
67f3e23bf09a add lab intro
oc
parents:
diff changeset
169 <div class='slide'>
8
oc
parents: 4
diff changeset
170 <h2>解決方法</h2>
0
67f3e23bf09a add lab intro
oc
parents:
diff changeset
171 <ul>
8
oc
parents: 4
diff changeset
172 <li>joinGroupの引数として、SocketAddressを使用した(以前の引数は、InetAddress = 224.0.0.1でした)</li>
oc
parents: 4
diff changeset
173 <li>SocketAddressは、IPアドレス+ポート番号の組から生成される</li>
oc
parents: 4
diff changeset
174 <li>これでエラーは解決した</li>
oc
parents: 4
diff changeset
175 <li>ただ、ここで使用しているIPアドレスは224.0.0.1である</li>
oc
parents: 4
diff changeset
176 <li>IPv6でないのに、なぜエラーが出なくなったのかがわからない</li>
0
67f3e23bf09a add lab intro
oc
parents:
diff changeset
177 </ul>
67f3e23bf09a add lab intro
oc
parents:
diff changeset
178 </div>
67f3e23bf09a add lab intro
oc
parents:
diff changeset
179
2
oc
parents: 1
diff changeset
180 <div class='slide'>
8
oc
parents: 4
diff changeset
181 <h2>コンソール出力をファイル出力へ変更</h2>
oc
parents: 4
diff changeset
182 <p>標準出力outを、ファイル出力outへと変更しました。</p>
oc
parents: 4
diff changeset
183
oc
parents: 4
diff changeset
184 <div class="code-frame">
oc
parents: 4
diff changeset
185 <div class="highlight">
oc
parents: 4
diff changeset
186 <pre><code class="avrasm">PrintStream <span class="keyword">out</span> = new PrintStream(<span class="string">"log/log.txt"</span>)<span class="comment">;</span>
oc
parents: 4
diff changeset
187 System<span class="preprocessor">.setOut</span>(<span class="keyword">out</span>)<span class="comment">;</span>
oc
parents: 4
diff changeset
188 </code></pre></div></div>
oc
parents: 4
diff changeset
189
oc
parents: 4
diff changeset
190 <p>これで、</p>
oc
parents: 4
diff changeset
191
oc
parents: 4
diff changeset
192 <div class="code-frame"><div class="highlight"><pre><code class="avrasm">System<span class="preprocessor">.out</span><span class="preprocessor">.println</span>(<span class="string">"hogehoge"</span>)<span class="comment">;</span>
oc
parents: 4
diff changeset
193 </code></pre></div></div>
oc
parents: 4
diff changeset
194
oc
parents: 4
diff changeset
195 <p>は、log/log.txtへと書きだされる。</p>
2
oc
parents: 1
diff changeset
196 </div>
oc
parents: 1
diff changeset
197
oc
parents: 1
diff changeset
198
0
67f3e23bf09a add lab intro
oc
parents:
diff changeset
199
67f3e23bf09a add lab intro
oc
parents:
diff changeset
200
67f3e23bf09a add lab intro
oc
parents:
diff changeset
201
67f3e23bf09a add lab intro
oc
parents:
diff changeset
202 </div> <!-- presentation -->
67f3e23bf09a add lab intro
oc
parents:
diff changeset
203 </body>
67f3e23bf09a add lab intro
oc
parents:
diff changeset
204 </html>