36职业院校技能大赛中职组《移动融媒体制作与应用》赛项样题(001).docx

36职业院校技能大赛中职组《移动融媒体制作与应用》赛项样题(001).docx

《36职业院校技能大赛中职组《移动融媒体制作与应用》赛项样题(001).docx》由会员分享，可在线阅读，更多相关《36职业院校技能大赛中职组《移动融媒体制作与应用》赛项样题(001).docx（34页珍藏版）》请在冰豆网上搜索。

样题-任务书

（注：

样题仅供参考。

样题包含任务书+素材，不含样例预览）

素材百度网盘链接：

素材百度网盘提取码：

1010

第一部分竞赛须知

一、竞赛要求

（一）按要求完成竞赛任务，严格遵守操作要求，正确使用计算机设备；

（二）竞赛过程中如有问题，及时与裁判进行联系；

（三）严格遵守赛场纪律，禁止任何作弊行为，服从安排。

二、职业素养与安全意识

（一）禁止大声喧嚷，未经裁判允许，不得站立、走动，保证竞赛秩序；

（二）参赛选手所有操作均应符合安全规范。

三、选手须知

（一）竞赛开始前，请参赛选手进行如下检查工作：

1.检查相关平台账号登录、使用操作是否正常，所有支撑软件是否可以正常使用，如认定有故障应及时联系裁判提出，竞赛结束后再提出的，不予认定；

2.竞赛过程中，请仔细阅读竞赛任务书。

（二）参赛选手应在规定时间内完成任务书要求的所有内容，任务完成后的作品必须按要求提交，作品未按要求提交的，则该任务不得分。

（三）参赛选手竞赛过程中，请及时保存任务中间成果。

因任务中间成果未及时保存，遇设备或网络故障导致前续工作结果丢失的，选手自行承担。

（四）参赛选手所提交作品不得出现个人、学校等标识信息，如有发现则竞赛成绩记为0分。

（五）在裁判宣布竞赛开始前，选手不得进行任何答题操作。

（六）在裁判宣布竞赛结束后，参赛选手必须立即停止对计算机等竞赛设备的任何操作，听从裁判相关安排。

第二部分竞赛任务

模块一理论知识考核

理论题竞赛部分为单选题、多选题、判断题等题型，以融媒体相关理论知识为基础，涵媒体运营、融媒体传播矩阵、网络热点信息、数据分析、VR虚拟现实、舆情监测和网络信息技术等多方面内容知识点。

具体考试内容登录到理论考核平台后进行答题。

模块二实操技能考核

（实操题任务一、任务二、任务三为三个独立任务，特此说明！

）

第1页/共19页

任务一：

融媒体可视化作品制作

一、选题背景

实现消防技术与环保的共同发展，首先要树立绿色环保的消防观念。

消防工作开展的最终目的是保护人民群众的生命财产安全，最终也会危及到人类的生存与发展，这与消防工作的最终目的是相违背的，只是进行了危害的转嫁，因此，进行消防活动、研发消防技术的过程中，必须树立绿色环保消防观念，更加注重环境保护。

二、任务主题

主题：

“消防与环保”

三、任务内容

（一）融媒体可视化作品

利用移动融媒体制作与应用实训系统（H5专业版）制作“消防”融媒体可视化作品，完成场景模拟，动画交互效果。

1.打开电脑桌面“融媒体可视化作品-预览”快捷方式，查看“消防”样例作品，并请仔细分析分镜图文脚本，并注意观察样例作品中的场景、所用素材及交互。

2.融媒体内容制作要求

严格按照作品预览效果及分镜图文脚本，制作一个完整的融媒体作品，要求如下：

（1）页数、画面、内容及排版一致；

（2）动画、逻辑交互方式及效果一致；

（3）音乐音效、旋转模式及自适应模式一致。

3.内容制作

（1）创建内容

舞台尺寸设置为：

320*520，帧速为：

