nbhkdz.com冰点文库

2016年全国职业院校技能大赛竞赛微网站设计与开发项目方案申报书

时间:2016-05-14


2016 年全国职业院校技能大赛 竞赛项目方案申报书

赛项名称: 赛项组别: 专业大类:

微网站设计与开发 中职组□ 计算机类 吴访升 13961193318 高职组■

方案设计专家组组长: 专家组组长手机:

方案申报单位(盖章) :中国职业技术教育学会 信息化工作委员会 方案申报负责人: 联系手机: 邮箱号码: 通讯地址: 邮政编码: 申报日期: 孙林营 13011078299 skillchina@126.com 北京市西城区新街口外大街 19 号 100875 2015 年 8 月 26 日
1

2

2016 年全国职业院校技能大赛 竞赛项目方案
一、赛项名称 (一)赛项名称 赛项名称:微网站设计与开发 英语翻译:Micro-site Design and Development

(二)压题彩照 (三)赛项归属产业类型 产业类型:电子信息产业/现代服务业 (四)赛项归属专业大类 高职计算机类---计算机应用技术(专业代码 590101) 高职计算机类---计算机网络技术(专业代码 590103) 高职计算机类---计算机多媒体技术(专业代码 590103) 高职计算机类---软件技术(专业代码 590108) 高职计算机类---图形图像制作(专业代码 590109)

3

二、赛项申报专家组
单位 专业 职务/职称 中关村移动互联 计算机 副秘书长/ 张昕 网产业联盟 专业 工程师 吴 访 常 州 工 程 职 业 技 计 算 机 院长/教授 升 术学院 应用技 术 姚越 刘红 梅 李旭 海 李睿 仙 轩照 振 赵波 北京劳动保障职 业学院 北京农业职业学 院 常州工程职业技 术学院 唐山工业职业技 术学院 河南交通职业技 术学院 北京中润微知科 技发展有限公司 计算机 应用 计算机 网络 计算机 专业 计算机 应用技 术 计算机 专业 计算机 专业 副教授 系主任/副 教授 副处长/ 艺术传媒系 主任/副教 授 院长助理/ 讲师 技术总监 姓名 年龄 41 50 手机号码 13370152 118 13961193 318 邮箱 jarsy@189. cn Wfs@email. Czie.net 41 47 33 34 35 32 18610153 288 13269691 701 13601592 569 15176719 312 13526843 976 18600598 413 1533630176 @qq.com llll329@16 3.com xhli2@emai l.czie.net lrxstudy@1 26.com xuanzz@126 .com zhaob@weiz hivet.com. cn

三、赛项目的 移动互联时代的到来改变了人们的上网方式, 由过去的电脑 浏览转变为移动端浏览。同时,随着微信、蓝信、陌陌等即时消 息类移动软件的广泛应用、用户量的迅速增长,为市场蕴藏巨大 商机。作为企业推广的重要平台——“微网站”能够有效为企业 吸引潜在用户,提升企业知名度及形象。微网站的优秀设计精良 制作,可提高微网站访问量,进而增加企业公众号粉丝数量,为 企业立足移动互联时代打好基础。 因此,随着移动平台的兴起,微网站、微平台建设成为近两 年越来越火的一个新领域。微网站作为移动端跨平台的传播媒
4

介,源于 WebApp 和网站的融合创新,兼容 iOS、android、WP 等 各大操作系统,可以方便的与微信、微博等应用的链接,适应移 动客户端浏览市场,符合浏览体验与交互性能要求的新一代网 站。微网站的设计和开发己经成为一个新兴的求职领域。 (一)促进职业教育教学模式的创新 通过微网站设计与开发大赛,引导职业学校调整课程设置、 促进课程改革,将通用性的网站建设、交互设计与移动通信、互 联网技术充分融合, 使学校的专业建设能快速跟上移动互联网的 产业发展趋势。 ?微网站设计与开发?高职组比赛已于 2015 年 7 月在江苏 镇江成功举办行业比赛,有二十多个省/市选手报名参赛,取得 了良好的效果,比赛和训练期间涌现了大量优秀的微网站作品, 参赛选手在微网站开发平台上快速创意,熟练代码,训练比赛期 间的微网站作品成为学校招生宣传移动的窗口和企业宣传推广 的创新手段,赢得了与赛师生的好评。 (二)培养复合型的移动互联网技能人才 在 2015 年全国两会上,李克强总理提出?制定‘互联网+’ 行动计划? ,互联网将成国家战略,迎来新的发展机遇。 ?微网站设计与开发? 可以充分实现互联网与传统行业的融 合,实现在传统行业上进行多样化的应用,为各行业企业提供移 动端通信平台的宣传推广运营 ; 微网站同时作为技术复合的体 现,结合了美术设计和程序设计两个不同学习领域的知识和技 能。通过大赛,使计算机应用技术、计算机多媒体技术等信息技 术类专业学生明确认知和熟练掌握移动互联网、 微网站设计与开
5

发技术,科学地将职业学校人才培养机制、专业设置与人才市场 需求紧密结合,培养创新型高素质的复合型移动互联网技能人 才,吻合了 21 世纪对跨界人才的培养方向。 四、赛项设计原则 (一)坚持公开、公平、公正 赛项遵循坚持公益性、统一性、专业化和普遍性原则,遵循 政府主导、行业指导、企业参与的基本要求,以赛事制度建设为 基础,提高赛项的规范化、现代化和机制化水平。 (二)赛项关联职业岗位面广、人才需求量大、职业院校开 设专业点多; 通过微网站设计与开发大赛, 紧跟信息技术产业的最新发展 方向,引领职业学校在计算机应用技术、计算机多媒体技术等专 业移动网站创意开发方向的发展趋势,促进人才培养模式、教师 教学模式的创新,通过大赛,将企业对热门岗位、新兴技术的需 求、用人标准融合到比赛内容中,促进校企深度合作,全面拓展 并融汇贯通职业教育信息技术类专业学生的知识和技能。 (三)竞赛内容对应相关职业岗位或岗位群、体现专业核心 能力与核心知识、涵盖丰富的专业知识与专业技能点; 主要在以下几个方面着力: 1.竞赛与前沿技术相结合。 本竞赛充分考虑职业院校学生技能掌握的需求情况, 通过移 动页面组织考核学生 UI 创意设计,重点通过代码编写考核学生 对 HTML5、 CSS3、 js 等前沿技术的掌握, 重视学生实战操作技能。
6

