《UE4智慧停车数字孪生可视化》实战项目大纲
HelloWorld
2022-11-16
《UE4智慧停车数字孪生可视化》 实战项目大纲 一、需求分析 二、交互设计 三、UI设计 五、可视化开发 七、项目测试 八、项目打包与发布 28.[P2DU028]《智慧停车热力图》 （1）测试用例文档 （2）测试报告文档 1.项目打包 2.项目发布 30.[P3DD030]《二维UI开发必备技能-svn版本管理》 2 svn的使用 i.代码下载 ii.代码更新 iii.代码提交 iv.代码冲突解决 v.版本回退 1 软件下载及安装 31.[P3DD031]《二维UI开发必备技能-代码命名规范》 34.[P3DD034]《二维UI开发必备技能-编写程序概要设计文档》 35.[P3DD035]《二维UI开发必备技能-编写程序详细设计文档》 36.[P3DD036]《二维UI开发必备技能-编写程序接口文档》 32.[P3DD032]《二维UI开发必备技能-vscode的使用》 1 常用插件 2 常用快捷键 33.[P3DD033]《二维UI开发必备技能-效果图查看工具的使用》 1 PxCook 2 蓝湖 1.[PUID001]《UI设计全流程》 图标设计 [P3DA004]《项目兼容性视频课程》 项目实现的功能和场景演示 1.[P3DD001]《UE4开发-智慧停车简介与演示》 1 设计原则 2 设计方法 3 评审 4 修改更新 2.[PTEST002]《智慧停车项目测试文档编写》 原则 （1）尽早不断测试的原则 （2）IPO原则 （3）独立测试原则 （4）合法和非合法原则 （5）错误群集原则 （6）严格性原则 （7）覆盖原则 （8）定义功能测试原则 （9）回归测试原则 （10）错误不可避免原则 测试 （1）单元测试 （2）集成测试 （3）系统测试 （4）性能测试 （5）兼容性测试 1 分辨率测试 2 浏览器测试 3 操作系统测试 4 宿主硬件测试 1 页面加载速度测试 2 大数据量测试 3 页面响应实时性测试 i.正确性 ii.全面性 iii.连贯性 iv.可判定性 v.可操作性 i.白盒法 ii.测试覆盖率 iii.黑盒法 1 首页 2 引言 3 测试概要 4 测试结果与缺陷分析 5 测试结论与建议 6 附录(缺陷统计) i.同级互查 ii.专家评审 a.项目负责人 b.测试人员 c.编程人员 d.系统分析设计 e.客户代表 1 单个页面测试 2 单个控件测试 1 前后台数据对接测试 2 数据联调测试 1 整个软件系统的测试（前端部分） （1）打包步骤 （2）常见问题 1 打包失败问题 2 exe打包后打不开 同步到远程服务器 路径不含中文 迁移到新项目重新打包 竞品分析 颜色多以白色为主 分布地区 主色调 以海上、戈壁滩等风能资源丰富的地区为主 大海的深蓝色 风机组的白色 蓝色代表科技感 线性 功能区图标 轻巧简炼 具有一定的想象空间 不会对界面产生太大的视觉干扰 更能突出风机机组三维模型 以较为鲜艳的不同颜色进行区分 1.[PTEST001]《智慧停车项目测试》 [PPR001]《智慧停车项目打包与发布》 概念设计 1.项目背景 （1）上海停车情况介绍 （2）智慧停车系统的作用与必要性 （1）分辨率 （2）字体 （3）响应速度 2.总体需求 （4）兼容性 （5）以深色科技感为主 2 路外路内停车统计 1 车位使用情况统计 3 各时段停车统计 4 泊位负荷变化趋势 5 泊位利用率变化趋势 （1）资源统筹 6 高负荷停车场排名top10 1. [PREQ001]《智慧停车项目需求讲解与分析》 7 各区泊位利用率及排名 3 3D重点建筑模型 2 3D城市地图 1 2D面板 8 3D地图实时显示停车热力图 9 3D地图操作功能按钮 1 今日停车收入及收费率 3.菜单要求 2 泊位平均高收费top5 3 泊位运营 （2）资源运营 4 近30日收费率变化趋势 5 各区收费率排名 6 3D城市实时显示收费率信息 1 设备使用年限和损耗率 2 智能物联设备统计 （3）智能物联设备 3 智能物联设备使用年限统计 4.3D城市实时显示智能物联设备状态 4.界面需求 5.接口需求 （1） 资源统筹 （2） 资源运营 （3） 智能物联设备 1 可视化图表信息展示 2 结合GIS地理信息系统 3 停车情况三维可视化展示 4 为停车规划数据支持 1 用科技感风格展示重要建筑 2 丰富全面的可视化图表数据面板 3 通过后台数据接入 4 实时监测并显示停车场收费率 5 结合GIS地理信息系统 6 实现管理实时化、可视化 1 用科技感风格展示重要建筑 2 结合GIS地理信息系统 3 实时显示设备使用年限和损耗率，便于维修更换 4 实现物联网设备和三维地图实时联动 结合接口的不同类型和实时性要求，可以选择合适的接口实现方式 1 研究智慧停车行业主流竞品的业务功能界面 2 将收集到的停车情况监测数据进行分组 3 对停车情况的信息、数据进行设计使之结构化 页面结构设计 4 更加清晰、快捷的传达停车情况的各项监测数据 5 可以用Sketch、Axure等工具输出简易页面结构布局 1 基于前期调研和用户访谈内容 （1）需求整体梳理 2 组织设计师结合各角色用户对产品的理解与定位 思维导图转化 3 用Xmind、Sketch、Axure等工具输出产品信息架构图 1 搜索其他智慧停车项目可视化系统进行分析 2 检索出来的产品界面既有科技感风格的，又有写实风格的 设计路线选型 3 结合实际功能模块和用户访谈需求 4 得出科技感的视觉风格比较符合目前的用户需求 1.[PUXD001]《交互设计全流程》 4 建立特定逻辑顺序的步骤地图 3 形成线性流程关系 2 串联各角色在不同任务中涉及的页面信息、操作与反馈 1 用流程图梳理出智慧停车系统的各个功能点 5 重点建筑的3d风格化显示 4 基于GIS的3D城市实时显示 3 智能物联设备统计信息 2 停车场收费统计信息 1 停车统计信息 （3）流程设计 （2）产品功能 （1）用户研究 （2）产品设计 5 预知停车场管理监测的最佳实现路径 1 本系统适用的用户群体 i.领导决策者 ii.智慧停车平台运营人员 iii.软件产品经理 a.注重系统的全局掌控 b.查看全是停车场的整体运营情况 c.查看收费率等关键信息 a.关注停车场的运营情况 b.能够及时查看全市停车信息，便于统筹资源调度 希望在设计交互方面能够让用户可以高效率、有效地浏览内容，更容易 找到信息 2 用户的实际需求成为产品设计的导向 i.功能需求 ii.操作特性 iii.知觉特征 iv.认知心理特征 v.日常工作中各自的使用场景 3.[P3DD003]《UE4开发-3D场景素材的使用》 4.[P3DD004]《UE4开发-移动粒子蓝图编写》 6.[P3DD006]《UE4开发-边缘发光UI材质》 5.[P3DD005]《UE4开发-移动粒子场景应用》 7.[P3DD007]《UE4开发-圈圈动效UI材质》 8.[P3DD008]《UE4开发-可控圆环UI材质》 9.[P3DD009]《UE4开发-圆环动效UI材质》 10.[P3DD010]《UE4开发-UI网格体合并》 课程流程 2.[P3DD002]《UE4开发-项目搭建和总览》 课程流程 技术点 课程流程 技术点 课程流程 技术点 课程流程 技术点 课程流程 课程流程 技术点 技术点 课程流程 技术点 素材分析 安装Datasmith插件 文件导入导出方法 3dmax for ue4 datasmith插件应用 场景分析 场景光源组件介绍 还原场景氛围 材质细节调整 素材应用 定向光源、大气雾、天光、天空球等场景组件应用 Ui拆解分析 边缘发光ui材质制作 材质通道遮罩蒙版应用 模型素材准备 圆圈扩散动效ui材质制作 panner材质节点应用 可控圆环ui材质制作 spheremask节点应用 渐变材质函数应用 圆环旋转动效制作 透明ui图标制作 材质大小、位移控制 素材图片的应用 合并UI材质 场景细节添加 Actor蓝图应用 11.[P3DD011]《UE4开发-开发对接与场景细节调整》 课程流程 13.[P3DD013]《UE4开发-智慧停车变量使用和类型详解》 课程流程 14.[P3DD014]《UE4开发-智慧停车事件调用详解》 自定义变量类型 项目常用变量类型 查看UE4所有类型 触发事件 自定义事件 默认事件 创建函数 课程流程 15.[P3DD015]《UE4开发--智慧停车函数使用方法详解》 函数使用的注意事项 宏的定义 创建宏 课程流程 16.[P3DD016]《UE4开发-智慧停车宏的创建与使用详解》 宏与事件和函数的区别 解析获得的数据 创建C++函数库 测试接口效果 使用插件为网页提供接口 数据接口 创建地标、停车场收费率Actor蓝图类 参数值等比转换 使用环形进度条材质 创建Widget 相机操作模式实现 配置映射输入 镜头设置到相机 创建Pawn蓝图类 添加插件 下载插件 加载流关卡 隐藏显示关卡 目标效果实现 目标效果介绍 搜索节点技巧 项目常用节点介绍 快捷键创建节点 基础节点介绍 课程流程 27.[P3DD027]《UE4开发-智慧停车读取数据及解析方法》 25.[P3DD025]《UE4开发-智慧停车使用插件嵌入网页》 课程流程 26.[P3DD026]《UE4开发-智慧停车网页的通信接口》 课程流程 23.[P3DD023]《UE4开发-智慧停车地标、停车场收费率蓝图类》 课程流程 22.[P3DD022]《UE4开发-智慧停车Widget内环形进度条》 课程流程 21.[P3DD021]《UE4开发-智慧停车相机操作模式实现》 课程流程 24.[P3DD024]《UE4开发-智慧停车项目插件添加》 课程流程 20.[P3DD020]《UE4开发-智慧停车常用功能-隐藏显示关卡》 课程流程 18.[P3DD018]《UE4开发-智慧停车蓝图常用节点的创建与使用详解》 课程流程 17.[P3DD017]《UE4开发-智慧停车调用蓝图基础节点详解》 课程流程 19.[P3DD019]《UE4开发-智慧停车常用功能-控制物体运动》 智慧停车项目简介 项目搭建 项目模块总览 改变布局 新建资产 添加到项目 添加到全局 技术点 变量类型 技术点 事件的使用 技术点 函数的使用 技术点 宏的使用 技术点 函数库 课程流程 技术点 自定义GameMode 创建HUD HUD显示网页 GameMode Hud 技术点 插件应用 技术点 蓝图类的综合运用 技术点 Widget 技术点 Pawn类 镜头设置 输入映射 技术点 使用插件的注意事项 技术点 流关卡 技术点 常用节点 技术点 基础节点 技术点 Tick Location相关节点 说明项目的需求和功能 ue4项目版本选择 版本兼容性介绍 基础场景构成 四、三维设计 1.[P3DM001]《三维设计制作流程入门》 （1）了解三维技术应用的方向 （2）三维设计师涉及的软件工具 1 影视行业 2 动画行业 3 游戏行业 4 VR/AR/MR/元宇宙 5 数字孪生与三维可视化 城建园区 工业制造 交通运输 医疗防疫 军事航天 虚拟仿真 仓储物流 能源水务 工程孪生 数字旅游 展览展示 1 建模软件 2 材质贴图 建模设计 动画制作 材质调节 灯光渲染 特效制作 ii.3dsMax i.Blender a.场景建模 b.UV展开 c.模型整理 d.材质整理 iii.C4D iv.Maya v.ZBrush vi.Marvelous Designer 图像处理 材质绘制 i.Photoshop 贴图处理 ii.Substance Painter PBR材质绘制 （3）项目制作的流程纲目 2 第二课-前期方案需求沟通-沟通项目制作内容效果与交互效果 3 第三课-前期资料准备-素材分析与采集筛选 4 第四课-资料数据处理-地图数据的整合处理 5 第五课-三维建模-场景地形环境的模型制作 6 第六课-三维建模-区域主次建筑的模型制作 7 第七课-模型的规范整理-模型的分组原则、命名规范、坐标规范、材质 球、法线光滑组等整理 8 第八课-模型UV展开与复用-UV的展开规范与复用摆放原则 9 第九课-材质效果设计制作-PBR材质贴图绘制流程 10 第十课-模型贴图文件的整理-贴图文件整理命名规范与贴入并导出整理 （4）课程必备软件操作 Blender Photoshop Substance Painter 2.[P3DM002]《前期方案需求沟通》 （1）项目类型及展示需求沟通 ①虚实结合的深色科技感-上海智慧停车系统 ②上海城市的三维地图 ③城市中心的地标建筑的重点表现 （2）制作内容沟通和场景样式确认 ①上海城市的水域路网地形 ③以市中心为视觉核心向外辐射的建筑群落 ②陆家嘴金融中心重点展示的地标建筑 （3）风格样式的确认 ①整体写实质感 ④由中心向外辐射逐渐弱化的主次分明模型材质效果 3.[P3DM003]《前期资料准备-素材分析与采集筛选》 （1）前期资料的分析利用 ①项目类型的展示参考分析处理 ②制作内容的样式参考分析处理 ③风格样式的材质参考分析处理 5.[P3DM005]《三维建模-场景地形环境的模型制作》 1 GIS插件的安装 ii.地形地块的制作 iii.公路水路的制作 4 可编辑多边形命令的使用 5 基本几何网格的创建编辑 6 可编辑多边形命令的使用 7 布线规则和处理方式 3 地图纹理的拼合处理 Next 6.[P3DM006]《三维建模-区域主次建筑的模型制作》 2 基本几何网格的创建编辑 i.标志建筑：东方明珠的制作 3 可编辑多边形命令的使用 4 布线规则和处理方式 6 不同精度级建筑的处理分析 Next ii.辅助建筑：普通民房的制作 iii.周边建筑：建筑群落的制作 8.[P3DM008]《模型UV展开与复用》 （1）可复用模型的分析与整理 1 地形地块的整理的UV展开与复用 2 公路水路的UV展开与复用 3 各精度的建筑的展开与复用 （2）UV切线规则 （3）UV摆放原则 （4）UV工具的使用 （5）UV效果的查看调整 （6）UV展开后模型的复用操作 Next 7.[P3DM007]《模型的规范整理》 （2）模型分组附加与命名规范 1 地形地块的整理 2 公路水路的整理 3 各精度的建筑整理 （3）材质球整理与命名规范 （4）模型法线与光滑组的检查设置 （5）模型的坐标设置与整理 Next 9.[P3DM009]《材质贴图效果设计制作》 （1）模型导入SP软件的设置 1 地形地块的绘制 2 公路水路的绘制 3 各精度的建筑的绘制 （2）场景贴图的烘焙 （3）层级界面与纹理界面的使用 （4）工具栏的操作使用 （5）材质球的属性调整使用 （6）配合Blender与PS导出调整贴图 （7）素材到出入与层级使用的规范 （8）写实材质的绘制 （9）绘制结束后贴图纹理的设置导出 Next 10.[P3DM010]《模型贴图文件的整理提交》 （1）导出贴图的命名规范整理 城市区域场景模型贴图材质球的整理 （2）贴图贴入模型材质球的通道设置 （3）模型检查与清理规范 （4）模型导出设置与贴图路径指认方法 （5）文件资料的导出整理 Next 11.[P3DM011]《三维设计与三维开发的工作对接》 ④三维场景结合GIS地理信息系统显示 QGIS Datasmith 3 插件软件 QGIS Datasmith GIS数据处理 三维数据导入UE4引擎 4 引擎平台 Web GL UE4 网页端 客户端 场景建模 贴图处理 材质绘制 Shp数据处理 对接导出资源 b.导入资源 a.安装插件 d.导出资源 c.调整资源 3D MAX 调整导出资源 ③核心区域地标建筑高级写实材质 ②地形环境基于卫星地图样式 ④附属区域建筑使用一般写实材质 ⑤边缘区域建筑群落使用普通素模材质 4.[P3DM004]《资料数据处理-地图数据的整合处理》 （1）GIS地理数据的采集 ①openstreetmap矢量数据下载OSM数据 ②GeoConverter在线转Shp数据 ③CSDN检索下载shp数据 (2)QGIS处理导出数据 （3）Bigemap卫星图下载 ①Shp数据整理校正导出 ②卫星图地块的处理准备 （4）卫星地图的处理 ①卫星图的尺寸校正 ②素材的剪裁导出 1 可编辑多边形命令的使用 5 图像资料的造型分析实现 8 图像资料的造型分析实现 （1）模型的整合对接 Datasmith插件的下载安装 文件导入3Dmax的设置 3DMAX资源整合说明 2 Shp数据生成模型 3DMAX的Datasmith文件导出提交 (2) 网上素材的补充筛选处理 ①项目类型的展示参考筛选处理 ②制作内容的样式参考筛选处理 ③风格样式的材质参考筛选处理 Bigemap 卫星地图生成 OMS GIS数据下载 Bigemap 卫星地图处理 BlenderGIS 数据生成模型 场景搭建 开发整合 特效处理 效果输出 1 第一课-三维设计制作流程入门-行业认知、相关软件和项目设计流程 11 第十一课-三维设计与三维开发的工作对接-文件的整理导出与资源说明 i.数据生成模型 六、（企业级）团队专享 37.[P3DD037]《后台数据对接与集成》 [P3DA001]《项目整体运行优化课程》 [P3DA002]《模型快速加载和优化课程》 [P3DA003]《数据对接优化课程》 12.[P3DD012]《UE4开发-智慧停车蓝图界面介绍》 29.[P3DD029]《二维UI的开发实现》 2 svn的使用 i.代码下载 ii.代码更新 iii.代码提交 iv.代码冲突解决 v.版本回退 1 软件下载及安装