%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%
%	tani_resume.syt 使用例
%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%#! platex resume.tex
\documentclass[a4paper]{jarticle}

\usepackage{tani_resume}

\alignbeforeskip -5mm
\alignafterskip -5mm
\eqnarraybeforeskip -5mm
\eqnarrayafterskip -5mm

\jptitle{視覚刺激に対する汎用印象評価WEBシステムの構築}
\etitle{}
\jpauthor{和田　英考・斉藤　健太郎・平　貴寛・谷　聖一}
\eauthor{}
\course{}
\year{24}
\abstract{%
情報メディアとしてのコンピュータやインターネットの普及により人文科学においてもデジタル技術の応用が進んでいる.これまで日本大学文理学部情報科学研究所の共同研究である「東アジアにおける都市形成プロセスの統合的把握とそのデジタル化をめぐる研究」の一環として,「絵葉書を介したハルビン景観変遷の印象調査」を行い,そのシステムの有用性を明らかにしてきた.本システムはハルビン絵葉書にとどまらず,デジタル画像資料に対し,科学的手法に基づく実験心理学的アプローチである印象評価調査の実施を可能とするものである.
}

% 最終更新時刻の挿入
%\compheading

\begin{document}%ドキュメントの始め

\maketitle% タイトルを表示させる

\begin{multicols}{2}%文章を2段落に分ける＆文章の始め

\section{はじめに}
%背景・動機・先行研究・目的・今回やること
本研究は,平成22年度に文部科学省私立大学戦略的研究基盤形成支援事業「東アジアにおける都市形成プロセスの統合的把握とそのデジタル化をめぐる研究」の一環として行った.このプロジェクトの研究目的は,東アジアの形成を様々な分野の研究の成果を統合的に把握し,東アジア都市の多面的かつ重層的な歴史的実態を総体的に解明することである.特に,人文科学的アプローチからの都市形成の把握に,社会科学的アプローチからの都市形成の把握を加えることにより,より統合的な理解を深めることを目指している.
%
心理評価グループと共同で心理実験を実施することとなった.
実施した心理実験は「絵葉書を介したハルビン景観変遷の印象調査システム」であり,この調査のためのシステムを一昨年度から昨年度にかけて開発を行った.
一昨年度に出口直輝*1等が開発したシステムは，評定項目に対する回答の収集端末として，タッチパネル方式のタブレット型端末・iPad （Apple 社）を用いたWeb ベースで調査を行うものである．タブレット型端末を用いた利点として，情報機器の操作に不慣れな調査回答者，特に，ご年配の調査回答者にも容易に回答していただけるという点が挙げられる．ただし，特定の入力端末を用いることから，多くの方に調査に参加してもらうのは困難という欠点を有する．
一方，昨年度に市川隆敏,石見圭,高田美聡が共同で開発したシステムは，端末・場所を選ばない調査システムとし，このことにより，200名以上の授業履修を対象に実験を行うことが可能となった．また，従来は，印象調査に用いる絵葉書画像は３時期×３地域の各区分ごとに固定であったが，各区分の絵葉書画像のプールより最大10枚をランダムに提示する機能を追加した．
一昨年度から昨年度にかけての印象調査システムでは,調査材料はハルビン絵葉書としたものであり,また,質問項目などが固定されたものだった.そこで本年度は,ハルビン絵葉書にとどまらず，任意のデジタル画像を調査材料とする視覚刺激に対する汎用印象評価 Web システムの開発を行った.
本システムでは,質問項目が固定ではなく形容詞対をはじめとする多様な評価尺度項目を自由に設定することが可能である.この調査のためのシステムを斉藤健太郎,平貴寛,和田英考が共同で開発した.

\section{平成22年度・23年度システム概要}
\subsection{平成22年度システム概要}
平成22年度に心理評価研究グループと共同で心理実験を実施することとなった.実施した心理実験は「絵葉書を介したハルビン景観変遷の印象調査システム」であり,この調査のためのシステムを出口直輝*1等が開発した.調査機器として iPad が使用された.これは,調査対象者がハルビンに当時滞在経験のある高齢者であったため,操作がタッチのみである簡単なインターフェイスとして iPad が採用された.平成 22 年度システムでは,主にウェブ上のシステムとして開発されたものであった.システムにアクセスするにはウェブブラウザが必要であり，そこで使用されたウェブブラウザが iPad に初期搭載されている Safari である.平成 22 年度システムではこの Safari のみであった.さらに，使用機器も iPad のみであったためモニタのサイズが固定されていた.
\begin{center}
   \fbox{\includegraphics[width=7cm]{view2.eps}}
	\\