12帧/秒，禁止舞台动画循环。

（2）导入素材

将文件夹中“赛题要求\任务一\融媒体可视化作品\素材\”目录下的图片、音频素材导入到素材库中。

（3）调整素材

按照内容要求选择场景、添加素材，注意不要遗漏素材。

利用所提供的素材进行场景的创建，对素材进行位置排版及制作等操作，使其达到运行效果。

（4）完成动画及逻辑交互

利用时间轴与预置动画等制作各种动画效果，如人物运动、图片位移、角度变化等，从而完成规定的效果。

利用各种逻辑交互行为功能，如点击、跳转、判断等，从而完成规定的功能。

（5）运行并提交作品

根据运行结果，调整素材、交互动画和逻辑判断，完成内容制作后，将完成的内容保存，在平台提交作品。

（作品提交请查看“附件1”）

4.分镜图文脚本

“消防”分镜图文脚本截图在文件夹“赛题要求\任务一\融媒体可视化作品\截图\”目录下已提供，分镜图文脚本是部分内容提示，并非全部内容提示，完整的内容请参考“消防”样例作品，如果预览效果与任务书发生冲突，以任务书为准，分镜图文脚本详细内容如下：

（备注：

页号描述如：

1、2、3……为页号；1-1、1-2、1-3……为第1个页面的第1个场景、第2个场景、第3个场景……）

第2页/共19页

页号

画面

描述

1

页面场景

本页为加载页，消防车、进度条、滚动文字为主要内容

页面文案

消防救灾，刻不容缓

消防有道，居民安康

消防安全，人人须知

动画描述

1.消防车模拟行走；

2.进度条随加载进度填充橘色背景；

3.进度下方文字循环上移滚动。

交互逻辑

加载完毕即进入第一个场景

音乐音效

无

页面切换

出现

第3页/共19页

页号

画面

描述

2

页面场景

本页为消防安全页面，以接听电话的方式，模拟火灾报警

页面文案

无

动画描述

1.“消防安全”标题上浮出现；

2.屏幕下方车辆循环向左向右移动；

3.屏幕上方人物晃动一次后停止；

4.提示点击的白色图标循环闪烁。

交互逻辑

1.点击白色图标，进入下一场景P2-2

音乐音效

开始播放背景音乐

页面切换

出现

第4页/共19页

页号

画面

描述

2-1

页面场景

本页为第二页的第二个场景，及报警信息

页面文案

地址在XXXX

动画描述

1.屏幕下方车辆循环向左向右移动；

2.119标识出现；

3.“立即出警”按钮出现，并循环放大缩小。

交互逻辑

1.点击“立即出警”按钮即可进入P3页面

音乐音效

继续背景音乐

页面切换

出现

第5页/共19页

页号

画面

描述

3

页面场景

本页为消防定位页面

页面文案

请迅速定位至着火地点，防火救灾，刻不容缓

动画描述

1.左上角定位标识循环放大缩小；

2.着火地点火苗循环放大缩小；

3.环形路上车辆循环移动；

4.提示文字以打字机形式出现。

交互逻辑

1.挪动定位标识至着火地点，屏幕下方出现“触发营救”按钮；

2.点击“出发营救”按钮即可进入P4页面。

音乐音效

继续播放背景音乐

页面切换

出现

第6页/共19页

页号

画面

描述

4

页面场景

本页为“火灾出警，人员准备”页面

页面文案

无

动画描述

1.上方“火灾出警，人员准备”标题从左侧移入

交互逻辑

1.点击屏幕中间两个小人，人物由灰色变为彩色，两个人物均出现

之后，下方出现文字“人员到位”；

2.拖动屏幕下方衣物到指定阴影处，四个拖动完毕后，上方出现文

字“衣物到位”

3.人员到位、衣物到位之后，下方出现“去开警车”按钮，并循环

闪烁提示点击。

