付録６－２

教科「情報」の CBT 試験を
TAO で実施するための PCI に関する調査研究業務（データ活用問題）

調査研究報告書

2022 年 3 月 25 日
Ver.1.0

目次
1. はじめに .................................................................................................................................... 2
2. PCI の開発 ................................................................................................................................. 3
2.1. 基本方針 ............................................................................................................................. 3
2.2. PCI の開発内容 ................................................................................................................... 4
2.2.1. 「テスト開発者と管理者」部分 ................................................................................. 4
2.2.1.1. 集計値の表示項目の編集................................................................................... 15
2.2.1.2. 多言語対応 ........................................................................................................ 16
2.2.2. 「受験者を監督」部分.............................................................................................. 18
3. 作成した PCI の構成 ................................................................................................................ 20
3.1. 散布図 .............................................................................................................................. 20
3.1.1. PCI ファイル構成 ...................................................................................................... 20
3.1.2. PCI を構成するファイルの説明 ................................................................................ 21
3.2. クロス集計 ....................................................................................................................... 22
3.2.1. PCI ファイル構成 ...................................................................................................... 22
3.2.2. PCI を構成するファイルの説明 ................................................................................ 23
4. PCI マニュアル作成 ................................................................................................................. 24
5. センタ等への報告・協議 ........................................................................................................ 25
5.1. 有識者会議等の開催日程 ................................................................................................. 25
5.2. 有識者会議等での協議とその結果................................................................................... 26

1

1. はじめに
件名：教科「情報」の CBT 試験を TAO で実施するための PCI に関する調査研究業務（データ
活用問題）
（以下、
「本件」と言う）に関して、データアクセス株式会社（以下、「データアクセス社」と言う）が取り組んだ調査研究について報告する。

2

2. PCI の開発
2.1. 基本方針
本件では、以下の 2PCI を開発する。
散布図
クロス集計
これらの PCI は表 1 の TAO 動作環境で動作することを確認した。また、TAO 並びに開発した PCIは主に Chrome をブラウザに用いて動作試験を行った。
表 1

TAO 動作環境項目

内容

TAO バージョン

TAO3.3.0

OS

CentOS7.9

HTTP サーバ

Apache/2.4.6 (CentOS)

プログラミング言語

PHP 7.3.31

RDBMS

10.3.28-MariaDB

ブラウザ

Chrome98.0

備考

Chrome 以外の推奨ブラウザ
は以下の通りFirefox
SafariEdge

3

2.2. PCI の開発内容
2.2.1. 「テスト開発者と管理者」部分① アイテムのオーサリング画面において，TAO 上でデータ活用問題を出題できるよう，通常の Interactions と併せて「散布図エリア」及び「クロス集計表エリア」を置くことができるような PCI を作成すること。具体的には，Custom Interactions 欄に「散布図エリア」
及び「クロス集計表エリア」を置くためのアイコンを追加し，当該アイコンを白紙の問題
作成ページにドラッグ＆ドロップすると「散布図エリア」又は「クロス集計表エリア」を伴う問題を作成できるようにすること。
（１） Custom Interactions 欄への散布図、クロス集計の各 PCI アイコン配置
TAO 上で以下の操作を行うことにより、作成した PCI を Custom Interactions 欄に追加して、登録できる。
① TAO にログインしてアイテム編集画面を開き、任意のアイテムを選択して「オーサリング」
をクリックする。

② Custom Interactions 欄を開き、「カスタム操作の管理」をクリックする。

4

③ 「インタラクション追加」をクリックする。

④ PCI の ZIP ファイルをドラッグ＆ドロップするか、「参照」してファイル選択し、「アップロードする」をクリックする。

5

⑤ 以上の操作手順により、Custom Interactions 欄に登録した PCI のアイコンが表示される。

6

（２） 「散布図エリア」「クロス集計表エリア」を伴う問題の作成（１）の手順で Custom Interactions 欄に追加した PCI は、そのアイコンを問題作成エリアにドラッグ＆ドロップすることにより、当該問題を作成できる。

次の図は「散布図」の PCI をドラッグ＆ドロップして「散布図」の問題を作成可能とした例である。

7② ①で作成するデータ活用問題で以下を実現できるか検討し，可能な場合は実装すること。
実装が不可能な場合は，その理由について調査研究報告書に記載すること。

