SOL おぼえがき
画像のポップアップなど
Adding enhanced interface components in Canvas content(インディアナ大学 Knowledge Base)
ポップアップ enhanceable_content dialog クラス
code:html
<p>
<a id="Fig18-RQ-21" href="#dialog_for_Fig18-RQ-21">
<img id="55481" src="https://sol.sfc.keio.ac.jp/assessment_questions/1473/files/55523/download?verifier=AXJeCeku3AXKNMmUHlU6EE2ax282M1OEutEP6SbG&amp;wrap=1" alt="Fig18-RQ-21.jpg" width="600" height="330" /><br />
クリックして図を拡大 Click to view larger image.
</a>
</p>
<div id="dialog_for_Fig18-RQ-21" class="enhanceable_content dialog">
<img src="https://sol.sfc.keio.ac.jp/assessment_questions/1473/files/55523/download" alt="Fig18-RQ-21.jpg" />
</div>
code:html
<p><img src="/assessment_questions/30/files/1378/download?verifier=CYfByQX1vF9noaqF9PHtMEMaDHPIf0jyAdqMvbfG&amp;wrap=1" alt="Fig11-10.jpg" width="200" height="176" /></p>
Trial Exam idあり
code:regex(1)
<p.*?><img\sid="(\d+)"\ssrc=\"(.+?)\"\salt=\"(\w-+)\.(\w+)\"\swidth="(\d+)"\sheight="(\d+)"\s\/><.*?\/p>
code:regex-replace
<p>
<a id="$3" href="#dialog_for_$3">
<img id="$1" src="$2" alt="$3.$4" width="$5" height="$6" /><br />
クリックして図を拡大 Click to view larger image.
</a>
</p>
<div id="dialog_for_$3" class="enhanceable_content dialog">
<img src="$2" alt="$3.$4" />
</div>
code:regex(2)
<p.*?><img\s.*?src=\"\/assessment_questions\/(\d+\/files\/\d+)\/download\?verifier=(\w+)^\"*?\"\salt=\"(\w-+)\.(\w+)\"\swidth="(\d+)"\sheight="(\d+)"\s\/><.*?\/p>
code:regex-replace
<p>
<a id="$3" href="#dialog_for_$3">
<img id="$3" src="https://sol.sfc.keio.ac.jp/assessment_questions/$1/download?verifier=$2&amp;wrap=1" alt="$3.$4" width="$5" height="$6" /><br />
クリックして図を拡大 Click to view larger image.
</a>
</p>
<div id="dialog_for_$3" class="enhanceable_content dialog">
<img src="https://sol.sfc.keio.ac.jp/assessment_questions/$1/download" alt="$3.$4" />
</div>
Reading Quiz
code:regex(3)
<p.*?><a\s+.*?><img\s+id=\"(\d+)\"\s+src=\"(.+?\d+\/files\/\d+)\/download\?verifier=(\w+)^\"*?\"\salt=\"(\w-+)\.(\w+)\"\swidth="(\d+)"\sheight="(\d+)"\s\/>(.+?)<\/a><.*?\/p>
code:regex-replace
<p>
<a id="$4" href="#dialog_for_$4">
<img id="$1" src="$2/download?verifier=$3&amp;wrap=1" alt="$4.$5" width="$6" height="$7" /><br />
クリックして図を拡大 Click to view larger image.
</a>
</p>
<div id="dialog_for_$4" class="enhanceable_content dialog">
<img src="$2/download" alt="$4.$5" />
</div>
Flipgrid
https://www.eduappcenter.com/apps/796?filter_text=flipgri#.X4blspMzb49
https://zoom.les.cmc.osaka-u.ac.jp/webサービスを活用する/flipgridを活用する1/
https://community.class2class.com/assets/uploads/files/1586505414777-flipgrid-の使い方.pdf
Piazza
https://s3.amazonaws.com/piazza-materials/LTI-Setup/AddingPiazzainCanvas.pdf
科目の検索でヒットさせるには
コース→設定→コースの詳細設定:可視性
「公開」などに設定する。(検証済)
「教育機関」でもいいかも(未検証)