天天看点

DAP大屏主题开发说明

科技飞速发展的时代,企业信息化建设会越来越完善,越来越体系化,当今数据时代背景下更加强调、重视数据的价值,以数据说话,通过数据为企业提升渠道转化率、改善企业产品、实现精准运营,为企业打造自助模式的数据分析成果,以数据驱动决策。

在现代生活当中数据可视化变得越来越重要,已经是大数据分析解决的重要组成部分,是不可忽略的组成元素之一。之所以数据可视化大屏运用得到广泛推广以及备受认可,就是因为可以将原始数据流通过图像形式直接展示方便做决策,在展示内容上更加直接。 

1整体介绍 

通过DAP大屏进行数据分析来决策,DAP支持多端的展现,可以通过手机展现,也支持大屏幕展现,通过大屏展现让公司领导快速了解企业发展趋势,通过大屏展现分析数据来决策公司未来发展方向,让企业数据应用更有价值,使企业办公更加高效。 

1.1产品方案 

首先介绍一下DAP的数据中台方案组合框架: 

DAP大屏主题开发说明

数据中台方案主要的产品组合是DAP数据分析平台通过与ESB应用集成平台结合,使用场景主要是通过配置调度任务、执行调度任务调用ESB数据同步流程,实现数据的采集、抽取、转换、传输、调度等操作,基础数据为DAP提供同源并标准的、一致的数据保障数据分析所分析数据的准确性,然后通过Portal门户集成平台展现给客户。 

1.2产品说明 

数据分析平台是一款能够高效存储、计算、分析并处理海量数据的数据分析产品,能够真实、准确、清晰、有效地将企事业内部及行业外部相关数据进行可视化展现,帮助企事业提升行业洞察力,加强决策力,从而提升整体竞争力。 

DAP大屏主题开发说明

数据分析平台功能有: 

1.数据来源(应用系统定义、数据源头配置、ODS数据定义)数仓模型。 

2.数仓模型(业务主题、维度配置、事实配置、模型配置、指标管理)。 

3.数据调度(规则校验、调度资源(同步资源、加工资源)、调度任务、调度日志(同步日志、加工日志)、质量日志、通知日志)。 

4.分析模型(数据集配置、立方体配置、业务类报表、多维度分析)。 

5.展现模型(导航管理(大屏主题)、组件管理、展现主题、装饰管理)。 

6.数据服务(接收服务、查询服务、统计服务、指标服务、业务服务)。 

7.算法模型(算法配置、标签管理、算法日志)。 

8.统计分析(数据地图、质量分析、血缘分析、影响分析)。 

9.系统管理(组织管理、角色管理、人员管理、功能管理、编码类型、编码管理、系统日志)。 

1.3功能说明 

DAP展现数仓数据形式有看板、数据服务、大屏,其中大屏是展现数据价值的重要方式,能够将各种丰富数据信息可视化,展示内容更为详细并且展示效果更生动,方便企业参考。 

本次通过预置销售、项目、人事相关的不同主题展现大屏,扩展对应的主题界面(地图主题、视频主题、立体主题)。

DAP大屏主题开发说明

2地图主题 

地图主题是中间有一个地图组件,本次预置主要展现销售范围,其他的组件展现公司1年的销售相关情况。下面介绍地图主题如何扩展、如何布局和最终展现效果。 

2.1主题说明 

首先在主题管理里预置地图主题: 

DAP大屏主题开发说明

主题详情页面: 

1.添加地图主题名称。 

2.主题类别选择嵌入主题。 

3.路径: 

screens/map/BoardPreset.jsp(DapSever中主题路径)。 

DAP大屏主题开发说明

2.2主题调整 

主题调整是在如下目录下的页面进行修改: 

screens/map/BoardPreset.jsp 

DAP大屏主题开发说明

首先设置背景颜色:背景颜色设置不平铺、颜色为深蓝色。 

DAP大屏主题开发说明

设置上面title头: 

DAP大屏主题开发说明

引用背景图片: 

DAP大屏主题开发说明

添加title名称: 

DAP大屏主题开发说明

CSS样式调整: 

DAP大屏主题开发说明

装饰调整,添加装饰背景图片并调整CSS属性: 

DAP大屏主题开发说明
DAP大屏主题开发说明

2.3主题展现 

导航中配置销售情况大屏选择地图主题: 

DAP大屏主题开发说明

地图主题导航布局如下: 

DAP大屏主题开发说明