＜散布図エリアを伴う問題＞・作成する散布図の相関係数を表示する。
・作成する散布図の回帰直線を表示する。
・グループを識別する散布図を作成する。
・解答者が任意のデータ（外れ値など）を取り除いて散布図を作成する。
・全ての作業を取り消し，作業開始前の画面に戻る（リセットする。）。
・一つ前の作業を取り消し，一つ前の画面に戻る（やり直す。）。
・解答者が不適切な項目を選択して散布図を作成した際にエラーメッセージを表示する。
・その他（５．４．にてセンター等と協議し，可能な限り対応すること。）＜クロス集計エリアを伴う問題＞・集計対象とする実データの一部（又はスクロールして全部）を見ることができる。
・集計対象とする実データをソートして，昇順又は降順で表示することができる。
・「クロス集計描画」スペースのタブを切り替えると，クロス集計表を基に作成されたグラフを表示できる。（描画するグラフの種類は，解答者が選択できるものとし，グラフ種類は主要なものに対応する。）
・全ての作業を取り消し，作業開始前の画面に戻る（リセットする。）。
・一つ前の作業を取り消し，一つ前の画面に戻る（やり直す。）。
8

・解答者が不適切な項目を選択してクロス集計を行った際にエラーメッセージを表示する。
・その他（５．４．にてセンター等と協議し，可能な限り対応すること。）（３） 散布図に関する対応
対応結果を表 2 に示す。尚、備考欄に「有識者会議の協議に基づく」と記述した項目については、表 9 も参照のこと。
表 2
No.

協議の内容

1

作成する散布図の相関係数を散布図に関する対応結果
対応の

対応結果

有無
○

表示する

備考

オーサリング画面のスタイルエデ
ィタ部に制御機能を実装し、受験者
画面での相関係数表示を可能とす
る

2

作成する散布図の回帰直線を

○

表示する

オーサリング画面のスタイルエデ
ィタ部に制御機能を実装し、受験者画面での回帰直線表示を可能とする

3

グループを識別する散布図を

○

作成する

オーサリング画面のスタイルエデ
ィタ部に制御機能を実装し、受験者画面でのグループ識別表示を可能とする

4

解答者が任意のデータ（外れ○・「外れ値」機能を必要としない問題

有識者会値など）を取り除いて散布図もあるため、本機能を有効にするか

議の協議

を作成する

否かをオーサリング画面のスタイに基づく

ルエディタ部で選択可能とする・グラフ上でクリックすると、自動的に CSV ファイルデータ（基データ）
表示の画面をスクロールし、選択した値をハイライト表示する
・当該データのチェック欄の操作によりそのデータを外れ値として取
り除く
5

6

全ての作業を取り消し、作業○

受験者画面に「リセット」ボタンを開始前の画面に戻る（リセッ設け、クリックして初期の表示に戻トする）

ることを可能とする

一つ前の作業を取り消し、

×

利用機会が少ないと想定されるこ

有識者会

一つ前の画面に戻る（やりとに加え、開発稼働量が大きいた

議の協議

直す）

め、本件では実施しない

に基づく

9

7

解答者が不適切な項目を選択

×・不適切な項目を選択時の動作も受有識者会

して散布図を作成した際にエ験者の理解状況を質す効果がある

議の協議

ラーメッセージを表示する。

ため、システムで「不適切な項目選に基づく択」の判断を行わず、エラーメッセ（エラーージとして表示しない

メッセー

・0 除算等プログラム実行に伴うエジを表示

ラー発生時のみエラーメッセージ

する実ケ

を表示する

ー ス な
し）

9

オーサリング画面の問題作○

オーサリング画面のスタイルエデ

有識者会

成画面では作問者が編集でィタ部でのみ編集可能とし、問題作議の協議きないようにする

成部では編集者が問題操作できなに基づくいよう機能制限する
10

11

オーサリング画面のスタイ○

オーサリング画面の スタイルエデ

有識者会

ルエディタ部にて、初期表ィタ部にて、予め表示する散布図の 議 の 協 議

示条件設定の「未選択」を表示条件設定の「未選択」を許容す

許容する

る

基データ、散布図をタブでな

○

に基づく

・表示する大きさ、位置を受験者が有識者会

い形式で複数表示する（表示自由に設定、変更できるようにする

議の協議

する大きさ、位置を受験者が対応は極めて困難に基づく

自由に設定できること）

・別ウィンドウにより表示することは、ブラウザのポップアップブロッ
ク等により動作を保証できない
・上記理由により、受験者画面にて、追加する散布図を、表示済みの散布
図の下に順次表示する形式で実装
する
・表示数は予め表示分を含め、最大
4 とする

12

同じ値の表示を点のサイズ○

・受験者画面にてバブルチャートで有識者会

