学習進捗状況をグラフィカルに表示する Moodle プラグインの開発
長岡 千香子, 喜多 敏博, 平岡 斉士, 鈴木 克明
熊本大学 教授システム学研究センター
cnagaoka@kumamoto-u.ac.jp

Development of a Moodle-Plugin to Indicate Learning Progress GraphicallyChikako Nagaoka, Toshihiro Kita, Naoshi Hiraoka, Katsuaki Suzuki
Research Center for Instructional Systems, Kumamoto University
概要
近年、Coursera や edX 等でオンラインコースが提供され、多数の学習者が受講している。
これらのオンラインコースを提供するプラットフォームの機能として、学習者の学習進捗状況を表示する学習進捗管理画面が設置されていることが多い。しかしながら、複数のコースの学習進捗状況を一覧で表示する「サイト全体の学習進捗管理画面」では、学習進捗状況を詳細に把握することは難しい。そこで本研究では、「サイト全体の学習進捗管理画面」
において、学習者の学習進捗状況をグラフィカルに表示する Moodle 機能を開発した。また、開発した機能を実際にオンラインプログラムで利用した。本発表では、MOOC プラットフォームおよび Moodle の学習進捗管理画面、本研究で開発した学習進捗管理画面、実際に本機能をオンラインプログラムで利用した際の学習者の利用状況を説明する。

1

はじめに近年、MOOC の発展は目覚ましいものがあり、MIT とハーバード大学が設立した edX[1]やイギリスの Open University が設立した FutureLearn[2]など、多くの MOOC 用のプラットフォーム上で多様なオンラインコースが提供されている。国内でもMOOC としてサービスを提供している gacco では、東京大学や早稲田大学といった多くの大学が誰でも無償で受講できるコースを提供しており、証明書の取得も可能である。
これらのプラットフォームでは学習進捗管理画面が提供されており、情報の表示方法はプラットフォームによって異なる（図１および表１）。また、学習進捗管理画面にも２種類があり、複数のコースの学習進捗状況を一覧で表示する「サイト全体の学習進捗管理画面」と、各コースの内部でそのコースの学習活動の進捗状況を表示する「コース内部の学習進捗管理画面」がある。一つ目の「サイト全体の学習進捗管理画面」では、各コースの学習進捗状況をパーセンテージ形式で表示するケースが多く、一方、「コース内部の学習進捗管理画面」では、課題で取得した点数等、より具体的に各学習活動の情報を表示しているケースが多いと考えられる。

507
508

図１：FutureLearn の学習進捗管理画面[2]このような画面構成の場合、「サイト全体の学習進捗管理画面」でそのコースの学習活動がどれぐらい完了したのか目安をつけ、その後、「コース内部の学習進捗管理画面」で具体的にどの学習活動が完了していないのか確認する流れとなる。
しかしながら、複数のコースを並行して学習する場合、「サイト全体の学習進捗管理画面」を確認をしても、各コースが完了したかどうかしかわからず、具体的にどのような学習活動を終えると、そのコースが完了になるのかわかりにくい。既に学習者が履修している複数のコースの学習進捗状
況をグラフィカルに表示し、画面上のボタンをクリックすると、直接 Moodle 上の該当する学習活動の画面へアクセスできる機能は熊本大学教授シス

表１：MOOC プラットフォームおよび Moodle が提供している学習進捗管理画面
概要

サイト全体の学習進捗管理画面
コース内部のコース完了条件が学習活動へのアクセス読み取れるかサイト全体の進捗管 ー
理画面はない。

ーCousera

FutureLearn

EdX

各コースのタイトルとイメージ画像が表示され、その下に学習進捗状況を示すバーが表示される。
学習活動を完了するごとにバーの色が変化する。
最終的な成績がパーセンテージ形式で表示されるが、学習進捗は表示されない。

各コース内部の学習活 すべての学習活動動への直接的なアクセ が進捗画面に反映されている。
スは不可能。

