The 19th Annual Conference of the Japanese Society for Artificial Intelligence, 2005

1C2-01

情報発信と情報交換の統合に基づく
Web 情報共有システム Big Black Board の実装
Big Black Board : A Web Information Sharing System
Based on Transmitting and Exchanging Information
小長谷 武志∗1

大囿 忠親∗1

伊藤 孝行∗1

新谷 虎松∗1

Takeshi Konagaya

Tadachika Ozono

Takayuki ItoToramatsu Shintani∗1

名古屋工業大学大学院

Graduate School of Engineering, Nagoya Institute of Technology

Recently, the WWW (World Wide Web) has been attracting much attention as a predominant method of sharing
information. However, when users want to provide multimedia contents, they must learn how to use authoring
software or how to write HTML documents. In addition, the layout of provided information depends on information
sharing systems, whereby users can not provide information using uninhibited layout. There problems decrease theusability. In this paper, we propose a usable information-sharing system based on a large Web page called a “BigBlack Board.” In Big Black Board, users can own a place for providing information on the place for exchanging
information such as a large Web page. Any user who is unfamiliar knowledge of information technology can provide
multimedia contents easily on the Big Black Board. Furthermore, users can post information using uninhibitedlayout wherever they want on the large Web page of the Big Black Board.

1.

はじめに

Board について述べる．３章で Big Black Board のユーザビ
リティに対する考察を行い，４章で関連研究との比較を行う．
最後に，５章でまとめる．

近年，WWW(World Wide Web) は情報共有を行う場として注目されている．なかでも，機械の増大する性能をフル活用して人間の感性，想像力，創造力を刺激し，機械を思考の道具とするのにマルチメディアは必要不可欠であるとされている [7]．HTML の知識が無いユーザが簡単に情報発信を行うシ
ステムとして，Weblog[11] が存在する．情報交換を行うシス
テムとして，BBS(Bulletin Board System，電子掲示板システム)，Wiki[12]，Orkut[13]，mixi[14] などさまざまなシステ
ム存在する．上記のシステムでは，ユーザがマルチメディアコ
ンテンツを発信するためには，オーサリングソフトの取得やHTML の記述が必要となる．そのため，既存のシステム内の情報はテキスト主体になり，情報技術に携わっていないユーザには，マルチメディアコンテンツの発信が困難である．また，ユーザはシステムに依存したレイアウトで情報を提供しなけらばならず，自由なレイアウトで情報を提供することができな
い．その結果，システムにおけるユーザビリティが低下し，情報発信が促進されないことが問題となる．ユーザが自由なレイアウトで簡単に情報発信できるようなユーザビリティの高い情報共有システムが必要となる．
本論文は，広大な Web ページに基づく情報共有システム Big
Black Board を提案する．本システムは，大学の研究室などの比較的小規模なコミュニティを対象とする．本システムの目的
は，システムのユーザビリティを高めることで，ユーザの情報発信を活発にすることである．まず，コミュニティの育成を計るために，ユーザが情報発信するための領域とユーザが情報交換するための場を統合した．本システムは，HTML を使わないマルチメディアコンテンツの発信を可能にする．ユーザが情報を全体的に閲覧できるようにするために，図によりシステム
内の情報の表現する機能を実装する．以下，２章で Big Black2.

Big Black Board

2.1

Big Black Board の概要