4.点击“去开警车”按钮，即可跳转至下页面P5。

音乐音效

继续背景音乐

页面切换

出现

第7页/共19页

页号

画面

描述

5

页面场景

本页为消防车准备的页面

页面文案

点击消防用具将消防用品都装到消防车上吧！

动画描述

1.提示语延迟1秒后缓出消失；

2.屏幕上方云朵循环左右移动；

3.消防车从屏幕右侧移入。

交互逻辑

1.点击“路障”、“灭火器”、“梯子”、“水管”、“消防斧”、

“喇叭”、“医疗箱”，消防车上出现对应的物品。

2.物品全部放到消防车上后，“立即出发”按钮出现；

3.点击“立即出发”按钮，即可跳转至P6页面。

音乐音效

继续背景音乐

页面切换

出现

第8页/共19页

页号

画面

描述

6

页面场景

本页为消防救火页面

页面文案

无

动画描述

1.消防车从右侧驶入；

2.下方人物依次出现；

3.屏幕上方云朵循环左右晃动。

交互逻辑

1.多次点击屏幕中间火苗，火势逐渐减弱；

2.火苗消失后，屏幕上方出现文字，救援成功；

3.点击“返回首页”即可返回P2页面，重新开始H5。

音乐音效

继续背景音乐

页面切换

出现

第9页/共19页

（二）融媒体聚合与发布作品

1.任务描述

利用移动融媒体制作与应用实训系统（图文作品）制作，如下图所示：

将实操题竞赛任务所制作的融媒体可视化作品与所提供的文稿相结合，按照一定要求进行排版，使文稿符合融媒体作品传播需求。

2.任务要求

（1）将U盘中所提供的“赛题要求\任务一\融媒体文案\文案”文稿中内容复制至文本编辑框中，并合理规划融媒体文案的图文版式。

（2）运用图文排版工具，完成文章的排版，要求：

字体-微软雅黑，字号-16px，段落两端对齐，首行缩进2个字符，小标题前后距离15、加粗、居中对齐，视频居中对齐；

（3）进行文章的美化，并将融媒体可视化作品合理插入文稿中，要求作品插入合理，排版美观整洁。

（4）作品提交请查看“附件1”。

任务二：

融媒体页面开发作品

一、任务主题

主题：

“环境保护”

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

二、任务内容

根据提供的“环境保护”分镜图文脚本、“环境保护录屏视频”及其psd设计稿素材，制作“环境保护录屏视频”所呈现的所有内容。

三、制作要求

自定义文件目录或使用HBuilder创建项目，根据所提供的psd图片素材，利用Photoshop软件处理成合适的图片进行布局、添加动画交互，使用原生JavaScript语言进行开发，比赛环境不提供jQuery等前端库。

严格按照“环境保护录屏视频”预览效果及分镜图文脚本，制作一个融媒体内容，要求如下：

（一）页数、画面、内容及排版一致；

（二）动画内容、逻辑交互效果一致；

（三）音乐音效、旋转模式及自适应模式一致；

（四）文件目录要求：

img（存放图片素材）、css（存放css层叠样式表文件）、js（存放JavaScript脚本文件）、media（存放音、视频文件）、index.html（入口文件）；

（五）处理素材。

考生可使用Photoshop软件对图片进行整理，自定义图片大小、格式，最终实现任务说明中的布局样式。

（六）完成动画交互制作。

模拟正常移动端前端开发，使用JavaScript、CSS3、HTML5完成对整个作品的开发。

（七）作品查看与提交。

使用chrome浏览器模拟移动端运行（移动端尺寸为：

750*1334适应3种以上机型），对作品进行查看、排错。

（作品提交请查看“附件1”）

第10页/共19页

四、分镜图文脚本

请仔细分析“环境保护”分镜图文脚本，并注意观察文件夹中“赛题要求\任务二\录屏\环境保护录屏视频”中的场景、所有素材及交互。