\figurename{1 ハルビン景観変遷の印象調査}
\end{center}
\\

\section{平成23年度システム概要}
日本大学文理学部心理学科による印象調査を行うため,一昨年度から昨年度にかけて絵葉書を通じてのハルビン景観変遷 の印象調査システムの開発を行った.  平成23年度はこの調査のためのシステムを市川隆敏,石見圭,高田美聡が共同で開発した.調査内容は,以前のプロジェクトでデジタル化した絵葉書のコレクションである黒崎コレクションを用い,絵葉書を数枚表示した後,その絵葉書から感じられる街の印象を回答するというものである. 

 平成22年度の「絵葉書を介したハルビン景観変遷の印象調査システム」で開発したシステムは，評定項目に対する回答の収集端末として，タッチパネル方式のタブレット型端末・iPad （Apple 社）を用いたWeb ベースで調査を行うものである．タブレット型端末を用いた利点として，情報機器の操作に不慣れな調査回答者，特に，ご年配の調査回答者にも容易に回答していただけるという点が挙げられる．ただし，特定の入力端末を用いることから，多くの方に調査に参加してもらうのは困難という欠点を有する
  一方,平成23年度システムでは,調査対象者が本学部心理学科のある科目を履修している学生であり,調査機器は各々のPCやタブレット型端末などを使用すること．このことにより平成23年度システムではいつでも,どこでも調査が実施できる端末・場所を選ばない印象調査システムの開発を行った.

この調査システムは,評価項目に対する回答の収集方法として調査システムを用いた Web ページでの調査データの収集を行うものである.  
アンケートはまず回答ブロックの地域の縮小画像，拡大画像が表示される．その後，各ブロックの画像が提示され，回答ページに遷移する．回答ページでは，固定の10 項目の形容詞対がひとつすつ表示される．質問は「西洋的」と「東洋的」の様に対義語が左右に並び，その下に「とても」「やや」「?」「やや」「とても」の 5 つのボタンが表示される（図 1 アンケート回答ページを参照）．この質問も人によって順番・左右の順番共にランダムに設定されている．
\begin{center}
   \fbox{\includegraphics[width=7cm]{2012_2.eps}}
	\\
\figurename{1 アンケート回答ページ}
\end{center}
\\

調査システムの利点として,200 名以上の授業履修者を対象に実験を行うことが可能になったことと,印象調査に用いる 3 時期× 3 地域の各区分の絵葉書画像のプールより最大 10 枚をランダム に提示する機能が挙げられた.
\begin{center}
   \fbox{\includegraphics[width=7cm]{view1.eps}}
	\\
\figurename{2 印象調査に用いる３地域}
\end{center}
\\

\section{平成24年度システムの狙い}
平成24年度システムを開発するにおいて, 平成22・23年度に開発されたハルビン景観変遷の印象調査システム, 心理評価研究グループ既存システムを参考にした. ハルビン景観変遷の印象調査システムでは調査機器として端末・場所を選ばないWebシステムであり, 調査結果の管理をサーバで行う. 心理評価研究グループでは, 評価尺度項目・回答方法が可変であり, 心理評価研究グループ研究員だけで運用が可能という利点があった. 平成24年度システムでは２つの参考システムの利点を取り入れた評価尺度項目・回答方法が可変なWebベースシステムの開発を行った. 

\section{平成24年度システム概要}
一昨年から昨年の印象調査システムでは，調査材料は絵葉書資料としたものであり，また，質問項目などは固定されたものであった．さらに，質問項目を変更するには，データベース技術を修得している本グループの研究協力者が作業をする必要があるなど，心理評価グループの研究者だけで印象調査を準備することは困難であった．そこで，本年度は，ハルビン絵葉書にとどまらず，任意のデジタル画像を調査材料とする視覚刺激に対する汎用的 Web 印象調査システムを構築した．
本年度の評定項目に対する回答の収集方法として,端末・場所を選ばない調査システムを用いたウェブベースでの調査データの収集を試みた.事前に発行されたIDによりログインし,回答する前に調査補助者が端末から名前・年齢・性別等の基本項目から,眼鏡をしているか,現状の視力はなど調査に応じた被験者の個人情報を聞く事の出来る様整えた.登録が完了することでアンケートが開始する.下記で詳細を説明していく.
\subsection{ログイン画面}
被験者が最初に見るページが（図１）である.ここのスタートを押す事で,ブラウザよる"戻る"ボタンを廃止し,アドレスバーの無効化した新規ウィンドが立ち上がる.これにより,被験者における悪意の有無を問わず誤操作を制限した仕様にした.
    \begin{center}
    \fbox{\includegraphics[width=7cm]{start.eps}}
	\\
      \figurename{1　被験者の最初の画面}
       \end{center}