情報共有を活発にするためには，ユーザ間で一体感を生み出すことが重要であるとされている [6]．Big Black Board は，一枚の広大な Web ページを提供する．全てのユーザが一枚の広大な Web ページ内で情報共有することにより，ユーザ間に一体感を生み出すことが可能となる．また，コミュニティにおいて，ユーザ間のトラブルを無くし，居心地の良いコミュニティを構築するためには，ユーザが自分の空間を持つことが重要とされている [9]．コミュニティを育成するためには，公と私それぞれのコミュニティ空間を作る必要があるとされている[6]．本システムは，一枚の広大な Web ページをいくつかの領域に区切り，各領域を個人の情報発信の場とすることで，ユーザが情報を発信するための私的な領域とユーザが情報を交換するための公的な領域を統合した．本論文では，区切られた領域
をセルと呼ぶ．ユーザは，自分のセルに情報を書き込むことで自由に情報発信を行い，他のユーザのセルにコメントを書き込むことで情報交換を行う．つまり，従来の BBS は街の雑踏のような雰囲気であったのに対し，Big Black Board はサイト全体が一種の共同住宅のような環境を提供する．
一般的に，ユーザビリティを高めるためには，簡単かつ直感的に学び，使用できることが重要となる [8]．そこで，BigBlack Board における情報発信に本研究室で開発された WPS
技術 [1] を用いる．WPS 技術は，Web オブジェクトを Web
ページに直接貼付けることを可能にする．ユーザは，Web ペー
ジ上でマウスをクリックし，貼付けるファイルを指定するだけ
で画像や動画を貼付けることができる．また，ペンで紙にイラストを描くように，Web ページ上に手書きでイラストを描くことができる．Web オブジェクトとは，手書きで描かれたイ
ラスト，テキスト，画像，動画，および音声を指す．WPS 技術により，HTML の知識がないユーザでも，画像，動画，お連絡先: 小長谷武志，名古屋工業大学大学院，〒 466-8555
愛知県名古屋市昭和区御器所町 名古屋工業大学大学院
工学研究科 新谷研究室，TEL : 052-733-6550，FAX :052-735-5584，EMAIL : takeshi@ics.nitech.ac.jp1

The 19th Annual Conference of the Japanese Society for Artificial Intelligence, 2005
よび音声などを含むマルチメディアコンテンツを簡単に発信することができる．また，ユーザは，システムに依存したレイア
ウトでなく，広大な Web ページ上の好きな場所に自由なレイ
アウトで情報を書き込むことができる．つまり，既存の BBSなどでは，ユーザはテキストにより情報を一次元で表現するのが一般的であったが，本システムでは，ユーザは二次元で情報を簡単に表現することができる．
本システムでは，ユーザは WPS 技術を用いて，自分が情報発信するための領域であるセルに書き込みを行う．しかし，情報共有において新しい情報を生み出したり意見交換を行うた
めには，発信された情報を介してユーザ間でコミュニケーションを図ることが重要となる．ユーザ間のコミュニケーションを可能にするために，コメント機能を実装する．ユーザは，他のユーザが所有しているセルに対して，直接セル上にコメントとしての Web オブジェクトを貼り付けることが可能である．本
システムは，自分の所有するセルへ書き込んだ Web オブジェ
クトと他のユーザがコメントとして書き込んだ Web オブジェ
クトを別々に保存する．自分のセルへの情報発信と他ユーザへのコメントは，ユーザがコメントの表示・非表示を任意に切り替えることができる点で異なる．
ユーザは，広大な Web ページをスクロールして，システム
内の情報を閲覧する．Web ページ内を全て巡回しなければ，各セルの内容や各セルの関係を全体的に把握できないことが問題となる．言語情報の伝達は逐次的であるためユーザが情報の全体像を把握するのに時間がかかるが，図は瞬時にしてその内容を伝達できる [7]．よって，従来の Weblog や BBS 等のような言語による情報の表現よりも，図による表現のほうが，ユーザに情報の全体的意味を理解させるのに有効である．ユー
ザがシステム内の情報を図で閲覧するために，セル情報テーブ
ルと呼ばれる小さなテーブルを Big Black Board 内に実装する．セル情報テーブルは，セルの内容，セルの所有者，およびセル間のコメント関係を全体図で表示する．ユーザは，セル情報テーブルを見ることにより，情報交換が活発であるセルが瞬時にわかる．また，ユーザは全体的に情報の場所を把握することにより，情報の場所を直感的かつ，長期的に記憶することができる．
情報を閲覧するだけでなく，ユーザが情報を再利用するた
めには，情報を蓄積し管理できる機能が必要である．そこで，ユーザが簡単に情報を蓄積するための機能を実装する．そして，ユーザが過去に発信した情報を簡単に管理し，閲覧するために “管理用 Web ページ” と呼ばれる Web ページが実装されている．ユーザは，セル情報テーブルにより情報を全体的に閲覧することが可能になり，管理用 Web ページにより，ユーザ
別，カテゴリ別，および時系列に各記事を閲覧することが可能になる．
一枚の広大な Web ページに全ての情報を表示すると，データのロード時間が多くなり，ユーザに負担を与える可能性がある．本問題を解決するために本研究は，Web ブラウザ内でユーザの閲覧している範囲に着目したローディング技術を開発した [2]．本技術によって，Big Black Board はユーザの閲覧範囲を取得し，閲覧範囲内の Web オブジェクトのみをサーバからロードし，Web ブラウザに表示する．ユーザが Web ブラ
ウザをスクロールすると，システムは閲覧している範囲内に逐次 Web オブジェクトを表示する．

