Moodle 2 の画像や音声などを含む小テストの問題の一括作成 質問と選択肢などの情報を記述した Excel 形式のファイルを読み込み 画像や音声などを含む問題 を Moodle 2 の XML フォーマットに一括変換します 画像や音声などのファイルの内容は Base64 変 換されて XML ファイルに一緒に書き込まれます 1. アプリケーションについて Visual Basic を利用して開発されたアプリケーションです MS Windows 環境で Excel が導入されている条件でのみ動作します 富山大学総合情報基盤センターの Web ページからダウンロードすることができます 2. 書式 2.1 表計算シートへの記入 Excel などを利用して下図のような表を作成し Excel 形式で保存します 図 1 表計算シートへの記入例 ( 正誤問題 ) 1
表計算シートへの記入の仕方は CSV 形式のファイルを XML 形式に変換し Moodle 2 のテスト問 題を一括作成する 場合と同じです 書式の詳細についてはそちらの説明を参照してください 2.2 対応している問題形式正誤 多肢選択 多肢選択複数解答 記述 組み合わせ 数値 作文 説明 穴埋め記述 穴埋め多肢選択および穴埋め数値問題に対応しています 計算および多肢選択計算問題文には対応していません 2.3 メディア ファイルを挿入できる場所すべての問題形式で 問題文と全般に対するフィードバックの中にメディア ファイルを挿入することができます ただし 選択肢等と総合フィードバックについては挿入できる位置が限られています 現在の Moodle 2 の小テストの問題で メディア ファイルを挿入できる箇所の一覧を表 1に示します 表 1 メディアファイルの挿入可能箇所 問題形式 問題 文 選択肢 等 全般に対す るフィード バック すべての 正答 総合フィードバック部分的に正しい解答 すべての 不正解 個別フィー ドバック TF 正誤 - - - - MC 多肢選択 MA 多肢選択複数解答 SR 記述 - - - MAT 組み合わせ - NUM 数値 - - - ESS 作文 - - - - 評定者情報 DS 説明 - - - - - FIB 穴埋め記述 - - - FMD 穴埋め多肢選択 - - FNUM 穴埋め数値 - - - メディア ファイルを挿入できる位置に それぞれ複数のファイルを挿入することも可能です 2
2.4 メディア ファイルの挿入位置の指定 2.4.1 画像ファイルの挿入位置の指定 Moodle のテキスト中での画像ファイルの挿入位置は @g@ と @g@ で挟んでファイル名と ALT 情報を記入して指定します ALT 情報は省略可能です @g@kiwifruit-s.jpg " 果物 "@g@ 2.4.2 音声ファイルの挿入位置の指定 Moodle のテキスト中での音声ファイルの挿入位置は @s@ と @s@ で挟んでファイル名と ALT 情報を記入して指定します ALT 情報は省略可能です @s@baibai_t.mp3 " サウンド "@s@ 2.4.3 ビデオファイルの挿入位置の指定 Moodle のテキスト中でのビデオファイルの挿入位置は @v@ と @v@ で挟んでファイル名と ALT 情報を記入して指定します ALT 情報は省略可能です @v@mutsugoro.mp4 " ムツゴロウ "@v@ 2.4.4 Youtube ビデオへのリンクの挿入位置の指定 Moodle のテキスト中での Youtube ビデオへのリンクの挿入位置は @y@ と @y@ で挟んで共有コードと ALT 情報を記入して指定します ALT 情報は省略可能です @y@_xglpszoabw" "Arvo Pärt - Bogoroditse Devo"@y@ 2.4.5 記入の際の注意問題文や選択肢のテキストと画像や音声ファイルの指定の前後をそれぞれ <p></p> でくくると Moodle で表示される際に段落が分かれて見やすくなります <p> 次の山の名前を漢字で答えなさい </p><p>@g@fuji05.jpg " 山の写真 " @g@</p> また Excel では @ は Lotus 1-2-3 互換の関数記法と見なされて不都合が生じることもあるため 画像や音声ファイルの指定の前後は常に <p></p> でくくることを勧めます 2.5 利用できるファイルの種類とファイル名について 2.5.1 Moodle で利用できるファイルの種類 Moodle は Web で使用できる GIF JPEG および PNG の画像ファイル形式に対応しています 音声ファイルは MP3.AAC および Ogg 形式に対応しています 音声ファイルをページに埋め込んで再生させたい場合は MP3 フォーマットを選択する必要があります ビデオファイルは.flv.f4v.swf.webm.m4v および.ogv 形式に対応しています 現在は対応しているが 今後の使用が推奨されないファイル形式としては.mov.mp4.m4a.mpg.wmv お 3
よび.avi 形式があります ビデオの再生は クライアント PC の環境に大きく依存するので 使用する環境で事前にチェックすることが必要です 2.5.2 ファイル名に使用する文字についてファイル名に使用する文字は英数字のみとすることが望ましいですが 日本語も利用可能です (Moodle サーバの環境に依存するかもしれません ) なお ファイル名には空白を含めないでください 2.5.3 ファイル名と ALT 情報に関する注意使用するメディア ファイルのファイル名と ALT 情報はページのソースに書かれ 学生が閲覧することができます そのため 実際に利用する場合は 解答に結びつく名称を使用しないように注意する必要があります 2.6 メディア ファイルを置く場所 XML ファイルへの変換の際に読み込ませるメディアファイルは 通常 Excel ファイルと同じフォルダかその下の階層に置きます 下の階層に置いた場合はフォルダ名の後に \ を付けてファイル名を指定します 例 @g@images\kiwifruit-s.jpg " 果物 "@g@ Excel ファイルのある場所とは別な場所から読み込ませたい場合は Excel ファイルの D3 セルに メディアファイルが置かれているフォルダ名を絶対パスで記入して指定してください 例 D:\moodle\quiz01\images 4
3. アプリケーションの使い方 3.1 ファイル変換の実行アプリケーションを起動すると 図 2 のようなウィンドウが表示されます 文字飾りの変換を有効にする場合は Font Style をチェックしてください 図 2 テスト問題一括変換ツールの画面 3.1.1 ドラッグ & ドロップによる実行 Excel 2003 または Excel 2007 形式のファイルをウィンドウ内にドラッグ & ドロップします Moodle 2 でインポート可能な XML 形式ファイルが自動的に作成され 同じ場所に保存されます 図 3 ドラッグ & ドロップによる実行の概念図 Moodle 2 の小テストの編集画面で 問題バンクへのインポートを選択し XML ファイルをアップロードして読み込ませることにより 画像や音声を含むテスト問題を一括して作成することができます Moodle 2 での XML ファイルのインポートについては XML ファイルのアップロード の説明を参照してください 5
図 4 変換された XML 形式ファイルの例 3.1.2 ボタンによる実行 左側の [Excel] ボタンをクリックします 図 5 テスト問題一括変換ツールの画面 6
ファイル選択ウィンドウが表示されます 図 6 ファイル選択ウィンドウの画面 Excel 形式ファイルを指定します 変換が終わると 変換結果を保存するためのファイル選択ウィンドウが表示されます 保存する場所を選択し 必要であればファイル名を変更して保存します 図 7 ファイル選択ウィンドウの画面 7
3.2 文字飾りの変換 Font Style をチェックして変換を行うと Excel で施した文字飾りを次のような HTML のタグに置き換えます これにより Moodle 内でも同等な文字飾りを表現することができます なお この場合 変換には少し ( あるいはかなり ) 時間が掛かります 下付き <sub> </sub> 上付き <sup> </sup> 斜体 <em> </em> 太字 <strong>b</strong> 下線 <span style="text-decoration: underline;">u</span> 取り消し線 <span style="text-decoration: line-through;"> </span> 文字の色 <span style="color: #ff0000;"> </span> 文字の背景色 <span style="background-color: #00ffff;"> </span> 例 Excel のセル内の記述 <p> 黒赤青緑黄色マゼンタシアン <p> XML ファイル内の記述 <text><![cdata[<p> 黒 <span style="color:#ff0000 ;"> 赤 </span> <span style="color:#0000ff ;"> 青 </span> <span style="color:#00ff00 ;"> 緑 </span> <span style="color:#ffff00 ;"> 黄色 </span> <span style="color:#ff00ff ;"> マゼンタ </span> <span style="color:#ccffff ;"> シアン </span><p>]]></text> 8
4. 本ツールを利用して作成した問題の例 本ツールを利用して作成した問題の例を図 8~ 図 12 に示します 図 8 スマートフォン用の多肢選択問題の例 図 9 音声を使用した多肢選択問題の例 図 10 分子モデルを使用した立体化学の正誤問題の例 9
図 11 構造式を使用した有機化学の多肢選択問題の例 図 12 炎色反応の組み合わせ問題の例 10