2.竞赛与行业前沿发展相结合 本竞赛紧密结合移动互联网行业发展对人才的需求。 微网站 运营推广带来了轻营销模式(将微网站植入微信公众平台),这 种模式下,面对的受众除了移动网站访问,增加了 6 亿左右的微 信用户,为广大企业带来了无限商机,同时全面考核和培养职业 院校学生微网站开发和微网推广宣传能力。 3.竞赛与人才市场优化配置相结合 本竞赛以微网站建设为主, 覆盖了职业学校从计算机应用技 术、计算机网络技术、计算机多媒体技术、软件技术、图形图像 制作等多个专业领域, 通过竞赛能充分对现有移动互联网中技能 型人才的市场流动和优化配置方面,起到技术创新、科技进步的 引导作用。 4.竞赛与职业发展教育相结合 本竞赛在考核知识和能力掌握情况的同时, 注重职业院校学 生职业发展理念的引入和职业生涯的规划, 鼓励职业院校学生利 用自己掌握知识和技能创新创业。 (四)竞赛平台成熟。 微知微网站建设实训平台以移动互联为支撑,基于 HTML5、 CSS3、Js 等开发技术,针对移动终端使用人群,提供丰富的微 网站建设功能。软件平台功能全面、使用简单方便,针对各行业 企业多样性的需求开发出了微网站背景、基本 CSS、微网应用等 功能。集合微网站设计和微网站开发平台于一体,可以让参赛选 手在掌握专业知识原理层面的同时, 更多的锻炼职业院校学生建 设微网站中的实际操作技能。
7

本实训平台结合各职业院校信息类专业要求, 按照职业教育 的教学实训实际情况而研发,适合职业院校开设的移动网站设 计、移动网站开发等课程的实训教学。平台集平面设计、网站开 发、移动互联技术于一体,除了满足专业实训教学,还能开展技 能考核和职业技能竞赛, 基于平台的微网站产品可直接投入微信 类平台和移动端浏览器交互应用,体现了社会价值和经济效益。 可通过开展各行业微推广项目式实训, 培养学生在微网站设计开 发过程中的整体设计、开发和建站的综合职业能力。 在 2015 年“微网站设计与开发”行业赛中得到广大参赛院 校的肯定。 五、赛项方案的特色与创新点 (一)体现“互联网+”各行业推广应用 突出移动互联技术在信息技术类专业的新应用, 以智能移动 终端(智能手机、PAD)为各行业企业的宣传承载平台,注重考 察参赛选手的微网站建设及开发技能。考察选手页面设计、交互 效果应用、内容组织及页面友好度、网页制作技术、微网站的推 广能力。 (二)适应高素质技能型人才的培养方向 通过比赛和实训为学生构建真实的移动互联网和平台设计 开发环境,职业院校学生实训、训练和比赛成果可直接投入企业 使用,具有实际生产价值。 1. 考察参赛选手对微网站的网页设计及创意能力。考查选 手运用设计元素,对含有网页链接、图形元素、文字和照片处理
8

的综合能力。 尤其突出参赛选手的学习新技术进行原创设计的能 力,设计网页颜色、字体、图形以及网站布局时要具有创造性, 对用户界面的规划能力。 2. 考察选手微网站开发及管理能力。参赛选手需要通晓微 网站基础知识、内容制作和微网站管理,使用微网站开发实训平 台中开放源码库和框架创建客户端部分。 突出考核参赛选手的用 户体验设计和移动开发工具的应用能力。 3. 考察选手对微网站和参赛选手的创新能力及职业道德。 作为赛项内容的一部分,参赛选手根据行业企业真实需求,完成 微网站现场创意和文案撰写, 包括对微网站设计理念、 网站结构、 开发原理及推广手段。 不仅考察参赛选手的微网站建设与开发能 力,加强参赛选手对版权法和道德问题的认知和重视,同时也提 升参赛选手的创新能力。 (三)促进国赛与世界技能大赛的接轨 当前国家职业技能大赛中还没有针对“网站建设”开设的专 门赛项,有的省市为参加世赛,也开设了此类的赛项。微网站建 设与开发赛事不仅可以填补国家技能大赛在这方面赛项的不足, 与世界技能大赛中的网站设计赛项接轨, 而且引入移动互联网技 术,是在传统网站建设上的提升,体现了新技术的应用和行业的 复合性,及对复合型技能人才的培养。 (四)通过本项竞赛引导职业学校专业建设 促进课程改革,丰富高职院校的相关专业的实训教学资源, 对填补当前职业院校计算机网络技术、 平面设计及计算机应用技 术专业在微网站建设、移动信息化应用教学实训平台、实训案例
9