を変更する等により重なり表示可能とする

議の協議が分かるように表示する

・バブルチャートでは使用するライに基づく

ブラリ機能制限により、回帰直線は表示不可とする・複数個の値があるところに重なって点がある場合に個数を把握できないため、複数個の値があるところの重なりを大きくする（度数によっ10

てバブルのサイズを大きくする）
13

表の数値データの表示を右

○

寄せにする

受験者画面の表の数値データを右有識者会

寄せ表示とする

議の協議
に基づく

14

CSV ファイルで取り込んだ○・CSV ファイルのデータを受験者画

有識者会

データを受験者画面に表示

面に表示する

議の協議

する

・CSV ファイルの文字コードを UTF-に基づく8 に制限する
15

CSV ファイルの文字コード〇

CSV ファイルの文字コードを UTF-8

有識者会

に制限する

議の協議
に基づく

16

外れ値のチェックボックス○

オーサリング画面のスタイルエデ

有識者会の表示方法は、案１と案２

ィタ部で案１と案 2 の何れかの形式

議の協議の何れかの形式とするを選択して設定可能とするに基づく

オーサリング画面のスタイルエデ

有識者会

ィタ部で表示する

議の協議

・案１：「ゴミ箱」のアイコンにして、外れ値とするものにチェックを付ける
・案２：「目」のアイコンにして、予め全ての値をチェックしておき、外れ値とす
るもののチェックを外す
17

回帰直線において以下を表○示する・回帰線の式に基づく

・R の二乗（決定係数値）
18

受験者画面に表示する CSV○

データとグラフ等のタイト

オーサリング画面のスタイルエデ

有識者会

ィタ部に当該設定機能を実装する

議の協議

ル表示を、オーサリング画に基づく面のスタイルエディタ上で設定できるようにする
19

オーサリング画面のスタイ

オーサリング画面のスタイルエデ

有識者会

ルエディタ部にて受験者画

ィタ部にて受験者画面で以下を可

議の協議

面で以下を可能とするよう能とするようにチェックボックスに基づくに機能変更するを配置して機能を実装する-相関係数値、回帰直線と-相関係数値、回帰直線と式、決式、決定係数値（回帰直線

定係数値（回帰直線表示時のみ）

表示時のみ）の表示の有無の表示の有無-相関係数、回帰直線、決定-相関係数、回帰直線、決定係数（回○11係数（回帰直線表示時の帰直線表示時のみ）の表示/非表示

み）の表示/非表示を受験者

受験者が操作できるか否かが操作できるか否か
問題の出題時に予め複数の20×

本対応はオーサリング画面の他の有識者会グラフを表示することを可

機能が修正を含めて開発完了後の議の協議能にする。ただし、受験者対応となるため、開発スケジュールに基づくが作成可能なグラフ数（最の確保が極めて困難である

大 4）の枠を使うことになるので、出題時にあらかじ
めグラフを表示する場合、その分だけ受験者が作成できるグラフ数が減る
多言語対応を行う

21〇

・日本語と英語に対応する

有識者会

・スタイルエディタ部「言語」にて

議の協議

Japanese を選択すると日本語の、そに基づく

れ以外は英語の、それぞれ表示となる（４） クロス集計に関する対応
対応結果を表 3 に示す。
表 3
No.

協議の内容

1

集計対象とする実データの一

クロス集計に関する対応結果
対応の

対応結果

有無
○

部（又はスクロールして全受験者画面にてスクロール可能とする部）を見ることができる。
2

集計対象とする実データをソ○

受験者画面にてソート可能とする○

オーサリング画面スタイルエディートして、昇順又は降順で表示することができる。
3

4「クロス集計描画」スペースのタブを切り替えると、クロ

タ部機能により、CSV ファイルのデス集計表を基に作成されたグータに基づき表示する表/グラフ 11

ラフを表示できる。
（描画する種から受験者が使用可能なものをグラフの種類は、解答者が選設定可能とする。受験者はその設定択できるものとし、グラフ種

された表/グラフを選択して表示可

類は主要なものに対応する）

能とする

全ての作業を取り消し、作業開始前の画面に戻る（リセッ○

受験者画面に「リセット」ボタンを設け、クリックして初期の表示に戻
12

備考

トする）
5

6

7

一つ前の作業を取り消し、一ることを可能にする
利用機会が少ないと想定されるこ有識者会

つ前の画面に戻る（やり直とに加え、開発稼働量が大きいた

議の協議

す）

め、本件では実施しないに基づく・不適切な項目を選択時の動作も受

