「ドラッグ&ドロップイメージ問題タイプ」の版間の差分
Toshihiro KITA (トーク | 投稿記録) (ページの作成:「{{問題}} この質問タイプでは、生徒が単語、画像、またはその両方をリストからドラッグして、ベース画像の事前定義された...」) |
Toshihiro KITA (トーク | 投稿記録) 編集の要約なし |
||
1行目: | 1行目: | ||
{{問題}} | {{問題}} | ||
この問題タイプでは、生徒が単語、画像、またはその両方をリストからドラッグして、ベース画像の事前定義されたギャップにドロップできます。 | |||
== | ==問題の作成方法== | ||
問題バンクで見つけやすいように、問題にわかりやすい名前を付けてください。 (生徒には名前が表示されません。) | |||
必要なフォーマットを使用して、問題をテキストエディタに追加します。 | |||
'''プレビュー'''セクションで、背景画像ボタンをクリックして画像をアップロードします。大きい画像は最大600 x 400で表示されます。画像はファイルアップロードボックスの下に表示されます。 | '''プレビュー'''セクションで、背景画像ボタンをクリックして画像をアップロードします。大きい画像は最大600 x 400で表示されます。画像はファイルアップロードボックスの下に表示されます。 | ||
''' | '''ドラッグ可能アイテム'''セクションでは、タイプを 'ドラッグ可能イメージ' のままにしておくと画像をアップロードでき、タイプを 'ドラッグ可能テキスト' に変更すると単語を入力できます。画像とテキストが混在している場合があります。 | ||
'''ドロップゾーン'''セクションでは、どのアイテムをどのゾーンに移動するかを選択します。 | '''ドロップゾーン'''セクションでは、どのアイテムをどのゾーンに移動するかを選択します。 'プレビューをリフレッシュする' ボタンをクリックします。 | ||
次に、アイテムを背景画像に配置すると、アイテムの座標が追加されます。 | 次に、アイテムを背景画像に配置すると、アイテムの座標が追加されます。 | ||
18行目: | 18行目: | ||
注:(1)ドラッグ可能な画像は150 x 100ピクセルを超えることはできません。大きい場合は、インポート時にスケーリングされます。短いテキスト記述子も忘れずに追加してください。画像について気が変わった場合は、別の画像をアップロードして置き換えてください。 | 注:(1)ドラッグ可能な画像は150 x 100ピクセルを超えることはできません。大きい場合は、インポート時にスケーリングされます。短いテキスト記述子も忘れずに追加してください。画像について気が変わった場合は、別の画像をアップロードして置き換えてください。 | ||
注:(2)以下を使用して、ドラッグ可能なテキストをフォーマットできます。<nowiki> <sub>, <sup>, <b>, <i>, <em>, <strong> and <br/> </nowiki> | |||
注:(3)同じグループ内の選択肢は色分けされており、対応する色のドロップゾーンにのみドロップできます。 | 注:(3)同じグループ内の選択肢は色分けされており、対応する色のドロップゾーンにのみドロップできます。 '無制限' とマークされている選択肢は、複数の場所で使用できます。 | ||
===例1 === | ===例1 === | ||
'' Moodleのドキュメント''' [[教育学]] ''' '' | '' Moodleのドキュメント''' [[教育学]] ''' 基づいて、参加者はMoodleを教師として使用する段階を注文して、'Moodleのはしごを登る' 必要があります。 '' | ||
'''プレビュー'''セクションに、ステップの基本的な画像がアップロードされます。 | '''プレビュー'''セクションに、ステップの基本的な画像がアップロードされます。 | ||
'''ドラッグ可能アイテム'''セクションで、'タイプ' が 'ドラッグ可能なテキスト' として選択され、各ステージのテキストが追加されます。 (この例では、グループと無制限の設定は使用されていません) | |||
[[File:imagedragdropdraggabletextu.png | thumb | center | 500px]] | [[File:imagedragdropdraggabletextu.png | thumb | center | 500px]] | ||
'''ドロップゾーン'''セクションでは、以前に追加されたオプションのアイテムがドロップダウンから選択されます。 | '''ドロップゾーン'''セクションでは、以前に追加されたオプションのアイテムがドロップダウンから選択されます。 | ||
33行目: | 33行目: | ||
これらのテキストは、背景画像の下に表示されます。 | これらのテキストは、背景画像の下に表示されます。 | ||
[[File:imagedragdroptextpreview.png | thumb | 500px | center]] | [[File:imagedragdroptextpreview.png | thumb | 500px | center]] | ||
テキストボックスが画像の正しい位置(階段の階段)にドラッグされます。これにより、座標がドロップゾーンセクションに自動的に追加されます。 | |||
[[File:imagedragdropdropzonescoords.png | thumb | 500px | center]] | [[File:imagedragdropdropzonescoords.png | thumb | 500px | center]] | ||
その他の設定が完了し(下記を参照)、質問が保存されます。 | その他の設定が完了し(下記を参照)、質問が保存されます。 | ||
47行目: | 47行目: | ||
'''プレビュー'''セクションでは、ヨーロッパの基本的な地図がアップロードされています。 | '''プレビュー'''セクションでは、ヨーロッパの基本的な地図がアップロードされています。 | ||
''' | '''ドラッグ可能アイテム'''セクションで、首都はタイプ 'ドラッグ可能なテキスト' として追加され、フラグはタイプ 'ドラッグ可能イメージ' として追加されます。 | ||
2020年8月17日 (月) 06:21時点における版
この問題タイプでは、生徒が単語、画像、またはその両方をリストからドラッグして、ベース画像の事前定義されたギャップにドロップできます。
問題の作成方法
問題バンクで見つけやすいように、問題にわかりやすい名前を付けてください。 (生徒には名前が表示されません。)
必要なフォーマットを使用して、問題をテキストエディタに追加します。
プレビューセクションで、背景画像ボタンをクリックして画像をアップロードします。大きい画像は最大600 x 400で表示されます。画像はファイルアップロードボックスの下に表示されます。
ドラッグ可能アイテムセクションでは、タイプを 'ドラッグ可能イメージ' のままにしておくと画像をアップロードでき、タイプを 'ドラッグ可能テキスト' に変更すると単語を入力できます。画像とテキストが混在している場合があります。
ドロップゾーンセクションでは、どのアイテムをどのゾーンに移動するかを選択します。 'プレビューをリフレッシュする' ボタンをクリックします。
次に、アイテムを背景画像に配置すると、アイテムの座標が追加されます。
注:(1)ドラッグ可能な画像は150 x 100ピクセルを超えることはできません。大きい場合は、インポート時にスケーリングされます。短いテキスト記述子も忘れずに追加してください。画像について気が変わった場合は、別の画像をアップロードして置き換えてください。
注:(2)以下を使用して、ドラッグ可能なテキストをフォーマットできます。 <sub>, <sup>, <b>, <i>, <em>, <strong> and <br/>
注:(3)同じグループ内の選択肢は色分けされており、対応する色のドロップゾーンにのみドロップできます。 '無制限' とマークされている選択肢は、複数の場所で使用できます。
例1
Moodleのドキュメント 教育学 基づいて、参加者はMoodleを教師として使用する段階を注文して、'Moodleのはしごを登る' 必要があります。
プレビューセクションに、ステップの基本的な画像がアップロードされます。
ドラッグ可能アイテムセクションで、'タイプ' が 'ドラッグ可能なテキスト' として選択され、各ステージのテキストが追加されます。 (この例では、グループと無制限の設定は使用されていません)
ドロップゾーンセクションでは、以前に追加されたオプションのアイテムがドロップダウンから選択されます。
これらのテキストは、背景画像の下に表示されます。
テキストボックスが画像の正しい位置(階段の階段)にドラッグされます。これにより、座標がドロップゾーンセクションに自動的に追加されます。
その他の設定が完了し(下記を参照)、質問が保存されます。
参加者はMoodleステージを正しいステップにドラッグする必要があります:
例2
参加者はヨーロッパの地図に正しい国旗と首都を追加する必要があります。
この質問はテキストだけでなく画像もあり、グループ機能を利用します。
プレビューセクションでは、ヨーロッパの基本的な地図がアップロードされています。
ドラッグ可能アイテムセクションで、首都はタイプ 'ドラッグ可能なテキスト' として追加され、フラグはタイプ 'ドラッグ可能イメージ' として追加されます。
すべてのドラッグ可能な画像(フラグ)はグループ1にあり、すべてのドラッグ可能なテキストアイテム(首都)はグループ2にあります。
ドロップゾーンセクションでは、以前に追加されたオプションのアイテムがドロップダウンから選択されます。グループ1のボックスは、グループ2のボックスとは異なる色で表示されます。
ボックスが背景画像の適切な場所にドラッグされると、ドロップゾーンセクションの座標が自動的に更新されます。
その他の設定が完了し(下記を参照)、質問が保存されます。
採点とフィードバック
すべてのギャップは同じように重み付けされます。正しく記入されたドロップゾーンのみがマークを獲得します。誤って入力されたドロップゾーンのネガティブマーキングはありません。
複合フィードバックが生徒に表示されるかどうかは、クイズ設定フォームの特定のフィードバック設定によって決まります。
不正な試行ごとペナルティ :使用可能なマークは、2回目以降の試行のペナルティによって削減されます。上記の例では、2回目の試行での正解は利用可能なマークの0.6666667を記録し、3回目の試行での正解は利用可能なマークの0.3333334を記録します。
質問が「複数の試行を伴うインタラクティブ」動作で使用される場合、マーキングは次のように変更されます。
- マークはペナルティファクターごとに試行ごとに減少します。
- 正しい選択が最初に選択された場合、それがその後の試行で選択されたままである場合に備えて、許容が行われます。
ヒント :これらのボックスは必要な数だけ入力できます。生徒に質問を3回試してもらいたい場合は、2つのヒントを入力する必要があります。実行時にヒントが使い果たされると、質問は終了し、学生には一般的なフィードバックが与えられ、質問のスコアが計算されます。
誤った応答をクリアする :「再試行」をクリックすると、誤った選択がクリアされます。
正解数を表示する :正解数の正解をフィードバックに含めます。
アクセシビリティ
ドラッグアンドドロップの質問はキーボードでアクセスできます。使用ドロップゾーンとの間を移動するキー各ドロップゾーンの可能な選択肢を循環するキー。
注:この質問タイプは、視覚障害のあるユーザはアクセスできません。
画像の寸法を変更する
[1]、この質問タイプの画像の最大サイズは、[https:// github。 com / moodle / moodle / blob / MOODLE_33_STABLE / question / type / ddimageortext / questiontype.php#L30これら]および#L31これらサーバのコード内の定数:
define('QTYPE_DDIMAGEORTEXT_BGIMAGE_MAXWIDTH', 600); define('QTYPE_DDIMAGEORTEXT_BGIMAGE_MAXHEIGHT', 400); define('QTYPE_DDIMAGEORTEXT_DRAGIMAGE_MAXWIDTH', 150); define('QTYPE_DDIMAGEORTEXT_DRAGIMAGE_MAXHEIGHT', 100);
define('QTYPE_DDMARKER_BGIMAGE_MAXWIDTH', 600); define('QTYPE_DDMARKER_BGIMAGE_MAXHEIGHT', 400);
例(解剖学における筋肉)
- フォーラムスレッドのAnatomy drag and drop into imageの例:
- 元々設計されていた質問(1と2)は見苦しく見えます:
追加のCSSコードを使用する新しい質問(3および4)は見栄えがよく、完全に機能します。
テキストマーカーを従来の科学図の凡例のようにするために、私(ジョセフレゾー)はローカルサイトの管理にいくつかのCSSルールを追加しました/外観/追加のHTML /次のようにBODYを開いたときのCSS:
正しい応答を維持するには、以下を実行する必要があります。ドラッグアンドドロップの質問を編集する場合は、[複数の試行]セクションに移動し、[ヒント1]オプションで[オプション]チェックボックスをオンにして、誤った応答をクリアします。
こちらもご覧ください
この質問タイプは、もともとUK Open Universityによって開発され、標準のMoodleの一部になる前の数年間、寄稿されたプラグインでした。詳細はこちらOpen University plugins hereをご覧ください。