和培训资源方面的空白,有助于增强教育教学能力等方面,具有 重要引领示范作用。 (五)以学生参与为中心的创客体验 响应国家号召, 应对信息通讯技术发展以及知识社会来临的 机遇与挑战,探索以学生参与为中心的创新 2.0 模式。参赛选手 通过赛项提供的开放平台体验、试验、检验微网站的应用创新与 技术进步。 以学生为中心、 以社会实践为舞台、 创设以共同创新、 开放创新为特点的学生参与的创新 2.0 模式的技术环境, 引导其 成为创意者、设计者和产品创造的实现者。 六、竞赛内容简介(须附英文对照简介) 微网站设计与开发赛项基于 HTML5 和 CSS3 等开发技术,针 对移动终端使用人群,提供丰富的微网站建设功能。锻炼信息技 术类广大职业院校学生针对各行业企业多样性的需求开发微官 网、微宣传和微邀请等微推广产品,竞赛主要技能点包括微网站 创意、界面设计、图片处理、美工制作、代码交互、实现整体微 网站设计与开发、运行推广等,知识融于技能、达到微网站设计 和开发的知行统一, 融汇贯通。 为体现赛项的公平公正和创新性, 比赛分为微网站制作和微网站创意设计两大项目, 分别用设计和 开发软件平台完成。 参赛选手在大赛组委会提供的软硬件环境下、 根据提供的素 材及制作要求在比赛时间内完成赛题, 微网站的成果作品在微信 同类平台中合理运行。 两个模块根据职业院校学生就业岗位的需 求,较完整地覆盖微网站建站制作的全部流程,体现技术与艺术
10

的结合。竞赛题目采用命题形式,考核选手模仿制作和创意制作 的能力。 The competition of Micro site Design and Development is based on new technical standard of HTML5 AND CSS3, specially for the people who has been using MT( Mobile Terminal) open platform, it provides wide range of micro site set-up functions according to the micro account opened to the public.It also train and give skills to all professional IT school students to develop micro official website, micro advertisement, micro research and micro statistics to meet various demands from variety of enterprises and companies. The key elements in the competition include: micro site creative, front page design, image processing, picture treatment, code interaction, realization of exchanging functions, whole micro site design and development and promotion of micro site etc.
?

To make a fair competition and embody creativity , the competition combines the two projects of Micro site production and Micro site creative designing, which has to be completed within the design and creative software platform.
11

Competitors should finish the test within required time limit by utilizing the soft and hard wares provided by the competition committee, the elements provided herein and make-up requirement and smoothly run the micro site product on the Micro site. The two projects are based on the requirements of actual job for the school students, it covers all procedures of micro site set-up and creation, it shows the perfect combination of skills and art. The competition will set up questions to test the competitor’s ability of imitation and creation.

七、竞赛方式 (一)比赛方式为个人赛,不邀请境外代表队参赛; (二)参赛规模:每个参赛省(市)参赛人数为 4 人,每名
参赛选手可配 1 名指导教师,比赛时间为 3.5 小时。鼓励各省组织

省赛,组织有相应项目省级选拔赛的省份,经大赛执行委员会审 查备案,视赛项特点及承办单位实际承接能力,在条件许可的情 况下相应项目可增加 1 名参赛选手,不邀请境外代表队参赛; (三)参赛资格:参赛选手须为高等职业学校信息技术类和 文化艺术类等相关专业类的全日制在籍学生可报名参加比赛; (四)参赛年龄:参赛选手年龄不超过 25 周岁(即 1991 年
12

7 月 1 日及以后出生) ; (五)参赛说明:凡在往届本赛项全国大赛中获一等奖的学 生,不再参加同一项目(同一组别)的全国大赛; (六)竞赛分预赛和决赛两个阶段。预赛由各省、自治区、 直辖市,各计划单列市以及新疆建设兵团等有关部门自行组织, 决赛由 2016 年全国职业院校技能大赛组委会统一组织。 八、竞赛时间安排与流程 比赛限定在 3.5 小时内进行,时间为 8:10-11:40,具体 安排如下: 比赛日程安排 07:00-07:10 07:10-07:40 07:50-08:00 08:00-08:10 08:10-11:40 11:40-11:50 11:50-23:00 九、竞赛试题 2016 年全国职业院校技能大赛 微网站设计与开发赛项(高职组)竞赛样题 一、操作说明 裁判进入裁判室 选手检录、抽签 参赛选手入场就位 裁判宣读要求,选手查看相关要求 比赛时间 参赛选手离场 裁判评分

13

1、赛前准备时间,请先检查所需使用的计算机软硬件是否 正常。 2、 运行 “d:\微网站设计与开发比赛模块.rar” 自解压文件, 所有比赛题目都会解压到“d:\微网站设计与开发比赛模块”文 件夹中。解压密码由监考人员现场公布。 3、 参赛作品存放在 “桌面 XXX-参赛作品桌面 XXX-参赛作品” 文件夹中, 选手根据题目自行建立文件夹, 名称为 “模块 1” 、 “模 块 2” 、 “模块 3” 、 “模块 4”(中间无空格)。若在“桌面 XXX-参赛 作品桌面 XXX-参赛作品”文件夹内无指定名称的模块文件夹, 则该项作品根据题目要求减去相应分数。 注释:其中 XXX 为赛位号,比如赛位号为 1 号,文件夹名称 为“001-参赛作品” ;赛位号为 47 号,文件夹名称为“047-参赛 作品” ;赛位号为 110 号,文件夹名称为“110-参赛作品” 。 4、本次微网站设计与开发比赛的赛题共有 4 个模块,各模 块所需素材和 UI 设计稿,分别存放在“d:\微网站设计与开发比 赛模块”文件夹下的 4 个文件夹内,个别素材需参赛选手根据 UI 设计稿自己制作。 5、创意作品由提交服务器的微网站作品和 PSD 格式的分层 UI 设计稿文件组成,两者缺一不可。微网站尺寸、分辨率须符 合各赛题的具体规定。 6、赛题作品的提交:建议边做边保存,注意链接跳转后不 要保存错页面。 7、所有参考资料存放在“d:\资料”文件夹中,pdf 文件可 用火狐浏览器打开。
14