ツールボックス

メニュー

セルの検索

ユーザログインプロパティ

セル情報テーブル

セルメニューセル

図 1: システム実行例

2.2

Big Black Board の実装

Big Black Board の実行例を図 1 に示す．一枚の Web ペー
ジサイズの初期値は，8,000 × 12,000pixels である．Web ペー
ジを縦に 10，横に 10 に区切り，セルの大きさの初期値を 800
× 1,200pixels とする．メニューには，“ユーザ登録”，“行・列の追加・削除”，および “コメントの表示・非表示” の項目がある．以下に，各項目について説明する．
ユーザ登録 ユーザは，システムを使用するために，ユーザ登録を行う必要がある．メニュー内の “ユーザ登録” を選択
し，ユーザの名前，アカウント名，およびパスワード等を入力する．ユーザは，図 1 内のユーザログインよりア
カウント名とパスワードを入力し，ログインボタンを押すとシステムにログインできる．
行・列の追加・削除 ユーザは，任意にセルの行と列を追加，削除できる．
コメントの表示・非表示 ユーザは，Web ページ上に書き込まれたコメントの表示・非表示を任意に切り替えることができる．
各セルには，セルメニューがある．セルメニューは，セルへのコメント数，ページ順，タイトル，および所有者のアカウン
ト名を示している．セルに所有者が指定されていない場合，所有者のアカウント名の部分に “entry a user?” と書かれたリンクを表示する．ユーザは，“entry a user?” をクリックし，ア
カウント名を入力すると，セルの所有者となる．
以下に Big Black Board の各機能について述べる．

情報の発信
ユーザは，ツールボックスを用いて，ユーザの所有するセルに Web オブジェクトを貼付ける．図 2 は，ツールボックスの画面と各ツールの説明を記述した図である．ツールボック
スは WPS 技術に基づいている．ユーザは，WPS 技術により

2

The 19th Annual Conference of the Japanese Society for Artificial Intelligence, 2005

select a Web Object
write a text with a balloon
erase a Web Object
shape Web objects into a group

freehand drawing
draw a ﬁgure
post a image, movie, or soundchange display order of Web objects

array Web objects

select a coat color

select a line color

release a Web page to the public

Delete an article

write a text

save

List ofcategories

図 2: ツールボックス

Content of articles
An article

Cell

Content display
Display only the userʼs articles
Move to a previous/next category

図 4: 管理用 Web ページ
ザは書き込んだ Web オブジェクトを蓄積する．まず，ユーザ
は，”select a Web Object”ツールを用いて，保存したい Web
オブジェクトを選択する．”shape Web objects into a group”
ツールをクリックし，記事のタイトルと記事の属するカテゴ
リを入力する．システムは，メタデータとして，記事のタイト
ル，カテゴリ，作成したユーザ名，および選択された Web オ
ブジェクト郡を保存する．本論文では，それらを記事と呼ぶ．
Big Black Board には，ユーザが記事を閲覧・管理するために “管理用 Web ページ” と呼ばれる Web ページがある．ユー
ザは，自分，もしくは全てのユーザの記事を時系列にカテゴリ別で閲覧することができる．管理用 Web ページの実行例を図4 に示す．システムは，“List of categorie” と記述された部分に，システム内の全記事のカテゴリのリストを表示する．シス
テムは，“Content of articles” と記述された部分に，ユーザが“List of categories” で選択したカテゴリに属する記事を時系列に表示する．記事の所有者は，各記事にはられている”delete”と書かれたリンクをクリックすると，記事を削除できる．ユー
ザは，“Move to a previous/next category” と示された矢印をクリックすると，閲覧しているカテゴリの前後のカテゴリのページを閲覧できる．ユーザが “display only your articles”と書かれたリンクをクリックすると，システムは管理用 Web
ページにユーザの持つ記事のみを表示する．

