帆软大屏开发手册

2023-11-15

1. 需求调研

模块 输出
业务需求调研

《业务需求调研报告》

硬件调研

《大屏采购硬件清单》

数据调研

《数据质量调研报告》

关键性技术预研

《技术预研报告》

1.1 业务需求调研

1.1.1 根据业务场景抽取关键指标

关键指标是一些概括性词语,是对一组或者一系列数据的统称。一般情况下,一个指标在大屏上独占一块区域,所以通过关键指标定义,我们就知道大屏上大概会显示哪些内容以及大屏会被分为几块。

确定关键指标后,根据业务需求拟定各个指标展示的优先级(主、次、辅)。

  • 主:反应核心业务内容的

  • 次:用于进一步阐述主要指标的

  • 辅:主要指标的补充信息

样例如下:

image.png

1.1.2 定义指标分析维度

同一个指标的数据,从不同维度分析就有不同结果。

  • 比较类:数据之间存在何种差异、差异主要体现在哪些方面

  • 分布类:指标里的数据主要集中在什么范围、表现出怎样的规律

  • 流程类:存在流程关系,查看流程流转之间的数据关系

  • 地图类:以位置分布关系进行类别对比

  • 占比类:指标里的数据都由哪几部分组成、每部分占比如何

  • 区间类:显示同一维度上值的上限和下限之间的差异

  • 关联类:数据之间的相关性

  • 时间类:数据随时间变化的情况,例如增长、下降或者波动等

  • 趋势类:在一个连续区域里的数据变化规律

1.1.3 确定可视化图表类型

当确定了某个数据关系类型后,就可以根据该数据的使用场景查找出相对应的图表和使用建议,并在其中进行选择。

1579253254815408.png

以一份购物城数据为例:

ant.png

1.2 硬件调研

大屏是否已买,大屏分辨率,大屏显卡所支持的分辨率输出,显卡是否支持自定义分辨率,HDMI 线支持的分辨率。

了解物理大屏分辨率,确定设计稿尺寸。

1.3 数据质量调研

数据源(是否填报)、数据更新周期

数据情况 举例
数据来源 填报、读业务库、读中间库
数据单位 单位、小数位
数据更新频率 实时、准实时

2. 原型设计

输出

指标排版图

根据排版好的内容落地成原型图(Demo)

2.1 大屏指标排版图

根据之前定好的业务指标进行排版:

  • 主:核心业务指标安排在中间位置、占较大面积,多为动态效果丰富的地图

  • 次:次要指标位于屏幕两侧,多为各类图表

  • 辅:辅助分析的内容,可以通过钻取联动、轮播显示

一般把有关联的指标让其相邻或靠近,把图表类型相近的指标放一起,这样能减少观者认知上的负担并提高信息传递的效率。

640.png

2.2 输出大屏原型 Demo

根据排版好的内容落地成原型 Demo

3. 可视化设计

3.1 定义设计风格

首先考虑报表的定位,用户群体,公司品牌,受众年龄层等方面。

根据以上的报表需求,能得到关于报表搭配的关键词。再根据关键词来选择合适的配色方案。

3.2 根据 Demo 制作 UI 效果图

根据定义好的「设计风格」与「大屏原型图Demo」进行合理地可视化设计。

3.3 效果图落地

输出切图。

3.4 美化 Demo

根据效果图进行进一步美化。

4. 大屏调试

4.1 视觉方面地测试

关键视觉元素、字体字号、页面动效、图形图表等是否按预期显示、有无变形、错位等情况。

4.2 性能与数据方面地测试

图形图表动画是否流畅、数据加载、刷新有无异常;页面长时间展示是否存在崩溃、卡死等情况;后台控制系统能否正常切换前端页面显示。

5. 上线运行

熄屏问题

播放周期

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

帆软大屏开发手册 的相关文章

