27−I2−2

e ポートフォリオシステム Mahara の画像閲覧プラグイン Albumbox の開発
Development of Images Viewing Plugin
on e-Portfolio System “Mahara”
久保田真一郎†杉谷賢一†

Shin–Ichiro KUBOTA† Kenichi SUGITANI†† 熊本大学総合情報基盤センター† Center for Multimedia and Information Technologies, Kumamoto University
E-mail: kubota@cc.kumamoto-u.ac.jp
あらまし 近年，学習成果物が電子化されたこともあり，その蓄積，評価を目的とする e ポートフォリオの研究が盛んに行われている．われわれの研究室では，オープンソース e ポートフォリオシステム mahara を利用し，研究指導を行っており，学習スキルの向上および研究過程の成果物の蓄積を目的に運用している．本報告では，研究過程における実験で生成される多数の写真画像ファイルを閲覧できる機能を追加するための e ポートフォリオシステム mahara のプラグイン開発について報告する．

キーワード e ポートフォリオ，プラグイン開発

へ画像を貼り付ける機能は，1 枚の画像を貼り付ける機能で

1. 研究背景と問題点あるため，多くの画像ファイルを一度に閲覧することができ

われわれの研究室では，昨年よりオープンソースの e ポーない．また，複数の画像を貼る場合であっても 1 枚 1 枚何回トフォリオシステム”Mahara” を利用し，現在は大学院自然も貼り付ける作業を行わなければならない．mahara を用い科学研究科の学生 3 名を対象に修士研究指導を行っている [1]．て報告書類や意見交換の共有は可能になったが，画像についわれわれのように学習者に対して使う事例以外にも，教員ては複数の画像データをアルバムのように閲覧することは難教育プログラムに適用し，学習のサポートや学習成果物のしく撮影データの抽出作業を行うには不便である．

ショーケースとして利用した事例 [2] もある．

そこで，既存のプラグイン機能を拡張し，複数の画像デー

Mahara は，ブログや掲示版といった SNS の機能とプロタファイルを閲覧できる新たなプラグインの開発を目指す．

ファイル情報などを記入する機能を持つオープンソースの eこのようにプラグインにより機能を拡張できる点も maharaポートフォリオシステムである．ユーザは，ID とパスワーの特徴である．この開発により mahara の View 機能におけドを入力し，認証を受けて利用するため，それぞれの機能をる複数の画像データの一覧表示を可能にし，研究成果を表現個人的に利用できる．Mahara は，View 機能によりショーする手段を増やすことができる．

ケースポートフォリオの役目を果たす．ユーザは，いくつも2. プラグインの開発の View を作成でき，それぞれの View にはタイトルをつけて，ブログやファイルリポジトリに保存された成果物を整理

開発の基本方針は mahara の既存プラグインを利用し，して見せることができる．各 View にはアクセス権を設定でWeb 上で公開される Javascript プログラムにより要求するき，必要な人にだけ表示するということが可能である．

機能を付加し，新たなプラグインの開発を目指す．開発する

mahara は近年開発された e ポートフォリオシステムであプラグインに求める機能は以下のとおりである．

ることから，Flash 動画や YouTube 動画を View へ埋め込み利用できる点も特徴である．もちろんファイルリポジトリ

ファイルリポジトリ内のひとつのディレクトリにある•

各画像ファイルのファイル名を表示する機能

画像ファイルすべての一覧を表示する機能

へアップロードした画像ファイルを View へ一枚一枚貼り付けることも可能である．われわれの研究室のように実験を行い，その記録にデジタルカメラを利用する場合には，画像••

各画像ファイルのファイル名をクリックしダウンロー•

アルバムのように各画像がある程度視認できる機能

ドする機能

ファイルを添付する機能は必要不可欠である．研究室内で実験の撮影データを閲覧し，実験状況を研究室メンバー間で検•画面遷移無しに複数画像を拡大し表示する機能