二、比赛模块及要求 模块一:XXX 微网站(使用微设计软件) :通过基本背景、 基本 CSS 元素和微网应用元素等,自由拖曳、灵活组合搭建微 网站。 ( 20%) ? 根据 UI 设计稿, 完成微网站页面搭建, 制作要求如下: 1) 在“桌面 XXX-参赛作品 \模块 1”文件夹内建一个用“作

品 1XXX”命名的文件夹。 2) 3) 在微设计软件中创建站点 1 根据提供的 UI 设计稿,自行创建微网站切片,压缩合理

大小,输出为正确格式。 4) 在微设计软件中进行“前导页、一级页面和二级页面”

的页面制作总计 5 个页面。 5) 页面制作好后,为每个页面之间添加导航链接,使页面

之间可以通过导航进行随意跳转。 6) 7) 为微网站添加音乐、轮播图、 QQ 客服、一键拨号控件 根据切片图片,结合微设计软件中的动画功能,为微网

站添加与主题相符的动画。 8) 保存作品。

? 输出管理:确定在谷歌浏览器预览无问题后,复制微网站 链接地址,将其粘贴记事本中,以“ XXX 微网站链接”命名, 放置到“桌面 XXX-参赛作品 \模块 1\作品 1XXX”文件夹内。 模块二: XXX 微网站制作(使用微开发软件平台) :通过基本 背景、基本 CSS 元素和微网应用元素等,源代码编辑、灵活组 合制作微网站。 ( 30%)
15

? 根据 UI 设计稿,完成 XXX 微网站搭建。主要任务如下: 1) 在“桌面 XXX-参赛作品 \模块 2”文件夹内建一个用“作

品 2-XXX 微网站制作”命名的文件夹。 2) 3) 在微设计软件中创建站点 2。 根据提供 UI 设计稿,自行创建微网站切片,压缩合理大

小,输出为正确格式。 4) 建。 5) 互。 6) 通过微开发软件平台,为微网站添加音乐、轮播图、 QQ 通过微开发软件平台源代码,为微网页之间呈现导航交 通过微开发软件平台源代码,调整元素属性完成页面搭

客服、一键拨号控件,再使用源代码为其进行精确调整。 7) 通过微开发软件平台,为微网站底部菜单,再使用源代

码为其进行精确调整。 8) 通过微开发软件平台,结合微网站整体风格,通过源代

码为微网站添加动画 9) 保存作品

? 输出管理:确定在谷歌浏览器预览没问题后,复制微网站 链接地址,将其粘贴记事本中,以“ XXX 微网站制作链接”命 名,放置到“桌面 XXX-参赛作品 \模块 2\作品 2-XXX 微网站制 作”文件夹内。 模块三: XXX 公司招聘(使用微开发软件) :在比赛提供的绘 图软件中完成效果图设计、制作切片,再通过微开发软件平台 的基本背景、基本 CSS 元素和微网应用元素等,源代码编辑、
16

灵活组合制作微网站。 ( 40%) ? 根据 XXX 需求和资料,完成公司招聘微网站设计创意并制 作。制作要求如下: 1) 在“桌面 XXX-参赛作品 \模块 3”文件夹内建一个用“作

品 3-XXX 公司招聘”命名的文件夹 2) 3) 在微开发软件中创建站点 3 根据 XXX 公司需求和资料,利用绘图软件自行设计与制

作页面效果图其中包含“ 1 个一级页面、 2 个二级页面和 2 个 三级页面” ,页面尺寸分辨率为 640*1008 像素。 4) 5) 将制作的效果图合理创建切片 在微开发软件平台中将“ 1 个一级页面、2 个二级页面和

2 个三级页面”进行页面搭建 . 6) 页面制作好后,通过微开发软件中的源代码为每个页面

之间添加导航链接,使页面之间可以通过导航进行随意跳转。 7) 通过微开发软件平台,为微网站添加音乐、轮播图、 QQ

客服、一键拨号控件,再使用源代码为其进行精确调整。 8) 通过微开发软件平台,为微网站添加底部菜单,使用源

代码为其进行精确调整 9) 通过微开发软件平台,结合微网站整体风格,通过源代

码为微网站添加动画 10) 保存作品。

? 输出管理: 1) 将设计制作的 5 个 PSD 文件储存到“桌面 XXX-参赛作品

\模块 3\作品 3 作品 2-XXX 公司招聘”文件夹内。
17

2)

将设计制作的轮播图效果图文件储存到“桌面 XXX-参赛

作品 \模块 3\作品 3-XXX 公司招聘”文件夹内。 3) 将设计制作的微网站切片图文件储存到“桌面 XXX-参赛

作品 \模块 3\作品 3-XXX 公司招聘”文件夹内。 4) 确定在谷歌浏览器预览没问题后, 复制微网站链接地址,

将其粘贴在记事本中,以“ XXX 公司招聘微网站链接”命名, 放置到“桌面 XXX-参赛作品 \模块 3\作品 3-XXX 公司招聘”文 件夹内。 模块四:创意文案:将模块三制作微网站时的设计理念,写出 与之对应的创意说明。起名“微网站创意文案”存放在“桌面 XXX-参赛作品 \模块 4\创意文案”文件夹内( 10%) 。

18