（図２）の画面にて,事前に調査用に発行されたIDとパスワードでログインをする.IDは英字3文字,数字4桁からなる文字列で構成される.AAA〜ZZZまでの英字3文字によって問題の種類を分岐させているため,26文字の3乗である最大17576種類のアンケートを同時に配信する事が出来る.また一つのアンケート付き,被験者数は最大9999人まで可能である.
    \begin{center}
    \fbox{\includegraphics[width=7cm]{login.eps}}
	\\
      \figurename{2　ログイン画面}
    \end{center}
    \begin{center}
    \fbox{\includegraphics[width=7cm]{login_error.eps}}
	\\
      \figurename{3　ログインエラー画面}
    \end{center}
IDは被験者と非被験者とを区別する役割（図３）も持つが,その他"2つ"の機能もある.

    \begin{center}
     \fbox{\includegraphics[width=7cm]{answer_fin.eps}}
	\\
        \figurename{4　回答終了画面}
    \end{center}
   （図４）被験者が一度アンケートを終了している場合に表示される.厳密には後述にあるアンケート最後のコメントを入力した場合に,それらの値がデータベースに残っている際に表示される.
    \begin{center}
     \fbox{\includegraphics[width=7cm]{timeout.eps}}
	\\
        \figurename{5　配信期間切れ画面}
    \end{center}
 （図５）調査補助員が予め設定した期間に該当しない場合に表示される.西暦から月,日,時,分で定義出来,サーバー内の時間で管理されるため,個々のデバイスによる時間では依存しない.
\subsection{個人情報入力画面}
個人情報入力では,プライバシーの保守に留意した.セキュリティーや被験者の利便性など向上させるため,いくつかのシステムが組み込まれている.
セキュリティーに関しては共同研究の斉藤健太郎氏の方で詳しく述べられているため割愛する.
\\この画面における質問項目は調査によって多岐に渡る事が想定されるため,可変的でありたいとの要望があった.そのため,項目となる値はすべて事前に設定されたデータベース上から取り出しているため,常に可変的であることを仕様としている.（図６）
\\必須項目においての判断も同様である.必須とする場合データベース上の該当する値を0から1へ変更する事で,画面上では赤い※マークが記載される.※がついた項目が未記入の際に登録ボタンを押すと,インライン・バリデーション機能が働き,Javascriptによって処理されるためサーバーとのやりとりをする事なく,ストレス無く再記入が臨める様な仕様となっている.
    
     \begin{center}
     \fbox{\includegraphics[width=7cm]{person.eps}}
	\\
        \figurename{6　個人情報入力画面}
    \end{center}
    
記入後,次の画面へ遷移すると個人情報の入力の確認画面（図７）があり,ここで記入ミスの確認が行える様になっている.もし修正する必要がある場合は,画面内の戻るを押す事で,先程入力した情報を維持したまま画面が戻り,再記入を行う事が出来る.
    \begin{center}
        \fbox{\includegraphics[width=7cm]{person_check.eps}}
	\\
        \figurename{7　個人情報入力確認画面}
    \end{center}
    
\subsection{説明画面}
個人情報入力後,本アンケートにおける主旨説明の画面となる.ここでは調査補助員が事前に入力するのだが, HTMLに対応した作りになっている.$\langle br/ \rangle$で改行, $\langle b \rangle$で大文字など基本的なマークアップが可能となっている. ここでの最大文字入力数は1024文字である.
 \begin{center}
        \fbox{\includegraphics[width=7cm]{explain.eps}}
	\\
        \figurename{8　説明画面}
    \end{center}
    
\subsection{アンケート画面}
アンケートには単一選択・複数選択・段階選択(※)の実験方式を採用している.
１つの動画像を表示し,それに対して設けられた設問に回答するという形式である.
動画像数は最大300枚,一動画像における最大設問数は100問である.
\subsubsection{単一選択（図９）}
一つの問いに対して,複数の選択肢からただ一つ選んで回答する形式.
複数の選択肢の数は最大10である.
\subsubsection{複数選択}
一つの問いに対して,複数の選択肢から複数選んで回答する形式.
単一選択と同じ選択肢の数は最大10である.
\subsubsection{段階選択}
一つの問いに対して,二つの選択肢のうち近い方を数値的に段階で選択する形式.
\\一般的には形容詞対と呼ばれる,2つの相反する形容詞を並べる事が多い.（ex：大きい＆小さい,明るい＆暗い,等）段階数値はアンケート毎で設定が出来る様になっており,0〜9,1〜10,など始めと終わりを設定し,それを1刻みで選択する仕様である.
\\（※2012/1/1時点未実装）