有識者会

解答者が不適切な項目を選択

×○

してクロス集計を行った際に験者の理解を質す効果があるため、 議 の 協 議

エラーメッセージを表示するシステムで「不適切な項目選択」のに基づく判断を行わず、エラーメッセージと（エラー

して表示しないメッセー

・0 除算等プログラム実行に伴うエジ表示のラー発生時のみエラーメッセージ

実ケース

を表示する

なし）

オーサリング画面のスタイルエデ

有識者会

ィタ部で設定可能とする

議の協議利用できる表/グラフの種○類、初期表示する縦軸、横軸、グラフの内容を設定可

に基づく

能とする
8

基データ、クロス集計表/グ○・表示する大きさ、位置を受験者が有識者会

ラフをタブでない形式で複自由に設定、変更できるようにする

議の協議数表示する（表示する大き対応は極めて困難に基づくさ、位置を受験者が自由に設・別ウィンドウにより表示すること

定できること）は、ブラウザのポップアップブロッ
ク等により動作を保証できない
・上記理由により、受験者画面にて、追加するクロス集計表/グラフを、表示済みのクロス集計表/グラフの下に順次表示する形式で実装する・表示数は予め表示含め、最大 4 とする

9オーサリング画面の問題作○

オーサリング画面のスタイルエデ

有識者会

成画面では作問者が編集でィタ部でのみ編集可能とし、問題作議の協議きないようにする

成部では編集者が問題操作できなに基づくいこととする10

11

オーサリング画面のスタイ○

オーサリング画面の スタイルエデ

有識者会

ルエディタ部にて、初期表ィタ部にて、予め表示するクロス集 議 の 協 議

示条件設定の「未選択」を計表の表示条件設定の「未選択」を

許容する

許容する

CSV ファイルで取り込んだデータを受験者画面に表示

○

に基づく

CSV ファイルのデータを受験者画面

有識者会

に表示する

議の協議

13

する
12

CSV ファイルの文字コードに基づく〇

CSV ファイルの文字コードを UTF-8

有識者会

に制限する

議の協議
に基づく

13

オーサリング画面の X-○

多言語化対応に使用する messages

有識者会

axis、Y-axis を「列」、

ファイルの書式が、[英語]→[日本議の協議「行」と分かるように変更

語]であること、それぞれ複数を選

に基づく

する

択可能であること、から、それぞれ「Row items」、「Column items」と表示する

14

問題の出題時に予め複数の×

本対応はオーサリング画面の他の有識者会グラフを表示することを可

機能が修正を含めて開発完了後の議の協議能にする。ただし、解答者対応となるため、開発スケジュールに基づくが作成可能なグラフ数（最の確保が極めて困難である

大４つ）の枠を使うことになるので、出題時にあらかじめグラフを表示する場
合、その分だけ受験者が作成できるグラフ数が減る
15

16

・集計値(Aggregator)のプ・集計値(Aggregator)のプロダウ

有識者会

ロダウンメニュー表示項目

ンメニュー表示項目を「件数」、

議の協議

を「件数」
、「合計」、「平

「合計」、
「平均」
、「最大」、「最に基づく均」、「最大」、「最小」のみ

小」のみとするとする・集計値(Aggregator)としてプロダ

集計値表

・その他の項目は PCI プロ

ウンメニューから選択できる項目

示項目のグラムソースファイルをテ

を Javascript ファイルで編集可能

具体的な

キストエディタ等により編

とする

編集方法

集することにより追加を可・納入する当該 Javascript ファイ

は能とし、その実施方法をマ

ルは「件数」、
「合計」
、
「平均」、
「最

2.2.1.1

ニュアルとして記述する大」、「最小」のみプルダウンメニ 参 照 の こ

多言語対応を行う〇〇

ューに表示する設定とすると・TAO が具備する多言語対応機能を有識者会

用いて日本語と英語に対応する

議の協議

・スタイルエディタ部「言語」にてに基づく

Japanese を選択すると日本語の、それ以外は英語の、それぞれ表示とな

具体的な

る

操 作 は
2.2.1.2

14

参照のこ
と
2.2.1.1. 集計値の表示項目の編集（１） 集計値の表示項目
集計値の表示が可能な項目を表 4 に示す。
表 4
No.

集計値の表示が能な項目一覧

項目名（英語表記）

項目名（日本語表記）

備考

1

Count

件数

*

2

Count Unique Values

ユニーク値を表示(CSV)

3

Sum

合計

4

Integer Sum

合計(整数)*

5

Average

平均*

6Median中央値