“环境保护分镜图文脚本”截图在文件夹“赛题要求\任务二\截图\”目录下已提供，分镜图文脚本是部分内容提示，并非全部内容提示，完整的内容请参考“环境保护录屏视频”，参赛选手需要完成“环境保护录屏视频”中所有呈现的内容（录屏中出现的黄绿色按钮为模拟鼠标，请注意甄别），如果预览效果与任务书发生冲突，以任务书为准，分镜图文脚本详细内容如下：

（备注：

页号描述如“1、2、3……”为页号；“1-1、1-2、1-3……”为第1个页面的第

1个场景、第2个场景、第3个场景……）

第11页/共19页

页号

画面

描述

1

画面情节

1.本页为加载页；

2．绿色进度条及百分比进度为主要动画

文案

XX%（XX代表0-100的数字）

动画描述

绿色进度条逐渐填充完下方灰色区域；

交互与逻辑

1.百分比数字随加载进度由0-100递增；

2.加载完毕即进入第一个场景

音乐与音效

无

页面切换

出现

第12页/共19页

页号

画面

描述

2

画面情节

本页为作品第二个页面，即环境保护作品的首页

文案

开始答题环保宣言积分排行

动画描述

1.屏幕中的鸟与蝴蝶均循环放大缩小；

2.屏幕下方地球，循环绕中心转动；

3.音乐图标循环转动。

交互与逻辑

1.点击“开始答题”按钮，即可进入P3答题页面；

2.点击“环保宣言”按钮，即可进入P4环保宣言页面；3.点击“积分排行”按钮，即可进入P5积分排行页面；

4.屏幕右上方音乐图标，点击可关闭/开启背景音乐，同时暂停/播放对应旋转动画。

音乐与音效

播放背景音乐

页面切换

出现

第13页/共19页

页号

画面

描述

3

画面情节

本页为“环保知识答题”页面

文案

以下不能放置在红色垃圾桶内的废弃垃圾有哪些？

A、美容化妆品、油漆桶

B、毛巾、酒瓶

C、玻璃茶杯、卫生间废纸

D、菜叶、果壳

提交

动画描述

1.屏幕下方四个垃圾桶循环闪烁

2.屏幕右上角音乐图标循环旋转。

交互与逻辑

1.选择A、B、C、D任意选项，选项变为橙色，其余为白色；

2.点击“提交”按钮，出现弹窗提示，错误选项弹窗文字为“抱歉，打错了”、“继续答题”、“分享好友”；

3.点击“提交”按钮，出现弹窗提示，正确选项弹窗文字为“恭喜您答对了”、“继续答题”、“分享好友”；

4.点击“分享好友”，出现提示分享弹窗，点击弹窗，弹窗消失；

5.连续答三道题之后出现成绩弹窗，点击“积分排行”跳转到P5页面

6.屏幕右上方音乐图标，点击可关闭/开启背景音乐，同时暂停/播放对应旋转动画。

音乐与音效

继续播放背景音乐

页面切换

出现

第14页/共19页

页号

画面

描述

4

画面情节

1.本页为“环保宣传”页面；

文案

环保宣言

请写下自己的环保宣言…

发表宣言

动画描述

1.屏幕上方，鸟和太阳，循环放大缩小；

交互与逻辑

1.在中间白色区域输入环保宣言文字，点击“发表宣言”，文字以弹窗形式，上浮至屏幕上方消失；

2.宣言文字消失后，出现弹窗，提示宣誓完成，出现按钮“返回首页”、“感受自然”

3.点击“返回首页”回到P2页面；

4.点击“感受自然”跳转至P6页面；

音乐与音效

继续播放背景音乐

页面切换

出现

第15页/共19页

页号

画面

描述

5

画面情节

本页为“积分排行”页面；

文案

积分排行手机互动

动画描述

屏幕中间模拟用户排名的信息以滚动条的方式循环向上滚动

交互与逻辑

