PowerPoint スライドの HTML 化支援ツール dcppt version 1 Yasuhiro Morikawa Copyright © 2005 GFD Dennou Club. All rights reserved. GFD Dennou Club.

Presentation on theme: "PowerPoint スライドの HTML 化支援ツール dcppt version 1 Yasuhiro Morikawa Copyright © 2005 GFD Dennou Club. All rights reserved. GFD Dennou Club."— Presentation transcript:

1 PowerPoint スライドの HTML 化支援ツール dcppt version 1 Yasuhiro Morikawa Copyright © 2005 GFD Dennou Club. All rights reserved. GFD Dennou Club

2 dcppt とは ? GFD Dennou Club にてメンテナン スされている、 PowerPoint スライ ドの HTML 化支援ツール 特徴 ppt スライドを誰もが (PowerPoint 持っ てない人も、 Windows じゃ無い人も ) 見 れるような HTML 形式にする PowerPoint に限らず、画像化されてい るものをサムネイル化することが可能

3 動作環境 以下の環境で動作を確認 Debian GNU/Linux 3.0, 3.1 たぶん Linux や UNIX なら動くはず Windows は自信がありません

4 入手 & インストール 入手 http://www.gfd-dennou.org/library/cc- env/dcppt/dcppt_current.tgz インストール 展開 システムへインストール. $ tar xvfz dcppt_current.tar.gz $ su $ cp dcppt-**** # make install $ su $ cp dcppt-**** # make install /usr/local/bin 以下に ← インストールされる

5 依存する Tool 群 Perl (dcppt.pl は version 5.6.1 で動作確認済み ) ※ dcppt.pl の perl へのパスは /usr/bin/perl と なっているので、システムによっては変更 すること ( エディタで直接 dcppt.pl の頭の #!/usr/bin/perl を変更する ) jcode.pl perl の日本語文字コード用ライブラリ ImageMagick 画像サイズ変換に convert を利用

6 作業概要 【 1 】 スライドを画像ファイルとして保存す る。 PowerPoint の場合 PowerPoint の「ファイル」 → 「 Web ページで 保存」 として、 「ファイルの種類」に gif, jpeg, png のどれ かを選択する。 「プレゼンテーションのスライドを全てエクス ポートしますか？」を「はい」と答える。

7 作業概要 【 2 】 作成した画像を、ディレクトリ ( フォル ダ ) ごと perl が動作するマシンへ移動 スライド 1.png, スライド 2.png,... ディレクトリ名変更 ディレクトリの名前を src に変更 dcppt 実行 src ディレクトリのある場所で実行 $ dcppt.pl -x $ mv src

8 作業概要 【 3 】 こんなことを聞かれるけど、そのまま Enter タイトル入力 出力出力... 設定ファイルである Config.dcppt が見当たりません. 1. dcppt デフォルトの設定で処理をするなら "y", 2. 処理を中断するなら "n", 3. Config.dcppt テンプレートを出力するなら "m" を入力してください [Y/n/m] : 設定ファイルである Config.dcppt が見当たりません. 1. dcppt デフォルトの設定で処理をするなら "y", 2. 処理を中断するなら "n", 3. Config.dcppt テンプレートを出力するなら "m" を入力してください [Y/n/m] : タイトルを記入して下さい. Title []: スライドの HTML 化支援ツール dcppt タイトルを記入して下さい. Title []: スライドの HTML 化支援ツール dcppt : Creating HTML Files...0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, done. Creating Thumbnail File...done. Complete. : Creating HTML Files...0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, done. Creating Thumbnail File...done. Complete.

9 出来上がり src の隣に出来る pub の index.html を 開くとこんな感じ

10 タイトル、メニューを後で変 更 タイトル変更 src/title.txt 内のタイトルを変更 再度 dcppt 実行 メニューを Page 001 などから変更 目次を menu.txt に書き込む ( 一応 HTML 形式の埋め込みは可能 ) 再度 dcppt 実行 001:PowerPoint の HTML 化支援ツール dcppt 002:dcppt とは？ : 012: 謝辞 ?? or 参考資料 ?? 【 dcreal 、... 】 001:PowerPoint の HTML 化支援ツール dcppt 002:dcppt とは？ : 012: 謝辞 ?? or 参考資料 ?? 【 dcreal 、... 】 $ dcppt.pl -q

11 凝りたい方へ 【 1 】 HTML のスタイルの変更 まずは dcppt.pl -x として「 m 」で Config.dcppt Config.dcppt 編集 文字コード $jpcode スタイル $style_mode 文字色 $style_textcolor 、背景色 $style_bgcolor.. 画像サイズ $slidesize, $thumbsize, などなど … 再度 dcppt 実行 設定ファイルである Config.dcppt が見当たりません. 1. dcppt デフォルトの設定で処理をするなら "y", 2. 処理を中断するなら "n", 3. Config.dcppt テンプレートを出力するなら "m" を入力してください [Y/n/m] : m 設定ファイルである Config.dcppt が見当たりません. 1. dcppt デフォルトの設定で処理をするなら "y", 2. 処理を中断するなら "n", 3. Config.dcppt テンプレートを出力するなら "m" を入力してください [Y/n/m] : m $ dcppt.pl -q

12 凝りたい方へ 【 2 】 始めのページはサムネイルじゃなくて 1 ページ目に メニューのページを文字にしたい Config.dcppt の以下の部分を変更 テキストメニューいらない 画像メニューいらない 再度 dcppt 実行 $ dcppt.pl -q #$defaultleft = "$menufile"; # イメージメニュー $defaultleft = "$menutxtfile"; # テキストメニュー # 右ページ #$defaultright = "$thumbnail_file"; # サムネイル $defaultright = "$htmldir/001.html"; # 1 ページ目 #$defaultleft = "$menufile"; # イメージメニュー $defaultleft = "$menutxtfile"; # テキストメニュー # 右ページ #$defaultright = "$thumbnail_file"; # サムネイル $defaultright = "$htmldir/001.html"; # 1 ページ目 # メニューファイル ( イメージ ) 要らない時は空に $menufile = ""; # メニューファイル ( テキスト ) 要らない方は 空に $menutxtfile = ""; # メニューファイル ( イメージ ) 要らない時は空に $menufile = ""; # メニューファイル ( テキスト ) 要らない方は 空に $menutxtfile = "";

13 参考資料 epppt (http://www.ep.sci.hokudai.ac.jp/~morikawa/perl/epppt/SIGEN_PUB.htm) dcppt の前身だったツール dcreal (http://www.gfd-dennou.org/arch/cc-env/dcreal/SIGEN.htm) スライド表示の画面のアイディアを参考に させて頂きました dcphoto (http://www.ep.sci.hokudai.ac.jp/~totera/official/program/dcphoto/) サムネイル表示部分のソースやいろいろな アイディアを参考にさせて頂きました