十、评分标准制定原则、评分方法、评分细则 (一)评分标准制定原则: 1.按照职业岗位要求,全面评价参赛选手职业能力,本着 “科学严谨、 公平公正公开、 可操作性强” 的原则制定评分标准。 2.确定评分因素界面布局设计、导航菜单功能、图片处理、 交互功能的实现、 整体微网站设计与开发和微网站推广等各模块 内容; 3.分配因素权重上着力区分重要与非重要因素,区分主客 观评分因素; 4.推广方案等相关文档的准确性与规范性; 5.评分细评分细则制定充分科学、合理性。 (二)评分方法:过程性评分 1.评分流程:根据参赛队伍(选手)在分步操作过程中的 规范性、合理性以及完成质量等,评分裁判依据评分标准按步给 分并加权汇总的评分方法。流程如下: ①参赛队伍(选手)按比赛要求进行操作,评分裁判对照评 分表即时判分。每模块评分裁判 2 人,结果取平均分; ②两名记分员在监督人员的现场监督下, 对参赛队伍 (选手) 的评分结果进行分步汇总并计算平均分, 所有步骤成绩的加权汇 总值作为该参赛队伍(选手)的最后得分; ③裁判长当天公布评分结果,并由裁判长、监督人员和仲裁 人员签字后确认; ④在竞赛过程中,参赛选手如有不服从裁判判决、扰乱赛场
19

秩序、舞弊等不文明行为的,由裁判长按照规定扣减相应分数, 情节严重的取消比赛资格,比赛成绩记 0 分。 2. 评分的主要要素为作品技术、视觉效果、创意设计和推 广理念。 3.每位选手总分为 100 分,总分最高者获胜。 (三)评分细则: 模块 号 模块内 判分内容 容 切片制作 页面制作 导航交互 微网应用控件 动画特效 作品预览 源代码调整元素属性 完成页面制作; 使用微 二 开发平 台仿做 30 值 10 30 30 15 10 5 100 20% 分 比 分 分 模块 权 总

使用微 一 设计平 台仿做

源代码呈现导航交互; 30 源代码实现微网应用 20 控件; 源代码展现动画特效; 15 作品预览。 5 20
20

100

30%



使用微

页面设计

100

40%

开发创 意

切片制作; 源代码调整元素属性

10 15

完成页面制作; 源代码呈现导航交互; 10 源代码实现微网应用 10 控件; 源代码展现动画特效; 10 源代码特殊效果 作品预览。 创意文 四 案 ①每个模块作品技术分值由 1 名裁判员判定并计入,视觉 效果和创意设计分由至少 2 名裁判员判定后取平均分计 说明 入; ②选手的最终成绩=模块一*权重+…+模块四*权重。 十一、奖项设置 (一)参赛选手奖励。 各赛项设参赛选手个人一、二、三等奖。以赛项实际参赛 选手(个人赛)总数为基数,一、二、三等奖获奖比例分别为 10%、20%、30%(小数点后四舍五入) 。 (二)指导教师奖励。 各赛项获得一等奖的参赛选手(个人赛)指导教师获“优秀
21

20 5 100 100 10%

创意说明

指导教师奖” 。 十二、技术规范 (一)职业技术标准 学生具备网页设计制作员职业标准所需的知识和技能, 并能 结合微网站特点,满足企业生产实际的建站需求。 (二)技术规范 微知微网站建设实训平台(中润微工厂) 1.基础标准 1) GB/T 11457-2006:信息技术、软件工程术语 2) GB8566-88 计算机软件开发规范 3) GB 1526-1989:信息处理各种图的文件编辑符号和约定 计算机系统配置图符

4) GB/T 14085-1993:信息处理系统 号及约定

5) GB/T 20157-2006 信息技术 软件维护 6) GB/T20271-2006《信息安全技术-信息系统通用安全技术 要求》 7) GB/T 8566-2007 信息技术 软件生存周期过程 2.软件开发标准 1) GB/T 8566 -2001 信息技术 软件生存周期过程 2) GB/T 15853 -1995 软件支持环境 3) GB/T 14079 -1993 软件维护指南 4) SJ/T 10367-1993(2009)计算机过程控制软件开发规程 5) GB/T 17544-1998 信息技术 软件包 质量要求和测试
22

6) GB/T 15532-2008 计算机软件测试规范 3.平台适用多媒体标准 1) 文本:支持富文本编辑 2) 图形图像:支持 gif、png、jpg 等常见格式,大小不超过 300K 3) 动画:支持 css3、html5、js 等实现的动画效果。 4) 音频:支持 mp3 等常见格式,大小不超过 3M 5) 视频:支持腾讯视频、优酷视频等流媒体视频播放 十三、建议使用的比赛器材、技术平台和场地要求 (一)比赛器材 1. 按参赛队数量准备大赛用设备和相关物品。 2.计算机软硬件配置 1)服务器: CPU:4 核 内存:8G 数据盘:500G 操作系统:Windows Server 2012 标准版 64 位 2)比赛选手 PC 机环境 ? 硬件 CPU:Intel Core I3 内存:4G 显卡:1G 硬盘:100G 以上
23

内置声卡、网卡 立体声耳麦 ? 软件 Windows7 64 位

Office 2010 谷歌浏览器 (建议版本:43.0.2357.130) 火狐浏览器(建议版本:38.0.5.5623) Adobe Flash Player (建议版本: 18.0.0.194 ) for Firefox Adobe Photoshop CS6 (试用版 30 天) Adobe Illustrator CS6(试用版 30 天) Adobe flash CS6 (试用版 30 天) Adobe Dreamweaver CS6 (试用版 30 天) CorelDRAW Graphics Suite X6 (试用版 30 天) CoolFormat 源代码格式化免费工具 ? 网络环境 每间赛场分别部署局域网络 (二)技术平台 微知微网站建设实训平台 1. 站点管理:填写站点名称和描述等信息,每个站点为一 个微网站。 2. 页面管理:一个微网站由多个页面组成,页面由 html5、 css3、js 等构成。 3. 设计器:可视化设计微网站,支持图片、视频、音频、 文本框、下拉框等元素,支持文本编辑。
24