Relationship of comments

図 3: セル情報テーブル

HTML を記述することなく，Web ページに Web オブジェク
トを貼付けることができる．本システムは，他のユーザが所有しているセルに対して貼付けた Web オブジェクトをコメントとして扱う．貼付けられた Web オブジェクト，ユーザのアカ
ウント名，およびコメント時刻をコメントとして保存する．
情報の閲覧
図 3 に、図 1 内のセル情報テーブルを拡大した図とセル情報テーブルの説明を示す．セル情報テーブル内のセルを，セルの所有者によって色分けする．”Relationship of comments”
で示された矢印は，コメントを書き込んだユーザのセルと同じ色に色分けされ，どのセルのユーザがどのセルにコメントしているかを表示する．ユーザが矢印にカーソルを合わせると，システムは”Content display”で示された部分にコメントの内容を表示する．ユーザがセル情報テーブル内のセルにカーソルを合わせると，システムは”Content display”にそのセル内のテキスト情報を表示する．ユーザがセル情報テーブル内のセルをクリックすると，クリックしたセルに移動する．
また，ユーザは図 1 内の検索フィールドに文字列を入力しSearch ボタンを押すことで，入力された文字列をセル中のテ
キスト情報に含むセルを検索できる．
情報の蓄積と管理
ユーザは，自分の書き込んだ Web オブジェクトにメタデータを付加して簡単に蓄積し管理できる．以下の手順により，ユー

3.

関連研究

Berteld，Belsis，Ma らは本研究と似ておりマルチメディア
コンテンツを用いたナレッジマネジメントシステムを提案している [3] [4] [5]．しかし，ユーザは専用のアプリケーションを用いてオーサリングすることが負担になり新しいナレッジ
が増えないということが問題となる．本研究は，専用のアプリ
ケーションを用いずに Web ブラウザを用いて情報共有を行う
点で異なる．システムを使うときにも特別な設定は必要ない．
現在，既存の Web ブラウザはどの計算機にもインストールされているため，ユーザは，よりシステムを使いやすいと考えることができる．
本研究と似たローディング技術を用いたサービスとしてGoogle Maps[15] や Goo ラボ [16] がある．Google Maps は，Web ページ上に広大な地図を表示し地図内の道路や店舗情報

3

The 19th Annual Conference of the Japanese Society for Artificial Intelligence, 2005
等を表示する．ユーザは，マップ内の矢印ボタンかキーボードの十字キーを押すと，地図の閲覧範囲を動かすことができる．
ローディング技術に関して，Google Maps は，ユーザからの矢印ボタンや十字キーの操作に応じて Web ページ内の iframe
タグで指定された範囲に，XML ファイルからデータをロードしている．一方，本研究におけるローディング技術は，ユーザが閲覧している Web ブラウザの大きさにあわせた表示を行う
ため，ユーザが Web ブラウザの大きさを変えることで表示範
囲を任意に変更可能である．また，本技術は，一般的な Web
ページに対応させることが可能である．本研究におけるロー
ディング技術の特筆すべき点は，専用のアプリケ−ションやHTML を使わずに，情報発信できるユーザビリティの高い情報共有システムを提供している点である．

4.

統合した．本システムでは，ユーザビリティを高めるために，
WPS 技術により HTML を使用しない情報発信を可能にした．
本システムは，セル情報テーブルにより，一枚の広大な Web
ページ上の情報を全体的に表示する．情報共有システムでは情報を再利用できる機能が必要であるため，本システムではユーザが情報を簡単に蓄積できる機能を実装した．現在，本システ
ムの効果的な実装に関連して，情報発信におけるインセンティ
ブ，コミュニティ形成に関する研究を進めている．

参考文献[1] 西健太郎, 新谷虎松, 松尾徳朗, 田代慎治, 伊藤孝行 .: 既存
Web ブラウザを利用したオンライン編集可能な Web ページの実現, 電気学会論文誌 (部門誌)C, 電気学会 (2005).

考察[2] 小長谷武志, 大囿忠親, 伊藤孝行, 新谷虎松 .: Web ページの部分的表示による伝送量削減手法の提案, 第 67 回情報処理学会全国大会論文集 (2005).