随机推荐

  • 看完这篇 教你玩转渗透测试靶机vulnhub——BossplayersCTF

    Vulnhub靶机BBossplayersCTF渗透测试详解 Vulnhub靶机介绍 Vulnhub靶机下载 Vulnhub靶机安装 Vulnhub靶机漏洞详解 信息收集 命令执行漏洞 反弹shell suid提权 获取flag Vulnh
  • Java 多线程怎么做事务控制

    前言 公司业务中遇到一个需求 需要同时修改最多约5万条数据 而且还不支持批量或异步修改操作 于是只能写个for循环操作 但操作耗时太长 只能一步一步寻找其他解决方案 具体操作如下 一 循环操作的代码 先写一个最简单的for循环代码 看看耗时
  • c++&qt day2

    封装一个结构体 结构体中包含一个私有数组 用来存放学生的成绩 包含一个私有变量 用来记录学生个数 提供一个公有成员函数 void setNum int num 用于设置学生个数 提供一个公有成员函数 void input 用来对所有学生的成
  • Vue3项目-配置路由及侧边栏导航栏

    在Vue3项目中配置路由和侧边栏导航栏可以按照以下步骤进行 配置流程 1 安装Vue Router 首先 确保你的Vue3项目已经安装了Vue Router 如果没有安装 可以在项目根目录下执行以下命令进行安装 npm install vu
  • 学长的电赛学习经历,文字记录【3800字】【学长】

    文章目录 前言 开始 采购 学习 暑假 赛前 比赛 测评 建议 感谢和希望 前言 我的电赛学习经历 2017年我和我的同学们有幸参加了全国电子设计大赛 这次比赛经历注定永生难忘 可以说这次比赛是大学里面印象最深的一次经历也是四年的学习中最刻
  • libpng warning iCCP 错误处理方法

    png图片缺乏某些库 导致损坏 或者多余了一些数据会导致以下报错 libpng warning iCCP known incorrect sRGB profile libpng warning iccp extra compressed d
  • Unity3D 在Game窗口下查看Overdraw视图

    overdraw简单来说 就是一个像素在荧幕被绘制了多次 在像素处理中 overdraw是最常见的性能瓶颈之一 上个项目中优化过 全屏UI渲染时 游戏主场景在UI后重复绘制 导致完全没有必要的Overdraw 引用 冯乐乐的文章中的一句话
  • 更改SUSE运行级别

    用runlevel可以查看当前的运行级别 init N可临时更改运行级别 如果要在启动时就启用某种运行级别 跟红帽不一样SUSE要更改运行级别可以用以下步骤 红帽只需要步骤1 1 修改 etc inittab id 5 initdefaul
  • 蓝桥杯java技巧总结

    文章目录 一 数据结构 1 哈希表 2 堆 二 对象数组排序 三 时间相关 1 String转Date 2 Date转String 标准格式化 3 Calender类 日历 星期 4 计算时间间隔 四 字符串 1 int和String的互相
  • 基于网易云音乐的歌词js逆向

    歌曲的歌词 一 py源码 import json import execjs import requests 实例话一个node对象 node execjs get js源文件编译 ctx node compile open 网易云2号 j
  • 微博模型训练——僵尸用户识别(二)

    上文通过使用决策树算法简单实现了僵尸用户的识别 https blog csdn net weixin 43906500 article details 116992642 本文综合利用多种机器学习方法实现对僵尸用户的识别 使用的机器学习方法
  • shell 实现目录下文件修改记录监控

    文件监控可以配合rsync实现文件自动同步 例如监听某个目录 当文件变化时 使用rsync命令将变化的文件同步 可用于代码自动发布 inotify 是linux内核的一个特性 在内核 2 6 13 以上都可以使用 如果在shell环境下 可
  • u3d修改服务器ip,Unity ping一个服务器 ip 的工具类

    using UnityEngine using System Collections public class UnityPing MonoBehaviour private static string s ip private stati
  • mysql使用sql语句根据时间段查询数据

    1 sql语句 SELECT 字段 from 表名 where 时间字段 BETWEEN 2019 05 22 AND 2019 06 21 注 此种方法查到的是5 22到6 20之间数据 不包括6 21当天的数据 2 在mybatis中m
  • MySQL如何查看,删除用户

    1 查看所有用户 需要在root用户下进行 select host user password from mysql user 2 删除用户 mysql gt Delete FROM user Where User 用户名 and Host
  • LU矩阵分解

    LU分解 Pseudocode LU matrix decompose matrix for j 0 1 n L 为单位下三角矩阵 L j j 1 0 上三角矩阵的行列索引关系 j rows gt i columns for i 0 1 j
  • php socket 错误处理,PHP Socket or TCP 连接错误信息显示乱码问题处理

    错误说明 在项目中编码都是使用UTF 8编码 当用到Socket或者TCP连接的时候出现错误 错误信息不是UTF 8的编码 所以输出看到的是乱码且在输出json格式输出的时候是空白 比如在本地位win7系统 错误信息提示 Can not c
  • 多智能体强化学习与博弈论-博弈论基础3

    多智能体强化学习与博弈论 博弈论基础3 之前主要介绍了如何判断博弈中是否到达了纳什均衡 在这篇文章中将主要介绍如何计算纳什均衡 本文主要介绍下列几种情况下的纳什均衡 两个智能体 每个智能体有两个动作 两个智能体 每个智能体有多个动作 零和博
  • MySql Windows安装教程

    找到下载 gt 拉到最下面找到社区版下载 gt 下载 下面是我下载好的 度盘链接 提取码 sws3 解压到指定目录 Mysql国内镜像 Index of mysql MySQL 8 0 此时解压后的文件中没有data目录和ini文件 然后做
  • 帆软大屏开发手册

    1 需求调研 模块 输出 业务需求调研 业务需求调研报告 硬件调研 大屏采购硬件清单 数据调研 数据质量调研报告 关键性技术预研 技术预研报告 1 1 业务需求调研 1 1 1 根据业务场景抽取关键指标 关键指标是一些概括性词语 是对一组或