PowerPoint ファイルの HTML ファイルへの 変 換 ツール MakeHTML 1 瀬 河 久 美 子 2 井 上 仁 1. はじめに 現 在, 九 州 大 学 ではコース 管 理 システム WebCT を 運 用 しており[1], 多 くの 授 業 で 活 用 されてい る[2-10] WebCT には, 教 材 の 作 成 と 提 示,シラバス,メールや 掲 示 板 等 のコミュニケーションツ ール,オンラインテスト アンケート,レポートの 出 題 と 回 収, 学 生 管 理 などの 機 能 がある これらのコース 管 理 システムの 機 能 の 中 で 一 般 に 多 く 利 用 されるのは 教 材 提 示 機 能 である 教 員 が 作 成 する 教 材 はPowePoint やWord のファイルであることが 多 く,これらのファイルをそのまま, あるいは PDF や HTML 形 式 のファイルに 変 換 して, 個 々のファイルを WebCT 上 に 配 置 するか, あるいは HTML 形 式 のいくつかのファイルをまとめて WebCT での 利 用 に 適 した 形 式 にして 配 置 することになる 本 稿 では, 授 業 資 料 として 一 般 に 多 く 利 用 されている PowerPoint のファイルを,WebCT での 利 用 に 適 した 簡 素 な HTML 形 式 のファイルに 変 換 するツール MakeHtml を 紹 介 する 2. WebCT での 教 材 提 示 教 員 (コースデザイナー)は 次 の 三 つの 方 法 で WebCT 上 に 教 材 を 配 置 することができる 1 シングルページ HTML ファイル,PDF ファイル,Word ファイル,PowerPoint ファイル, 画 像 ファイ ル 等 のあらゆる 形 式 のファイルを 一 つのファイルとして WebCT に 配 置 する 利 用 者 は WebCT 上 のアイコンをクリックすることによって, 当 該 ファイルを 開 くことになる 2 リンク 既 に 他 の Web 上 で 公 開 されている 教 材 へのリンクを WebCT に 配 置 する 利 用 者 は WebCT 上 のアイコンをクリックすることによって,リンク 先 のページを 開 くことになる 3 コンテンツモジュール 複 数 の HTML ファイルや 画 像 ファイル 等 (コンテンツページ)を 一 つのモジュールとし て 構 成 したもので, 章 立 てや 階 層 構 造 を 持 たせることができる 利 用 者 は WebCT 上 のアイ コンをクリックすることにより,コンテンツモジュールの 目 次 あるいは 最 初 のページを 開 く 各 ページの 移 動 には,WebCT のナビゲーションを 利 用 する これらのどの 方 法 を 利 用 するかは, 教 材 作 成 の 容 易 性,WebCT の 他 の 機 能 との 連 携, 学 習 者 の 閲 覧 状 況 の 把 握 をするかどうか 等 に 依 存 する( 具 体 的 な 利 用 方 法 は[11]を 参 照 ) 既 存 のファイルを WebCT の 教 材 として 手 軽 に 作 成 したい 場 合 には,1のシングルページとして 1 2 九 州 大 学 情 報 基 盤 センター segawa@cc.kyushu-u.ac.jp 九 州 大 学 情 報 基 盤 センター jin@cc.kyushu-u.ac.jp
配 置 するのが 簡 単 である すでに Web ページとして 教 材 を 提 供 している 場 合 には,2のリンク 機 能 を 利 用 することにより,WebCT をポータル 的 に 使 用 することができる 一 方, 関 連 するオンライ ンテストの 実 施, 用 語 集 の 利 用,コミュニケーションツールの 利 用 等, 授 業 資 料 と 他 の WebCT の 機 能 を 有 機 的 に 連 携 する 場 合 には,3のコンテンツモジュールとして 教 材 を 作 成 する 必 要 がある WebCT には 学 生 の 教 材 の 閲 覧 状 況 を 記 録 する 機 能 があり,その 情 報 を 元 にきめ 細 かな 学 習 指 導 が 可 能 であるが,3のコンテンツモジュールに 対 してのみ 情 報 が 記 録 される これらの 特 徴 から,WebCT で 教 育 効 果 の 高 い 教 材 を 提 供 するためには,3のコンテンツモジュ ールとして 配 置 することが 望 ましいと 考 えられる コンテンツモジュールとして 配 置 できるファイル 形 式 に 特 に 制 限 はないが, 特 に HTML ファイ ルとの 親 和 性 が 高 い 一 つの HTML ファイルがコンテンツモジュールの 1 ページに 相 当 し,コン テンツモジュールの 目 次 に 設 定 されたリンクをクリックすることにより 各 ページに 簡 単 に 移 動 する ことが 可 能 である HTML ファイル 中 の title タグが 適 切 に 設 定 されていると,コンテンツモジュ ールの 各 ページとして 配 置 する 際 に,title タグ 内 に 記 述 されている 文 字 列 が 自 動 的 に 目 次 情 報 とし て 利 用 される 3. MakeHTML とは 教 員 が 持 つ 授 業 資 料 は HTML よりも PowerPoint で 作 成 されたものが 多 い そのため, PowerPoint のファイルをコンテンツモジュールとして 簡 単 に 配 置 したいという 要 望 が 多 い PowerPoint で 作 成 したファイルを HTML ファイルに 変 換 するには,PowerPoint の 標 準 機 能 とし て 提 供 されている ファイル メニューの Web ページとして 保 存 を 選 択 する という 方 法 が 利 用 できる しかしこの 方 法 で 生 成 された HTML ファイルには, 各 スライドの 移 動 のためのナビ ゲーションが 標 準 で 含 まれているため WebCT 自 体 がもつナビゲーションと 重 複 してしまい, WebCT のコンテンツモジュールとしてそのまま 利 用 するには 適 さない PowerPoint のファイルをコンテンツモジュールとして 利 用 する 場 合, 各 スライドを 画 像 ファイ ルとして 出 力 し,コンテンツモジュールの 各 ページとして 配 置 する 方 法 もある この 場 合, 静 止 画 自 体 には 目 次 情 報 となる 文 字 列 を 付 与 することができないため,コンテンツモジュールの 目 次 情 報 は, 教 員 (コースデザイナー)が WebCT 上 で 再 度 手 入 力 する 必 要 がある そこで,PowerPoint ファイルを HTML ファイルと 画 像 ファイルに 変 換 し, 同 時 にスライドのタ イトルを title タグに 自 動 設 定 を 行 う 変 換 ツール MakeHTML を 作 成 した MakeHTML は PowerPoint のアドインとして 提 供 されているので,Windows OS と Mac OS の PowerPoint で 利 用 可 能 である 4. MakeHTML の 入 手 以 下 の URL にアクセスすると, 図 1 に 示 す WebCT ツール 群 という WWW ページを 表 示 す る http://webct.kyushu-u.ac.jp/misc/tools/
図 1: WebCT ツール 群 本 ツールの 本 体 である MakeHTML(Zip 形 式 )-Windows 版 MakeHTML(Zip 形 式 )-Mac 版 本 ツールの 説 明 書 およびサンプルの PowerPoint と 本 ツールを 使 用 した 結 果 ファイルをダウンロ ードすることができる ユーザーの 使 用 OS に 従 い MakeHTML(Zip 形 式 )-Windows 版 MakeHTML(Zip 形 式 )-Mac 版 のいずれかをダウンロードする(Unix 版 の 本 ツールはあいにく ありません) ダウンロードしたファイルを 展 開 すると, 次 の 二 つのファイルを 含 む MakeHTML というフォルダが 生 成 される 1 MakeHTML.ppa (PowerPoint アドインファイル) 2 info.txt (アドインに 必 要 な 設 定 情 報 保 存 ファイル) MakeHTML をインストールし 利 用 するためには,これら 二 つのファイルを 適 当 な 場 所 に 配 置 し ておく なお,これらのファイルは 同 じフォルダに 存 在 しなければならない 確 認 した 動 作 環 境 は 次 の 通 りである OS: Windows XP および MacOS X10.2.8 以 降 アプリケーション:Microsoft Office PowerPoint 2003
5. インストール 本 節 では, 本 ツールのインストール 方 法 について 述 べる 本 ツールは PowerPoint のアドインと して 提 供 されるため,PowerPoint の マクロ を 有 効 にする 必 要 がある 5.1 セキュリティの 設 定 A) ツール - マクロ - セキュリティ メニューを 選 択 する 図 2: セキュリティメニューの 選 択 B) セキュリティ ダイアログが 開 く 設 定 を 中 にする 5.2 アドインの 登 録 図 3: セキュリティ ダイアログ A) PowerPoint から ツール - アドイン メニューを 選 択 する
B) アドイン ダイアログが 開 く 図 4: アドインメニューの 選 択 図 5: アドイン ダイアログ 新 規 追 加 (A) ボタンをクリックすると, 新 しい PowerPoint アドインの 追 加 ダ イアログが 開 く 先 に 保 存 しておいた MakeHTML.ppa ファイルを 指 定 し, OK ボタ ンをクリックする
図 6: 新 しい PowerPoint アドインの 追 加 ダイアログ 次 のような セキュリティ 警 告 ダイアログが 表 示 される 場 合 がある この 場 合 は, マ クロを 有 効 にする(E) ボタンをクリックする 図 7: セキュリティ 警 告 ダイアログ これによりリスト 中 に MakeHTML という 選 択 肢 が 現 れる チェック 印 をつけたま ま, 閉 じる ボタンをクリックする
図 8: MakeHTML アドインが 登 録 された アドイン ダイアログ 5.3 HTML ファイル 作 成 メニューの 確 認 ツール メニューに HTML ファイル 作 成 というメニュー 項 目 が 追 加 されていること を 確 認 する 図 9: HTML ファイル 作 成 メニュー 6. 使 用 方 法 A) PowerPoint プレゼンテーションを 開 く セキュリティ 警 告 ダイアログが 表 示 されるため, マクロを 有 効 にする ボタンをクリック する
図 10: セキュリティ 警 告 ダイアログ B) ツール - HTML ファイル 作 成 メニューを 選 択 する 図 11: HTML ファイル 作 成 メニュー PowerPoint から HTML へ 変 換 ダイアログが 開 く 図 12: PowerPoint から HTML へ 変 換 ダイアログ 保 存 先 フォルダ 名 : 出 力 ファイルを 置 くフォルダ 名 である ここに 指 定 したフォルダの 下 に,
自 動 的 に 現 在 アクティブ 状 態 にある PowerPoint ファイル 名 のフォルダを 作 成 する 例 ) 保 存 先 フォルダ 名 が C: tmp segawa PPT で, 現 在 アクティブな PowerPoint ファ イルが テスト.ppt とすると,HTML ファイルやイメージファイルが 出 力 されるフォルダは C: tmp segawa PPT テスト となる 参 照 ボタンをクリックすると, 参 照 ダイアログが 開 く 既 存 のフォルダを 選 択 もしくは 新 規 作 成 をクリックし, 保 存 先 フォルダを 決 定 する (Mac 版 には 参 照 ボタンは 表 示 されない 従 って 保 存 先 フォルダは 現 在 開 いている PowerPoint ファイルの 存 在 するフォルダとなる 別 のフォルダを 指 定 する 場 合 は 必 ず 既 存 の フォルダを 指 定 すること ) 図 13: 参 照 ダイアログ イメージサイズ: 出 力 するイメージファイルのサイズ(ピクセル 単 位 )を 指 定 する 出 力 イメージ: 出 力 するイメージファイルのタイプとして GIF 形 式 もしくは PNG 形 式 のど ちらかを 選 択 する 作 成 ボタン: 設 定 した 情 報 で,HTML ファイルおよびイメージファイルを 作 成 する 指 定 した 保 存 先 フォルダ 名 + PowerPoint ファイル 名 (.ppt は 付 与 せず) の 下 にスラ イドの 数 だけ 次 のファイルが 作 成 される i. HTML ファイル : ppt001.html, ppt002.html スライド 数 分 ii. PNG 形 式 ファイル : slide001.png, slide002.png スライド 数 分 ( 出 力 イメージに PNG 形 式 を 指 定 した 場 合 ) iii. GIF 形 式 ファイル : slide001.gif, slide002.gif スライド 数 分 ( 出 力 イメージに GIF
形 式 を 指 定 した 場 合 ) 注 1) 作 成 される HTML ファイルの 文 字 コードは UTF-8 となる 注 2) 1PowerPoint 中 のスライド 数 は 最 大 999 である HTML ファイルの 作 成 が 終 了 すると, 次 のメッセージダイアログを 開 くので, OK ボタン をクリックする 図 14: HTML ファイル 作 成 終 了 メッセージダイアログ 終 了 ボタン: PowerPoint から HTML へ 変 換 ダイアログを 閉 じる 7. まとめ 本 ツールは,PowerPoint のアニメーションを 動 画 のまま 変 換 する 機 能 を 持 ち 合 わせていない このため,アニメーションが 存 在 するスライドは 他 のツールを 使 用 して 動 画 に 変 換 しているのが 現 状 である 今 後,アニメーションが 存 在 するスライドも 動 画 に 変 換 できるように 改 良 していきたい 最 後 に, 本 ツールを 使 用 することにより,WebCT における 教 材 作 成 の 作 業 の 効 率 化 が 図 れれば 幸 いである 参 考 文 献 [1] 井 上 仁, 多 川 孝 央, e ラーニングシステム WebCT の 紹 介, 九 州 大 学 情 報 基 盤 センター 広 報 学 内 共 同 利 用 版, Vol.2, No.2, pp.119-130, 2002. [2] 井 上 仁, 特 集 eラーニングシステム WebCT 導 入 と 利 用 の 展 開, 九 州 大 学 情 報 基 盤 センタ ー 広 報 学 内 共 同 利 用 版, Vol.3, No.2, pp.43-44, 2003. [3] 平 野 裕 子, 看 護 学 生 に 対 する WebCT 社 会 福 祉 コース の 構 築 とその 課 題, 九 州 大 学 情 報 基 盤 センター 広 報 学 内 共 同 利 用 版, Vol.3, No.2, pp.45-55, 2003. [4] 岡 崎 智 己, WebCT と 日 本 語 教 育, 九 州 大 学 情 報 基 盤 センター 広 報 学 内 共 同 利 用 版, Vol.3, No.2, pp.56-62, 2003. [5] 多 田 内 修, 農 学 教 育 における WebCT の 利 用, 九 州 大 学 情 報 基 盤 センター 広 報 学 内 共 同 利 用 版, Vol.3, No.2, pp.63-69, 2003. [6] 大 喜 雅 文, 医 学 部 保 健 学 科 における e-learning の 取 り 組 み, 九 州 大 学 情 報 基 盤 センター 広 報 学 内 共 同 利 用 版, Vol.3, No.2, pp.70-77, 2003. [7] 井 上 仁, コース 管 理 システム WebCT の 組 織 的 利 用, 九 州 大 学 情 報 基 盤 センター 広 報 学
内 共 同 利 用 版, Vol.5, No.2, pp.53-54, 2005. [8] 吉 田 素 文, 井 上 仁, WBT による 医 療 系 統 合 教 育, 九 州 大 学 情 報 基 盤 センター 広 報 学 内 共 同 利 用 版, Vol.5, No.2, pp.55-60, 2005. [9] 有 働 公 一, 歯 学 研 究 院 における WebCT を 利 用 した 電 子 シラバスと 講 義 コースの 構 築, 九 州 大 学 情 報 基 盤 センター 広 報 学 内 共 同 利 用 版, Vol.5, No.2, pp.61-66, 2005. [10] 国 際 交 流 部, 国 際 交 流 専 門 委 員 会 における WebCT の 利 用 について, 九 州 大 学 情 報 基 盤 センタ ー 広 報 学 内 共 同 利 用 版, Vol.5, No.2, pp.67-71, 2005. [11] 多 川 孝 央 : 既 存 文 書 ファイルを 利 用 した WebCT 教 材 作 成 手 順 九 州 大 学 情 報 基 盤 センター 広 報 学 内 共 同 利 用 版 Vol.3,No.2, pp.78-97, 2003.