信息工程系 | 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设计稿素材,制作“一碗东坡肉融融媒体作品” 所呈现的内容。
三、内容制作需求
(一)分镜脚本
请仔细分析“一碗东坡肉分镜脚本”,并注意观察“一碗东坡肉融媒体作品”录屏视频中的场景、所有素材及交互。“一碗东坡肉分镜脚本”内容请参考录屏视频,参赛选手需要完成融媒体作品中所有呈现的内容,分镜脚本详细内容如下:
四、融媒体作品制作要求
严格按照“一碗东坡肉融媒体作品” 录屏视频预览效果及分镜脚本,制作一个融媒体内容,要求如下:
1.页数一致;
2.画面、内容及排版一致;
3.动画内容及效果一致;
4.交互方式及效果一致;
5.音乐及音效一致;
6.旋转模式及自适应模式一致;
7.文件目录要求:img(存放图片素材)、css(存放css层叠样式表文件)、js(存放JavaScript脚本文件)、media(存放音、视频文件)、index.html(入口文件),存放于“学号-姓名”文件夹之下。
五、作品查看
(一)创建文件目录
考生需创建制作要求中所描述的目录文件,确保作品最终能够正常运行。
(二)完成动画交互制作
模拟正常移动端前端开发,使用JavaScript、CSS3、HTML5完成对整个作品的开发,动画交互效果以任务说明脚本为参考,最终结果与录屏效果一致。
(三)作品查看与提交
使用chrome浏览器模拟移动端运行,对作品进行查看、排错。