信息工程系 | 2020年“Html5交互融媒体内容设计与制作”赛项通知

Posted 2021-03-30 广职院信息工程系

广东职业技术学院信息工程系2020年

“讯方杯”技能大赛-

“html5交互融媒体内容设计与制作”赛项通知

为激发学生的学习积极性,提高学生操作技能水平,检验各专业教学成果，培育学生的工匠精神，达到以赛促学，培养选拔技能尖子的目的，信息工程系定于12月30日14:00-15:30举行校级“Html5交互融媒体内容设计与制作”技能大赛。有关事宜安排如下：

  一、竞赛报名

手机扫码报名，报名截止时间：2020年12月27日。

二、竞赛时间地点

    12月30日（星期三）14:00-15:30在实训楼1-208举行。

三、奖励办法

1、根据评分标准进行评分（竞赛成绩总分为100分），按分数从高到低排序，设一等奖（前15%，不超过4名）、二等奖（前40%，不超过6名）、三等奖（前80%，不超过8名）各若干名。

2、奖励金额为：一等奖100元/人，二等奖50元/人，三等奖纪念品一份/人。

3、其它奖励：优秀选手确定为各级技能大赛的储备选手，并进行重点培养；三等奖发放校级奖励证书，不发放奖金；所有参赛学生均有素拓分。

四、竞赛内容

本次大赛主要考察选手对于 H5 作品内容制作的技能和素质，包括：对竞赛 题目分析能力、素材资源整理能力、H5 场景素材的编辑处理能力、H5 作品的动 画效果制作能力、移动端交互制作能力、作品音效搭配、H5 程序设计开发等能力。按竞赛任务书任务要求及所给定的资料，使用编译器Hbuilder完成指定H5融媒体内容开发，利用html5+css3及原生javascript语言编程完成指定H5融媒体内容的制作。

五、竞赛环境

序号	软件类型	软件名称	软件版本
1	操作系统	64位Windows	64位Windows 7或64位Windows 10
2	浏览器	Google Chrome	最新版
3	移动融媒体页面开发工具	HBuilder编译器	9.1.29.201811231920版（去除jQuery库）
4	支撑软件	Microsoft Office	2016中文版
5	支撑软件	Adobe Photoshop CC	2017中文版

六、大赛赞助单位：深圳市讯方技术股份有限公司

深圳市讯方技术股份有限公司创立于2001年4月，是国内信息技术服务全案佼佼者，目前拥有员工2400余人，总部位于国家现代化经济特区深圳，在全国各省市均设立有分支机构，在全国拥有分公司或办事处17个，政企及教育业务覆盖全国。讯方以承接华为信息技术服务项目起家，连续数年蝉联华为中国区金牌合作伙伴奖，获得科大讯飞优秀合作伙伴诚信奖，连续四年参与教育部产学合作协同育人项目合作，并获得优秀合作伙伴奖和优秀案例奖，现已发展成为多元化产教融合型国家高新技术企业。

讯方专注于ICT行业的软件与信息技术服务，主要业务板块分为政企业务与教育业务两个方面，致力于为政府、运营商、大型企业等提供信息技术服务和软件技术服务，同时利用自身行业优势，服务于信息技术专业人才培养，提供全方位的人才培养合作方案，努力构建起企业与学校的桥梁。讯方公司凭借骨干员工所具备的深厚的ICT行业业务背景，强大的技术实力和高绩效的项目团队，在同行业中获得了技术优势和突出地位。

附件：“Html5交互融媒体内容设计与制作校内竞赛样题”

一、任务主题

主题：“一碗东坡肉”

根据所提供的录屏文件、psd设计稿以及作品截图使用HBuilder编译器软件进行作品的静态布局、动画处理、逻辑编码、媒体处理、适配设置，最终完成任务书要求的融媒体编程项目。

二、任务内容

根据提供的“一碗东坡肉分镜脚本”、“一碗东坡肉融媒体作品” 录屏视频及其psd设计稿素材，制作“一碗东坡肉融融媒体作品” 所呈现的内容。

三、内容制作需求

（一）分镜脚本

请仔细分析“一碗东坡肉分镜脚本”，并注意观察“一碗东坡肉融媒体作品”录屏视频中的场景、所有素材及交互。“一碗东坡肉分镜脚本”内容请参考录屏视频，参赛选手需要完成融媒体作品中所有呈现的内容，分镜脚本详细内容如下：

四、融媒体作品制作要求

严格按照“一碗东坡肉融媒体作品” 录屏视频预览效果及分镜脚本，制作一个融媒体内容，要求如下：

1.页数一致；

2.画面、内容及排版一致；

3.动画内容及效果一致；

4.交互方式及效果一致；

5.音乐及音效一致；

6.旋转模式及自适应模式一致；

7.文件目录要求：img(存放图片素材）、css（存放css层叠样式表文件）、js（存放JavaScript脚本文件）、media（存放音、视频文件）、index.html（入口文件）,存放于“学号-姓名”文件夹之下。

五、作品查看

（一）创建文件目录

考生需创建制作要求中所描述的目录文件，确保作品最终能够正常运行。

（二）完成动画交互制作

模拟正常移动端前端开发，使用JavaScript、CSS3、HTML5完成对整个作品的开发，动画交互效果以任务说明脚本为参考，最终结果与录屏效果一致。

（三）作品查看与提交

使用chrome浏览器模拟移动端运行，对作品进行查看、排错。