选择对应组件:比如地图组件。 

DAP大屏主题开发说明

最终效果: 

DAP大屏主题开发说明

3视频主题 

视频主题是中间有一个视频组件,本次预置的主要展现项目监控视频,其他的组件展现公司1年的项目相关情况。下面介绍视频主题如何扩展、如何布局和最终展现效果。 

3.1主题说明 

首先在主题管理里预置视频主题: 

DAP大屏主题开发说明

主题详情页面: 

4.添加视频主题名称。 

5.主题类别选择嵌入主题。 

6.路径: 

screens/video/BoardPreset.jsp(DapSever中主题路径)。 

DAP大屏主题开发说明

3.2主题调整 

主题调整是在如下目录下的页面进行修改: 

screens/video/BoardPreset.jsp 

DAP大屏主题开发说明

首先设置背景图片:背景图片宽度和高度。 

DAP大屏主题开发说明

设置上面title头: 

DAP大屏主题开发说明

(4)引用背景图片: 

DAP大屏主题开发说明

(5)添加title名称: 

DAP大屏主题开发说明

(6)CSS样式调整: 

DAP大屏主题开发说明

装饰调整: 

(2)添加装饰背景图片并调整CSS属性: 

DAP大屏主题开发说明
DAP大屏主题开发说明

3.3主题展现 

导航中配置公司项目情况大屏选择视频主题: 

DAP大屏主题开发说明

地图主题导航布局如下: 

DAP大屏主题开发说明

选择对应组件:比如视频组件。 

DAP大屏主题开发说明

最终效果: 

DAP大屏主题开发说明

4立体主题 

立体主题是中间有一个大楼3D组件,本次预置的主要是展现人事监控视频,其他的组件展现公司1年的人事相关情况。下面介绍立体主题如何扩展、如何布局和最终展现效果。 

4.1主题说明 

首先在主题管理里预置立体大屏主题: 

DAP大屏主题开发说明

主题详情页面: 

7.添加立体主题名称。 

8.主题类别选择嵌入主题。 

9.路径: 

screens/stereogram/BoardPreset.jsp(DapSever中主题路径)。 

DAP大屏主题开发说明

4.2主题调整 

主题调整是在如下目录下的页面进行修改: 

screens/stereogram/BoardPreset.jsp 

DAP大屏主题开发说明

首先设置背景图片: 

DAP大屏主题开发说明

设置上面title头: 

DAP大屏主题开发说明

(1)引用背景图片: 

DAP大屏主题开发说明

(2)添加title名称: 

DAP大屏主题开发说明

(3)CSS样式调整: 

DAP大屏主题开发说明

装饰调整: 

(1)添加装饰背景图片并调整CSS属性: 

DAP大屏主题开发说明
DAP大屏主题开发说明

4.3主题展现 

导航中配置人事情况大屏选择立体主题: 

DAP大屏主题开发说明

立体主题导航布局如下: 

DAP大屏主题开发说明

最终效果: 

DAP大屏主题开发说明

5心得总结 

DAP数据分析平台通过数仓建设把业务系统的数据进行统一管理,通过数据服务或者数据可视化展现把这些有效的数据展现出来,帮助企业决策者了解公司动态,上述介绍的大屏开发是数据可视化展现形式之一。 

5.1产品开发 

功能开发人员考虑问题一定要全面,如果内容梳理得全面、在前期设计到位,那么在实际工作工程中就不会出现功能遗漏,不会导致整体功能出现断层,同时也会减少后续维护的难度,要保证设计是可以落地的,保证各个功能的实现方式,相关方法、参数,以及对数据的操作是明确的,这样才能保证开发工作可以合理有序地进行。 

对开发人员来说,代码的可读性与可维护性是一项重要的能力,特别是在开发一个复杂功能的时候,优化代码结构、实现代码复用是一项重要的工作,所以在开发特别是后端代码开发时,要尽量减小代码的体量,不要写体量太大的方法,尽量将方法进行拆分,以实现方法的复用,降低开发工作量的同时,也能优化代码的整体结构,提升代码可读性,为后续开发和维护人员降低维护的难度。 

5.2产品应用 

数据中台集成业务系统数据,一般情况展现层的数据不是本身系统的数据,不能再去业务系统抽取,那样,抽取的性能会变差,因为业务系统数据已经到数据中台中而且是治理后标准数据,所以应从数据中台中获取,而获取的途径就是DAP数据服务。 

5.3展现价值 

继续阅读