本章では，Big Black Board のユーザビリティに関して考察する．ウェブユーザビリティの権威である Jakob Nielsen によると，ユーザビリティは学習しやすさ，効率性，記憶しやす
さ，エラー，および主観的満足度によって定義される [10]．
本システムは，特別な設定を必要とせずに Web ブラウザ上
から情報発信ができ，ユーザは HTML を記述せずに情報発信ができることから，学習しやすさは高いといえる．情報の蓄積に関して，既存の Weblog や BBS では，ユーザは，画像や動画ファイルをアップロードし，アップロードされたファイル
への URL を HTML により記述することで，マルチメディア
コンテンツを発信することができる．一方，本システムでは，ユーザは，Web オブジェクトを選択し記事のタイトルとカテゴリを記述するだけで，情報を蓄積することができる．既存のシステムと比較して情報を蓄積するためのステップ数が少ない
ため，情報を作成するときの効率性は高いといえる．本システ
ムは，WPS 技術により GUI を用いて Web ページに情報を発信することができる．また，既存のシステムがテキストベースの情報の表示であったのに対し，本システムは図による情報の表示を行っている．ユーザは，全体的に情報を閲覧することが容易になり，直感的に情報の場所を記憶できるため長期的に情報の場所を記憶することができる．ユーザが直感的に使用することができる点で，システムの使用方法や情報の場所に関して記憶しやすさは高いといえる．
情報提供者に満足を与え情報提供をさらに促進させるためには，ユーザに情報を提供するインセンティブを与える必要がある．直感的には，ユーザに具体的な報酬を与えることによって，インセンティブを与えるという方法がある．しかし，ソフ
トウェアシステムとして具体的な報酬をユーザに与えるのは現実的ではない．今後の課題として本システムは，報酬ではな
く，具体的なサービスを提供することによって，ユーザが情報を提供するためのインセンティブを与える．ユーザのインセン
ティブとなり得るサービスは，ユーザの好み，立場，状況等によって変化する．今後，Big Black Board では，ユーザの行動
履歴に基づいて具体的なサービスを特定し，ユーザに提示する仕組みを構築する必要がある．

5.

[3] Berteld, K.; Geissler, S.; Hampel, T.: Spatial Knowledge Organization in Cooperative Learning Environments - Combining Shared White board Technology
with SVG, Proceedings of the E-Learn 2004, Washington DC, USA(2004).
[4] Belsis, P.; Gritzalis, S.; Malatras, A.: Enhancing
Knowledge Management Through the Use of GIS andMultimedia, in Practical Aspects of Knowledge Management(PAKM), pp.153-158,Vienna Austria(2004).
[5] Ma, M.: Schilings,V.; Chen, T.;Meinel, Ch.: T-Cube:A Multimedia Authoring System for eLearning, AACE
eLearn 2003, Phoenix, Arizona USA(2003).
[6] 野村恭彦，野中郁次郎，櫻井祐子 .: コミュニティ・オブ・
プラクティス (2002)．
[7] 田村博 .: ヒューマンインターフェース (1998)．
[8] Preece, J.; Rogers, Y.; Sharp, H .: HumanComputer Interaction, Addison-Wesley Publishing
Company(1994).
[9] 松岡祐典，市川昌浩，竹田茂 .: ネットコミュニティビジネス入門 (2003)．
[10] Jakob Nielsen.: Usability Engineering，Morgan Kaufmann，San Francisco(1994)．
[11] Blood, R.: We’ve Got Blog: How Weblogs are Changing Our Culture. Perseus Publishing(2002).
[12] Wiki : http://wiki.org/[13] Orkut : http://www.orkut.com/[14] mixi : http://mixi.jp/home.plまとめ[15] GoogleMaps : http://maps.google.com/

本研究は，ユーザビリティの高い情報共有システム Big Black
Board を実装した．ユーザに一体感を持たせるために，本シス
テムを一枚の広大な Web ページ上で構築した．ここでは，コミュニティを育成させるために，ユーザが情報を発信するための私的な領域とユーザが情報を交換するための公的な領域を[16] goo ラボ：http://map.labs.goo.ne.jp/4