複数ファイルの提出に関するルック&フィールの問題

複数ファイルの提出に関するルック&フィールの問題

- Tatsuya Shirai の投稿
返信数: 5

 本日,授業でファイルを提出させました.その際に学生から質問を受けて気付いた問題があります.

 添付した図のように,複数ファイルのアップロードが可能な場合,既に提出済みのファイルを削除することが可能です.これは×マークをクリックすることで実行されます.問題はこの「×」マークの意味が分かりにくいこと.以前にも「ファイルがアップロードできない」という相談を受けました.最大4個までのアップロードですから,既に4個のファイルがアップロードされている場合はどれかを削除しなくてはいけません.「上書きする場合であっても,1個を削除しなくてはいけない」と説明し,「このファイル名の右の×をクリックすると削除できる」と説明した記憶があります.でも,今回の質問は一味違います.

 「ファイル名の右に×のマークが表示されるのですが,プログラム(の課題)が間違っているって意味ですか?」

 そういう機能をMoodleに実装できたら素晴らしいでしょうね...でも利用者がそう判断するのも致し方ありません.やっぱり「×」マークで削除は分かりにくいですね.[削除]ボタンを表示するべきですね.

#多分,皆さんの現場でも同じような質問(アップロードできない,削除方法は?,バッテンはどういう意味?)が出たことがあるのではないでしょうか?

 なお,これとは別件ですが,ファイルサイズがゼロのファイルをアップロードしようとしても,


サーバへのファイル保存中にエラーが発生しました。


ファイルが見つかりませんでした - アップロードするファイルを選択しましたか?


とエラー表示されます.気持ちは分かるのですが...なにかシステム側のエラーかと思って,デバッグしてしまったことが過去にあります.もしエラーメッセージを分けることができるのならば分けたいですね.

添付 LookAndFeel_Delete.jpg
Tatsuya Shirai への返信

Re: 複数ファイルの提出に関するルック&フィールの問題

- Mitsuhiro Yoshida の投稿
画像 Developers 画像 Particularly helpful Moodlers 画像 Translators
> そういう機能をMoodleに実装できたら素晴らしいでしょうね...でも利用者がそう判断するのも致し方ありません.やっぱり「×」マークで削除は分かりにくいですね.[削除]ボタンを表示するべきですね.

下記のように課題説明文の中にインストラクションを追加することは可能だと思いますが、確かに、「×」では分かりづらいですね。笑顔

このフォームでは, 複数のファイル(最大4個に制限済み)をアップロードできます.
アップロードしたファイルを削除するには, ファイル名の右側にある「×」をクリックしてください.
Mitsuhiro Yoshida への返信

Re: 複数ファイルの提出に関するルック&フィールの問題

- Tatsuya Shirai の投稿

 バッテンマークのところを,画像入りの汎用ボタンに変更する改造を予定しています.多分,これで分かるでしょう(バッテンマークを無しにすると,書籍などで「×マークをクリック」と書かれている場合に学生が混乱するので).

 [× 削除]

こんなイメージですね.


 画面が寂しいので,ファイル名 削除ボタン の後に,タイムスタンプとサイズくらいは表示しても良いかな?とも考えています.

Tatsuya Shirai への返信

Re: 複数ファイルの提出に関するルック&フィールの問題

- Tatsuya Shirai の投稿

 ちょっと悪ノリしたかも知れません.

 file/index.phpを参考にして,こんな感じにして見ました.

 最初は [×削除] の改良だけだったのですが.

添付 upload_assignment.jpg
Tatsuya Shirai への返信

Re: 複数ファイルの提出に関するルック&フィールの問題

- Tatsuya Shirai の投稿

なお,バッテンマークを削除ボタンに変えるだけならば,mod/assignment/type/upload/assignment.class.phpのfunction print_user_files()の中の,

                        $output .= '<a href="'.$delurl.'">&nbsp;'
                                 .'<img title="'.$strdelete.'" src="'.$CFG->pixpath.'/t/delete.gif" class="iconsmall" alt="" /></a> ';

                         $output .= '<button type="button" style="border-style:ridge;border-width:1px" onClick="location.href=\''.$delurl.'\'">';
                        $output .= '<a href="'.$delurl.'">';
                        $output .= '<img title="'.$strdelete.'" src="'.$CFG->pixpath.'/t/delete.gif" class="iconsmall" alt="" />&nbsp;'.$strdelete;
                        $output .= '</a></button>';

に変えるだけでOKです.JavaScriptが正常に動作しない環境も考慮して<a href>も併用しています.

Tatsuya Shirai への返信

Re: 複数ファイルの提出に関するルック&フィールの問題

- Tatsuya Shirai の投稿

 考えてみたら,リッチな表示(ファイルサイズとタイムスタンプの表示)は複数ファイルのアップロードだけではなく,単一ファイルのアップロードでも有用ですね.対応しました.

 他にもフィードバックをファイルでアップロードする箇所などもあるのですが,そちらは自分自身が使わない機能なので,対応していません^^.