4. 素材库:支持常用的文件格式 jpg、gif、png、mp3 等文 件。 5. 基本 CSS:基本的网页元素,支持背景颜色、透明度、边 距、边框尺寸、边框弧度、动画等样式属性可视化编辑。 6. 微网应用:支持底部菜单、轮播图、客服、一键拨号等 微网应用。 7. 二维码预览:将当前页面生成二维码,支持手机扫一扫 预览和链接复制 8. 代码编辑预览:支持 html5、css、jquery 等常用代码编 写。 (三)比赛场地 1.赛场网络环境 各个赛场需要组建统一的局域网。不能访问局域网以外 的网络。 2.提供带屏风的机房标准电脑桌。 3.现场技术支持 北京中润微知科技开发有限公司负责比赛软件技术支 持。承办学校负责赛场网络及硬件支持。 4.赛场准备的时间要求 按教育部文件中确定的比赛日期为准,比赛前 1 周考场一 切工作准备就绪,比赛前 1 天封闭考场,由比赛执委会检查 验收。 5.大赛专用办公室 1 间, 配备打印机 1 台 (含 2 箱打印纸) , 订书机等相关办公设备。
25

6. 承办单位应提供 3%~5%的备用设备。 十四、安全保障 (一)场地及消防设施:竞赛现场为教学机房,须符合消防 安全要求; (二) 疏散通道与紧急出口: 疏散通道宽度应符合相关要求, 通道交汇处需布置引导人员, 现场需设置紧急疏散门并设置指引 设备; (三)采光与通风:竞赛现场需保证空气清新、照明需符合 教室采光规范; (四)参赛人员安全与保健:竞赛现场需布置休息室、医务 室,配备医生及急救药品。 十五、企业合作意向 中润微知在 2016 年在经费、技术、产品和服务等方面赞助 支持技能大赛的组织筹办工作,保障技能大赛顺利举办。中润微 知申请成为竞赛器材供应商和单项赛事冠名企业,支持大赛工 作。 其具体支持包括四部分: (一)软件支持 提供 2016 年中职组?微网站设计与开发?赛项的主要专业 软件,包括微知微网站开发(中润微工厂-微设计微开发)实训 平台的使用权。 (二)经费支持
26

除设备支持之外,为保证大赛顺利进行,另为大赛提供经费 支持,用于大赛宣传、培训、专家指导、裁判等相关费用支出。 (三)技术支持 承诺提供一系列技术和培训支持,共同参与赛项的调研、研 讨、论证工作,负责比赛现场软件安装、赛场调试、比赛现场临 时突发事件处理等技术支持 (四)培训服务 承诺提供赛前培训支持等一系列相关工作, 公司提供技术培 训免费咨询电话和 QQ 技术咨询号 4008471008,公司定期在微信 号发布微网站开发微课视频,在公司云学习平台-微学堂(地址: mclass.weizhivet.com.cn)上提供相关课程,为参赛师生免费 提供微网站设计和开发培训教程。 (五)其他支持 根据大赛执委会的工作安排,承接一些力所能及的公益工 作。 十六、经费预算方案
序号 1 2 3 4 5 项目 比赛方案规程 及赛题设计 竞赛软件平台 竞赛软件现场 布置及设施 竞赛组织费用 不可预见 经费 预算 10 万 9.98 万 5万 15 万 2万 预计来源 北京中润微知科技 发展有限公司 北京中润微知科技 发展有限公司 承办单位 北京中润微知科技 发展有限公司 备注 经费 合计

按 150 人 参赛

41.98 万

27

十七、比赛组织与管理 根据《全国职业院校技能大赛组织机构与职能分工》 《全国 职业院校技能大赛赛项设备与设施管理办法》 《全国职业院校技 能大赛赛项监督与仲裁管理办法》要求和规定,分别成立:专家 组、裁判组、监督组、仲裁组等组织,各组织的职责分工如下表 所示:
组织 专家组 任务分工 制定比赛规程、比赛 内容、比赛试卷 工作职责 赛项技术文件编写 赛题设计、赛场设计 赛事成果转化、赛项说 明会 裁判组 根据评分标准,为参 赛作品打分 监督组 全程监督赛项的各项 工作 仲裁组 负责处理申诉报告 1. 选手、作品加密 2. 选手身份审核 3. 选手作品评分 1. 赛场设备、安全监督 大赛组委会抽 2. 竞赛试题抽取监督 3. 评分过程监督 根据申诉事由进行审 查, 6 小时内书面通知申 诉方,告知申诉处理结 果。 执委会 取 在裁判库中随 机抽取 备注 人员构成符合 相关要求

1.竞赛规则 ①参赛选手须提前 10 分钟入场,入场必须佩戴参赛证并出 示身份证,按抽签确定的机位入座,将参赛证和抽签号置于台桌 左上角备查。参赛选手不得携带任何通讯工具、电子存储设备及 参考资料进入赛场。迟到超过 30 分钟不得入场。 ②选手在竞赛中应注意随时存盘。 参赛选手必须按参赛试卷 上的要求存储全部数据, 不按要求存储数据或导致数据丢失者按
28

成绩无效处理。 ③竞赛过程中如发生机器故障, 必须经裁判确认后方能更换 机位;竞赛过程中发现问题,选手应该当场提出。选手提交的作 品中不能包含作者个人、 学校、 城市等信息, 否则取消竞赛资格。 ④竞赛过程中,选手若需休息、饮水或去洗手间,一律计算 在操作时间内。 ⑤如果选手提前结束竞赛,应举手向裁判员示意提前结束。 竞赛终止时间由裁判员记录在案, 选手提前结束比赛后不得再进 行任何操作。 ⑥参赛选手应着装整洁,讲文明礼貌。参赛选手应严格遵守 赛场纪律、维护赛场秩序,服从裁判管理,并具有良好的职业素 养和安全意识。 2.申诉 ①参赛队对不符合竞赛规定的设备、工具、软件,有失公正 的评判、奖励,以及对工作人员的违规行为等,均可提出申诉。 ②申诉应在竞赛结束后 2 小时内提出,超过时效将不予受 理。申诉时,应按照规定的程序由参赛队领队向裁判组递交书面 申诉报告。报告应对申诉事件的现象、发生的时间、涉及到的人 员、申诉依据与理由等进行充分、实事求是的叙述。事实依据不 充分、仅凭主观臆断的申诉将不予受理。申诉报告须有申诉的参 赛选手、领队签名。 ③赛项裁判组收到申诉报告后,应根据申诉事由进行审查,
29