7Sample Variance

標本分散

9

Sample Standard Deviation

標本標準偏差10

Minimum

最小*11

Maximum

最大

*

12

First

最初

13

Last

最後

14

Sum over Sum

選択 2 項目の比率

1580% Upper Bound

選択 2 項目の比率(上限 80%)

16

80% Lower Bound

選択 2 項目の比率(下限 80%)17

Sum as Fraction of Total

合計割合

18

Sum as Fraction of Rows

合計割合(行)19

Sum as Fraction of Columns

合計割合(列)20Count as Fraction of Total

件数割合

21

Count as Fraction of Rows

件数割合(行)

22

Count as Fraction of Columns

件数割合(列)* 予め選択可能に設定している項目（２） 集計値表示項目の編集
編集対象のファイルと編集箇所を以下に示す。
・(PCI のルートディレクトリ)/creator/widget/states/Question.js (L73-99)
・(PCI のルートディレクトリ)/runtime/js/renderer.js (L38-64)
上記の両ファイルにおいて、集計値として表示する項目はコメントアウト（//を記述）し、表示しない項目はコメントを外す(//を削除）（図 1）。

15

/*** 除外する Aggregator*/
const EXCLUDED_AGGREGATORS = [// "Count",<-- 集計値の項目として表示する"Count Unique Values",<-- 集計値の項目として表示しない"List Unique Values",<-- 集計値の項目として表示しない"Sum",<-- 集計値の項目として表示しない// "Integer Sum",<-- 集計値の項目として表示する// "Average",<-- 集計値の項目として表示する"Median",<-- 集計値の項目として表示しない"Sample Variance",<-- 集計値の項目として表示しない"Sample Standard Deviation",<-- 集計値の項目として表示しない// "Minimum",<-- 集計値の項目として表示する// "Maximum",<-- 集計値の項目として表示する"First",<-- 集計値の項目として表示しない"Last",<-- 集計値の項目として表示しない"Sum over Sum",<-- 集計値の項目として表示しない"80% Upper Bound",<-- 集計値の項目として表示しない"80% Lower Bound",<-- 集計値の項目として表示しない"Sum as Fraction of Total",<-- 集計値の項目として表示しない"Sum as Fraction of Rows",<-- 集計値の項目として表示しない"Sum as Fraction of Columns", <-- 集計値の項目として表示しない"Count as Fraction of Total", <-- 集計値の項目として表示しない"Count as Fraction of Rows",<-- 集計値の項目として表示しない"Count as Fraction of Columns" <-- 集計値の項目として表示しない];
図 1

集計値として表示する項目の編集

2.2.1.2. 多言語対応
TAO に備わる多言語対応機能を使用する。
表示言語の選択は、オーサリング画面スタイルエディタ部のアイテムプロパティの「言語」プ
ルダウンメニューから対象の言語を選択して行う（図 2）。
「Japanese」を選択すると日本語表記となり、それ以外を選択すると英語表記となる。

16

図 2

表示言語の選択17

2.2.2. 「受験者を監督」部分① テストの受験画面において，データ活用問題を出題・解答できるようにすること。
（１） テスト受験画面におけるデータ活用問題の出題・解答
本実施内容は開発した PCI を TAO にアップロードし、以下を実施することにより確認した。
オーサリング画面での「プレビュー」実行による表示と動作の確認
受験者画面での表示と動作の確認② 解答者の「散布図エリア」及び「クロス集計エリア」での作業内容のデータ（操作ログ）の取得が可能かどうか検討し，実装する，又は検討結果を調査研究報告書に記載すること。
（２） 操作ログの取得
以下の手順で操作ログを表示、出力できる。
① TAO の「結果」表示画面で対象の試験を選択して、「View」をクリックする。

② 操作ログを JSON 形式で画面上に表示する。
「CSV エクスポート」ボタンクリックにより、CSV
ファイルに出力できる。尚、出力した CSV ファイルの文字コードは UTF-8 であることに留意
すること。

18

尚、JSON タグ名はオーサリング画面のスタイルエディタ部のレスポンス識別子欄に設定できる。

※出力されたログの見方は PCI 毎に以下のドキュメントを参照のこと。
散布図:開発した PCI の使用に関するマニュアル（散布図） 4.2.操作ログの見方
クロス集計:開発した PCI の使用に関するマニュアル（クロス集計）4.2.操作ログの見方

19

3. 作成した PCI の構成
散布図 PCI とクロス集計 PCI は、Wiquid 社製ツール（PCI Generator for TAO platform、以下、「PCI Generator」と言う）を基に開発した。
3.1. 散布図
3.1.1. PCI ファイル構成
散布図 PCI の具体的なファイル構成を図 3 に示す。

図 3

散布図 PCI のファイル構成20

3.1.2. PCI を構成するファイルの説明
散布図 PCI を構成するファイルの説明を表 5 に示す。
表 5
No.
1

散布図 PCI を構成するファイル

ファイル名
pciCreator.js

ファイルの説明備考

初期化時に作問機能のフックとなる AMD モジ
ュール2

pciCreator.json

サーバとクライアントが pciCreator を記述するために必要なすべてのデータ（名前、ラベル、必要な js、css など）を含むマニフェストファ
イル

3

icon.svg

PCI のアイコン画像

4

markup.tpl

出題画面の HTML テンプレート

5propertiesForm.tpl

スタイルエディタ(オーサリング)の HTML テン
プレート

6Widget.js(PCI Generator が必要とするファイル)

7

Question.js

オーサリング処理の JavaScript

8

states.js(PCI Generator が必要とするファイル)9

DncScatterPlot.amd.js

出題機能のフックとなる AMD モジュール

10base.css

基本のスタイルシート

11

ScatterPlot.css

出題画面のスタイルシート

12material-dashboard.css

管理画面用ライブラリ MaterialDashboard のスタイルシート13

theme.minimum.css

jquery.tablesorter.js のスタイルシート

14bignumber.js

散布図の回帰直線表用ライブラリ

15

chart.js

グラフ描画用ライブラリ

16

i18n.translation.js

多言語対応用ライブラリ17

jquery.csv.js

CSV ファイルのパース用ライブラリ18

jquery.tablesorter.js

基データのソートライブラリ

19

MathJax.js

数式表示用ライブラリ20

renderer.js

出題画面を描画する JavaScript

21

SVG 形式

3.2. クロス集計
3.2.1. PCI ファイル構成
クロス集計 PCI の具体的なファイル構成を図 4 に示す。

図 4

クロス集計 PCI のファイル構成22

3.2.2. PCI を構成するファイルの説明
クロス集計 PCI を構成するファイルの説明を表 6 に示す。
表 6
No.
1

クロス集計 PCI を構成するファイル

ファイル名
pciCreator.js

ファイルの説明備考

初期化時に作問機能のフックとなる AMD モジ
ュール2

pciCreator.json

サーバとクライアントが pciCreator を記述するために必要なすべてのデータ（名前、ラベル、必要な js、css など）を含むマニフェストファ
イル

3

icon.svg

PCI のアイコン画像

4

markup.tpl

出題画面の HTML テンプレート

5propertiesForm.tpl

スタイルエディタ(オーサリング)の HTML テン
プレート

6Widget.js(PCI Generator が必要とするファイル)

7

Question.js

オーサリング処理の JavaScript

8

states.js(PCI Generator が必要とするファイル)

9

PivotTable.amd.js

出題機能のフックとなる AMD モジュール

10base.css

基本のスタイルシート

11

c3.css

グラフ描画ライブラリのスタイルシート

12

PivotTablet.css

出題画面のスタイルシート

13material-dashboard.css

管理画面用ライブラリ MaterialDashboard のスタイルシート

14

pivot.css

PivotTable ライブラリのスタイルシート

15

theme.minimum.css

jquery.tablesorter.js のスタイルシート

16

i18n.translation.js

多言語対応用ライブラリ17

jquery.csv.js

CSV ファイルのパース用ライブラリ18

jquery.tablesorter.js

基データのソートライブラリ19

renderer.js

出題画面を描画する JavaScript20

c3_renderers.js

グラフ描画用ライブラリ21

pivot.js

クロス集計表ライブラリ

23

SVG 形式

4. PCI マニュアル作成
散布図、クロス集計の各 PCI について作成したマニュルの一覧を表 7 に示す。
表 7

作成マニュアル一覧

No.

マニュアル名説明1

ソー スコードに 関す

PCI ファイル構成に基づく

る説明文書

説明を記述

開 発 し た PCI を

MD 形式で、PCI の概要及びGitHub 等で公表する

PCI を TAO にインストールす

際に記載する READMEる手順を記述使用 に関するマ ニュ

オーサリングに関する操作

アル

説明を中心に記述した操作

2

3

説明書
* ○は該当するマニュアルを作成したことを表す

24

PCI*

備考

散布図

クロス集計

○

○

○

○

○

○

5. センター等への報告・協議
5.1. 有識者会議等の開催日程
表 8 に示す通り、5 回の有識者会議と 2 回の大学入試センターとの打合せ（以下、センター会議）を行った。
表 8

有識者会議等の開催日程

会議等

開催日

第 1 回有識者会議

2021 年 12 月 6 日

概要・開発スケジュール案

備考
ZOOM

・クロス集計モック（ブラウザで動作）説明と、それに基づく全体の協議センター会議2021 年 12 月 15 日

・第 1 回有識者会議での要望への対

ZOOM

応協議
第 2 回有識者会議

2021 年 12 月 23 日

・進捗状況の方向

ZOOM

・散布図モック（ブラウザで動作）説明と、それに基づく全体の協議センター会議2021 年 12 月 27 日

・第 2 回有識者会議での要望への対

ZOOM

応協議
第 3 回有識者会議

2022 年 1 月 25 日

・進捗状況の報告

ZOOM

・データアクセス社操作による散布図とクロス集計の各 PCI の操作と動作の説明と、それに基づく協議
第 4 回有識者会議

2022 年 2 月 14 日

・進捗情報の報告

ZOOM

・データアクセス社が提供した散布図、クロス集計を行う各 PCIβ版に関する協議
第 5 回有識者会議

2022 年 3 月 3 日

・進捗情報の報告
・データアクセス社が提供した散布図、クロス集計を行う各 PCI 暫定版
に関する協議25

ZOOM

5.2. 有識者会議等での協議とその結果
有識者会議等で出された機能追加/変更の要望とその協議結果を表 9 に示す。
表 9
No.

ご要望の内容1【散布図・クロス集計】「一

機能追加/変更要望と協議結果
対応の

協議結果

有無
×

備考

利用機会が少ないと想定されるこつ前の作業を取り消し、一つとに加え、開発稼働量が大きいた

前の画面に戻る（やり直め、本件では対応を見送るす）」
2【クロス集計】縦軸、横軸の設○定、利用できるグラフの種類、

オーサリング画面で設定可能とする

初期表示内容を設定可能とす
る
3【散布図・クロス集計】エラー○

メッセージの表示対象

0 除算等プログラム実行に伴うエラ発生の実ー発生のみ扱うこととする

ケース無
し

4

【散布図・クロス集計】基デー○・表示する大きさ、位置を受験者がタ、散布図、クロス集計表/グ

自由に設定、変更できるようにする

ラフをタブでない形式で複数対応は極めて困難

表示する（表示する大きさ、位・別ウィンドウにより表示すること

置を受験者が自由に設定できは、ブラウザのポップアップブロッ

ること）

ク等により動作を保証できない
・上記理由により、受験者画面にて追加する散布図、クロス集計表/グ
ラフを、表示済みの散布図、クロス
集計/グラフの下に順次表示する・表示数は散布図、クロス集計の予め表示分を含め、最大 4 とする

5【散布図・クロス集計】複数グ―・追加等による複数のグラフを上下

ラフの表示を上下でなく横にでなく左右固定の位置に配置して幅を変更して配置する方式に表示することは技術的には可能で、ついて検討結果を報告するこ実現のための専用ライブラリ等のと追加の使用は不要
・ただし、個々のグラフ表示エリア
が従来の半分以下となるため、ユー
ザインタフェースの実用面では、散布図、クロス集計ともデータカラム
26数や表示条件設定部分の配置、項目
サイズの調整が必要となる・その結果、受験者の視認性を確保する観点から、扱うデータや分析項
目に制限が発生する虞がある
6【散布図】同じ値の表示を点○・受験者画面にてバブルチャートでのサイズを変更する等により表示可能とする

重なりが分かるように表示す・バブルチャートでは使用するライる

ブラリ機能制限により、回帰直線は表示不可とする・複数個の値があるところに重なって点がある場合に個数を把握できないため、複数個の値があるところの重なりを大きくする（度数でバブルの大きさを大きくする）

7【散布図・クロス集計】CSV○

ファイルで取り込んだデータ

・CSV ファイルのデータを受験者画面に表示するを受験者画面に表示する
8【散布図・クロス集計】表の○数値データの表示を右寄せに

表の数値データを右寄せ表示とす
る

する
9【散布図・クロス集計】CSV〇

UTF-8 に制限する○

・仕様書通り、外れ値は散布図でのファイルの文字コード10【散布図・クロス集計】外れ値をグラフからポインティン

み有効とする

グして選択する・「外れ値」機能を必要としない問題もあるため、本機能を有効にするか否かをオーサリング画面のスタイ
ルエディタ部で選択可能とする・グラフ上でクリックすると、自動的に CSV ファイルデータ表示の画面をスクロールし、選択した値をハイライト表示する・当該データのチェック欄の操作によりそのデータを外れ値として取り除く

11【散布図・クロス集計】オー
サリング画面の問題作成画面○

オーサリング画面のスタイルエデ
ィタ部でのみ編集可能とし、問題作
27

12

13

では作問者が編集できないよ

成部では編集者が問題操作できな

うにする

いよう機能制限する【散布図・クロス集計】オー○オーサリング画面のスタイルエデ

サリング画面のスタイルエデ

ィタ部にて、予め表示する散布図、ィタ部にて、初期表示条件設

クロス集計表の表示条件設定の「未定の「未選択」を許容する

選択」を許容する【散布図】外れ値のチェック○

オーサリング画面のスタイルエデ

ボックスの表示方法は、案１

ィタ部で案１と案 2 の何れかの形式と案２の何れかとするを選択して設定可能とする

・案１：ゴミ箱のアイコンにして、外れ値とするものにチェックを付ける
・案２：目のアイコンにして、予め全ての値をチェックしておき、外れ値とするもののチェックを外す
14【散布図】回帰直線において

○

表示する

○

スタイルエディタ部に当該設定機

以下を表示する・回帰線の式・R の二乗（決定係数の値）
15【散布図・クロス集計】CSV
データとグラフ等のタイトル

能を追加する

表示を、スタイルエディタ上で設定できるようにする
16【クロス集計】オーサリング○

多言語化対応に使用する messages

画面の X-axis、Y-axis をファイルの書式が、[英語]→[日本「列」、「行」と分かるように語]であること、それぞれ複数を選変更する

択可能であること、から、それぞれ「Row items」、「Column items」と表示する

17【散布図】オーサリング画面○

オーサリング画面のスタイルエデのスタイルエディタ部にて受ィタ部にて受験者画面で以下を可験者画面で以下を可能とする能とするようにチェックボックス

ように機能変更するを配置して機能を実装する-相関係数値、回帰直線と-相関係数値、回帰直線と式、決定式、決定係数値（回帰直線表

係数値（回帰直線表示時のみ）の示時のみ）の表示の有無

表示の有無-相関係数、回帰直線、決定-相関係数、回帰直線、決定係数（回28係数（回帰直線表示時のみ）

帰直線表示時のみ）の表示/非表示の表示/非表示を受験者が操

受験者が操作できるか否か作できるか否か
18【散布図・クロス集計】

×

本対応はオーサリング画面の他の問題の出題時に予め複数のグ機能が修正を含めて開発完了後のラフを表示することを可能に対応となるため、開発スケジューする。ただし、解答者が作成

ルの確保が極めて困難であるた

可能なグラフ数（最大４つ）

め、対応を見送るの枠を使うことになるので、出題時にあらかじめグラフを表示する場合、その分だけ受験者が作成できるグラフ数が
減る
19

20

【クロス集計】〇・集計値(Aggregator)のプロダウ・集計値(Aggregator)のプ

ンメニュー表示項目を「件数」、

ロダウンメニュー表示項目

「合計」、
「平均」
、「最大」、「最を「件数」、「合計」、「平小」のみとする

均」、「最大」、「最小」のみ

・集計値(Aggregator)としてプロダとする

ウンメニューから選択できる項目

・その他の項目は PCI プロ

を Javascript ファイルで設定可能

グラムソースファイルをテとする

キストエディタ等により編・納入用の当該 Javascript ファイ

集することにより追加を可

ルは「件数」、
「合計」
、
「平均」、
「最

能とし、その実施方法をマ

大」、「最小」のみプルダウンメニ

ニュアルとして記述する

ューに表示する設定とする【散布図・クロス集計】〇

多言語対応を行う

・日本語と英語に対応する・スタイルエディタ部「言語」にて japanese を選択すると日本語の、それ以外は英語の、それぞれ
表示となる

21

【散布図・クロス集計】△

今回の調査研究の期間・経費の範囲

タブレット端末からのアクセ

においては、タブレット端末への対スも対象として開発する。

応を十分に行うことができず、タブ
レット端末での操作に一部制約がある。例えば、クロス集計 PCI では
解答時にドラッグ・アンド・ドロッ
プの操作が必要となる場合がある
が、タブレットのタッチパネルによ29

るドラッグ・アンド・ドロップの操作が現時点ではできない（ただし、タッチパネルではなく、マウスやト
ラックパッドを使用する場合はこの限りではない。）。

30