各コース内部の学習活 ー動への直接的なアクセスは不可能。

概要

コース内部の学習進捗管理画面
コース内部のコース完了条件が学習活動へのアクセス読み取れるか成績表示画面で学習進捗状況を把握することができる。各学習活動の点数や提出状況など、詳細な情報を確認できる。
円形のグラフとして、パーセンテー
ジ形式で学習進捗状況を表示。

学習活動名をクリック
すると、各学習活動の画面へアクセスすることができる。

各学習活動の点数や提出状況など、詳細な情報を確認できる。

学習活動名をクリック
すると、各学習活動の画面へアクセスすることができる。

コース完了条件となる課題のみが成績表示画面に表示されるので、自身の状況を理解しやすい。

学習活動への直接的な コースに含まれるすべての学習活動アクセスは不可能。のうち、どれぐらいを終えたのかという情報のみがグラフィカルに表示される。
自身がコース完了条件に対してどれぐらいの学習活動を完了しているのか、図として情報を表示している。
学習活動名をクリック 自身がコース完了
すると、各学習活動の 条件に対してどれ画面へアクセスするこ ぐらいの学習活動を完了しているのとができる。
か、図として情報を表示している。

各コースのタイトル 各コース内部の学習活 「修了証に必要なとイメージ画像の下 動への直接的なアクセ 評価」として、Gaccoに「課題全体の得点 スは不可能。
コースを完了する(Open率」と「修了証に必ために必要な学習
edX ベー 要な評価」がパーセ活動がどこまで完ス)ンテージ形式で表示了しているのか表される。
示される。

成績表示画面で学習進捗状況を把握することができる。各学習活動の点数や提出状況など、詳細な情報を確認できる。

各コースのタイトル 各コース内部の学習活 すべての学習活動とイメージ画像が表 動への直接的なアクセ が進捗画面に反映示され、その下に学 スは不可能。
されている。
習進捗状況を示す
Moodle
バーと完了状況が標準機能 パーセンテージ形式が表示される。学習活動を完了するごとにバーの色が変化する。

学習進捗管理画面はない。

テム学専攻で開発されていた[3]。しかしながら、学習進捗管理画面上には、各コースのタイトル

このシステムは Moodle とは別のシステムとしてとイメージを表す画像（以下、コース画像）、学習独自に開発されたものであり、誰でも容易に導入進捗状況を表すバー（以下、学習進捗バー）が表することは困難であった。

示される。

――

そこで本研究では、学習者が「サイト全体の学尚、本プラグインは既存のテーマである習進捗管理画面」で、各コースを完了するために、「Adaptable」[4]およびコース内部で学習進捗状況

どの学習活動を終えなければならないのかが容易をカラーバーで表示する「完了プログレス」[5]とにわかる機能を設計・開発した。

いう機能を Moodle にインストールした上で利用2することを想定したプラグインである。

学習進捗管理画面機能の開発

2.2 学習進捗バーの表示
各コースの学習進捗状況は、コース画像の下に

2.1 学習進捗管理画面機能の概要
本研究では、「サイト全体の学習進捗管理画面」学習進捗バーとして表示される。学習進捗バーは上で（１）各コースを完了するために完了すべき複数のブロックで構成され、各ブロックは各コー学習活動を把握できること、（２）まだ完了していスを完了するために完了すべき学習活動と対応しない学習活動を把握し、容易に未完了の学習活動ている。ブロックにマウスオーバーすると対応すの画面へアクセスできること、（３）コースを完了る学習活動の名前と完了状況（未了・完了等）がしたことが明確にわかることの３条件を満たす学表示され、学習活動が完了すると、ブロックの色習進捗管理画面機能を Moodle のプラグインとしが青色から緑色へ変化する。尚、コース内に設置て、設計・開発した（図２）。