点击“返回首页”按钮，即可返回P2页面；

音乐与音效

继续播放背景音乐

页面切换

出现

第16页/共19页

页号

画面

描述

6

画面情节

本页为“感受自然”页面；

文案

无

动画描述

1.屏幕上方云朵循环左右飘动；

2.屏幕中间气球从下方飘到屏幕上方后消失；

3.纸飞机和鸟循环放大缩小。

交互与逻辑

点击“返回首页”按钮即可返回P2页面。

音乐与音效

继续播放背景音乐

页面切换

平移

第17页/共19页

任务三：

融媒体素材采集与加工

请仔细观察U盘文件夹“赛题素材/任务三/样例”中所提供的视频样例“国庆节的来历”，利用U盘中“赛题素材/任务三/素材”中的素材，完成视频处理要求中的各项内容，样例视频仅供参考，不得直接修改样例视频，一经发现，该项成绩为零。

视频处理要求如下：

视频内容阐述：

选手需参照样例视频，使用PR软件对所提供的素材进行制作及剪辑，完成视频成片的输出。

一、视频素材制作：

（一）制作“国庆节的来历”片头，时长为5秒；制作“2022年XX月XX日”片尾，时长为5秒。

（时间为比赛时间）

（二）剪辑《素材1-国庆节的来历》删除前51秒及后23秒，前后视频做黑场过渡、音频做渐隐。

（从小声到大声）

（三）剪辑《素材2-发展中国》删除前17秒10帧及后10秒，前后视频做黑场过渡、音频做渐隐。

（从小声到大声）

二、视频素材合成：

（一）首先添加”国庆节的来历“片头。

（二）添加《素材1-国庆节的来历》及《素材2-发展中国》。

（三）最后添加“2022年XX月XX日”片尾。

三、视频导出要求：

（一）最终视频导出尺寸为16：

9（分辨率1920*1080）、帧速率为25帧/秒、MP4格式，大小不得超过80M，选手需保留作品制作过程，将PR整体项目包导出，并按要求提交（作品提交请查看“附件1”）。

（二）视频最终效果要求与所提供的样例效果一致。

第18页/共19页

附件1：

作品提交方式及命名要求

一、比赛作品分两部分提交。

（一）理论答卷提交

选手在理论测评考试系统中完成答卷并手动提交（在比赛时间内提交且电脑屏幕出现理论成绩分数，视为有效提交，比赛时间外提交成绩不予认定）。

（二）实操作品提交

按照任务模块，需在移动融媒体制作与应用实训系统提交任务一“融媒体可视化作品、融媒体聚合与发布作品”；U盘提交任务二“融媒体页面开发作品”、任务三“融媒体素材采集与加工作品”。

具体如下：

移动融媒体制作与应用实训系统提交作品：

需使用账号进行提交（默认是A账号，例如H5099A），作品分别命名为“工位号-融媒体可视化作品”、“工位号-融媒体聚合与发布作品”（示例：

99-融媒体可视化作品、99-融媒体聚合与发布作品）。

U盘提交作品：

作品分别命名为“工位号-融媒体页面开发作品”、“工位号-融媒体素材采集与加工作品”（示例：

99-融媒体页面开发作品、99-融媒体素材采集与加工作品）。

U盘中提交作品的目录如下：

注：

无需删除U盘原有内容。

文件夹名称（需手动创建以下文件夹）

文件夹包含内容

U盘

工位号-融媒体页面开发作品（99-融媒体页面开发作品）

包含但不限于以下文件内容：

img（存放图片素材）

css（存放css层叠样式表文件）js（存放JavaScript脚本文件）media（存放音、视频文件）

font（存放字体文件）

index.html（入口文件）

工位号-融媒体素材采集与加工作品（99-融媒体素材采集与加工作品）

共2个文件：

1个文件夹“PR工程文件（项目包）”，1个视频成片。

第19页/共19页