SUMIYA Takahiro
Innovation Name:プラグインの名前:
VizPort
Innovation Description:目的・機能の説明:

まだ実用プラグインとしては未完成ですが、ポストさせていただきます。開発者:中尾岳、推薦者:隅谷孝洋

VizPortは、MoodleのDBに記録されたデータを可視化して表示するためのプラグイン(Block)です。

可視化の方法を、可視化ユニットを追加することで増やすことができるのが特徴です。可視化ユニットはJavascriptで記述します。Javascript内でインデックスをつけて特定の関数を呼び出すことで、MoodleのDBに記録されたデータを取り出してJavascriptのオブジェクトに入れることができますので、それを使って各利用者に必要な可視化をすることができます。

可視化ユニットはコース管理者レベルでアップロードできるようにしたいのですが、まだできていません。現在はVizPort/jsのディレクトリに通常ファイルとしておいておく形になっています。

DBのデータを読み込んでJavascript側に渡すところはモジュール化しておらず、プラグインの構成ファイルであるfetchdata.phpにハードコーディングしています。セキュリティ上の理由から、この部分はサーバファイルを変更できる権限を持った人だけが書き換えられれば良いという考えで、そのようにしています。

デモサイト(httpですすみません)は、ゲストでアクセスしてください。パスワードは nikutamasoba です。

右サイドバーでVizPortにアクセスできるようにしています。ログの日時の間隔を指定するようになっていますが、何も指定しなくてOKです。(全期間の扱いになります)
 
[追記 2/28] 「何も指定しなくて全期間の扱いになります」は間違いでした。すみません。何も指定しないと、アクセスログは当日分のみで、成績情報は日付に関係なく全てをとってくるようになっていました。デモコースは2023年に実施したコースですので、デフォルトで2023/10/1-12/1が入るようにしました。「アクセス棒グラフ」に影響します。ログをとってきて描画するのに20秒程度かかると思います[/追記]

Although this plugin is not yet complete as a practical tool, I am going to post it here, and recommend as best innovation prize at MoodleMoot 2026.
Developer: Gaku Nakao
Recommender: Takahiro Sumiya

VizPort is a (Block Type) plugin for visualizing and displaying data recorded in Moodle's database. Its key feature is that visualization methods can be expanded by adding visualization units. Visualization units are written in JavaScript. By assigning an index and calling a specific function within the JavaScript, we can retrieve data recorded in Moodle's database and store it in a JavaScript object, which can then be used to draw whatever visualizations each user needs.

We would like to make it possible for course administrators to upload visualization units, but this has not been implemented yet. Currently, they need to be placed as regular files in the vizport/js directory.

The part that retrieve data from the database and passes it to the JavaScript side is not modularized; it is hardcoded in fetchdata.php, one of the plugin's constituent files. The reasoning behind this is that only those with permission to modify server files should be able to make changes to this part for security.

On the demo site (sorry it's HTTP), please access it as a guest. The password is 'nikutamasoba'. VizPort can be accessed from the right sidebar. There is an option to specify a date/time range for the logs, but you can leave it blank (it will cover the entire period).

[Update 2/28] I was wrong to say, "you can leave it blank, and it will cover the entire period". Sorry about that. If nothing is specified, the access logs were being fetched only for the current day, while the grade data was being fetched in full, regardless of date specified. Since the demo course was conducted in 2023, I changed the default date range to 10/1/2023–12/1/2023. This affects the "アクセス棒グラフ (Bar chart of student access)" I think it will take about 20 seconds to fetch the logs and render the graph. [/Update]

 
 
 
 
 
 
Download or GIT repository link:ダウンロード/GITリポジトリのリンク:
Demo Site:デモサイト:
Plugins Directory Link:Moodle プラグインディレクトリリンク
Screenshot:スクリーンキャプチャー:
Tags:タグ:
アクセシビリティ

背景色 背景色

文字の色 文字の色

フォント フォント

文字の大きさ 文字の大きさ

1

画像の可視性 画像の可視性

文字間隔 文字間隔

0

行の高さ 行の高さ

1.2

リンクの強調 リンクの強調

フォントカーニング フォントカーニング

Text Alignment Text Alignment

Paragraph Width Paragraph Width

0