6 小时内书面通知申诉方,告知申诉处理结果。如受理申诉,要 通知申诉方举办听证会的时间和地点;如不受理申诉,要说明理 由。 ④申诉人不得无故拒不接受处理结果, 不允许采取过激行为 刁难、攻击工作人员,否则视为放弃申诉。申诉人不满意赛项裁 判组的处理结果的,可向大赛仲裁工作组提出复议申请。 3.仲裁 ①赛项设仲裁工作组, 负责受理大赛中出现的申诉复议并进 行仲裁,以保证竞赛的顺利进行和竞赛结果公平、公正。 ②仲裁工作组的裁决为最终裁决, 参赛队不得因对仲裁处理 意见不服而停止比赛或滋事,否则按弃权处理。 十八、教学资源转化建设方案 大赛促进教学,对教学起到引领作用。经过大赛,积累教学 资源以及规范化的实验资源, 引导了学校专业培养目标的修订和 知识体系的更新,适合职业教学、实训和人才就业需求。 通过对竞赛资源的整合和应用,实现下列资源转化目标: 1. 形成适合职业学校的专业课程标准与内容 作为大赛组织者,通过大赛的竞赛内容设计和竞赛成果分 析,整理出适合职业学生学习、具有实用价值的专业课程体系、 关键技能和知识体系,指导职业院校的专业建设和课程改革。 2.依托资源共享平台,推广适合职业学校特色的教学资源 将比赛作品用于职业院校共享和教学转化, 形成实训案例资
30

源库,并将这些资源发布在共享平台上,供相关学校分享。 同时结合职业院校特点适时出版相应教材。目前,微网站方 面的教材空白,很多院校和专业无据可依、无所适从。发挥国家 技能大赛引领作用,根据竞赛内容和成果,适应最基本、最前沿 的专业需求,编写优质教材。 开发教学资源时要注重内容呈现形式多元化, 视频与文本相 结合,专家讲座与案例呈现相补充,调动中职学员学习积极性, 激发学生探究精神。 3.开展校企合作,优化教学模式 开展大赛合作企业与院校间的校企合作项目、科研立项,一 方面 ,可以有效地拉近校企之间的距离 ,在学校可以访问共享企 业的资源; 另一方面,可以将教学中产生的资源上传到企业,方便 企业人员对学生和企业职工进行指导。校企合作,可以发挥学校 和企业的各自优势,共同培养社会和市场需要的人才。加强学校 与企业的合作,教学与生产的结合,优化现有教学或实训模式, 才能充分体现校企合作举办职业的优越性和突出办学特色。 大赛 的作品作为教学资源,竞赛的创意设计方式运用到教学过程中。 十九、筹备工作进度时间表 依据赛项筹备工作,制定筹备工作时间进度表。
时间 2015.08 内容 申报立项 赛项设计专家研讨 会,完成赛项申报 方案 负责单位 信息化工作委员会 备注 按大赛组委 会要求

31

2015.11

确定赛项 赛项答辩

赛项组织,专家组

2015.11-2016.2

赛项专家会议 3-5 赛项专家组 轮次会议,确定赛 项规程、样题、赛 项技术方案、赛场 方案、体验环节设 计方案、开放方案、 宣传方案、教学资 源转化方案、赛事 安全规章、突发事 件应急预案等 赛项全国说明会 赛项组织者,专家组、 承办校,技术支持公 命题专家组会议, 司 赛题开发、确定竞 赛题库 比赛软件安装、调 赛项承办单位,合作 试,赛场布置、同 公司,执委会 期技术展示、体验 和活动现场布置; 赛项指南印刷、选 手服装制作 专家组题库审核, 确定评分标准及抽 题 成立裁判组、仲裁 组、监督组;培训 并验收赛场 正式比赛、同期技 术展示、体验和活 动举办;竞赛成绩 提交、竞赛过程文 档提交、教学资源 转化成果与赛项总 结

2016.4

2016.5

32

二十、裁判人员建议 根据竞赛内容和 《全国职业院校技能大赛专家和裁判工作管 理办法》的有关要求 裁判组:共需要裁判 22 名,具体分工如下:
专业技术职称 (职业资格等 级) 中级及以上 中级及以上 中级及以上 中级及以上

序号 1 2 3 4 裁判 总人 数

裁判类别 裁判长 加密裁判 监考裁判 评分裁判

专业技术方向 计算机及相关 计算机及相关 计算机及相关 计算机及相关

知识能力要求 移动网站设计开 发 移动网站设计开 发 移动网站设计开 发 移动网站设计开 发 22

人数 1 4 5 12

二十一、其他 可同期举办包括针对学生、带队教师训练作品展示、技术交 流沟通等活动。 微知微网站开发平台可以基于微信公众号深入开发, 拓展个 人和企业微信功能,但考虑到大赛公平公正,在比赛环境设置无 法连接互联网,所以在比赛中仅仅侧重了微网站设计与开发技 术,比赛作品可以在赛后在微信平台、移动端推广。

33


2016年全国职业院校技能大赛竞赛微网站设计与开发项目....pdf

