# HG changeset patch # User Daichi TOMA # Date 1312279760 -32400 # Node ID 667ea58b05d255026fac6765085fab956a96899b # Parent 23c1131ea61ce57e5d22675a4d4bac3a986011a8 add 20110802 seminar diff -r 23c1131ea61c -r 667ea58b05d2 seminar/20110802.html --- a/seminar/20110802.html Mon Aug 01 15:54:10 2011 +0900 +++ b/seminar/20110802.html Tue Aug 02 19:09:20 2011 +0900 @@ -1,209 +1,123 @@ +"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> - -Seminar - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + Seminar + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + -
-
-
- - -
- -
    - -
  1. -

    Seminar

    -

    Daichi Toma

    -
    -
    2. - - -
  2. -

    What Is S5?

    -
      -
    • It's a Simple Standards-based Slide Show System
      • -
    • One XHTML document provides all of the slide show's content
      • -
    • CSS handles the layout and look of the slides
      • -
    • JavaScript handles the dynamic aspects of the show
      • -
    • That's all there is to it! (skip to summary; demonstrates links internal to the slide show)
      • -
    +
    +
    +
    + + +
    -
    -
      -
    • I have notes here!
      • -
    • Keen.
      • -
    • Remember to tell people that notes are a new feature in 1.2
      • -
    -
    - -
    3. - +
    -
  3. -

    Operatic Origins

    -
      -
    • Opera 4 introduced Opera Show, a projection-mode style sheet technology (link demonstrates external link styling and window spawning)
      • -
    • Allows a single XHTML document to be turned into a PowerPoint-like slide show
      • -
    • Adding screen and print style sheets allows for multi-medium views of a single document
      • -
    • Highly efficient, but highly browser centric...
      • -
    - -
    -
      -
    • S5 and OperaShow diverged greatly in S5 1.1
      • -
    • S5 1.2 should (we hope) bring them into harmony once more
      • -
    -
    - -
    4. +
    +

    Ceriumのマルチコアプロセッサへの対応

    +

    Daichi Toma

    +

    Concurrency Reliance Laboratory

    +
    +
    -
  4. -

    Incremental Display

    -
      -
    • Keep hitting/clicking "next" as long as it isn't the control link (»)
      • -
    • Bullet points are revealed one by one -
        -
      • All based on class name of inc
        • -
      • Lists can be classed to make items appear individually
        • -
      • Individual items can be classed as well to create "animations"; see Derek Featherstone's example
        • -
      -
      • -
    • Let's try it again, but without the first bullet point being pre-highlighted...
      • -
    -
    5. - - -
  5. -

    Incremental Display II

    -
      -
    • Keep hitting/clicking "next" as long as it isn't the control link (»)
      • -
    • Bullet points are revealed one by one -
        -
      • All based on class name of incremental
        • -
      • Lists can be classed to make items appear individually
        • -
      • Individual items can be classed as well to create "animations"; see Derek Featherstone's example
        • -
      -
      • -
    • Notice how the sub-list was part of the parent bullet point; that was done on purpose
      • -
    • Now to move on to other test slides!
      • -
    -
    6. - - -
  6. -

    PNG Alpha Tests

    -
    -

    DIV with PNG background followed by foreground PNG

    - -
    -
    -

    DIV with PNG background followed by foreground PNG

    - -
    -
    7. +
    +

    研究目的・研究背景

    + プロセッサメーカは消費電力、発熱、クロックの限界からマルチコア構成の路線を打ち出しており、今後ますます、マルチコアプロセッサが主流になると想像できる。
    + マルチコアプロセッサ上でリソースを有効活用するためには、並列プログラミングを行う必要があるが、効率のよい並列プログラミングを書くことは難しい。
    + そこで、当研究室で開発した、Ceriumをマルチコアプロセッサに対応させることで、マルチコアプロセッサ上での並列プログラミングをサポートする。
    +
    -
  7. -

    S5 Default File Structure

    -

    - -

    -
    8. - +
    +

    ReferencedDmaManager

    +
      +
    • memcopyをポインタ渡しにした、DmaManager
      • +
    • FifoDmaManagerを継承、dma_loadをオーバーロード
      • +
    • FifoDmaManagerで動かしている所を全部置き換えても動く（PS3でも確認しました）
      • +

      +
    • しかし、word_countは動かない
      • +
    +
    -
  8. -

    S5 Themes

    -

    - 
    - 
    -(one way of presenting multiple graphics) -

    -
    9. - - -
  9. -

    Incremental S5 Themes

    -

    - 
    - 
    -(one by one!) -

    -
    10. - +
    +

    WordCount

    +
      +
    • セグメンテーション違反が発生
      • +
    • 使うところを事前に解放しているのが悪いらしい
      • +
        +
      • いままでは、コピーしてたので問題なかった
        • +
      +
    • Freeを解除することで動く
      • +
    • メモリリーク大丈夫なの？
      • +
    +
    -
  10. -

    Incremental Animation

    -
      -
    • A demonstration of just one of the many ways to accomplish simple animation-like effects (using a diagram from "XFN and...")
      • -
    -

    - - - - - -

    -
    11. +
    +

    Valgrind

    +
      +
    • メモリデバッグや、メモリリークの検出、プロファイリングを行うためのプログラミングツール
      • +
    • Mac OS X Lionには対応してないようです。
      • +
    +
    +
    +

    Blade Server

    +
      +
    • 借りたブレードで試そう！
      • +
    • 初期設定
      • +
    • リモートストレージ使えない
      • +
    • iRMCのバージョンを下げたらいけました。
      • +
    • しかしながら、BIOSで認識されない。
      • +
    • サーバー室で直接やるか…
      • +
    +
    -
  11. -

    In Summary

    -
      -
    • With minimal scripting, we have recreated and improved upon a (currently) browser-specific technology, making it cross-browser in the process
      • -
    • The S5 format is OSF 1.0 compatible
      • -
    • S5 is a very flexible and lightweight slide show system available for anyone to use
      • -
    -
    12. - -
