Mercurial > hg > Members > masakoha > seminar

--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/Nov25th.html	Tue Nov 25 19:21:45 2014 +0900
@@ -0,0 +1,201 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta http-equiv="content-type" content="text/html;charset=utf-8">
+  <title>seminar</title>
+
+<!--
+   Notes on CSS media types used:
+
+   1) projection -> slideshow mode (display one slide at-a-time; hide all others)
+   2) screen     -> outline mode (display all slides-at-once on screen)
+   3) print      -> print (and print preview)
+
+   Note: toggle between projection/screen (that is, slideshow/outline) mode using t-key
+
+   Questions, comments?
+   - send them along to the mailinglist/forum online @ http://groups.google.com/group/webslideshow
+-->
+
+<!-- styles  -->
+<style media="screen,projection">
+
+html,
+body,
+.presentation { margin: 0; padding: 0; }
+
+.slide { display: none;
+         position: absolute;
+         top: 0; left: 0;
+         margin: 0;
+         border: none;
+         padding: 2% 4% 0% 4%;         /* css note: order is => top right bottom left  */
+         -moz-box-sizing: border-box;
+         -webkit-box-sizing: border-box;
+         box-sizing: border-box;
+         width: 100%; height: 100%;    /* css note: lets use border-box; no need to add padding+border to get to 100% */
+         overflow-x: hidden; overflow-y: auto;
+         z-index: 2;
+       }
+
+.slide.current { display: block; }  /* only display current slide in projection mode */
+
+.slide .stepcurrent { color: black; }
+.slide .step        { color: silver; } /* or hide next steps e.g. .step { visibility: hidden; } */
+
+.slide {
+/*
+  background-image: -webkit-linear-gradient(top, blue, aqua, blue, aqua);
+  background-image: -moz-linear-gradient(top, blue, aqua, blue, aqua);
+*/
+}
+</style>
+
+<style media="screen">
+.slide             { border-top: 1px solid #888; }
+.slide:first-child { border: none;  }
+</style>
+
+<style media="print">
+.slide    { page-break-inside: avoid; }
+.slide h1 { page-break-after:  avoid; }
+.slide ul { page-break-inside: avoid; }
+</style>
+
+
+<!-- add js lib (jquery) -->
+<script src="js/jquery-1.7.min.js"></script>
+
+<!-- S6 JS -->
+<script src="js/jquery.slideshow.js"></script>
+<script src="js/jquery.slideshow.counter.js"></script>
+<script src="js/jquery.slideshow.controls.js"></script>
+<script>
+  $(document).ready( function() {
+    Slideshow.init();
+
+    // Example 2: Start Off in Outline Mode
+    // Slideshow.init( { mode: 'outline' } );
+
+    // Example 3: Use Custom Transition
+    // Slideshow.transition = transitionScrollUp;
+    // Slideshow.init();
+
+    // Example 4: Start Off in Autoplay Mode with Custom Transition
+    // Slideshow.transition = transitionScrollUp;
+    // Slideshow.init( { mode: 'autoplay' } );
+  } );
+</script>
+
+</head>
+<body>
+
+<div class="presentation">
+
+  <div class='slide cover'>
+  <table width="90%" height="90%" border="0" align="center">
+  <tr>
+  <td><div align="center">
+      <h1>gamification を利用した学習サポートの研究</h1>
+      </div>
+  </td>
+  </tr>
+      <tr>
+      <td><div align="right">
+          <name>Masataka Kohagura 18th Novenmber,2014</name>
+      </div></td>
+      </tr>
+  </tr>
+  </table>
+  </div>
+
+  <div id="cover">
+    <h1>自分は何がしたいのか</h1>
+        <ul>
+            <li>
+            今まで生きてきた中で、自分は一番なにが楽しかったかを考えてみた。
+            </li>
+            <li>
+            塾の先生、家電屋店員など人と接して喜ばれたことがうれしかった。
+            </li>
+            <li>
+            -> たくさんの人に喜ばれるようなことをしたい
+            </li>
+        </ul>
+  </div>
+
+  <div id="cover">
+    <h1>研究目的</h1>
+        <ul>
+            <li>
+            IGDA 琉球大学の活動の一環に、高校生に対してゲームプログラミングやそれに付随する知識の指導を株式会社ブリブサーと共同で行っている。
+            </li>
+            <li>
+            10月から11月の上旬まで、3年生の卒業制作へのアドバイスを行っていたが、プログラムの基本構文や高校の基礎的な数学、物理を学んでいない問題もあった。
+            </li>
+            <li>
+            今週からは1,2年生に対してこのような活動を行い、2015 年夏に開催される Unity インターハイ2015 で入賞できるように目指す。
+            </li>
+            <li>
+            長期的な期間となるので、ゲーム製作に対するモチベーションを保つ、学習の進捗を Gamification 化して、それがどのような影響を与えるのか考察する。
+            </li>
+        </ul>
+  </div>
+
+  <div id="cover">
+    <h1>Gamification</h1>
+        <ul>
+            <li>
+            課題の解決にゲームの要素を利用する活動全般
+            </li>
+            <li>
+            ゲームの要素 : 少なくとも1人のプレイヤーがいる。ルールがある。勝利条件がある。
+            </li>
+        </ul>
+  </div>
+
+  <div id="cover">
+    <h1></h1>
+        <ul>
+            <li>
+            BSD grep (Mac OSX default)
+            </li>
+            <li>
+            GNU grep (ggrep)
+            </li>
+        </ul>
+  </div>
+
+
+<!--
+  <div id="cover">
+    <h1>prog</h1>
+    <ul>
+    <li>
+
+    </li>
+
+    <pre>
+    <code>
+typedef struct SDL_AudioSpec {
+    int freq;          /** DSP frequency samples per second */
+    Uint16 format;     /** Audio data format */
+    Uint8  channels;   /** Number of channels: 1 mono, 2 stereo */
+    Uint8  silence;    /** Audio buffer silence value (calculated) */
+    Uint16 samples;    /** Audio buffer size in samples (power of 2) */
+    Uint16 padding;    /** Necessary for some compile environments */
+    Uint32 size;       /** Audio buffer size in bytes (calculated) */
+    void (SDLCALL *callback)(void *userdata, Uint8 *stream, int len);
+    void  *userdata;
+} SDL_AudioSpec;
+    </code>
+    </ul>
+</pre>
+    <img src="./images/sqrWave.png" width="50%" height="">
+  </div>
+
+-->
+
+</div> <!-- presentation -->
+</body>
+</html>