討確認することは珍しくない．必要な情報か否か関係無しにこれらの機能は，ファイルリポジトリに保存されるディレク撮影し，あとで必要な情報を抽出する作業は実験を行い研究トリ内のファイルの一覧を表示するファイルリスト機能によを進めるうえで必ず発生する．しかし，mahara にある View

り 1 番目から 3 番目の 3 つはすでに満たされている（図 1）．

−295−

教育システム情報学会 JSiSE2010
第 35 回全国大会 2010/8/26−8/28

一方で，このファイルリスト機能では，画像が小さく何の画良しなければならない．また，ファイルリストの各アイコン

像かハイパーリンクを開くまでわからない点や画像を並べてのサイズを調整するコードは lib.php に含まれているため，閲覧する作業を行うためにはそれぞれ一旦 PC へファイルをこれの該当箇所を改良した．以上の作業により改良を終えた

ダウンロードし画像を比較しなければならない．これらの手結果の画面例を図 3 に示す．図では，2 枚の画像を同一画面間を取り除くために，後半の 2 つの機能が必要となる．4 番

図 1 Mahara のファイルリスト機能により表示される画像ファイルの一覧

目の機能は現在のプラグインの画像表示プログラムの改良により実現し，5 番目の機能にはその機能を有する Javascriptライブラリ「highslide JS [3]」を用いる．この highslide は

図 3 Mahara のファイルリスト機能プラグインの改良版で 2 枚の画像を同一画面で表示しているところ

Javascript により多彩な画像ビューアの実現を目指したものである．これの Javascript を組み込むだけで，画面遷移無しに複数画像を表示することができる．また，このライブラリはオープンソースで開発が行われており，Creative Commons

Attributtion-NonCommercial 2.5 License に基づき公開されている．これは商用ウェブサイト上での利用には著者の許可が必要であることを意味している．

置を再度検討し，一つのフォルダとなるよう構成する必要がある．

3. ま と め
この報告では，Mahara を用いた研究指導を進める課程に

2. 1 既存プラグインの構成

おいて，実験で生成される多数の画像ファイルを画面遷移無mahara は以下のようなプラグインの種類を持つ．
•ユーザのコンテンツを扱うタイプの artefact プラグ•

ユーザ認証 API のための auth プラグインイン•

で表示されている．プラグインとするには各種ファイルの配しに閲覧し，その情報を共有する活動を支援するプラグイン開発について報告した．現状は独立したプラグインを生成するには至っていないが，既存のプラグインを改良し，その動システムに新たな取り外しできるブロックを提供する

blocktype プラグイン
これらのプラグインは mahara のルートディレクトリ（以下，mahara root）配下に lib.php というファイルを含む専用のディレクトリにより構成される．例えば，今回の開発で改良するファイルリスト機能は，artefact プラグインの一部であ作を確認できているため新たなプラグインとして構成するまでにそれほど時間は要しないと思われる．Mahara の既存のプラグインを用いれば，その拡張版を作成することは容易である．今回の報告を多く共有し，Mahara のプラグインが多く創出されることを望む．また，他の機能拡張についても今後検討していく予定である．

り，関係するファイル群は/mahara_root/artefact/file/に格納されている．今回われわれが改良を試みる機能はその中でも表示部分の改良であるため，図 2 の各ファイルの改良により実現できる．“folder render self.tpl” には，highslide/mahara_root/artefact/file/theme/raw/folder_render_self.tpl

文/mahara_root/view/view.php[3] http://highslide.com//mahara_root/artefact/file/lib.php

図 2 改良の対象となるファイルの画像閲覧機能が動作するよう改良し，“view.php” は実際に Mahara の view 機能が動作する際に highslide が動作するようあらかじめ highslide のライブラリを読み込むよう改−296−

献[1] Kubota, S., Sugitani K.: “研究指導”,[2] Gerbic, P., Maher, M.: “Collaborative self-study supporting new technology: The Mahara e-portfolio project.”, In
Hello! Where are you in the landscape of educational
technology?, Proceedings ascilite Melbourne 2008.
http://www.ascilite.org.au/conferences/melbourne08/
procs/gerbic.pdf