- - + + diff -r 23c1131ea61c -r 667ea58b05d2 seminar/ui/default_utf/pretty.css --- a/seminar/ui/default_utf/pretty.css Mon Aug 01 15:54:10 2011 +0900 +++ b/seminar/ui/default_utf/pretty.css Tue Aug 02 19:09:20 2011 +0900 @@ -1,10 +1,9 @@ /* Following are the presentation styles -- edit away! */ body {background: #FFF; color: #000; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 2.25em;} -a:link, a:visited {text-decoration: none; color: #00C;} +a:link, a:visited {text-decoration: none; color: #507aaa;} h1, h2, h3, h4 {font-size: 100%; margin: 0; padding: 0; font-weight: inherit;} -h1 {text-shadow: 0.1em 0.1em 0.1em #666;} ul, pre {margin: 0; line-height: 1em;} html, body {margin: 0; padding: 0;} @@ -31,16 +30,12 @@ .slide code.old {color: silver;} .slide pre {padding: 0; margin: 0.25em 0 0.5em 0.5em; color: #533; font-size: 90%;} .slide pre code {display: block;} -.slide ul {margin-left: 5%; margin-right: 7%; list-style: disc;} +.slide ul {margin-left: 0%; margin-right: 0%; list-style: disc;} .slide li {margin-top: 0.75em; margin-right: 0;} .slide ul ul {line-height: 1;} -.slide ul ul li {margin: .2em; font-size: 85%; list-style: square;} +.slide ul ul li {margin: 0.75em 2em; font-size: 85%; list-style: square;} .slide img.leader {display: block; margin: 0 auto;} -/* -div#header, div#footer {background: #005; color: #AAB; font-family: Verdana, Arial, Helvetica, sans-serif;} -div#header {background: #005 url(bodybg.gif) -16px 0 no-repeat; line-height: 1px;} -*/ div#header, div#footer {background: #507aaa; color: #FFF; font-family: Verdana, Arial, Helvetica, sans-serif;} div#header {background: #507aaa; line-height: 1px;} div#footer {font-size: 0.5em; font-weight: bold; padding: 1em 0;} @@ -49,7 +44,7 @@ #footer h2 {right:1em; font-style: italic;} div.long {font-size: 0.75em;} -.slide h1 {position: absolute; top: 0.7em; left: 87px; z-index: 1; margin: 0; padding: 0.3em 0 0 50px; white-space: nowrap; font: bold 150%/1em Arial, Helvetica, sans-serif; text-transform: capitalize; color: #FFF; background-color: transparent;} +.slide h1 {position: absolute; top: 0.7em; left: 0px; z-index: 1; margin: 0; padding: 0.3em 0 0 50px; white-space: nowrap; font: bold 150%/1em Arial, Helvetica, sans-serif; text-transform: capitalize; color: #FFF; background-color: transparent;} .slide h3 {font-size: 130%;} h1 abbr {font-variant: small-caps;}