日本教育工学会

第２８回全国大会

ｅポートフォリオ時代に適応する
オフライン Web アプリ組み込みコンテンツの提案と試行
Proposal and Trial for The E-Learning Contents with Built-in Offline Web Applications
Adapted to This E-Portfolio Era
中野裕司

1,2,4,3

H. Nakano, 永井孝幸1,2,4,3

1,4,2,3, T. Nagai

1, 久保田 真一郎

1,4,2,3, S. Kubota

2

1,2,3

1,2,3, 松葉龍一

3,2,1

, R. Matsuba, 喜多敏博

3,2,1, T. Kita

3

3,2,1

3,2,1

4

熊本大学 総合情報基盤センター, 教授システム学専攻, ｅラーニング推進機構, 情報電気電子工学専攻
1234

CMIT, GSIS, IeLD, GSST, Kumamoto University＜あらまし＞ 学習成果の視覚化、省察による学習理解の深化等の観点から、近年ｅポートフォリオの重要性が高まってきた。ｅポートフォリオの入り口としてまず学習成果の蓄積が必要であるが、せっかく LMS 上で学習しても、そのデータをｅポートフォリオに蓄積するには難しい点がいくつかある。例えば、ディスカッションやクイズ等の学習活動は LMS 上でしか閲覧できない場合が多い。このような場合、LMS へのリンクという形ではLMS のユーザ登録の消失や LMS の更新で、ｅポートフォリオからデータが消えてしまい、長期間の活用を考えたｅポートフォリオシステムでは大きな問題となる。昨今の HTML5 や jQuery を活用した JavaScript を使えば、Web ブラウザさえあれば、オフラインであってもスタンドアロン動作が可能なアプリケーションが作成可能である。このようなオフライン Web アプリを学習活動が記録されたコンテンツ自体に組み込むことで、 LMS がなくとも、LMS 上でそのコンテンツを閲覧している状態に近い形で、そのファイルをどこに置いても閲覧が可能となる。本研究では、このようなファイル保存形式の提案と、ディスカッションフォーラムを学習活動が記録されたコンテンツの例とした試行を行った。
＜キーワード＞ システム開発、Web 利用、ｅポートフォリオ、標準化

1.はじめに
最近では LMS を導入してる大学もかなり多く、また LMS を活用した授業も増えつつある。LMS を使うと、科目毎に、提出レポート、ディスカッションへの投稿、教員とのコミュニケーション、クイズの問題や回答、正誤等、様々な学習成果が LMS上に蓄積される。しかし、卒業後のアカウントの消失、LMS 自体の移行や年度替えによる学習履歴等の削除によって、記録されていたデータは失われてしまう。殆どの場合、個々の学生が個別に保存しない限り維持はできない。しかも、ディスカッションやクイズ等では、保存も難しく、印刷やPDF 文書化程度しかできない。
さらに、LMS は通常科目単位の管理となっているため個人を軸に学習成果を整理することが難しく、そういった意味からも近年ｅポートフォリ
オが注目を集めている。個人を軸に学習成果を蓄積することで、科目を越えた大きなレンジで学習目標の設定が可能で、その目標に向かって省察、チュータリング等で学習を深めていくことが可能になる。

しかし、最初に提示した LMS 上の学習成果の長期保管性の問題は、ｅポートフォリオにも同様であり、アカウントの問題だけでなく、蓄積データとして LMS へのリンクを用いたり、そのｅポートフォリオ特定の機能を用いたりした場合、ｅポートフォリオの継続性等、同様の問題が発生する。
そ れ を 解 消 す る 手 段 と し て 、 Leap2a 、 IMS
ePortfolio 等の標準化への対応[1]も考えられるが、LMS 上の標準化されていない殆どの学習成果はやはり対応できない。
もし、コンテンツ（例えばディスカッションやクイズ）の保存形式が、Web ブラウザさえあれば学習成果を学習時と同様に表示できる機能を持っていれば、標準化でなくとも半永続的にその学習成果を保持できると考え、今回の研究に至った

