第47届世界技能大赛江苏省选拔赛网站设计与开发项目技术工作文件

第47届世界技能大赛江苏省选拔赛网站设计与开发项目技术工作文件第47届世赛江苏省选拔赛组委会技术工作组2022年7月目录一、技术描述 32（一）项目概要 32（二）基本知识与能力要求 33二、试题与评判标准 34（一）试题（样题） 34（二）试题具体内容 34（三）评判标准 35三、竞赛细则 36四、竞赛场地、设施设备等安排 37（一）赛场规格要求 37（二）场地布局要求 38（三）基础设施清单 38五、安全、健康要求 38（一）赛场人员安全要求 38（二）场地设备安全要求

39（三）疫情防控要求 40一、技术描述（一）项目概要网站设计与开发项目指根据项目需求设计制作站点，实现能在各种终端上使用的页面、交互效果以及后端功能（或游戏）的竞赛项目。选手不但要能熟练使用图形设计工具制作设计稿，熟练运用HTML5及CSS3，按设计稿实现页面，完成各种前端交互效果，还应能独立使用Javascript制作前端应用，例如：前端游戏、前端管理工具、前端交互性展示以及完成后端应用功能的开发等。此外，选手应能处理好代码编写过程中发生的异常，最终的作品也需要妥善处理常用浏览器以及软硬件之间的兼容性。在实际工作中，网页设计者要能理解网页制作的技术和艺术价值。技术的运用是为了实现功能，帮助网站经营者更好更高效地工作（自动化）。网站的颜色、字体、图形以及布局则需要富有创意。用户界面要确保具有良好的可用性。网站制作者也必须理解项目工作、内容制作和网站管理的基础知识。（二）基本知识与能力要求本竞赛是对网站设计与开发技能的展示和评估。主要测试各网站设计与实施技能在操作层面的能力。参赛选手要按照赛题中规定的标准（或要求）展示其网站设计及开发技能。参赛选手必须掌握本项目的理论知识，但是在本次竞赛中理论知识不单独列为考核项目。本次竞赛选手应具备的能力如下：部分类别1页面重构个人需要知道和理解：万维网联盟（W3C）的HTML和CSS标准定位和布局方法可用性和交互设计浏览器兼容性如何在需要的地方嵌入集成动画、音频和视频理论个人应能够：创建符合并能通过W3C标准验证的代码（HTML5,CSS3）为各种设备和屏幕分辨率创建可访问和可用的网站使用CSS或其他外部文件修改网站的外观使用CSS预处理/后处理器使用CSS开发动画和与用户界面的交互实操2前端开发个人需要知道和理解：JavaScript如何使用JavaScript来集成库、框架和其他系统或功能使用JavaScript前置/后置处理器和任务运行工作流理论个人应能够：创建网站的动画和交互功能，帮助解释页面内容和增加视觉吸引力创建和更新JavaScript代码，增强网站功能性，可用性和美观使用JavaScript来操作数据和自定义媒体创建模块化和可重用的JavaScript代码使用JavaScript操作图形元素实操3后端开发个人需要知道和理解：面向对象的PHP如何使用MySQL来设计和实现数据库FTP服务器与客户端的关联以及软件包如何管理服务器和客户端系统之间的数据交换软件设计模式（如.MVC）网页应用程序的安全性理论个人应能够：使用编程技能来操作数据，包括本地储存、数据库和前后端通讯创建或维护数据库以支持系统需求创建易读、可维护、可重用的后端代码模块实操二、试题与评判标准（一）试题（样题）本次比赛共二个模块，在一天内完成，分别针对页面重构、前端功能开发和后端编码及数据库等技术进行考核。模块编号模块名称竞赛时间min分数评价分测量分合计A前端开发150153550B后端开发120104050总计2702575100（二）试题具体内容模块A：选手将使用提供的有限素材，按照赛题要求使用JavaScript、JQuery等技术进行一款射击类游戏的制作。完成所有游戏界面的重构，且游戏逻辑能够按照赛题的要求制作完成。所有功能均使用前端脚本技术完成，游戏排行和其他部分数据由本地存储保存。模块B：客户想在他的网站上建立一个简单的在线游戏。选手将获得前端模板和素材，需要在服务器端上使用纯手工生成的php代码，将游戏逻辑和功能集成到前端模板上。使用恰当的前后端通讯技术并将游戏数据保存到数据库中。（三）评判标准1.评分规则：本项目采用事后结果评分，不设竞速分，当天下午完成上午竞赛部分的评分，下午竞赛部分评分在当天晚上进行，当日必须完成所有模块评分和统分工作。选手的最终完成作品直接保存在比赛机本地服务器规定文件夹中，完成一个模块后需更换到另一组工位继续下一个模块。评分时由裁判在选手机上直接经行操作和打分。由评分裁判复核后交登分员录入系统，再根据系统操作流程进行二次复核，汇总分数由所有裁判签字确认，最终汇总结果由全体裁判签字确认。如遇到总分相同情况，则根据B模块得分高低进行认定。2.评价分：评价分（Judgement）打分方式：3名裁判为一组，各自单独评分，计算出平均权重分，除以3后再乘以该子项的分值计算出实际得分。裁判相互间分差必须小于等于1分，否则需要给出确切理由并在小组长或裁判长的监督下进行调分。权重表如下：权重分值要求描述0分各方面均低于行业标准，包括“未做尝试”1分达到行业标准2分达到行业标准，且某些方面超过标准3分达到行业期待的优秀水平例如：权重分值要求描述0分更改现有CSS代码极度困难，CSS代码没有组织结构。HTML没有格式化1分更改现有CSS代码较为困难，较难以定位需要的内容。HTML有基本格式2分更改现有CSS代码比较容易，很方便就能定位需要的内容。HTML格式良好3分在2分基础上，CSS还应用了一定的代码分组技术并至少包含5条以上有用的注释3.测量分：测量分（Measurement）打分方式：按模块设置若干个评分组，每组由3名及以上裁判构成。每个组所有裁判一起商议，在对该选手在该项中的实际得分达成一致后最终只给出一个分值。测量分评分准则样例表：类型示例最高分值正确分值不正确分值满分或零分网站地图动态链接至菜单0.500.500从满分中扣除CSS代码能通过验证（每种错误扣0.5分）2.002.000～1.5从零分开始加CSS代码有注释(0.5分)XHTML代码有注释(0.5分)1.01.00～0.5三、竞赛细则选手应遵守比赛相关规则，服从裁判长的赛事管理。此外，还应遵守以下特别规定：1. 存在以下情况者，裁判长有权取消该模块成绩：a) 在提交的作品中带有选派单位、选手个人或相关组织机构的标记b) 携带任何有记录内容的纸张等用品到工位上c) 竞赛时间截止时不听从裁判结束比赛口令，继续操作电脑2. 存在以下情况者，裁判长有权取消该选手比赛成绩：a) 考生在比赛过程中将禁止使用的设备带到工位上b) 在比赛中存在有违诚信道德的事件，经当值裁判记录并提交裁判长确认3. 如果发生非本人因素引起的软硬件故障且无法立即解决的，裁判将予以记录并根据处理所花费的时间给予补时。4. 如选手在比赛中存在技术问题的争议，以本技术说明与赛题规定为准，文件中未涉及的情况由裁判组决定。四、竞赛场地、设施设备等安排（一）赛场规格要求每一个名选手均配备以下设备（套）序号设备名称型号单位数量1开发用主机台式台12显示器FullHD台13键盘美式个14鼠标三键光电个1选手比赛用主机配置：硬件型号参数CPUIntelCorei52.5GHz以上内存DDR48GB硬盘SATAHDD提供不少于50GB的可用临时硬盘空间选手主机与本地服务器相连，不连接英特网，并按照下表标准安装相关软件：附表：台式机软件环境类别名称版本备注操作系统Windows10Windows10

