comparison Feb10th.html @ 15:38f32c9f0487

add Feb10th.html
author Masataka Kohagura <kohagura@cr.ie.u-ryukyu.ac.jp>
date Tue, 10 Feb 2015 16:39:14 +0900
parents Dec09th.html@3228acbc1df4
children a8f7ca92921c
comparison
equal deleted inserted replaced
14:3228acbc1df4 15:38f32c9f0487
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <meta http-equiv="content-type" content="text/html;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 <!-- styles -->
21 <style media="screen,projection">
22
23 html,
24 body,
25 .presentation { margin: 0; padding: 0; }
26
27 .slide { display: none;
28 position: absolute;
29 top: 0; left: 0;
30 margin: 0;
31 border: none;
32 padding: 2% 4% 0% 4%; /* css note: order is => top right bottom left */
33 -moz-box-sizing: border-box;
34 -webkit-box-sizing: border-box;
35 box-sizing: border-box;
36 width: 100%; height: 100%; /* css note: lets use border-box; no need to add padding+border to get to 100% */
37 overflow-x: hidden; overflow-y: auto;
38 z-index: 2;
39 }
40
41 .slide.current { display: block; } /* only display current slide in projection mode */
42
43 .slide .stepcurrent { color: black; }
44 .slide .step { color: silver; } /* or hide next steps e.g. .step { visibility: hidden; } */
45
46 .slide {
47 /*
48 background-image: -webkit-linear-gradient(top, blue, aqua, blue, aqua);
49 background-image: -moz-linear-gradient(top, blue, aqua, blue, aqua);
50 */
51 }
52 </style>
53
54 <style media="screen">
55 .slide { border-top: 1px solid #888; }
56 .slide:first-child { border: none; }
57 </style>
58
59 <style media="print">
60 .slide { page-break-inside: avoid; }
61 .slide h1 { page-break-after: avoid; }
62 .slide ul { page-break-inside: avoid; }
63 </style>
64
65
66 <!-- add js lib (jquery) -->
67 <script src="js/jquery-1.7.min.js"></script>
68
69 <!-- S6 JS -->
70 <script src="js/jquery.slideshow.js"></script>
71 <script src="js/jquery.slideshow.counter.js"></script>
72 <script src="js/jquery.slideshow.controls.js"></script>
73 <script>
74 $(document).ready( function() {
75 Slideshow.init();
76
77 // Example 2: Start Off in Outline Mode
78 // Slideshow.init( { mode: 'outline' } );
79
80 // Example 3: Use Custom Transition
81 // Slideshow.transition = transitionScrollUp;
82 // Slideshow.init();
83
84 // Example 4: Start Off in Autoplay Mode with Custom Transition
85 // Slideshow.transition = transitionScrollUp;
86 // Slideshow.init( { mode: 'autoplay' } );
87 } );
88 </script>
89
90 </head>
91 <body>
92
93 <div class="presentation">
94
95 <div class='slide cover'>
96 <table width="90%" height="90%" border="0" align="center">
97 <tr>
98 <td><div align="center">
99 <h1>Cerium のリアルタイム処理化</h1>
100 </div>
101 </td>
102 </tr>
103 <tr>
104 <td><div align="right">
105 <name>Masataka Kohagura 09th December,2014</name>
106 </div></td>
107 </tr>
108 </tr>
109 </table>
110 </div>
111
112 <div id="cover">
113 <h1>研究目的</h1>
114 <ul>
115 <li>
116 本研究室では並列プログラミングフレームワーク Cerium の開発を行っている。
117 </li>
118 <li>
119 </li>
120 <li>
121 </li>
122 <li>
123 </li>
124 </ul>
125 </div>
126
127 <div id="cover">
128 <h1>Gamification</h1>
129 <ul>
130 <li>
131 課題の解決にゲームの要素を利用する活動全般
132 </li>
133 <li>
134 ゲームの要素 : 少なくとも1人のプレイヤーがいる。ルールがある。勝利条件がある。
135 </li>
136 </ul>
137 </div>
138
139
140 <div class='slide cover'>
141 <table width="90%" height="90%" border="0" align="center">
142 <tr>
143 <td><div align="center">
144 <h1>ゲームによる学習支援に関する研究</h1>
145 </div>
146 </td>
147 <!--
148 </tr>
149 <tr>
150 <td><div align="right">
151 <name>Masataka Kohagura 09th December,2014</name>
152 </div></td>
153 </tr>
154 </tr>
155 -->
156 </table>
157 </div>
158
159
160 <div id="cover">
161 <h1>研究目的(例1)</h1>
162 <ul>
163 <li>
164 IGDA 琉球大学 ではゲームによる県内の学生との技術交流を行っており、それの一環として 、高校生に対してゲームプログラミングやそれに付随する知識の指導を株式会社ブリブサーと協力して行っている。
165 </li>
166 <li>
167 10月から11月の上旬まで、3年生の卒業制作へのアドバイスを行っていたが、プログラムの基本構文や高校の基礎的な数学(三角関数、ベクトル etc...)、物理を学んでいない問題もあった。
168 </li>
169 <li>
170 今月からは1,2年生に対して指導するが、プログラムを組む際に必要な要素である数学を重点的に指導する必要がある。
171 </li>
172 <li>
173 また2015年に開催される Unity インターハイ へ目標を定め長期的な期間となるので、ゲーム製作に対するモチベーションを保つ必要がある。
174 </li>
175 <li>
176 本研究では、ゲームを通した教育により高校生の学力向上(特に英語、物理、数学)を目指す。
177 </li>
178 </ul>
179 </div>
180
181 <div id="cover">
182 <h1>研究目的(例2)</h1>
183 <ul>
184 <li>
185 IGDA 琉球大学 では Game Jam のゲームによるハッカソンイベントを開催しており、県内の学生、企業との技術交流を図っている。
186 </li>
187 <li>
188 県内の各教育機関の学生が独自で勉強会等を行っていたが、連携をすることはほとんどなかった。
189 </li>
190 <li>
191 各教育機関で習得できる技能はそれぞれ違っており、
192 </li>
193 </ul>
194 </div>
195
196
197 <!--
198 <div id="cover">
199 <h1>prog</h1>
200 <ul>
201 <li>
202
203 </li>
204
205 <pre>
206 <code>
207 typedef struct SDL_AudioSpec {
208 int freq; /** DSP frequency samples per second */
209 Uint16 format; /** Audio data format */
210 Uint8 channels; /** Number of channels: 1 mono, 2 stereo */
211 Uint8 silence; /** Audio buffer silence value (calculated) */
212 Uint16 samples; /** Audio buffer size in samples (power of 2) */
213 Uint16 padding; /** Necessary for some compile environments */
214 Uint32 size; /** Audio buffer size in bytes (calculated) */
215 void (SDLCALL *callback)(void *userdata, Uint8 *stream, int len);
216 void *userdata;
217 } SDL_AudioSpec;
218 </code>
219 </ul>
220 </pre>
221 <img src="./images/sqrWave.png" width="50%" height="">
222 </div>
223
224 -->
225
226 </div> <!-- presentation -->
227 </body>
228 </html>