2．コンテンツ形式の提案
最近の HTML5 や jQuery を活用した JavaScriptを使えば、Web ブラウザさえあればオフラインであってもスタンドアロン動作が可能なアプリケーションが作成可能であるため、このようなファイル形式で学習成果を保存できれば、ｅポートフ－ 667－

2012 年 9 月 16 日（日）11：10〜 12：30

会場：教育工学実験教室（SCS）

P2a−SCS−22
共有可能 (a)コンテンツファイル(.html)

jQuery（.js）

jQuery等のJavaScriptライブラリやCSSの読み込み

excanvas（.js）

flot/jqplot（.js）<script lang="javascript" type="text/javascript" src="./jquery-1.7.min.js"></script>...

その他（.js）
データ（JSON形式）読み込み

jqplot（.css）

その他（.css）

コンテンツ依存（固有） (b)<script lang="javascript" type="text/javascript" src="./data.js"></script>

JSON形式データファイル（.js）
JSON形式データファイル（.js）

オフラインWebアプリ（JavaScript）読み込み<script lang="javascript" type="text/javascript" src="./application.js"></script>

場合によって共有可能 (c)Webブラウザ上でスタンドアロン動作

アプリケーション（.js）

グラフィックスや操作ボタン等を含む動的なHTML作成アプリケーション（.css）

図 1 学習成果を含むコンテンツを保存するファイル構成の提案
ォリオ上であろうが個人の PC 上であろうが、学習時の操作性をある程度残した状態で長期保存が可能になると思われる。
図 1 に、およそのファイル構成を示すが、(a)〜(c)のファイルに関しては全てコンテンツレッドに沿って閲覧できる図 1 の構成で構築した例を図 2 に示す[2]。本例は 44 件の書き込みを含んでおり、図 1(a)〜(c)を他のコンテンツと共有するかどうかによるファイルの数とサイズを
表 1 に示す。書き込みに添付ファイルを含まなファイル中に埋め込みが可能で、極端な話、全てを埋め込むと１つの html ファイルとして扱うことも可能である。ただし、その場合は、他のコンテンツと共有可能なものを何重にも持つことになり、全体のファイルサイズが大きくなる。

い場合は、全て埋め込めば１つのファイルとなり取扱いが非常に簡単になるが、逆にサイズが大きくなる。添付ファイルがあるような場合、ファイルを１つにまとめることが難しいため、全て分割してもよいとも考えられる。

3．ディスカッションを例として

表 1. 埋め込み範囲とサイズ（例）LMS での操作性を維持したという訳ではないが、オフラインでもディスカッションの投稿をス

記事のタイトル

スレッドの時系列表示(右の記事と連動)

概要

埋 埋 埋
埋 埋

１まとめ（添付以外）
汎用ライブラリのみ外部

1
3

218
70

データのみ埋め込み
すべて分割

46122

埋

記事の投稿者

ファイ サイズル数 (kB)(a) (b) (c)4．まとめ
ディスカッションやクイズ等の通常 LMS 上でしか閲覧できない学習成果を、学習時と同様に表示できるコンテンツの保存形式を検討し、ディスカッションを例に試行した。 HTML5 や
jQuery を活用すれば、Web ブラウザさえあればオフラインでもスタンドアロン動作が可能なアプ
リケーションが作成可能であることを応用した。
参考文献[1] 久保田真一郎他, ｅポートフォリオへの学習活動データ統合の検討, JSET 第 27 回全国大会,
pp.469-470 (2011).
[2] 中野裕司他, HTML5 を利用したディスカッションの可視化とローカルファイル化の試み, 大学
e ラーニング協議会フォーラム 2011, pp.41-43.

投稿記事(カーソルキーで前後の記事へ移動)

１日あたりの投稿数の時系列変化

投稿者毎の投稿数

図 2. ディスカッションの例－ 668－