\begin{center}
        \fbox{\includegraphics[width=7cm]{survey.eps}}
	\\
        \figurename{9　アンケート画面}
    \end{center}
    
\subsection{コメント画面}
アンケートを繰り返し行い,終了すると最後にフィードバック画面（図１０）として,被験者に感想を得る事が出来る.ここでは本アンケートを行い,最後に聞きたい事,あるいは記述式に答えて貰う用途にも使用出来る.
\begin{center}
        \fbox{\includegraphics[width=7cm]{comment.eps}}
	\\
        \figurename{10　コメント画面}
    \end{center}
    
\section{終了画面}
終了画面を通る事で,本アンケートが終了と見なされる.ここから"ログイン画面に戻る"を押す事で再度別の試験を行う事も出来る.
  \begin{center}
        \fbox{\includegraphics[width=7cm]{end.eps}}
	\\
        \figurename{11　終了画面}
    \end{center}

\section{仮想マシンの構築}
視覚刺激に対する汎用的web印象評価システムでは仮想サーバ VMwareを導入している.
\subsection{仮想化技術}
仮想化技術とは，コンピュータの物理的な資源，プロセッサやメモリ，ストレージを分割し，それぞれが独立したコンピュータのように稼働し，別々に OS やアプリケーションを動かせる．仮想化の利点は，物理的に複数の資源を管理する場合に比べ管理が容易であり，資源を必要に応じて配分できるという点である.
\subsection{仮想マシンの構成}
・CPU:1 個

・メモリ:1GB

・OS:Ubuntu Linux (64bit)

・Apache + MySQL + PHP
\section{データベース構成}
前年度システムでは質問項目などは固定されたものであり,質問項目を変更するには，データベース技術を修得している本グループの研究協力者が作業をする必要があるなど，心理評価グループの研究者だけで印象調査を準備することは困難であった.本年度は将来的に，心理評価グループの研究者が自ら評価尺度項目を設定できるインタフェースを用意できるよう，データベースの基本設計を行った.本システムにおいて 9つのテーブルを使用しているが,この中でも単一,複数,段階選択の設定のデータベース構成について述べる.
\subsection{IDテーブル}
 IDテーブルは,整数型の id, 文字型のpass 2の列から成る. id はユーザーを一意に識別するための番号を, pass はユーザに対するパスワードを格納する.このテーブルは将来的に, 管理 ページから操作する事ができ, 新たなユーザーの追加・ 削除・パスワードの編集を行う事が出来る.

\subsection{Questionテーブル}
Questionテーブルは整数型のid\_a, type, chooseの3の列から成る.id\_aはログインした際に,ユーザのidを, typeは1,2ならばChoiceテーブル,3ならLevelテーブルを判断,chooseはLevel,Choiceテーブルのid\_aを判断するものである.

\subsection{Levelテーブル(段階選択)}
Levelテーブルは整数型のid\_a, start, end, 文字列型のgood, badの5の列から成る. startとendには段階選択の段階を, goodとbadには評価項目が入る.例えばstartに 1, endに 5という整数, goodに好き, badに嫌いという文字列が格納されているならば好きから嫌いの5段階評価を表す.

\subsection{Choiceテーブル(単一,複数選択)}
Choiceテーブルは整数型のid\_a, item, 文字列型のi1からi10の12の列から成る.itemは単一,複数選択の評価項目数を, i1からi10はその評価項目が入る.例えばitemに4が格納されているならばi1からi4に東,西,南,北という文字列が格納されている.

\section{セキュリティ基本対策}
\subsection{概要}
本アンケートでは画像を配信する.心理実験に用いる画像には種々の利用条件が課されている.初めて見た刺激で実験しないと実験結果に影響が出てしまうので,画像の流通を防ぐ必要がある.

そこで,基本的なセキュリティ対策を施した.
\subsection{サーバ情報の隠蔽}

Apacheには様々なVer.があり,それぞれのVerに固有の脆弱性が存在する.URLをわざと打ち間違えると404error,Not Faundが表示され,その際にApacheのVer.が表示されてしまう.ここでVer.が把握され悪用される恐れがあるので,図１から図２のように404errorの際にApacheのVer.が表示されない様に設定をした.
\begin{center}
    \fbox{\includegraphics[width=7cm]{ApacheVer.eps}}
	\\
