<?xml version='1.0' encoding='EUC-JP' ?>

<slide>

<head>
<style name='default' />

<title>プレゼンテーションツール<br/>
Tunggu Dulu</title>
<date>2005年6月23日</date>
<author>にしたかお &lt;zophos&#64;koka-in.org&gt;</author>
</head>

<coverpage />

<page>
<title>Tunggu Duluとは</title>
<_>ブラウザでプレゼンするツール</_>
<__>
<o>出力は標準的なxhtml</o>
<o>各種エフェクトが可能</o> 
<o>ソースファイルはXML</o>
</__>
<_>インドネシア語で「ええっと」</_>
</page>

<page>
<title>動作環境</title>
<o>Ruby 1.8.2以上</o>
<__>
<o>REXML</o>
<o>nkf2</o>
<o>fileutils</o>
</__>
<o>Webブラウザ</o>
</page>

<page>
<title>対応ブラウザ</title>
<_>xhtml 1.0，CSS 1.0, Javascript 1.3以上に対応しているもの</_>
<__>
<o>Mozilla 1.7/Firefox 1.0以上</o>
<o>Internet Explorer 6.0 (HTMLのみ)</o>
<o>Operaもたぶん大丈夫</o>
<o>Safariも全画面表示ができればOK</o>
</__>
</page>

<page>
<title>いろいろな出力形式</title>
<o>プロジェクタ投影用形式</o>
<o>印刷用連続形式</o>
<o>スライド一覧用連続形式</o>
</page>

<page>
<title>プロジェクタ投影用形式</title>
<o>フルスクリーンでの表示用</o>
<o>各ページごとに1枚のxhtmlを生成</o>
<o>ワンキーでスライドの前進，後退</o>
<o>各種エフェクトが使用可能</o>
</page>

<page>
<title>キー操作</title>
<o>SPACE: 次にすすむ</o>
<o>BackSpaceかB: 前のページ</o>
<o>N: エフェクトをスキップして次のページ</o>
<o>R: 現在のページをリロード</o>
<o>H: 先頭のページに移動</o>
<o>T: 最後のページに移動</o>
</page>

<page>
<title>エフェクト</title>
<scenario>
<init>
<action src='effect-1' func='hide' />
<action src='effect-2' func='moveto_right_wing' />
<action src='effect-3' func='moveto_left_wing' />
<action src='effect-4' func='moveto_bottom_wing' />
</init>
<scene><action src='effect-1' func='show'/></scene>
<scene>
<cut>
<action src='effect-2' func='slide_in' params='100'/>
<action src='effect-3' func='slide_in' params='100'/>
<action src='effect-4' func='slide_in' params='100'/>
</cut>
</scene>
</scenario>

<o>自動行配置 (中央揃え，均等配置)</o>
<o id='effect-1'>表示ON/OFF</o>
<o id='effect-2'>スライドイン</o>
<o id='effect-3'>画像置換</o>
<c id='effect-4'>などいろいろ</c>
</page>

<page>
<title>印刷用連続形式</title>
<o>プロジェクタ投影用形式をひとつのxhtmlにまとめたもの</o>
<o>エフェクトは自動行配置機能のみ有効</o>
<o>実際の印刷はブラウザの印刷機能で</o>
<o>Acrobatがあればいろいろ便利</o>
</page>

<page>
<title>スライド一覧用連続形式</title>
<o>印刷用連続形式をWebでの閲覧に適したサイズにしたもの</o>
<o>エフェクトは自動行配置機能のみ有効</o>
<o>スタイルシートでがんばれば表示サイズも思いのまま</o>
</page>

<page>
<title>スタイルシート</title>
<o>ごくふつうのCSS<br/>
高橋メソッドも添付スタイルでOK</o>
<o>プロジェクタ投影用形式，印刷用連続形式，スライド一覧用連続形式の三種類</o>
<o>長さをem単位で指定しておくと便利</o>
<o>@mediaで分岐すると結構哀しい</o>
</page>

<page>
<title>入力ファイル</title>
<o>xhtmlのタグを大幅に簡略化したXML</o>
<o>こまったらxhtmlの書き方でOK</o>
<o>シナリオによるエフェクトの制御</o>
<o>MagicPointとかRDとかWiki形式からの変換もそのうちサポートしたいなぁ</o>
</page>

<page>
<title>簡略化したタグ</title>
<o>プレゼンはふつう箇条書き</o>
<o>長いタグ打つのもめんどくさいよね</o>
<o>箇条書きスタイルのみタグ定義<br/>
未知のタグは素通し</o>

<c>↓<br/>
凝ったことしたいならxhtml+CSSで</c>
</page>

<page>
<title>凝ったこと - まわりこみ表示</title>
<div style='float:right;width:6.352em;height:7.031em;margin:0.1em 0px
0.1em 2em;'><img src='druby.jpg' style='width:6.352em;height:7.031em;' /></div>
<o>XMLソース中のdiv要素にstyle属性を直接指定</o>
<o>細かく制御するならdivでくくりまくり</o>
<o>できるってだけ。できてうれしいかは微妙</o>
</page>

<page>
<title>凝ったこと - SVG</title>
<o>objectタグを使用</o>
<o>グラフなんかでしあわせかも</o>
<c><object data='tiger.svg'
 type='image/svg+xml'
 style='display:block;margin:0px auto;padding:0px;
 width:8.203em;height:8.203em;'>Need any SVG Plug-in to show.</object></c>
</page>

<page>
<title>凝ったこと - MathML</title>
<c style='height:3em;'><eq>$f(x)=\sum_{n=0}^\infty\frac{f^{(n)}(a)}{n!}(x-a)^n$</eq></c>
<o>FirefoxとかIE+MathPlayerで表示</o>
<o>-mオプションでASCIIMathML.jsを使用<br/>
LaTeXの書式でOK</o>
<o>マゾな人は手書きも可</o>
</page>

<page>
<title>エフェクトの制御</title>
<o>ページ初期化，ページ表示開始，SPACEキーが押されるごと，ページ表示終了時の各段階ごとに設定可能</o>
<verb>&lt;scenario&gt;
  &lt;init&gt;&lt;action
    src='object-id' func='hide' /&gt;&lt;/init&gt;
  &lt;scene&gt;&lt;action
    src='object-id' func='show'/&gt;&lt;/scene&gt;
&lt;/scenario&gt;</verb>
<r>…かなりめんどくさい</r>
</page>

<page>
<title>今後どうしましょ</title>
<o>画面サイズ非依存なCSS</o>
<o>シナリオ書くのめんどくさいのをなんとかしたい</o>
<o>画像サイズの自動検出くらいやってもバチあたんないかな</o>
<o>各種フォーマットからの変換もあればいいね</o>
</page>

<page>
<title>とりあえず</title>
<o>いろいろできてどこでも動いてブラウザは便利だね</o>
<o>おとなはOOoなんて言わない</o>
<blank/>
<_>御意見，要望，パッチ，ビールは
にしたかお
&lt;zophos&#64;koka-in.org&gt;まで</_>
</page>

</slide>
