vlambda博客
学习文章列表

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

广东职业技术学院信息工程系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设计稿素材,制作“一碗东坡肉融融媒体作品” 所呈现的内容。

三、内容制作需求

(一)分镜脚本

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

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

四、融媒体作品制作要求

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

1.页数一致;

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

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

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

5.音乐及音效一致;

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

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

五、作品查看

(一)创建文件目录

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

(二)完成动画交互制作

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

(三)作品查看与提交

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