2016年全国职业院校技能大赛竞赛微网站设计与开发项目方案申报书 - 2016

2016年全国职业院校技能大赛竞赛微网站设计与开发项目....doc

2016年全国职业院校技能大赛竞赛微网站设计与开发项目方案申报书_互联网_IT/计算机_专业资料。2016年全国职业院校技能大赛竞赛微网站设计与开发项目方案申报书 ...

2016年全国职业院校技能大赛竞赛电子产品设计及制作项....doc

2016年全国职业院校技能大赛竞赛电子产品设计及制作项目方案申报书_电子/电路_工程...(7)微电子技术 (8)光电子技术 (9)智能产品开发 2、自动化类 580200 580205...

2016年全国职业院校技能大赛竞赛互联网+技术应用与开发....doc

2016年全国职业院校技能大赛竞赛互联网+技术应用与开发项目方案申报书_互联网_IT/计算机_专业资料。2016年全国职业院校技能大赛竞赛互联网+技术应用与开发项目方案申报...

微网站设计与开发-2015年全国职业院校技能大赛比赛项目....doc

微网站设计与开发-2015年全国职业院校技能大赛比赛项目方案(中职组)_中职中专_职业教育_教育专区。2015年全国职业院校技能大赛竞赛项目方案申报书(中职组)2015...

2016 年全国职业院校技能大赛 竞赛项目方案申报书_图文.pdf

2016 年全国职业院校技能大赛 竞赛项目方案申报书 赛项名称: 赛项组别: 专业大类: 煤矿瓦斯检查(煤矿安全) 中职组? 高职组□ 资源开发与测绘大类 创治 ...

2016年全国职业院校技能大赛竞赛自动化生产线安装与调....doc

2016 年全国职业院校技能大赛 竞赛项目方案申报书赛项名称: 赛项组别: 专业大类: 方案设计专家组组长: 专家组组长手机: 自动化生产线安装与调试 中职组□ √ ...

2016年全国职业院校技能大赛竞赛智能微电网系统安装与....doc

2016年全国职业院校技能大赛竞赛智能微电网系统安装与调试项目方案申报书_电子/电路_工程科技_专业资料。2016年全国职业院校技能大赛竞赛智能微电网系统安装与调试项目...

2016年全国职业院校技能大赛竞赛UI设计与应用项目方案....doc

附件2016 年全国职业院校技能大赛 竞赛项目方案申报书赛项名称: 赛项组别: 专业大类: UI 设计与应用 中职组□ 电子信息 肖永亮 13683315632 高职组? 方案设计专家...

2016年全国职业院校技能大赛竞赛4G全网建设技术项目方....doc

2016年全国职业院校技能大赛竞赛4G全网建设技术项目方案申报书_计算机硬件及网

GZ-016 微网站设计与开发(高职)_图文.pdf

GZ-016 微网站设计与开发(高职)_互联网_IT/计算机_专业资料。2016 年全国职业院校技能大赛 竞赛项目方案申报书 赛项名称: 赛项组别: 专业大类: 微网站设计与...

2016年全国职业院校技能大赛竞赛智能电子产品系统工程....doc

2016 年全国职业院校技能大赛 竞赛项目方案申报书 赛...方案设计专家组组长: 专家组组长手机: 方案申报单位...微电子技术 (8)光电子技术 (9)智能产品开发 2、...

2016年全国职业院校技能大赛竞赛智能工业4.0应用项目方....doc

2016年全国职业院校技能大赛竞赛智能工业4.0应用项目方案申报书详解 - 2016 年全国职业院校技能大赛 竞赛项目方案申报书 赛项名称: 赛项组别: 专业大类: 方案设计...

2016年全国职业院校技能大赛竞赛智能硬件系统的芯片测....doc

2016年全国职业院校技能大赛竞赛智能硬件系统的芯片测试与电路检修项目方案申报书_...赛项内容设计紧 扣职业岗位典型工作任务,在强化微电子及其相关专业核心技 能与...

2016年全国职业院校技能大赛竞赛机械设备装调与控制技....doc

2016年全国职业院校技能大赛竞赛机械设备装调与控制技术项目方案申报书_其它_计划...获奖优秀指导教师共同开发制作 30 种以上微 课程,供相关院校教学使用;搭建机械...

2016年全国职业院校技能大赛跨境电商技能竞赛项目方案....doc

2016 年全国职业院校技能大赛 竞赛项目方案申报书赛项名称: 赛项组别: 专业大类: 跨境电子商务技能 中职组□ 财经大类 姚奇富 高职组? 方案设计专家组组长: ...

2016年全国职业院校技能大赛竞赛方案书.doc

2016年全国职业院校技能大赛竞赛方案书 - 附件 2016 年全国职业院校技能大赛 竞赛项目方案申报书 赛项名称: 赛项组别: 专业大类: 方案设计专家组组长: 专家组...

2016年全国职业院校技能大赛竞赛无人驾驶技术应用项目....doc

2016 年全国职业院校技能大赛 竞赛项目方案申报书赛项名称: 赛项组别: 专业大类: 方案设计专家组组长: 专家组组长手机: 无人驾驶技术应用 中职组□ 高职组? ...

2016年国赛电子产品设计及制作(高职组)样题_图文.doc

2016 年全国职业院校技能大赛 竞赛项目方案申报书 赛项名称: 电子产品设计及制作...(7)微电子技术 (8)光电子技术 (9)智能产品开发 2、自动化类 580200 580205...

2016年全国职业院校技能大赛竞赛移动互联技术应用(工业....doc

2016 年全国职业院校技能大赛 竞赛项目方案申报书赛项名称:移动互联技术应用(工业 4.0 版) 赛项组别: 中职组□ 专业大类: 电子信息类 高职组? 方案设计专家组...