事 前 公 表 第 52 回 技 能 五 輪 全 国 大 会 ウェブデザイン 職 種 競 技 課 題 公 開 日 11 月 4 日 版 技 能 五 輪 全 国 大 会 ウェブデザイン 職 種 競 技 委 員 会
競 技 概 要 ウェブデザインとは インターネット 上 でドキュメントを 発 行 することを 目 的 に 計 画 設 計 およびデザイン またウェブサイト の 維 持 管 理 を 行 うこと と 定 義 する ウェブデザイン 職 種 競 技 では 競 技 課 題 に 基 づきウェブサイトの 設 計 構 築 の 技 能 について 競 技 を 行 う 評 価 は 1. プラン ニングとデザイン 2. 画 像 作 成 修 正 最 適 化 3. レイアウト ナビゲーション ユーザインタフェースデザイン ユーザビリティ アクセシビリティ 4. サーバサイドプログラミング 5.クライアントサイドの 実 装 (HTML/XHTMLおよびCSSのコーディング JavaScriptの 実 装 ) 6. マルチメディア 表 現 とクリエイティビティ 7.プレゼンテーションの 各 項 目 について 行 う 本 競 技 に 求 められる 技 能 について インターネットおよびウェブデザインに 関 わる 一 般 的 な 技 術 について 理 解 していること ウェブサイトの 目 的 やウェブサイトの 企 画 設 計 が 適 切 に 行 え 設 計 企 画 書 の 作 成 ができること ウェブコンテンツおよびウェブサイトを 構 築 するための 技 術 について 理 解 していること ウェブコンテンツおよびウェブサイトを 構 築 するために 必 要 なソフトウェアを 利 用 できること インターネットを 利 用 してコンテンツを 公 開 するための 仕 組 み ウェブサーバの 設 定 について 理 解 していること コンピュータに 関 わるハードウェア ソフトウェア オペレーションシステム ネットワークに 関 して 理 解 し 適 切 に 利 用 することが 出 来 ること HTML/XHTML およびCSS についてW3C に 準 拠 したコーディングが 行 えること (HTML5/CSS3 を 含 む) 各 種 画 像 フォーマットを 理 解 し 特 性 を 生 かしたイメージデータやアニメーションを 作 成 することが 出 来 ること ウェブデザインに 関 わる ユーザビリティ アクセシビリティ インタフェースデザインについて 理 解 していること クライアントサイドに 用 いるスクリプト(JavaScript)のプログラミング 技 能 を 備 えていること ウェブデザインに 関 わる 技 術 技 能 および 基 本 的 なサーバサイドのプログラミングの 技 能 を 備 えていること PHP MySQL 等 を 利 用 してダイナミックなサイトを 作 成 できること 各 種 端 末 等 に 応 じたウェブコンテンツの 作 成 が 出 来 ること 設 計 したウェブサイトについて そのデザイン 意 図 仕 様 や 機 能 等 の 説 明 が 行 えること 2
1. 競 技 時 間 および 競 技 日 程 競 技 時 間 11 時 間 競 技 は 制 限 時 間 11 時 間 以 内 で 行 う 競 技 は 2 日 間 に 分 けて 実 施 し 1 日 目 については 競 技 時 間 を 6 時 間 と する 2 日 目 は 競 技 時 間 5 時 間 とし 2 日 間 合 計 11 時 間 で 実 施 する 競 技 は 下 記 のスケジュールで 行 なう 11 月 28 日 に 10 時 30 分 より 会 場 確 認 と 座 席 およびプレゼンテーションに 関 わる 順 番 の 抽 選 を 行 なう また 競 技 課 題 詳 細 発 表 競 技 説 明 および 各 自 競 技 用 PC 等 設 定 を 行 う なお 競 技 スケジュールについては 変 更 する 場 合 もある ので 留 意 すること 競 技 開 始 より 9 時 間 を 経 過 し 課 題 を 完 成 した 場 合 適 宜 作 業 完 了 を 競 技 委 員 に 宣 言 し 作 業 を 終 了 すること が できる また 競 技 時 間 内 に 課 題 を 完 成 できなかった 場 合 は 入 賞 対 象 としない 競 技 終 了 後 各 自 3 分 間 以 内 の 持 ち 時 間 でプレゼンテーションを 実 施 する プレゼンテーションは 採 点 に 含 まれる < 競 技 日 程 > 11 月 28 日 説 明 会 ( 開 会 式 競 技 会 場 下 見 抽 選 ) 開 会 式 会 場 下 見 ( 職 種 競 技 説 明 会 ) ~10:30 集 合 受 付 抽 選 10:40~11:15 11:15~12:00 競 技 説 明 課 題 発 表 等 競 技 用 PC 等 設 定 等 11 月 29 日 競 技 1 日 目 (6 時 間 ) ~ 8:45 選 手 集 合 および 受 付 課 題 説 明 課 題 等 配 布 注 意 事 項 等 9:00 ~ 10:30 競 技 1.5 時 間 10:30 ~ 10:45 休 憩 15 分 10:45 ~ 12:15 競 技 1.5 時 間 12:15 ~ 13:15 昼 食 1 時 間 13:15 ~ 14:45 競 技 1.5 時 間 14:45 ~ 15:15 休 憩 30 分 15:15 ~ 16:45 競 技 1.5 時 間 16:45 ~ 当 日 ロスタイム 消 化 第 1 日 目 計 6 時 間 11 月 30 日 競 技 2 日 目 (5 時 間 ) ~ 7:50 選 手 集 合 および 受 付 8:00 ~ 10:00 競 技 2 時 間 10:00 ~ 10:15 休 憩 15 分 10:15 ~ 12:15 競 技 2 時 間 12:15 ~ 13:00 昼 食 45 分 13:00 ~ 14:00 競 技 1 時 間 3
14:10 ~ 15:20 プレゼンテーション 15:20 ~ 15:50 講 評 片 付 け 第 2 日 目 計 5 時 間 合 計 競 技 時 間 11 時 間 競 技 時 間 中 VDT 作 業 における 規 定 に 基 づき 競 技 選 手 が 各 自 休 憩 すること 以 下 のURL を 参 照 すること http://www.mhlw.go.jp/houdou/2002/04/h0405-4.html 4
2. 仕 様 機 材 等 < 大 会 競 技 用 PC> 競 技 に 利 用 するPCのOSは Windows 7 である また 使 用 するPCはノートPCである 競 技 PC には キーボードおよ びマウスが 備 えられている PC はLAN で 競 技 用 ネットワークおよびサーバに 接 続 されているが インターネットにアクセス することは 出 来 ない 選 手 はUSBで 接 続 可 能 なキーボードやマウス 等 を 持 参 して 使 用 する 事 ができる ただし 競 技 委 員 は 持 ち 込 み 機 材 のサポートは 行 わないので 留 意 すること <アプリケーション> 競 技 用 PC には 以 下 のウェブサーバ ウェブプログラミング 環 境 およびウェブコンテンツ 作 成 用 ソフトウェアがインスト ール 可 能 な 状 態 にあるか インストールされているか ネットワークより 利 用 することができる 以 下 のソフト 以 外 競 技 では 利 用 する 事 は 出 来 ない また 各 種 サーバ 開 発 環 境 は 競 技 の 規 定 に 従 い 利 用 すること が 出 来 る なお 競 技 に 利 用 するアプリケーションのバージョンなどは 変 更 する 場 合 もある ウェブサーバソフトウェア Apache-2.x 以 上 ウェブプログラミング データベースソフトウェア PHP5.x 以 降 MySQL5. x 以 降 phpmyadmin http://www.php.net/docs.php の 日 本 語 版 マニュアル CakePHP2.5.3 下 記 のURLを 参 照 すること http://www.apachefriends.org/jp/xampp-windows.html PHP Man:http://skilljapan.info/php/ PHP MyAdmin http://skilljapan.info/phpmyadmin/ CakePHP: http://cakephp.jp/ 画 像 処 理 ソフトウェア Adobe PhotoshopCC 2014.2 FireworksCS6 IlustratorCC 2014.1 Acrobat XI Pro ウェブエディタおよびウェブコンテンツ 作 成 ソフトウェア Adobe DreamweaverCC 2014.1 Flash Professional CC 2014.1 テキストエディタなどのソフトウェアSublime Text Sublime Textについては 日 本 語 化 対 応 されている また Sublime Textには Emmet LiveStyleがインストールされて いる FTP クライアントソフトウェア Filezilla http://filezilla-project.org/ JavaScriptライブラリ jquery1.11.1 http://jquery.com/ jquery ui 1.11.2 http://jqueryui.com/ それぞれのソフトウェアについては 標 準 設 定 でインストールを 行 なっている また Windows 7 標 準 のアクセサリ ワ ードパッド メモ 帳 等 が 利 用 可 能 である 特 に 競 技 委 員 からの 指 示 説 明 がない 場 合 競 技 用 PC に 既 にインストールしてあ 5
るソフトウェアを 利 用 することができる またテキストエディタについては 選 手 は 上 記 ソフトウェアより 選 択 して 競 技 用 PC に インストールして 利 用 することができる なお 競 技 委 員 は 以 上 のソフトウェア 使 用 法 に 関 わる 一 切 の 質 問 に 対 する 回 答 操 作 補 助 は 行 わない また サーバおよびウェブプログラミングおよびデータベースの 環 境 に 関 しては 競 技 会 場 下 見 の 際 に 説 明 を 実 施 する ( 事 前 に 競 技 用 サーバ 等 の 仕 様 詳 細 を 公 開 する 場 合 がある) <ブラウザ> 本 競 技 では 以 下 を 大 会 指 定 ブラウザとする Mozilla Firefox 最 新 版 およびWindows Internet Explorer 11 以 降 Google Chrome 最 新 版 共 に 競 技 用 PC にインストールされ FirefoxおよびChromeには Firebug Web Developerなどのプラグインもイン ストールされており 利 用 できる 状 態 となっている https://addons.mozilla.org/en-us/firefox/addon/firebug/ https://addons.mozilla.org/ja/firefox/addon/web-developer/ 6
3. 競 技 課 題 および 概 要 競 技 は 事 前 に 公 表 された 競 技 課 題 より 競 技 前 日 に 10 パーセント 変 更 される 1. 競 技 は 以 下 の 二 つのモジュール 課 題 を 指 定 された 競 技 時 間 内 に 行 なう 2. 選 手 は 1.で 出 題 された 課 題 つまりモジュール 課 題 1 および 2 の 必 要 要 件 制 作 要 件 仕 様 留 意 事 項 などを 考 慮 し てウェブデザインにかかわる 作 業 を 行 なう また ウェブサイト 構 築 に 関 わる 技 術 仕 様 などを 文 章 および 図 などを 用 いたウェ ブサイト 設 計 書 として 作 成 し 提 出 することが 必 要 である 設 計 書 は 各 モジュールや 工 程 で 実 行 される 作 業 について 概 説 し ていること 提 出 データはデジタルデータで 作 成 し 指 示 された 場 所 に 保 存 すること 3. 課 題 の 完 成 と 提 出 については 課 題 要 件 にもとづいて また 規 定 や 仕 様 が 指 示 されたページの 場 合 はその 仕 様 に 従 い 作 成 すること 課 題 は 競 技 時 間 以 内 に 構 築 し 指 定 された 競 技 用 ウェブサーバへディレクトリ 構 成 も 含 めて 必 要 なデータが アップロードされ 大 会 指 定 のブラウザ 双 方 で 正 しく 機 能 し 閲 覧 できる 状 態 とする 4. PHP 等 サーバサイドの 設 定 が 必 要 なものも 利 用 してウェブサイトを 構 築 することができる 競 技 課 題 モジュールの 詳 細 制 作 要 件 仕 様 サーバ 環 境 設 定 の 規 定 に 基 づいて 設 計 デザインし 作 業 を 行 なう 必 要 がある PHP5.x 以 降 MySQL5. x 以 降 phpmyadmin を 選 手 は 利 用 することができる 課 題 モジュールは 指 示 に 従 い スタティックなものまたはPHP デ ータベースなどを 利 用 して 仕 様 に 応 じた 動 的 なサイトとして 構 築 すること コンテンツ 作 成 用 アプリケーションの 他 に 事 前 に 公 表 されたブラウザ 用 のプラグインなども 使 用 することが 可 能 である 5. 使 用 可 能 な 素 材 として 提 供 される 画 像 ファイル 等 は 競 技 前 日 にサムネール 画 像 とともに 確 認 可 能 である 選 手 は 提 供 さ れた 素 材 すべてを 利 用 する 必 要 はなく ふさわしいものを 選 択 し 適 切 な 状 態 に 加 工 して 使 用 することができる また 選 手 は 画 像 処 理 ソフトウェア 等 を 使 用 して 素 材 となる 画 像 データを 自 由 に 作 成 することができる 6. 必 ず 使 用 することを 義 務 付 けられたデータが 配 布 されるので 選 手 は 適 切 な 状 態 に 加 工 し 使 用 する 7. HTML/XHTML については W3C によるHTML4.01 以 降 とし CSS2.1 以 降 を 外 部 スタイルシートで 使 用 し スタイルシ ートを 使 用 したウェブサイトを 構 築 すること ただし HTML5 についてはCR-html5-20140204 CSS3 の 各 モジュールは 2014 年 4 月 1 日 の 時 点 でW3Cにおいて 勧 告 されているものを 推 奨 する また HTML XHTMLと 明 記 し 記 述 している 場 合 はそれに 従 うこと また 作 成 するHTMLファイルの 文 字 コードはUTF-8 にすること 8. その 他 Flash GIF アニメーション JavaScript 等 を 利 用 したムービーやアニメーション インタフェース 等 選 手 は 課 題 の 目 的 内 容 に 応 じて 作 成 し 利 用 することが 出 来 る 9. 選 手 は JIS ISO W3C 等 の 国 際 標 準 規 格 に 準 拠 し ウェブ 標 準 アクセシビリティ ユーザビリティに 配 慮 してウェブサ イトを 設 計 デザインすること 7
4 モジュール 課 題 1 競 技 1 日 目 (6 時 間 ) モジュール 課 題 1 では RESTful な APIの 作 成 を 行 なう 具 体 的 にはPHP/MySQLを 用 いたデータの 入 出 力 用 APIの 作 成 である RESTful ウェブサービスになるので DBに 対 して CRUDに 相 当 する 機 能 をウェブ 上 に 構 築 する 必 要 がある ウェブブラウザなどのユーザエージェントとのやりとりはJSONで 行 な う 例 えば http://www.skilljapan.info/data/1 にGETでアクセスした 場 合 には {"id": 1, "name": "xxxxx"} のようなJSONデータがレスポンスとして 返 る 作 成 にあたって CakePHP フレームワークを 利 用 してもよい このモジュールで 評 価 される 技 能 は サーバサイドプログラミングである PHPなどのコーディングの 他 にDBの 操 作 テーブル 設 計 なども 含 まれる また PHPのコードのMVC 化 なども 評 価 対 象 になる クライアントサイドのJavaScriptやHTMLおよびCSSなどは 本 モジュールでは 評 価 対 象 ではない 作 成 したAPIのテストツールは 競 技 委 員 が 用 意 するので 特 に 開 発 する 必 要 はない モジュール 課 題 1 は 第 一 日 目 に 完 成 さ せなければならない 制 限 時 間 内 に 作 業 が 完 了 した 場 合 は 次 のモジュール 課 題 2 の 制 作 に 進 むことができる また 次 のモジ ュール 課 題 2 に 進 んだ 場 合 は モジュール 課 題 1 のデータ 等 は 操 作 変 更 は 出 来 ない 8
5 モジュール 課 題 2 課 題 競 技 2 日 目 (5 時 間 ) モジュール 課 題 2 では サイトテーマを 元 にウェブサイトのフロントエンド 部 分 の 設 計 構 築 作 業 を 行 う 必 要 となる 写 真 素 材 やロゴなどについては 提 供 されるので 適 切 に 加 工 して 使 う 必 要 がある ここで 評 価 される 技 能 は プランニング (X)HTML/CSSコーディング 画 像 処 理 アニメーションの 作 成 および 埋 め 込 み そして APIサーバとの 連 携 である このモジュール 課 題 2 は 競 技 2 日 目 の 競 技 時 間 内 で 完 成 させなければならない 制 限 時 間 内 に 作 業 が 完 了 した 場 合 でも モジュール 課 題 1 のデータ 等 は 操 作 変 更 することは 出 来 ない 9
6 競 技 課 題 詳 細 内 容 この Module では 家 具 シミュレーションページで 使 う 家 具 のデータに 対 するCRUD 機 能 を 実 装 する 6.1 API の URI 以 下 のどちらかの URI でアクセスできること RESTful な URI の 方 が 望 ましい RESTfulなURI メソッド URI 一 覧 表 取 得 GET http://user0xx.skilljapan.info/api/furnitures 特 定 のデータ 取 得 GET http://user0xx.skilljapan.info/api/furnitures/3 新 規 データの 追 加 POST http://user0xx.skilljapan.info/api/furnitures/ 特 定 のデータ 更 新 PUT http://user0xx.skilljapan.info/api/furnitures/3 特 定 のデータ 削 除 DELETE http://user0xx.skilljapan.info/api/furnitures/3 上 記 で 特 定 のデータを 指 定 している 場 合 は id = 3 とする 一 覧 取 得 では category id を 指 定 することで 特 定 のカテゴリの 一 覧 を 取 得 することもできる レガシーな URI 一 覧 表 取 得 http://user0xx.skilljapan.info/api/furnitures/ 特 定 のデータ 取 得 (id が 3 の 場 合 ) http://user0xx.skilljapan.info/api/furnitures/show.php?id=3 新 規 データの 追 加 http://user0xx.skilljapan.info/api/furnitures/create.php 特 定 のデータ 更 新 (id が 3 の 場 合 ) http://user0xx.skilljapan.info/api/furnitures/update.php?id=3 特 定 のデータ 削 除 (id が 3 の 場 合 ) http://user0xx.skilljapan.info/api/furnitures/destroy.php?id=3 新 規 データの 追 加 特 定 データの 更 新 および 削 除 のメソッドは POST で 行 うこと 10
6.2 一 覧 取 得 一 覧 取 得 API では 以 下 のパラメータを 持 つ JSON が 返 る パラメータ 名 内 容 備 考 stauts リクエストの 結 果 category_id カテゴリ ID furnitures 家 具 情 報 の 配 列 配 列 の 中 は 次 行 以 降 id 家 具 情 報 ID title タイトル svg SVG ファイルの URI 絶 対 パス caption 簡 単 な 説 明 椅 子 (カテゴリ ID : 2)の 時 に 下 記 の URI でアクセスした 場 合 は 以 下 のような JSON が 返 る http://user0xx.skilljapan.info/api/furnitures/category_id/2 { "status" : 1, "category_id" : 2, "furnitures" : [ { "id" : 36, "title" : "オフィスチェア", "svg" : "http://user0xx.skilljapan.info/api/2567a5ec9705eb7ac2c.svg", "caption" : "オフィスでも 使 える 肘 掛 つきの 椅 子 です"}, { "id" : 45, "title" : "ダイニングチェア", "svg" : "http://user0xx.skilljapan.info/api/526a75c9705eb7ac2c98e.svg", "caption" : " 木 製 のシンプルなダイニングチェアです"} ]} データの 取 得 指 定 された id で DB から 検 索 し JSON にして 返 す { "status" : 1, "id" : 45, "category_id" : 2, "title" : "ダイニングチェア", "svg" : "http://user0xx.skilljapan.info/api/2567a5e9705eb7ac2c98.svg", 11
"caption" : " 木 製 のシンプルなダイニングチェアです", "width" : 420, "depth" : 415, "description" : "シンプルで 機 能 的 なダイニングチェア ナチュラルテイストでフローリングの 部 屋 にぴったりです ", "uri" : "http://www.example.com/dc/1" } 6.3 登 録 および 更 新 データは 以 下 のリクエストパラメータで 送 信 されてくる 更 新 時 の id は URI に パラメータ 名 内 容 備 考 title 家 具 名 必 須 category_id カテゴリ ID svg SVG ファイル 必 須 caption 簡 単 な 説 明 width 横 幅 単 位 は mm depth 奥 行 き 単 位 は mm description 説 明 uri 商 品 URI 販 売 サイトがある 場 合 に 入 力 手 順 としては 以 下 のようになる 1. データ 受 信 後 認 証 が 通 らなかった 場 合 は HTTP で 401 と ダイジェスト 認 証 のヘッダを 送 信 して 終 了 2. 認 証 後 データを 取 得 し SVG ファイルを 保 存 する この 時 実 際 に 保 存 するファイルの 名 前 はオリジナルファイル 名 や 連 番 ではなく 類 推 しづらいものにすること 3. SVG ファイル 名 なども 含 めてデータベースへ 格 納 4. 成 功 した 場 合 は 当 該 データを 取 得 した 時 と 同 じ JSON データを 返 す 失 敗 した 場 合 には status : 0 を 返 す 12
6.4 削 除 削 除 用 URI にアクセスがあった 場 合 該 当 データおよび SVG ファイルの 削 除 を 行 う 成 功 した 場 合 は 当 該 データを 取 得 し た 時 と 同 じ JSON データを 返 す 失 敗 した 場 合 には status : 0 を 返 す 6.5 認 証 機 能 新 規 データの 追 加 特 定 データの 更 新 および 削 除 には 認 証 機 能 が 必 要 である 以 下 の ID/パスワードでダイジェスト 認 証 を 行 うこと ID admin パスワード komaki2014 realm gorin. htaccess を 用 いて 認 証 機 能 を 設 置 することもできるが 今 後 パスワード 変 更 のインタフェースを 作 成 することも 考 慮 して PHP 側 で 認 証 をさせることが 望 ましい 6.7 リターンコード JSON 内 の status は リターンコードとして API 動 作 の 結 果 を 示 す status 内 容 0 失 敗 1 成 功 6.8 家 具 カテゴリ カテゴリデータは 以 下 のようにすること id name zindex 1 テーブル 4 2 椅 子 3 3 ソファ 3 4 カーペット 1 5 家 電 5 6 その 他 2 13
6.9 Module 2 この Module ではマンション 販 売 のウェブサイトのフロントエンド 部 を 構 築 する 必 要 なページは 以 下 の 通 り トップページ 家 具 シミュレーションページ また 近 年 ではPCのブラウザよりもモバイルデバイスのアクセスの 方 が 増 えてきていることもあり スマートフォンでも 閲 覧 でき るようにすることが 求 められる また ウェブサイト 構 築 における 技 術 的 な 仕 様 は 以 下 のとおりである HTML/CSS W3C の 勧 告 する XHTML1.1 もしくは HTML5 W3C の 勧 告 する CSS2(.1) もしくは CSS3 アクセシビリティと 操 作 性 の 基 準 img 要 素 における alt 属 性 HTML5 の 場 合 必 須 ではないが このサイトでは 必 須 とする 6.10 トップページ 以 下 の 項 目 が 含 まれていなければならない マンション 販 促 用 アニメーション プラグインなしでも 動 作 するもの スライドアニメーションなど 視 覚 効 果 を 使 ったものが 望 ましい 関 連 企 業 のロゴ 14
6.11 家 具 シミュレーションページ 間 取 り 画 像 があり その 上 に 家 具 の 画 像 を 配 置 することができるページ 家 具 画 像 の 一 覧 があり そこからデータを 選 び ドラ ッグ & ドロップで 間 取 り 画 像 上 の 任 意 の 場 所 に 配 置 することができる 家 具 情 報 については 家 具 データ API より 取 得 する また,この 機 能 は PC 版 のブラウザに 対 応 するだけでよい 家 具 データは API サーバより 取 得 する URI は Module 1 の RESTful API の api を gorinapi に 置 き 換 えたものを 使 う このモジュールでは 各 選 手 が 作 る 必 要 はない RESTful な URI メソッド URI 一 覧 表 取 得 GET http://user0xx.skilljapan.info/gorinapi/furnitures/category_id/1 特 定 のデータ 取 得 GET http://user0xx.skilljapan.info/gorinapi/furnitures/3 カテゴリ ID を 1 特 定 のデータデータは id = 3 とする 間 取 りおよび 家 具 データは SVG になっており 縦 幅 および 横 幅 のデータもあるのでスケーリングして 表 示 すること また 家 具 データは 90 度 ずつ 回 転 してできるようにすること 15
6.12 グローバルメニュー 必 要 な 情 報 として 以 下 のものがある 全 体 計 画 コンセプト モデルルーム 設 備 仕 様 間 取 り オプション アクセス 周 辺 環 境 構 造 物 件 概 要 今 回 の 競 技 では トップページと 家 具 シミュレーションページを 作 成 することが 課 題 であるため 全 てのページを 作 成 する 必 要 はない ただし これらの 情 報 にたどり 着 けることがわかるようにすること 16
< 留 意 事 項 > 下 記 の 項 目 について 留 意 し 課 題 を 作 成 すること 1. プランニングとデザイン ウェブサイトは 要 求 仕 様 に 応 じて 制 作 され 適 切 に 計 画 されているか 課 題 制 作 にあたって 適 切 な 作 業 計 画 がなされているか モジュールが 目 的 に 応 じた 要 求 を 満 たし 情 報 を 漏 れなく 含 み 完 成 された 状 態 になっているか モジュールに 求 められるサイトの 構 成 が 適 切 であり タイトルやページ 名 称 は 適 切 か サーバにアップロードされブラウザで 閲 覧 できる 状 態 になっているか 2. 画 像 作 成 修 正 最 適 化 画 質 階 調 圧 縮 技 術 等 のWeb 用 画 像 ファイルについての 知 識 があり 最 適 化 が 行 われているか モジュールの 目 的 やコンテンツに 見 合 ったデザイン 処 理 が 行 われているか 3. レイアウト ナビゲーション ユーザインタフェースデザイン ユーザビリティ アクセシビリティ 必 要 な 情 報 が 正 しく 伝 達 されるためのデザインがなされ 文 章 画 像 についてその 構 成 が 適 切 にレイアウ トされているか ページは 読 みやすく 見 やすくデザインされているか 適 切 なナビゲーションがデザインされているか 各 モジュールにおいて 利 用 されている 色 彩 は 適 切 で 一 貫 しているか 配 色 ボタンなど 各 要 素 のサイズなどが 適 切 か 使 いやすさに 配 慮 したGUI(グラフィカルユーザインタフェース)の 設 計 がなされ フィードバックは 適 切 か ユーザビリティに 配 慮 してデザインされているか アクセシビリティに 配 慮 された 制 作 デザインがなされているか JIS X8341-3 WCAGのガイドラインを 特 に 意 識 したデザインがなされているか 4. サーバサイドプログラミング PHP を 用 いたダイナミックなウェブサイトが 構 築 されているか PHP からの DB 操 作 が 行 なえるか Ajax 用 API が 構 築 されているか 5. クライアントサイドの 実 装 JIS ISO W3Cなどの 標 準 規 格 に 準 拠 し 適 切 な 構 造 化 (structured markup/semantic markup)が 行 われているか CSS2.1 以 降 を 外 部 スタイルシートで 使 用 し スタイルシートを 有 効 に 利 用 しているか 指 定 されたWebブラウザに 準 拠 してデザインされているか ECMAScript(Java Script) 等 のWebプログラミングが 適 切 に 利 用 されているか 最 新 の 業 界 動 向 さまざまな 端 末 等 に 応 じたウェブコンテンツの 実 装 ができるか 6. マルチメディア 表 現 とクリエイティビティ 17
モジュール 全 体 のデザイン また 使 用 されている 画 像 等 の 表 現 方 法 が 適 切 で かつ 独 創 性 創 造 性 審 美 性 があるか モジュール コンテンツを 特 徴 づける 為 の 努 力 がされ 魅 力 に 富 んだサイトになっているか 情 報 伝 達 やサイトの 目 的 を 達 成 するために 留 意 され 訴 求 力 のある 制 作 が 行 われているか モジュールの 目 的 やデザインに 合 わせたアニメーションが 作 成 されており 魅 力 的 か 7. プレゼンテーション プレゼンテーションが 適 切 に 行 われ 作 業 および 制 作 課 題 作 品 の 要 旨 が 明 確 に 伝 達 されたか 18
8. 評 価 について 本 競 技 では 3. 留 意 事 項 の 項 目 について 評 価 を 行 う また 配 点 については 表 1. 配 点 のとおりである 表 1. 配 点 項 目 内 容 配 点 1 プランニングとデザイン 5 2 画 像 作 成 修 正 最 適 化 5 3 レイアウト ナビゲーション ユーザインタフェースデザイン ユーザビリティ アクセシビリティ 10 4 サーバーサイトプログミング 38 5 クライアントサイドの 実 装 32 6 マルチメディア 表 現 とクリエイティビティ 5 7 プレゼンテーション 5 合 計 100 19
< 注 意 事 項 > 1. 筆 記 用 具 は 競 技 委 員 会 より 提 供 を 行 なう また 和 英 英 和 辞 書 については 持 込 を 許 可 する 手 荷 物 等 については 持 込 を 許 可 するが 競 技 に 関 係 のないもの( 携 帯 電 話 等 )などについては 競 技 中 に 利 用 することはできない 机 上 に 置 けるものは 配 布 された 筆 記 用 具 時 計 ( 必 要 であれば 目 薬 ) 等 とする 携 帯 電 話 を 時 計 として 利 用 することはできない 2. 選 手 は 競 技 実 施 日 において 本 人 確 認 のため 学 生 証 社 員 証 公 的 に 自 己 を 証 明 する 写 真 貼 付 の 身 分 証 明 書 などの 提 示 を 求 められることがある 3. 競 技 中 水 分 補 給 の 必 要 がある 場 合 は 閉 栓 可 能 なペットボトルなどの 飲 料 を 持 参 することはできる 但 し その 飲 料 などが 原 因 で 機 材 等 にトラブルが 発 生 した 場 合 は 自 己 責 任 となる 4. 競 技 は 見 物 者 などにより 騒 音 等 が 発 生 する 可 能 性 がある 騒 音 防 止 のために 音 楽 CD およびヘッドフ ォン イヤフォン 等 の 持 込 を 認 める 音 楽 CD については 競 技 用 PCを 用 いて 再 生 すること ただし MP3 プレイヤーや 携 帯 電 話 等 は 使 用 不 可 とする 音 楽 CD については 不 要 なデータが 含 まれていない か 競 技 委 員 がチェックすることがある 5. 計 時 については 競 技 用 PC の 時 計 で 確 認 するのではなく 競 技 委 員 に 説 明 された 計 時 機 器 等 を 利 用 す ること また 競 技 の 際 には 適 宜 競 技 委 員 から 経 過 時 間 のアナウンスを 行 なう 6. 競 技 の 際 服 装 等 は 競 技 にふさわしいものを 着 用 すること 選 手 は 寒 暖 の 変 動 に 対 処 できるように 留 意 すること また 騒 音 や 見 学 者 取 材 などが 予 想 されるため 必 要 であれば 耳 栓 などを 競 技 委 員 に 申 し 出 て 使 用 する 事 ができる ゼッケン 等 が 配 布 された 場 合 は 競 技 委 員 の 指 示 に 従 い 必 ず 着 用 すること 7. 競 技 用 PC については 事 前 にその 動 作 を 確 認 しておくこと また 競 技 実 施 前 日 の 説 明 会 の 際 に 競 技 用 サーバの 接 続 設 定 等 について 説 明 を 行 なうので 接 続 方 法 操 作 方 法 について 必 ず 確 認 を 行 なうこと また その 際 各 自 環 境 設 定 の 為 に 持 ち 時 間 30 分 程 度 を 与 えるので PC の 環 境 設 定 等 を 行 うこと ま た 競 技 に 必 要 な 機 器 等 や 検 証 用 機 材 等 を 競 技 委 員 より 支 給 される 場 合 は 使 用 上 の 注 意 等 に 必 ず 従 うこと 8. 競 技 用 PC および 検 証 用 機 材 から インターネット( 競 技 用 ネットワーク 外 )へアクセスすることはできない また 選 手 が 競 技 委 員 の 指 示 なくネットワークの 設 定 を 変 更 することはできない 競 技 用 ネットワーク 外 へ 故 意 にアクセスした 場 合 は 失 格 とする 場 合 がある 9. 事 前 に 作 成 した 独 自 のプログラム ソース テンプレートや 素 材 を 利 用 することはできない ただし 競 技 課 題 で 規 定 された 場 合 は 競 技 委 員 の 許 可 を 得 て 利 用 することができる 20
10. 競 技 用 PC に 各 ソフトウェア 標 準 の 状 態 でインストールされている 素 材 データやテンプレートについて は 各 自 の 判 断 で 利 用 することは 許 可 する 11. 競 技 中 に 他 の 選 手 と 用 具 の 貸 し 借 り PC 競 技 用 機 器 およびデータの 交 換 は 禁 止 する 12. USB 方 式 のキーボードおよびマウスについては ドライバを 新 規 で 組 み 込 む 必 要 のないものに 限 っては 持 込 を 許 可 する その 他 の 入 力 デバイス(タブレット 等 )については 持 ち 込 みは 不 可 とする また 持 込 する 入 力 機 器 については 選 手 各 自 の 責 任 とし 競 技 用 PC で 動 作 しない 不 安 定 になる 等 もあるため 選 手 各 自 で 判 断 すること 競 技 委 員 は 一 切 のサポートを 行 わない 13. 他 の 選 手 の 競 技 を 妨 害 する 行 為 をしないこと 14. 競 技 機 材 機 器 等 のトラブルが 発 生 した 場 合 は 挙 手 をして 競 技 委 員 または 関 係 者 に 作 業 の 待 ち 時 間 の 記 録 をしてもらうこと なお この 際 に 作 業 をしてはならない また 競 技 用 PC が 障 害 などにより 競 技 中 に 停 止 (フリーズ クラッシュ)した 場 合 その 停 止 時 間 も 競 技 委 員 が 測 定 を 行 う 作 業 が 上 記 理 由 等 で 継 続 できない 場 合 その 繰 越 分 は 競 技 終 了 時 に 連 続 して 行 なう 事 とする プレゼンテーションの 順 番 および 割 当 て 時 間 を 越 える 場 合 には 別 途 協 議 し 変 更 する 場 合 がある 15. 競 技 用 PC のトラブルにより 作 成 中 のデータが 失 われる 場 合 もあるため 各 自 データの 保 存 やバックアッ プについて 十 分 に 留 意 し 作 業 を 行 なうこと 作 業 データは ハードディスクに 保 存 することを 推 奨 する 作 成 中 のデータに 関 しては 競 技 用 PC のハードディスクおよび 競 技 用 サーバ データ 保 存 用 のメディアと して USB メモリ(2GB を 各 競 技 用 PC に 設 置 )が 利 用 できるので 以 上 のデータ 保 存 可 能 な 場 所 にデータ を 適 宜 バックアップすることを 推 奨 する 16. 競 技 開 始 後 9 時 間 を 越 え 制 限 時 間 内 に 作 業 を 完 了 した 場 合 作 業 完 了 と 挙 手 をし 競 技 委 員 に 意 思 表 示 を 行 なうこと 競 技 委 員 の 確 認 後 指 示 に 従 い 控 室 等 で 待 機 すること 17. 競 技 中 に 不 正 があった 場 合 また 競 技 委 員 に 不 正 を 指 摘 された 場 合 選 手 は 失 格 となりすべての 作 業 を 中 止 して 退 場 すること 18. 競 技 中 のトイレは 各 自 適 宜 行 うこと その 際 は 必 ず 競 技 委 員 に 申 し 出 ること なお 所 要 時 間 については 作 業 時 間 に 含 まれる 19. 安 全 衛 生 上 の 観 点 から 各 自 作 業 中 に 適 当 な 休 憩 を 取 ること その 際 に 競 技 会 場 からの 退 出 は 禁 止 す る また 他 の 選 手 の 妨 害 にならないように 注 意 すること 20. 選 手 はトイレまたは 休 憩 昼 食 時 には 適 宜 データを 保 存 し PCからログオフするか アプリケーション 等 の 操 作 画 面 ブラウザなどに 制 作 途 中 の 課 題 が 表 示 されないよう 配 慮 すること 21
21. 競 技 実 施 後 に 規 定 されたデータが 正 しく 提 出 されていない 場 合 や 提 出 された 課 題 データの 状 態 により プレゼンテーションを 行 なえないと 事 前 に 予 想 される 場 合 は その 旨 個 別 に 通 知 され プレゼンテーショ ンを 行 えない 場 合 もある 22. 競 技 実 施 中 各 自 の 作 業 および 操 作 中 のPCの 画 面 等 が 会 場 の 見 学 者 にむけて 提 示 されることがある 23. プレゼンテーションはモジュール 課 題 2 を 対 象 として 行 うこと プレゼンテーションについて 事 前 に 印 刷 等 したメモや 競 技 時 間 中 に 作 成 した 原 稿 を 利 用 することは 禁 止 する 24. 制 作 した 課 題 の 著 作 権 は 大 会 主 催 者 である 中 央 職 業 能 力 開 発 協 会 に 帰 属 する しかし 制 作 した 著 作 物 の 引 用 の 責 任 については 競 技 ( 制 作 ) 者 側 にあるものとする 22