第 8 問 A 社 は,IT 技 術 者 の 派 遣 を 中 心 に 活 動 している 人 材 派 遣 会 社 である.IT 業 界 で 働 きたい 技 術 者 に 登 録 してもらい, 人 材 を 求 める 企 業 に 一 定 期 間 派 遣 することが 業 務 である. 以 下,A 社 に 登 録 する 技 術 者 を 登 録 者,A 社 から 技 術 者 の 派 遣 を 受 ける 企 業 を 顧 客 と 表 記 する. これまでA 社 はWebサイトをあまり 重 要 視 しておらず,コンテンツは 会 社 紹 介 や 簡 単 な 業 務 案 内, 連 絡 先 の 掲 載 程 度 の 小 規 模 なものであった.しかし, 今 後 はWebサイトを 営 業 活 動 の 重 要 なツールと 位 置 付 けることにした.そこで, 新 規 Webサイト 構 築 ともいえる 大 規 模 なリ ニューアルを 行 うこととなった.リニューアルにあたっては, 登 録 者 と 顧 客 の 増 加 を 最 優 先 の 目 的 として 設 定 した. 以 下 は,A 社 のWebサイトリニューアルのコンセプトメイキングに 関 する 問 題 である.a dの 問 いに 最 も 適 するものを 解 答 群 から 選 び, 記 号 で 答 えよ. a.a 社 のWebサイトリニューアルのコンセプトメイキングのために 必 要 な 作 業 として, 適 切 なものをすべて 選 んだ 組 み 合 わせはどれか. [ 作 業 ] 1 競 合 他 社 のWebサイトについて,どのようなサービスや 機 能 を 提 供 しているかを 調 査 する. 2 A 社 とWebサイト 制 作 会 社 の 間 で 綿 密 な 打 ち 合 わせを 行 い, 可 能 な 限 り 議 事 録 を 作 成 し, 双 方 で 共 有 する. 3 実 制 作 工 程 で 人 員 が 不 足 しないよう,デザイナーやコーダ,プログラマをすべて 手 配 し ておく. 4 実 際 の 利 用 者 である 登 録 者 や 顧 客 の 反 応 を 確 認 し, 要 望 をくみ 取 るためのテストサイト を 用 意 する. 5 今 回 の 目 標 を 達 成 するうえで 有 効 と 思 われる 最 新 の 技 術 やサービスを 調 査 する. ア.1,2,3 イ.1,3,4 ウ.1,2,5 エ.1,4,5 オ.3,4,5 カ.2,4,5 54
b.a 社 のWebサイトリニューアルのデザインやコンテンツのあり 方 について, 案 を 出 し 合 う 会 議 を 何 度 も 行 った. 以 下 は, 会 議 で 出 された 案 である. 採 用 してもよいと 思 われるもの をすべて 選 んだ 組 み 合 わせはどれか. [デザインやコンテンツの 案 ] 1 奇 抜 なレイアウトや 過 激 な 色 使 いは 避 け, 見 る 人 に 信 頼 感 を 与 えるようなデザインとする. 2 登 録 者 と 顧 客 それぞれに, 伝 えたいメッセージが 印 象 的 に 伝 わるようなFlashコンテン ツを 掲 載 する. 3 トップページに 登 録 者 と 顧 客 それぞれに 向 けた 入 り 口 を 別 々に 設 置 し,コンテンツやデ ザインもそれぞれに 合 ったものを 用 意 する. 4 数 人 の 登 録 者 にインタビューし,さまざまな 体 験 談 を 語 ってもらった 記 事 を 掲 載 する. 5 誰 もが 自 由 に 書 き 込 める 掲 示 板 を 設 置 する. 書 き 込 まれた 内 容 は, 苦 情 やA 社 への 非 難 であっても 決 して 削 除 せず, 透 明 度 の 高 い 会 社 運 営 をアピールする. Webデザイナー 検 定 ア.1,2,3 イ.1,3,5 ウ.1,2,4 エ.1,2,3,4 オ.1,3,4,5 カ.1,2,4,5 c.a 社 のWebサイトリニューアルにあたり,Webサイトへ 利 用 者 を 誘 導 するための 広 告 を 出 稿 することにした. 以 下 は, 広 告 出 稿 の 案 である. 採 用 してもよいと 思 われるものをすべ て 選 んだ 組 み 合 わせはどれか. [ 広 告 出 稿 の 案 ] 1 リスティング 広 告 をいくつかのポータルサイトに 出 稿 する.その 際,リスティング 広 告 での 登 録 者 募 集 は 困 難 であると 仮 定 し, 顧 客 募 集 のみ 掲 載 する. 2 利 用 者 の 多 い 鉄 道 車 内 に 広 告 を 掲 示 する.その 際,URLを 覚 えてもらうのは 困 難 であ ると 仮 定 し, [A 社 ]で 検 索! といったメッセージを 掲 載 する. 3 知 名 度 の 向 上 と 信 頼 感 獲 得 を 目 的 に,IT 関 係 の 専 門 雑 誌 に 広 告 を 掲 載 する.その 際, URLを 必 ず 掲 載 する. 4 SNSやtwitterなどのコミュニケーションツールを 利 用 して,A 社 に 登 録 するメリットや 派 遣 先 で 経 験 した 面 白 いエピソードなどを 発 信 し,A 社 への 共 感 を 醸 成 していく. 5 A 社 の 特 徴 や 専 門 派 遣 会 社 としてのアドバンテージを 詳 しく 解 説 した 有 料 タイアップ 記 事 を 作 成 し,IT 系 のメディアサイトに 掲 載 してもらう. ア.1,2,4 イ.2,3,5 ウ.1,4,5 エ.1,2,3,4 オ.1,2,3,5 カ.2,3,4,5 55
d.a 社 のWebサイトリニューアルの 目 的 の1つは,A 社 への 登 録 者 の 増 加 である.そのため にA 社 がWebサイト 上 で 行 うべき 施 策 案 として, 採 用 してもよいと 思 われるものをすべて 選 んだ 組 み 合 わせはどれか. [ 施 策 案 ] 1 申 し 込 みの 画 面 では, 申 し 込 みからA 社 における 面 接 までの 一 連 の 流 れを 簡 潔 かつ 丁 寧 に 解 説 する. 2 申 し 込 みの 時 点 で 可 能 な 限 り 登 録 者 の 情 報 を 把 握 しておきたいので, 申 し 込 みフォーム には 思 いつく 限 りの 項 目 を 配 置 しておく. 3 申 し 込 むだけで 登 録 しない 利 用 者 が 多 発 しないよう, 申 し 込 みは 少 額 ではあるが 有 料 と する. 4 A 社 に 登 録 することで 提 供 されるさまざまなサービスをわかりやすくアピールするコ ンテンツを 掲 載 する. 5 個 人 ブログなどに 広 告 を 掲 載 してもらい,その 広 告 経 由 で 技 術 者 が 登 録 を 行 ったら 一 定 の 報 酬 を 支 払 うアフィリエイトプログラムを 実 施 する. ア.1,2,4 イ.2,3,5 ウ.1,4,5 エ.1,2,3,5 オ.1,3,4,5 カ.2,3,4,5 56
問 題 テーマ Web サイトのコンセプトメイキング 出 題 のねらい( 作 問 意 図 ) この 問 題 は,Web サイトのコンセプトメイキングと,その 際 に 考 慮 するべき 課 題 について 理 解 しているかを 問 うています. 正 解 答 解 答 :a. ウ b. エ c. カ d. ウ 1
第 2 問 以 下 は, 情 報 の 収 集, 分 類, 組 織 化 と,Webサイト 構 造 への 展 開 に 関 する 問 題 である.a eの 問 いに 最 も 適 するものを 解 答 群 から 選 び, 記 号 で 答 えよ. a.web サイト 制 作 のスケジュール 策 定 についての 説 明 として, 適 切 なものはどれか. ア.Webサイト 制 作 では,クライアントの 要 望 がどのように 変 更 されるかわからないため, スケジュール 策 定 時 には, 制 作 工 程 にかかる 期 間 などを 厳 密 に 設 定 しないほうがよい. イ. 一 般 的 なWebサイト 制 作 の 工 程 は, 準 備 期 間,プラン 構 築 期 間, 実 制 作 期 間 という,3つ の 大 きな 工 程 に 分 けることができる. ウ. 策 定 したスケジュールを 厳 格 に 管 理 してしまうと,Webデザイナーの 創 作 意 欲 を 削 い でしまう 可 能 性 があるので, 納 期 以 外 の 工 程 管 理 はせず, 各 Webデザイナーの 裁 量 に 任 せるべきである. エ. 制 作 側 での 評 価 作 業 は 極 力 行 わず,クライアント 側 での 評 価 をメインとすることで, 予 算 を 抑 えたスケジュール 策 定 が 可 能 となる. オ.スケジュール 策 定 の 際 には,Webサイト 制 作 の 各 工 程 や, 節 目 となる 段 階 に,マイルス トーンとよばれる 到 達 目 標 を 置 いておくと,プロジェクトに 関 わる 個 々のスタッフの 作 業 ペースの 目 安 となる. b. 情 報 を 検 索, 閲 覧, 比 較 できるように 整 理 するための, 情 報 分 類 の 手 法 についての 説 明 とし て, 適 切 なものはどれか. ア. 情 報 は, 一 般 的 に 位 置 時 間 連 続 量 距 離 の4つの 観 点 で 分 類 できる.これらを 用 途 によって 使 い 分 けることで, 情 報 を 利 用 しやすく 分 類 することができる. イ. 連 続 量 による 分 類 とは, 大 から 小 高 から 低 といった 具 合 に, 連 続 量 でとらえられ る 尺 度 に 従 って 情 報 を 順 序 付 けるものである. ウ. 任 意 の 駅 を 基 準 とした 乗 り 換 え 情 報 は, 駅 と 駅 の 距 離 に 応 じた 情 報 となるため, 距 離 に よる 分 類 と 考 えることができる. エ. 位 置 による 分 類 とは,たとえば 書 籍 などの 商 品 を 雑 誌 文 庫 新 書 コミック といっ た 具 合 に, 特 定 のジャンルごとに 整 理 するものである. オ. 成 績 順 位 表 は, 順 序 に 従 って 名 前 が 並 んでいるため,50 音 順 と 同 じ 分 類 の 手 法 である. 42
c. 収 集 し, 分 類 した 情 報 は,Webサイトのコンテンツとして 掲 載 するために 組 織 化 する 必 要 がある. 情 報 の 組 織 化 についての 説 明 として, 適 切 でないものはどれか. ア. 情 報 の 組 織 化 は, 大 きく 情 報 を 中 心 とした 組 織 化 と 情 報 を 利 用 するユーザを 中 心 と した 組 織 化 の2つに 分 けることができる. イ. 情 報 を 利 用 するユーザを 中 心 とした 組 織 化 は, 情 報 のイメージを 文 言 にしていく ラ ベリング と,ユーザの 行 動 を 中 心 に 検 討 する ナビゲーション に 分 類 される. ウ. ラベリング には 顧 客 主 観 と, トピック による 手 法 がある. 顧 客 主 観 は, 顧 客 独 自 の 専 門 用 語 のことである. エ. 商 品 に 関 する 情 報 を 商 品 名 で 分 類 して 掲 載 する 場 合, トピック によるラベリングと なる. オ. ナビゲーション による 情 報 の 組 織 化 は, 顧 客 主 観 による 組 織 化 と, トピック によ る 組 織 化 がある. Webデザイナー 検 定 d.webサイトに 掲 載 する 情 報 のラベリングとして, 適 切 でないものはどれか. ア.ラベリングでは, 一 般 的 に 誰 もが 容 易 に 理 解 できる 用 語 を 利 用 することが 重 要 である. とくに, プライバシーポリシー など 多 くのWebサイトで 一 般 的 に 使 用 されている 用 語 が 有 効 である. イ.ラベリングとは,ある 情 報 のまとまりに 対 して 名 前 を 与 えることであるが,あまりに 解 説 的 な 長 い 文 章 は 望 ましくない.ただし Cool! などの 内 容 を 具 体 的 に 伝 えるのが 難 しい 用 語 を 多 用 しないよう, 心 がける 必 要 がある. ウ.アイコンなどの 画 像 情 報 によるラベリングは,デザイン 性 を 高 めることが 可 能 である が,ユーザの 直 感 的 な 理 解 を 阻 害 するうえに,Webページ 全 体 の 容 量 増 加 をまねくた め, 積 極 的 に 用 いるべきではない. エ. 日 本 語 のラベルが 並 ぶなか, What s New といった 英 語 のラベルを 唐 突 に 使 用 すると, ユーザによっては 混 乱 する 要 因 ともなるので 注 意 が 必 要 である.この 場 合, 新 着 情 報 といった 日 本 語 への 置 き 換 えを 検 討 することが 大 切 である. オ.ラベリングは 端 的 な 表 現 が 重 要 とはいえ,たとえば サービス というラベリングより も, サービス 内 容 と 価 格 といった 具 体 的 な 文 言 のほうが,ユーザがコンテンツの 内 容 をより 正 確 に 理 解 する 助 けとなる. 43
e. 図 1は,Webサイト 構 造 の1つであるツリー 構 造 型 を 示 している. 図 1についての 説 明 と して, 適 切 なものをすべて 選 んだ 組 み 合 わせはどれか. エントランスページ (トップページ) タイトルA タイトルB タイトルC A1 A2 B1 B2 C1 C2 図 1 [ 説 明 ] 1 情 報 から 情 報 へ, 関 連 付 けされた 情 報 どうしを 縦 横 に 結 び 付 ける 構 造 である. 2 メインの 情 報 一 覧 から 組 織 化 された 情 報 へと 遷 移 していく 構 造 である. 3 データベースを 利 用 して,ユーザが 自 由 に 情 報 を 探 すことのできる 構 造 である. 4 ユーザが 入 力 した 条 件 に 応 じて 表 示 される 検 索 結 果 から, 直 接 目 的 の 情 報 を 選 択 でき る 構 造 である. 5 導 線 が 明 確 に 示 されているため, 多 岐 にわたる 情 報 からユーザが 知 りたい 情 報 を 取 得 しやすい 構 造 である. ア.1,3 イ.1,5 ウ.2,3 エ.2,5 オ.3,4 44
問 題 テーマ 情 報 の 収 集, 分 類, 組 織 化 と,Web サイト 構 造 への 展 開 出 題 のねらい( 作 問 意 図 ) この 問 題 は, 情 報 の 収 集, 分 類, 組 織 化 と,Web サイト 構 造 への 展 開 についての 知 識 を 問 うて います. 正 解 答 解 答 :a. オ b. イ c. ウ d. ウ e. エ 1
第 7 問 以 下 は,Webサイトを 実 現 する 技 術 に 関 する 問 題 である.a eの 問 いに 最 も 適 するものを 解 答 群 から 選 び, 記 号 で 答 えよ. a.webサイトのコンテンツは 静 的 コンテンツと 動 的 コンテンツに 分 類 することができる. 動 的 コンテンツについての 説 明 として, 適 切 でないものはどれか. ア. 動 的 コンテンツの 代 表 的 な 例 として,CGIなどのWebアプリケーションによって 生 成 されるものがあげられる. イ. 動 的 コンテンツの 作 成 方 法 には,データベースに 保 存 されているコンテンツ 情 報 から, 事 前 にWebページを 自 動 的 に 作 成 し,サーバに 設 置 する 方 法 がある. ウ. 動 的 コンテンツは,ユーザが 入 力 したフォーム 内 容 に 応 じて, 同 じURLのWebページ でも, 表 示 内 容 を 変 更 することができる. エ. 動 的 コンテンツは,データベースを 用 いなくても 作 成 することができる. オ. 動 的 コンテンツは,JavaScriptやFlashを 用 いなくても 作 成 することができる. b.web サイト 制 作 に 用 いられる 言 語 や 技 術 についての 説 明 として, 適 切 なものはどれか. ア.HTMLは 情 報 の 記 述 や 情 報 構 造 の 定 義 を 行 うものなので,Flashなどのデザインが 含 ま れる 技 術 を 導 入 する 場 合 は,CSS(Cascading Style Sheets)を 用 いて 設 置 することになる. イ.HTML はWebブラウザの 種 類 バージョンによって 処 理 方 法 が 異 なるため, 表 示 が 変 わってしまう 場 合 がある.そこで, 全 ブラウザ 共 通 の 表 示 ができるように, 基 本 機 能 だ けを 使 用 するWeb 標 準 規 格 がW3Cにより 策 定 されている. ウ.CSS はWebページの 体 裁 を 記 述 する 役 割 をもっている.Webサイト 側,Webブラウザ 側,ユーザ 側 でそれぞれ 定 義 を 行 い, 各 定 義 の 効 果 を 積 み 重 ねることができる. エ. 読 み 上 げソフトが 使 用 されることを 想 定 し,CSSを 用 いた 体 裁 の 定 義 は,1つのWebサ イトにつき1 種 類 のみにとどめておくことで,アクセシビリティを 実 現 するべきである. オ.DOMは,JavaScriptを 用 いてWebページを 直 接 参 照 制 御 するためのしくみである. 現 在 はAjaxの 使 用 が 主 流 となっており,DOMは 使 用 されなくなってきている. c.メタ 言 語 であるXMLで 独 自 タグを 定 義 することにより,さまざまな 規 格 や 言 語 が 定 義 さ れている. 以 下 の 規 格,あるいは 言 語 などから,XMLで 定 義 されているもののみを 選 んだ 組 み 合 わせはどれか. [ 規 格,あるいは 言 語 など] 1 ECMA 2 CSS 3 SOAP 4 SVG 5 XHTML 6 RSS 7 SMIL 8 XGA 52
ア.1,3,5 イ.2,4,6 ウ.4,7,8 エ.3,4,7 オ.1,5,6 カ.2,3,6 キ.2,5,8 d.web サイトへの 攻 撃 方 法 の1つにクロスサイトスクリプティングがある.クロスサイトス クリプティングの 攻 撃 方 法 や,その 対 策 についての 説 明 として, 適 切 なものはどれか. ア. 掲 示 板 などの 閲 覧 時 に,ほかのユーザの 入 力 情 報 に 含 まれるリンクをクリックしなく ても, 閲 覧 するだけでユーザ 情 報 が 盗 聴 される 攻 撃 である. イ.クライアントサイドのプログラムがもつ 脆 弱 性 を 攻 撃 される 方 法 で,ユーザがHTML フォームに 入 力 した 内 容 に 不 正 なコードやスクリプトが 混 入 される 攻 撃 である. ウ. 不 正 なパラメータやスクリプトがWebサイトに 送 信 されることで, 本 来 アクセスされ てはならないデータベースの 情 報 が 取 得 される 攻 撃 である. エ.ユーザが 自 分 で 起 こしたアクションによって 攻 撃 を 受 けるため,ユーザがウイルス 対 策 ソフトを 導 入 すれば 攻 撃 を 防 ぐことができる. オ.ユーザが 使 用 するWebブラウザのセキュリティホールが 用 いられる 攻 撃 なので,アク セスのあったWebブラウザのバージョンをWebサーバがチェックし, 表 示 するWeb ページを 変 更 すれば 攻 撃 を 防 ぐことができる. Webデザイナー 検 定 e.オンラインショッピングサイトなどでは,さまざまなデータを 取 り 扱 う 必 要 があるため, それに 応 じた 複 数 の 機 能 が 実 装 されている.オンラインショッピングサイトでのデータの 取 り 扱 いについての 説 明 として, 適 切 でないものはどれか. ア.インターネット 上 で 公 開 するコンテンツを 管 理 するシステムは, 通 常 スケジューリン グ 機 能 があり, 連 携 するデータベースに 登 録 されているコンテンツの 公 開 日 時 情 報 に 従 い, 自 動 的 にWebサイト 上 のコンテンツを 更 新 する. イ.ユーザ 登 録 時 のプロファイル 情 報 のみならず,ユーザの 購 入 履 歴 や 閲 覧 履 歴 などの 情 報 を 登 録 したデータベースとも 連 携 することで,より 個 人 の 嗜 好 にマッチしたパーソ ナライゼーション 機 能 を 実 現 することができる. ウ.データの 暗 号 化 を 行 えるSSLなどのプロトコルを 使 用 することで, 氏 名 や 住 所,パス ワードなどの 個 人 情 報 をインターネット 経 路 上 で 保 護 することができる. エ.クレジットカードでの 決 済 処 理 を 行 う 場 合 は, 決 済 処 理 システムを 専 門 とする 外 部 業 者 のシステムを 導 入 し,ユーザのカード 番 号 情 報 をオンラインショッピングサイトの データベースで 厳 密 に 管 理 することで, 情 報 がショッピングサイトサーバの 外 に 出 な いようにするのが 一 般 的 である. オ. 外 部 から 直 接 データベースへアクセスできないようにするために,Webアプリケー ションを 動 かすサーバと,データベースを 動 かすサーバは 分 けておくのが 理 想 的 である. 53
問 題 テーマ Web サイトを 実 現 する 技 術 出 題 のねらい( 作 問 意 図 ) この 問 題 は,Web サイトの 制 作 に 必 要 な 技 術 と, 技 術 の 導 入 時 に 十 分 検 討 するべき 事 項 につい て 問 うています. 正 解 答 解 答 :a. イ b. ウ c. エ d. ア e. エ 1