\figurename{1 Ver.有り}
\end{center}

\begin{center}
    \fbox{\includegraphics[width=7cm]{ApacheNoVer.eps}}
	\\
\figurename{2 Ver.無し}
\end{center}

\subsection{画像の保存禁止}
画像が表示される際,右クリックをすると画像の保存というボタンが表示される.今回,画像の流通防ぐ為,右クリック保存を禁止にした.

今回は画像にspacer.gifという透明なカバーをかけてコピーを防ぐ手法を用いた.これにより,右クリックをしても画像の保存というボタンが表示されなくなった.

\subsection{画像の直リンク禁止}
右クリックで画像の保存を禁止したが,画像の保存方法はまだ多く存在する.例えば,HTMLのソースを表示し画像の名前を調べ上げ直接アクセスすることによって画像を晒せてしまう.ディレクトリにアクセスしても同様である.

そこで,拡張子が.jpg,.png,.gifであるファイルへのアクセスができないように設定することで画像への直リンクを防ぐことができた.

\begin{center}
   \fbox{\includegraphics[width=7cm]{directory.eps}}
	\\
\figurename{3 設定前}
\end{center}
\\
\begin{center}
   \xbox{\includegraphics[width=7cm]{nodirectory.eps}}
	\\
\figurename{4 設定後}
\end{center}


\subsection{SSLの導入}
本アンケートではWebブラウザ・Webサーバ間で情報をやり取りしている.情報の盗聴を防ぐ為に,SSLを導入した.

SSLとはSecure Socket Layerの略で,インターネット上で情報のセキュリティを高める暗号化通信プロトコルである.

具体的には,WebブラウザとWebサーバ間の通信を暗号化することで第３者による盗聴を防ぐ.また,サーバ証明書によりなりすましを防ぐことができる.

\subsection{SQLインジェクション対策}
本アンケートではデータベースと連動したWebアプリケーションである.データベースへの問い合わせや操作を行う際,SQLインジェクションに気をつけなければならない.

SQLインジェクションとは,データベースへの問い合わせや操作を行うプログラムにSQL文の断片を与えることによってデータの改竄や情報を不正に入手されてしまうセキュリティの攻撃手法である.

今回,文字を入力する箇所に対して特殊文字(;や'など)をエスケープする処理を施した.これによって,データベースを操作する際にSQL文が不正に実行されないようになった.

\subsection{電子透かしの導入}
本アンケートのみならず,プロジェクト全体で電子透かしを導入することにした.

電子透かしとは画像や動画,音声などのマルチメディアデータに,画質や音質にほとんど影響を与えずに特定の情報を埋め込む技術である.これにより著作権を守る事が可能である.紙幣の透かしをイメージしていただければ分かりやすいであろう.

専用の電子透かし検出ソフトに読み込ませると,作者名やコピー回数などの埋め込まれた情報が表示される.
\section{終わりに}
今後の課題として，アンケート画面のウェブブラウザ描画エンジンによる差異吸収を完全にする．モニタのサイズによる描画の差異吸収.また,心理評価グループの研究者が自ら評価尺度項目を設定できるインタフェースを用意できるようにすることなどが挙げられる．

\end{multicols}
\begin{thebibliography}{7}%参考文献({2}：2つ参考文献があるという意味)
\bibitem{deguchi1}
出口直輝：—絵はがき歴史資料のデジタルアーカイブ化による付加価値の試み—日本大学大学院総合基礎科学研究科地球情報数理科学専攻修士論文，2011．
\bibitem{deguchi2}
出口 直輝, 黒田梨紗子, 鈴木聖矢, 水谷美香：戦前期ハルビン絵はがき Web 検索システムの再構築
\bibitem{deguchi3}
出口直輝, 島田裕輝, 中西俊裕, 小林周一, 林裕之：資料館デジタルミュージアムシステムの構築
 \bibitem{shinri}
東アジアにおける都市形成プロセスの統合的把握とそのデジタル化をめぐる研究 心理評価研究グループ :  H24年度活動概要報告書
\bibitem{shinri}
東アジアにおける都市形成プロセスの統合的把握とそのデジタル化をめぐる研究 基盤作成グループ:  H24年度活動概要報告書
\bibitem{apache}
鶴長鎮一:Apache[実践] 運用/管理
\bibitem{SQLinjection}
GIJOE:PHPサイバーテロの技法 攻撃と防御の実際
\bibitem{url}
IT用語辞典:http://e-words.jp

\end{thebibliography}%参考文献終わり
\end{document}