开发工具AdobePhotoshopCC2019orupper

AdobeIllustratorCC2019orupper

AdobeXDCC2019orupper

XAMPP7.2orupper

浏览器MicrosoftEdge44orupper

FirefoxDeveloperEditionV75orupper

ChromeV80orupper

辅助软件MSOffice2016orupper

7-Zip19.00(x64)orupper

Filezilla3.5orupper

Editplus5.0orupper

PHPStorm2019orupper

Sublime3.2.2

WinRAR

前端框架jQuery3.5orupper

（二）场地布局要求提供规格（长度、宽度）清晰的布局图。例如：1. 选手操作台台面尺寸为1米*0.6米以上2.选手座位空间不小于3平方米3.场地总面积不小于100平方米，两场考试设备间距5米以上4.选手工位数量20个以上（备4工位）5.评分机6台以上（三）基础设施清单赛场提供统一的标准美式键盘和3键光电鼠标，选手无需自带设备工具。（一）赛场人员安全要求现场裁判、选手、工作人员在竞赛期间应该遵守组委会和执委会的安全规定和要求。参赛选手进入竞赛场地后，须听从并尊重裁判人员的管理，文明参赛。参赛选手必须在确保人身安全和设备安全的前提下开始竞赛，发现或发生有关安全问题，应立即向裁判报告。严格注意赛场用电安全，非赛场管理人员未经允许，不能随意拉接电源以及拔插设备。

如选手发生紧急的身体状况，由赛场管理人员进行紧急处理。除非有集体性意外事件，否则本次比赛没有补时和重赛。（二）场地设备安全要求

场地设备安全要求包括设施设备安全操作要求、赛场消防安全要求、安全标识张贴要求、设备安全操作规程。1．设施设备安全操作要求（1）禁止选手及所有参加赛事的人员携带任何有毒有害物品进入竞赛现场。（2）承办单位应设置专门的安全防卫组，负责竞赛期间健康和安全事务。主要包括检查竞赛场地、与会人员居住地、车辆交通及其周围环境的安全防卫；制定紧急应对方案；监督与会人员食品安全与卫生；分析和处理安全突发事件等工作。（3）赛场须配备相应医疗人员和急救人员，并备有相应急救设施。2．赛场消防安全要求（1）消防设施、器材和消防安全标志全都在位且功能完整。（2）消防安全重点部位人员正常在岗工作。3．安全标识张贴要求安全出口、疏散通道保证畅通，安全疏散指示标志、应急照明完好无损，竞赛场地安全疏散通道禁止被占用。（三）疫情防控要求根据国家及当地疫情防控的相关规定，做好赛前集中技术工