されたすべての学習活動が学習進捗バーにブロッ508509図 1：開発したサイト全体の学習進捗管理画面の一例
クとして表示されるのではなく、各コースの完了開発と普及」として、現役の大学教員および将来に必要な学習活動として指定されたもののみがブ大学で教育に携わる研究者を対象として、授業のロックとして表示される。

設計や評価方法について学習できるオンラインコ

そのため、本機能の利用を希望する場合は、事ースの設計・開発を行っている[6]。本プログラム

前に各コースの「コース完了」の設定画面でコーの無料版は不特定多数の学習者を想定した一般公スの完了条件にどの学習活動を含めるのか設定す開型のプログラムであり，画面の利用方法や学習る必要がある。の進め方等について事前に詳しい説明やオリエン

尚、本機能は第三者によって既に開発、公開さテーションがなくても利用できるようにする必要れている「完了プログレス」という機能を元に開があった．そのため、本研究で開発した機能を元発している。この機能ではコース内部のすべてのに学習進捗管理画面を提供することで、学習者が学習活動をブロックとして含む学習進捗バーとし自分の学習進捗状況を容易に把握でき、学習進捗て表示し、ブロックにマウスオーバーするとコー管理画面に表示された情報を元に各コースの学習ス内部の学習活動が表示される機能である。本研

活動へアクセスできるように設定した。具体的に究では、この機能に対して、（１）学習進捗バーがは、４つのコースをサイト全体の学習進捗管理画サイト全体の進捗管理画面上で表示される、（２）面上に表示し、各コースを完了するための条件とコース完了の条件として設定された学習活動のみなる実力テスト等の学習活動が学習進捗バーにブがブロックとして表示されるようにカスタマイズロックとして表示されるように設定した。

した。

約 3 か月間の学習期間の後、学習者８名（表中2.3 コース画像の切替とコース説明の表示

P１から P８）が学習進捗管理画面を利用したのか、コース画像はコース未了時とコース完了時で学習履歴に基づく分析を行った（表２）。「学習活２種類の異なる画像を表示することが可能である。

動数」は、学習者が Moodle 上で行ったページを見また、コース画像にマウスオーバーすると、各コる、クイズを受験する等の行動の総数を示していースの設定画面で設定したコースに関する説明文る。また、学習進捗管理画面から各コースおよびが表示される。

各コース内部の学習活動へのアクセスの回数をまとめた。

3 オンラインプログラムでの利用

その結果、一人の学習者を除いて、学習進捗管著者らが所属する熊本大学教授システム学研

理画面の学習進捗バー上のブロックをクリックし究センターでは現在、「学び直しを支援する社会人て各コース内部の学習活動へアクセスしており、教育専門家養成［短期プログラム］パッケージの頻繁に利用している学習者（P5）も見受けられた。

509510表２：学習進捗管理画面の利用回数

学習活動数

P1P2
P3P4P5P6P7P8487513042445
2187
2510
2140
18262186

学習進捗管

学習進捗管理画

理画面から面から各コース各コースへ

内部の学習活動のアクセスへのアクセス

141534113433229
103

おわりに
本稿では、既存の MOOC プラットフォームおよび Moodle の学習進捗管理画面、本研究で開発した学習進捗管理画面、実際に本機能をオンラインプログラムで利用した際の学習者の動きについて説明した。
今後、学習者に対するヒアリング等を通じて、より効率よく学習を進めるために学習進捗管理画面に求められる機能を検討し、改善につなげたい。

参考文献[1] edX
https://www.edx.org/[2] FutureLearn
https://www.futurelearn.com/[3] 教授システム学・専攻ポータルサイトについて
http://www.cc.kumamoto-u.ac.jp/sites/static/arcm
it05/ryu.html[4] Moodle Plugin Directory「Adaptable」
https://moodle.org/plugins/theme_adaptable[5] Moodle Plugin Directory「Completion Progress：完了プログレス」
https://moodle.org/plugins/block_completion_progress[6] 教育改善スキル修得オンラインプログラム（科目デザイン編）
https://kyoten1.cica.jp/moodle/

510
511