2018年高职组“HTML5交互融媒体内容设计与制作”省赛任务书

PAGE 2018年高职组“HTML5交互融媒体内容设计与制作”省赛任务书 *该样题仅供参考，最终命题以赛项任务书为准PAGE18第一部分竞赛须知一、竞赛要求1、按要求完成竞赛任务，正确使用计算机、手机等设备，爱惜赛场器材，严格遵守操作要求；2、竞赛过程中如有异议，可向现场监督或裁判人员反映，不得扰乱赛场秩序；3、严格遵守赛场纪律，禁止任何作弊行为，尊重赛场工作人员，服从安排。二、职业素养与安全意识1、参赛选手组内讨论应尽可能控制音量，禁止大声喧嚷，未经裁判允许，不得站立、走动，保证竞赛现场秩序；2、参赛选手所有操作均应符合安全规范，注意用电安全。三、选手须知1、纸质任务书如出现缺页、字迹不清等问题，请及时向裁判举手示意并要求更换。竞赛任务中所使用的非纸质资料都已拷贝至U盘中，请自行根据竞赛任务书要求使用；竞赛提供的所有资料，在竞赛结束后均不能带离考场；2、参赛小组应在规定时间内完成任务书要求的内容，任务完成后的作品必须按要求（以U盘内作品提交要求为准）提交，作品未按要求正确提交的，则该任务不得分；3、竞赛过程中，选手认定设备或网络有故障应及时向裁判提出，竞赛后再提出的，不予认定。如设备或网络经测定完好，属误判时，设备或网络的认定时间计入竞赛时间（扣减该小组竞赛时间）；如果设备或网络经测定确有故障，则当场更换设备或维修网络，此过程中（设备或网络测定开始到更换完成）造成的时间损失，在竞赛时间结束后，酌情对该小组进行等量的时间延迟补偿；4、参赛选手竞赛过程中，请及时保存任务中间成果。因任务中间成果未及时保存，遇设备或网络故障导致前续工作结果丢失的，将仅对更换设备或网络造成的时间损失进行等量的时间延迟补偿；5、竞赛过程中由于人为原因造成设备损坏，则设备不予更换，如故意损坏竞赛设备的，应承担相应的赔偿责任；6、竞赛过程中由于自身人为原因造成网络中断，则网络修复的时间计入竞赛时间（扣减该小组竞赛时间）；7、参赛选手提交的作品内容中不得出现个人、团队及学校等标识信息，如有发现则竞赛成绩记为0分；8、在裁判组宣布竞赛开始前，选手不得对任务书、竞赛设备、纸、笔进行任何操作，在裁判组宣布竞赛结束后，参赛选手必须立即停止对计算机等竞赛设备的任何操作；9、档案袋中提供的三张白纸不得随意撕毁、标记任何团队信息，竞赛结束后须放回档案袋；10、在裁判组宣布竞赛结束后，参赛选手须将原档案袋中物品放回档案袋，其他竞赛设备放置到初始位置，并按裁判要求顺序离场。第二部分竞赛环境简介一、竞赛环境1、硬件环境（每个参赛小组）序号设备名称单位数量备注1手机部1去掉卡槽、带耳机2计算机台3带耳机3工作台套3桌、椅2、软件环境软件类型软件名称软件版本说明操作系统Windows64位Win7HTML5内容设计与制作软件北测—HTML5交互融媒体内容制作实训平台2017版浏览器GoogleChrome浏览器2017版网络环境基于以太网技术的局域网环境。二、注意事项1、竞赛开始时，参赛选手须检查北测－HTML5交互融媒体内容制作实训平台（下称“北测-H5平台”）账号登录、使用操作是否正常，如认定有故障应及时向裁判提出，竞赛后再提出的，不予认定。如经测定正常，属误判时，则认定时间计入竞赛时间（扣减该小组竞赛时间）；如果经测定确有故障，则当场修复，此过程中（测定开始到修复完成）造成的时间损失，在竞赛时间结束后，酌情对该小组进行等量的时间延迟补偿；2、竞赛过程中，请务必严格按照任务书要求对各竞赛设备进行操作使用，随意操作可能会出现作品不能正常制作、预览或提交的情况；3、竞赛任务完成后，请务必不要关闭任何竞赛设备，不要拆卸、移动竞赛设备的网络连接，不要对文件和设备进行加密。第三部分竞赛任务选题背景：在广西、湖南、广东三省交界处的青山绿水中，隐匿着这样一个神秘的千年古镇：它没有周庄古镇的显赫，也没有平遥古镇的大气，更没有丽江古镇的嘈杂喧闹，有的只是古色古香与淳朴宁静。在古建筑群日渐消失的今日，这里却完整地保存着300多幢明清古建筑。江水环绕、亭台楼阁，青石街巷、楹联处处，让人沉迷其中，不愿离去。这个古镇就是被誉为“梦境家园”的**古镇。古镇方圆3.6公里，属喀斯特地貌,发祥于宋朝年间，兴建于明朝万历年间，鼎盛于清朝乾隆年间，民国时逐渐衰落，已有近千年历史。姚江、小珠江、兴宁河清澈如镜蜿蜒贯穿古镇。历史上，**古镇水路交通很发达，明末清初时古镇已是广东、广西、湖南三省交界处的商业重镇。后来，由于自然原因，姚江的水位变低，江面变窄，商船无法通行，到了民国年间古镇慢慢衰落。由于古镇过去处于半封闭状态，古老的民居、众多的文物古迹得以保存下来。如今，古镇街巷狭窄，汽车不能进入，因此更好地保留了传统古韵与清幽宁静。古镇里的居民，大多经营豆豉、豆腐乳等土特产生意，也有不少人务农，保持着日出而作，日落而息的生活。古镇按九宫八卦阵势布局，一条主街延伸出八条弯弯曲曲的街巷，如同一个迷宫。大街小巷全部用青色石板镶砌而成，石板方方正正，全长10多公里。相传，古街总共用了九万九千九百九块青石板，石块与石块之间，不用任何粘合剂，全靠准确的尺寸，把它们牢牢地拼接在一起，至今仍无丝毫松动，堪称一大奇观。由于年深月久，大部分石板已被踩得光滑如镜，有些甚至凹陷成槽状，有着强烈的沧桑感。古镇的每条街巷都挂满了大红灯笼，一入夜，整个古镇被灯光点亮，橘红色的，更为古镇增添了不少神秘的氛围。古镇现有八大姓氏，九个宗祠，两个家祠，民居建筑多为同一姓氏围绕祠堂周围居住。值得一提的是，现在仍有500多户3000多人原居民还在古镇里居住生活。行走在**古镇，你会发现，古镇里全是清一色明清时代的寻常旧民居，青砖黛瓦，飞檐画栋，庄重古朴，绝无新旧杂陈的不和谐和仿古新造的建筑。古镇的房屋多为的两层的砖瓦结构，建筑非常精美，砖雕、石雕、木雕都有很高的工艺水平，梁柱、斗拱、檩椽、墙面、天花都雕梁画栋，千姿百态。**古镇在在抗日战争的烽火中，曾为诸多的革命志士、文化名人提供了庇佑，那一栋栋几进几出的深宅大院，那一砖一瓦都记载着过去的辉煌。——某某新闻备注：任务一和任务二是两个独立的任务，特此说明！任务简述任务一：分镜图文脚本设计部分1.任务主题主题：“新闻报道—xx古镇”图文脚本设计分析题目并编写创意说明文档，利用“新闻报道—xx古镇”文件夹所提供的图片素材元素编写完整分镜脚本。起到宣传地方文化，加强地方旅游、经济等方面广泛宣传与交流的作用。2.任务内容根据“新闻报道—xx古镇”的背景描述，请以“新闻报道—xx古镇”为题，设计1个以xx古镇为主题的“找不同游戏”H5图文脚本，且不得抄袭任务二分镜图文脚本相关内容。在北测－H5平台“脚本设计”工具内的第一页编写不少于100字的创意说明，要求创意说明中至少包括“设计概述”、“详细描述”等相关内容。根据创意说明，使用U盘“赛题要求\任务一”目录下的图片素材，设计组合成分镜图文脚本，同时在分镜脚本中用文字注明动画运动方式、移动交互方式等内容。3.任务要求根据主题分析和任务内容，编写策划H5内容设计文档，设计文档要求如下：创意说明要求:主题：必须围绕任务一涉及的xx古镇风景的介绍与宣传内容进行设计；概述：应该阐明作品整体设计理念与用户体验等；详细描述：应该包括创意亮点，动画、交互等特点；文字表述：清晰、简练，不能超出脚本指定的输入框，不能出现错别字。图文脚本设计要求：页面数量不少于5页、不超过10页；图片素材必须完整使用；文档表述清晰、无歧义，每页文案不超过50字；对音乐与音效有相应的文字描述；页面切换效果方式必须采用平台专业词汇；图文脚本内容必须基于本赛项提供的竞赛平台所包含的功能进行设计等。4.任务设计根据“新闻报道—xx古镇”的背景描述、需求分析等，使用北测－H5平台“脚本设计”工具创建项目、添加素材（U盘已提供）、调整素材、预览作品，最终完成本任务中“新闻报道—xx古镇”任务书要求的H5图文脚本设计项目，并能在电脑设备上运行。创建内容使用北测－H5平台“脚本设计”工具创建内容，并另存并命名为“XX图文脚本”。添加素材按照任务要求选择场景、提取文案从提供的图片素材中添加素材，注意不要遗漏素材。调整素材对素材进行位置、角度、大小、透明度调整操作，使其符合编写需求。预览与提交作品参赛选手可使用电脑设备对所设计的内容进行预览、修改，完成所设计内容后，将内容由“管理账号”进行提交。任务二：H5内容制作部分1.任务主题主题：“新闻报道—xx古镇”利用北测-H5平台技术将xx古镇风景全方位的呈现出来，以完全沉浸的创新方式让用户了解xx古镇的相关历史，起到宣传地方文化，加强地方旅游、经济等方面广泛交流的作用。2.任务内容根据提供的“XXX镇分镜脚本”、“XXX镇H5作品”及其素材，在北测－H5平台全真制作“XXX镇H5作品”所有呈现的内容。手机扫描二维码可查看“XXX镇H5作品”效果：打开手机照相功能对准作品二维码，点击手机屏幕上显示的“查看二维码”进入扫描结果界面，点击访问网址，选择手机上Chrome浏览器即可预览作品效果。XXX镇H5作品3.内容制作需求1）分镜图文脚本请仔细分析“XXX镇分镜脚本”，并注意观察“XXX镇H5作品”中的场景、所有素材及交互。“XXX镇分镜脚本”截图在U盘“赛题要求\任务二\截图\”目录下已提供，分镜图文脚本是部分内容提示，并非全部内容提示，参赛选手需要完成H5作品中所有呈现的内容，分镜图文脚本详细内容如下：页号画面描述1画面情节1.本页作为加载页面；2.背景为山水风景；3.模拟望远镜效果。文案无动画描述望远镜从左上角往下平滑移动到舞台中央并定格交互与逻辑动画定格的同时自动跳转到第2页音乐与音效无页面切换出现(动画定格的同时自动跳转到第2页)页号画面描述2画面情节接着以上画面，出现“手指”提示图标（“拖动看风景”这几个字与“手指”同时出现），此图标起到提示拖动望远镜作用。文案比周庄古朴，比丽江幽静。动画描述1.“手指”提示图标整体淡入后，“手指”上下循环运动，“拖动看风景”文字静止；2.进入本页面的同时出现“比周庄古朴，比丽江幽静”文字，其动画方式为由下往上淡入并定格在望远镜正下方。3.老鹰由近往远处飞翔（循环动画）；4.人物由左边画面外往右边画面外划船匀速移动(循环动画)。5、上下的几何修饰图形循环晃动，包括页面右下角灰色的三角形交互与逻辑1.自由拖动望远镜可查看到老鹰与划船的人物；2.拖动望远镜的同时提示图标消失。3.进入本页时不能翻页，只有拖动望远镜后才可以翻页（拖动望远镜的同时，翻页图标显示）音乐与音效鸟叫声（利用提供的鸟叫音频素材）页面切换平移页号画面描述3画面情节画面中两张图片，一张为黑白色、另一张为彩色，以斜角排版方式放在画面中。下面出现“点亮”按钮，背景元素以几何图形为主。文案点亮夜景动画描述天空360度循环旋转；彩色灯微微闪烁；几何图形与线条循环运动。交互与逻辑进入本页时实现禁止翻页；左右偏转手机时，彩色图与黑背图可实现左右平移；点击“点亮”按钮时，切换到彩色图片，实现恢复翻页，（同时点亮按钮变成“熄灯”）再次点击“熄灯”按钮时，切换到黑白图片，灯光变暗，变成黑白图片，实现禁止翻页。音乐与音效开始播放背景音乐页面切换平移页号画面描述4画面情节中间一张夜景图，周围以几何元素装饰文案点击距你最近的4盏灯动画描述人物由远处欢快的走向前方，并在画面消失(循环动画）交互与逻辑开始实现禁止翻页；点击4盏正确的灯后，方可恢复翻页；每点击一盏正确的灯（红圈表示正确的灯），上方会出现数字，数字累计加1，并有烟花动画；累计点击4盏正确的灯，自动跳转到第5页。音乐与音效继续播放页面3背景音乐页面切换3D翻转（左右）页号画面描述5画面情节结束页面文案你太棒了！动画描述人物欢快的原地走动，文字循环弹跳（循环动画）交互与逻辑恢复翻页(往下滑动返回上一页）音乐与音效继续背景音乐页面切换平移2）H5内容制作要求需要完成“XXX镇H5作品”5页内容；需要达到“XXX镇H5案例”文件运行时显示的效果；动画播放正常；交互正常；逻辑合理；手机查看运行正常。4.制作H5内容使用北测－H5平台“创建作品”工具新建内容、创建页面场景、导入素材（相关素材U盘中已提供）、调整素材、完成交互、手机浏览器扫描二维码查看运行效果。创建内容使用北测－H5平台“创建作品”工具创建项目，项目名称请使用“XXX镇H5作品”。导入素材将U盘中“赛题要求\任务二\素材\”目录下的图片、音频素材导入到素材库中。调整素材按照内容要求选择场景、添加素材，注意不要遗漏素材。利用所提供的素材进行场景的创建，对素材进行位置调整等操作，使其达到“XXX镇H5作品”文件的运行效果。完成动画利用时间轴与预置动画等制作各种动画效果，如人物运动、图片位移、角度变化等，从而完成规定的效果。完成交互利用北测－H5平台“创建作品”工具，添加各种交互功能，如陀螺仪关联、点击跳转等，从而完成规定的功能。完成逻辑判断利用北测－H5平台“创建作品”工具，实现各种逻辑判断，如改变属性、判断等，从而完成规定的效果。文件运行并提交作品用智能手机扫描完成项目文件的二维码(用智能手机扫描前，需要先保存作品)，打开手机照相功能对准作品二维码，点击手机屏幕上显示的“查看二维码”进入扫