DEIM Forum 2015 D7-3 432 8011 3-5-1 / PD 191 0065 6-6 191 0065 6-6 432 8011 3-5-1 E-mail: cs11077@s.inf.shizuoka.ac.jp, hirota-masaharu@tmu.ac.jp, ishikawa-hiroshi@tmu.ac.jp, yokoyama@inf.shizuoka.ac.jp, MediaWiki 1 PDF PDF QR 1. 2 2 MediaKenja 2 3 4 5 2. Web Web PC PC Web Web Web Web WBT Web based Training
WBT [6] [7] [8] [9] Web [1] WBT [2] [3] ipad PC ipad ipad ipad [4] QR QR [5] IC IC PDA IC PDA US-ASCII 4,296 QR IC IC IC QR QR QR 3. 3. 1 A BB A A CC
1 3. 2 1 : 20 Google IT 20 : 900 3. 3 3 2013 11 9 10 A5 70 2 2 2 3 2014 1 27 2 3 2 10 3 2014 130 A5 1
Web 3. 4 QR IC MediaKenja 4. Media Kenja MediaWiki Web 3 2 4. 1 Web 2 Web Web DB MediaWiki PHP Web PDF Web DB MediaWiki Apache MySQL PHP MediaWiki PHP MediaWiki PHP CSS Javascript PHP FPDF WebAPI Google Chart API 4. 2 MediaWiki Web WikiMediaWiki Wikipedia 4 3 Web http://media.cs.inf.shizuoka.ac.jp 4 http://ja.wikipedia.org
ストに耐えられるように設計されているため 大人数が利用し ても問題ない また 開発者が独自に外観を変更したり 機能 の拡張を行ったりすることも可能である メディアカードもまた カード項目同士がキーワードやカテ ゴリ 著者などで結びついている 大量の断片的なコンテンツ である また 教材を載せたシステムは 数十人規模で利用者 が同時に操作を行うことも想定される さらに 複数の教員に よる協働的な記事の執筆は Wikipedia における集合知のあり 方と軌を一にする 以上のことから MediaWiki をシステム の基盤として採用し スキン 拡張機能のインストール プロ グラムの修整と追加によって機能の実装 および外観の変更を 行った FPDF 注 5 は無償で利用可能な PHP 用の PDF 生成ライブラ 図3 カードのページ リである 大きな特徴として PDF のテンプレートを利用でき ること 追加のライブラリを適用して日本語が利用できること が挙げられる 提案システムでは 紙媒体から電子媒体を参照 する手段として QR コードを採用したが QR コードのような 画像も形式が合っていれば FPDF で読み込み可能である QR コードは 2 次元バーコードの一種であり 正方形の白黒のモ ザイクでデータを表現する Google Chart API 注 6 では QR コードを取得するための WebAPI を提供しており QR コード で表現する文字列 および取得する画像のサイズに関するデー タをパラメータに指定してリクエストを行うと PNG 形式の画 像データのレスポンスを返す 単純利用する場合 API キーは 不要で自由に使うことが可能であり 負荷分散のために 10 個の エンドポイント URL が用意されている 経験的に言えば QR コードのモザイクのドットは文字列が長いほど小さくなり 生 図 4 カテゴリのページ 成される画像は印刷すると粗くなりやすくなるため カメラに よる QR コードの認識率は低下すると考えられる MediaWiki では 日本語を含む URL が存在するため URL エンコードし た際の文字列が指数関数的に長くなってしまい URL 全体の 文字列も長くなる こうした日本語を含む URL の短縮方法は 今後の課題としている カテゴリを指定した PDF ダウンロー ド機能は主に FPDF と Google Chart API で成立している 4. 3 クライアントのインタフェースと機能 本システムの機能を クライアントのインタフェースと共に 説明する 図 3 図 4, 図 5 にカードのページ カテゴリのペー ジ 掲示板のページのインタフェースをそれぞれ示す 視覚的 なユーザインタフェースは各ページで統一している 検索窓 タイトルおよび本文中の単語がキーワードと一致す るページの検索が可能である キーワードを入力して 表示 図5 掲示板のページ ボタンをクリックすると 検索結果ページに遷移する 入力 フォームにキーワードを入力した状態で下方向キーを押すと 図 6 のように 文頭一致するカード項目のタイトルがサジェス トされる カテゴリ欄 すべてのカードとカテゴリのページに対して 0 か ら複数個のカテゴリを登録する事が可能である カテゴリの命 注 5 http://www.fpdf.org 注 6 http://developer.google.com/chart 図6 検索窓のサジェスト
7 folksonomy 7 8 PDF PDF PDF PDF 1 1 MediaWiki API URL QR PDF 8 PDF 9 4. 4 5 Web 8 2015 ABC 2015 PDF PDF URL QR PDF PDF 2015 2015 AB QR PDF Web QR QR URL Web Web
QR A A C C 5. MediaWiki Media Kenja Web QR QR Web 10 [1], Web,. ET,,2002 [2],,, Web WebMemo,,2006 [3],, ipad PC,,2012 [4] 2008 [5] 2010 [6] 2009 [7] WBT 2006 [8] e 2010 [9] WBT CollabTest