移动应用设计与开发竞赛（高职业教育小组）

竞赛问题（05）

比赛编号：

竞争说明

1。竞争主题

自21世纪以来，随着各种技术的快速发展，多样化的技术革命和创新是

我们为我们的食物，衣服，住房和运输带来全新的数字人工智能体验，我们从各行各业

随着技术行业的转型和升级，我们正在迅速发展时期。第14五年计划和聚会

二十个国民大会强调了促进战略新兴行业发展的重要性，以及战略新兴行业计划

包括新一代信息技术在内的九个行业是指导未来经济和社会发展的重要力量。

在数字时代，移动终端已渗透到各种行业和生活场景中，例如

手机，智能电视，可穿戴设备，大型车屏，医疗设备等

移动应用，中央控制大屏幕移动终端应用，智能充电（家庭版应用和商业版本小

程序）实现跨多个移动终端的信息共享和交换，并构建移动跨平台

应用开发生态系统。

2。竞争内容和持续时间

竞争时间为8小时，评估是“产品原型设计”，“移动应用程序开发”和

下表显示了三个模块“应用程序部署测试”：

模块编号模块名称竞赛时间分数

模块一个产品原型设计2小时25分钟

模块2移动应用程序开发4小时50分钟

模块3应用程序部署测试2小时25分钟

总共8小时100分钟

3。提交竞争结果

参与者根据分配的帐户登录系统，然后在竞争结束之前分别使用模块1。

模块2和模块3的结果已上传并提交到竞争服务器。

4。关于竞争的事情

参赛者不能填写所提交和部署的文件，原型，代码和其他资源。

有关它的信息，例如工作站编号，姓名和大学。如果出现以上标记，则该模块的结果为

以零点对待。

模块产品原型制作

1。模块评估点

模块持续时间：2小时

模块得分：25分

该模块旨在设计产品，并基于移动跨平台应用程序开发生态系统

该系统专注于汽车所有者的移动应用程序，中央控制大屏幕移动终端应用程序，智能充电（家用版）

应用程序和商业版迷你程序），了解和分析产品并准备标准化要求

手动，精通产品原型设计的UI设计软件，并绘制适合行业的

高保真产品原型逻辑和人体工程学的原型图，用于随后的产品开发和优化

坚实的基础。

2。任务要求

1。使用给定的“要求规格手册（模板）.docx”和相关软件输入

线路需求分析文档的准备，相应的业务用例图，流程图/活动图和定时图

和模块轮廓设计说明。

2。使用原型工具（例如Photoshop，Adobexd或Axurerp，原始

选择两种类型的设计工具之一）创建一个“产品原型”项目并执行高保真原型

将其绘制以符合移动应用程序的UI设计规范，同时意识到原型界面之间的相互作用

功能。

（1）绘制软件原型时，接口文件命名规格是标准的，每个接口的尺寸如下：

序列号应用程序操作系统屏幕尺寸屏幕分辨率

1车主手机appandroid电话 .0英寸及以上1080×2340

12.3英寸及以上1920×720

中央控制大屏幕移动终端包括仪器

2androidpad 15.6英寸及以上1920×1080

表屏幕，主屏幕，辅助屏幕

15.6英寸及以上1920×1080

3智能充电家庭版本应用洪蒙手机6.6英寸及以上1280×2700

4智能充电商业版迷你计划迷你计划6.6英寸及以上1280×2700

（2）当内容超过高度区域时，请设置滚动区域以显示内容。

（3）应将绘图板对齐，接口布局应该是合理的，美丽的，并且内容应完成；应实现相同的效果

您可以重复使用样式以避免一种或两种功能的情况。

（4）原型必须具有交互式设计内容，并且具有良好的用户体验。检查现有漏洞，

预防异常流量和内容状态。

3。在本模块竞赛结束之前，参赛者将使用上述结果“需求规范手册.docx”

将两个文件“ product prototype.rp”或“ product prototype.xd”添加到“ product prototype.zip”

压缩软件包并提交压缩软件包文件。裁判的分数基于提交。

3。竞争任务

参赛者将描述客户提供的任务要求，并遵循模块ONE的任务要求。

完成“需求规格”的写作，以及“产品prototype.rp”或“产品原始”

.xd”设计。

任务1：绘制“左转视频显示”模块接口原型（5分）

【任务说明】

1。当车辆中央控制屏幕打开以及车辆打开时，中央控制屏幕显示360

全景应用接口实现了360度全景应用的左转界接口，并且将接口分为图像

以及功能区域的上部和下部。

（1）图像区域占屏幕高度的80％，图片分为两部分。屏幕

左侧显示汽车的左转部分，在汽车左侧显示视频，并在视频的前面显示

绿色的左转弯辅助线。 360度全景延时图像显示在屏幕的右侧，图像的左侧显示在图像的左侧

显示设备的左相机图像，右侧的右相机图像以及上部的前摄像头图像

图像，后显示器的相机图像以及中间模拟的实际效果中的汽车图显示

如果相机屏幕方向均匀地集中在汽车图上，则360度全景图像（固定形状）

图像缝合）。

（2）底部功能区域占屏幕高度的20％。两个图标显示在左侧。

对于：[浓度]，[关闭]。单击[焦点]出现：前，后，左，

正确，360度，单击五个选项，图像部分显示相应的相机屏幕。

任务2：绘制“仪表板”和“中央控制屏幕”媒体播放接口原型（4分）

【任务说明】

1。实现中央控制大屏幕仪器屏幕和中央控制大屏幕中央控制屏幕的媒体播放接口

播放应用程序接口。

（1）中央控制大屏幕仪器屏幕的媒体播放接口，左侧显示了汽车旋转台。

车速表显示在右侧，旋转计和速度表均为圆形，介质在中间显示。

播放列表，列表项目包括歌曲标题和歌手。

（2）中央控制屏幕媒体播放接口的左侧的开关栏包括音乐，

发现，我的列表，详细信息和设置，我第一次进入左侧是音乐功能，右侧

音乐细节。

1）音乐列表显示在音乐的右侧，列表项目包括歌曲名称，歌手和歌曲时间

之间。

2）我发现搜索栏显示在右侧的顶部，您可以通过搜索栏搜索歌曲。

输入歌曲名称，单击以搜索下面的歌曲列表项，列表项包括歌曲名称和歌手

和歌曲时间。

3）我的列表显示了我在列表右侧收集的音乐信息列表，包括列表项目。

歌曲标题，歌手和歌曲时间。

4）详细信息右侧的歌曲名称，歌手名字，歌曲海报，音乐介绍