2023年广西职业院校技能大赛中职组《移动融媒体制作与应用》赛项样题

样题-任务书

（注：样题仅供参考。样题包含任务书+素材，不含样例预览）

素材百度网盘链接：/s/1EucNgTg-1u5k7rYk5sTWOQ

素材百度网盘提取码：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页

页号画面描述

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

页面文案无

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

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

动画描述

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

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

2

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

音乐音效开始播放背景音乐

页面切换出现

第4页/共19页

页号画面描述

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

页面文案地址在XXXX

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

动画描述2.119标识出现；

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

2-1

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

音乐音效继续背景音乐

页面切换出现

第5页/共19页

页号画面描述

页面场景本页为消防定位页面

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

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

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

动画描述

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

3

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

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

交互逻辑

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

音乐音效继续播放背景音乐

页面切换出现

第6页/共19页

页号画面描述

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

页面文案无

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

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

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

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

4

交互逻辑字“衣物到位”

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

闪烁提示点击。

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

音乐音效继续背景音乐

页面切换出现

第7页/共19页

页号画面描述

页面场景本页为消防车准备的页面

页面文案点击消防用具将消防用品都装到消防车上吧！

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

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

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

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

5

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

交互逻辑

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

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

音乐音效继续背景音乐

页面切换出现

第8页/共19页

页号画面描述

页面场景本页为消防救火页面

页面文案无

1.消防车从右侧驶入；

动画描述2.下方人物依次出现；

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

6

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.本页为加载页；

画面情节

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

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

1动画描述绿色进度条逐渐填充完下方灰色区域；

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

交互与逻辑

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

音乐与音效无

页面切换出现

第12页/共19页

页号画面描述

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

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

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

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

3.音乐图标循环转动。

2

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

2.点击“环保宣言”按钮，即可进入P4环保宣言页面；

交互与逻辑3.点击“积分排行”按钮，即可进入P5积分排行页面；

4.屏幕右上方音乐图标，点击可关闭/开启背景音乐，同时暂停/播

放对应旋转动画。

音乐与音效播放背景音乐

页面切换出现

第13页/共19页

页号画面描述

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

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

A、美容化妆品、油漆桶

B、毛巾、酒瓶

文案

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

D、菜叶、果壳

提交

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

动画描述

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

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

2.点击“提交”按钮，出现弹窗提示，错误选项弹窗文字为“抱歉，

3

打错了”、“继续答题”、“分享好友”；

3.点击“提交”按钮，出现弹窗提示，正确选项弹窗文字为“恭喜

您答对了”、“继续答题”、“分享好友”；

交互与逻辑

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

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

页面

6.屏幕右上方音乐图标，点击可关闭/开启背景音乐，同时暂停/播

放对应旋转动画。

音乐与音效继续播放背景音乐

页面切换出现

第14页/共19页

页号画面描述

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

环保宣言

文案请写下自己的环保宣言…

发表宣言

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

41.在中间白色区域输入环保宣言文字，点击“发表宣言”，文字以

弹窗形式，上浮至屏幕上方消失；

2.宣言文字消失后，出现弹窗，提示宣誓完成，出现按钮“返回首

交互与逻辑

页”、“感受自然”

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

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

音乐与音效继续播放背景音乐

页面切换出现

第15页/共19页

页号画面描述

画面情节本页为“积分排行”页面；

文案积分排行手机互动

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

5

交互与逻辑点击“返回首页”按钮，即可返回P2页面；

音乐与音效继续播放背景音乐

页面切换出现

第16页/共19页

页号画面描述

画面情节本页为“感受自然”页面；

文案无

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

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

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

6

交互与逻辑点击“返回首页”按钮即可返回P2页面。

音乐与音效继续播放背景音乐

页面切换平移

第17页/共19页

任务三：融媒体素材采集与加工

请仔细观察U盘文件夹“赛题素材/任务三/样例”中所提供的视频样例“国庆节的来

历”，利用U盘中“赛题素材/任务三/素材”中的素材，完成视频处理要求中的各项内容，

样例视频仅供参考，不得直接修改样例视频，一经发现