天天看点

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.系统管理(组织管理、角色管理、人员管理、功能管理、编码类型、编码管理、系统日志)。 

1.3功能说明 

基于新版DAP平台进行展现主题扩展,以支持更多的展现效果,提高DAP产品在数据分析方面的成熟度,DAP移动化主要分为几次调整,从使用Bootstrap到使用YDUI扩展升级,后续还会基于MAP移动应用平台动态扩展主题,这样更加灵活、方便。 

DAP移动化功能说明

2主题介绍 

以下是分为Bootstrap为框架扩展的基础主题和APP主题,使用YDUI扩展升级新版主题介绍。 

2.1基础主题 

基础主题是首先是首页,首页右上角是2个点击图标:一个点击后右侧弹出是菜单选项;一个点击下拉出现个性信息相关操作(个人信息、个性配置、修改密码和退出登录)。 

DAP移动化功能说明

2.2APP主题 

基础主题首先是首页,首页右上角是1个点击图标,一个点击下拉出现个性信息相关操作(个人信息、个性配置、修改密码和退出登录);菜单信息在下面分成3个标签页面(首页、分析、看板),分析是展现企业报表信息,支持查询,看板企业展现企业的分析图表。 

DAP移动化功能说明

2.3新版主题 

新版主题主要是修改框架,使用YDUI扩展升级APP主题,下面也是通过YDUI分成3个标签页面(首页、分析、看板),首页也是个性信息标签。 

DAP移动化功能说明

3基础主题 

基础主题基于Bootstrap为框架扩展的基础主题,上述所说主题是通过首页展开菜单进行调整。 

3.1实现思路 

1.基于PC端主题的展现形式进行处理。 

2.移动端主题只做单列组件展现。 

3.为了提升展现效果,隐藏导航菜单,通过手动唤醒的方式进行菜单操作。 

4.支持个性化配置,可以修改主题皮肤。 

3.2主题扩展 

通过扩展下面的代码: 

1.在themes/mobiles/下扩展文件夹:basics; 

2.在adaption主题下主页面BoardPreset.jsp,并根据需要建立css、fonts、js、images等文件夹; 

3.在basics文件夹中扩展个人中心页面BoardConfig.jsp。 

3.3功能展现 

1.展示页面: 

DAP移动化功能说明

1)和Web端类似,左侧为树形菜单,右侧显示组件。 

2)考虑移动端的显示效果,默认左侧菜单隐藏,右侧每行一个组件(可以通过配置实现)。 

3)header单行,页面顶端左侧为展开/合并按钮,点击展开树形菜单。 

4)菜单弹出按钮和导航路径在同一行显示,显示当前页面的菜单路径,并且支持点击进行页面切换。 

5)移动端的组件穿透通过页面切换实现(需要改造组件穿透的JS实现代码)。 

6)顶部右侧显示当前登录用户以及配置按钮,点击显示列表:个人信息、个性设置、密码修改,点击后显示不同的页面。 

7)个人信息:修改登录用户编码、名称;个性设置:设置主题皮肤(但不能切换导航,导航切换后台配置)。 

8)支持滑动显示导航菜单,通过向右侧滑动进行显示。 

2.导航菜单: 

DAP移动化功能说明

3.个人信息: 

DAP移动化功能说明

 4.个性设置:   

DAP移动化功能说明

5.密码修改: 

DAP移动化功能说明

4APP主题 

APP主题也是Bootstrap为框架扩展的基础主题,支持标签菜单(首页、分析、看板),每个页面显示不同的组件信息。 

4.1实现思路 

1.导航主页: 

(1)根据原型图进行页面,前端使用bootstrap实现,采用自适应方式。 

(2)页面组件的显示复用现有PC端主题的实现方式。 

(3)在BoardPreset.jsp引入对应的资源文件,并根据原型绘制页面展现效果。 

2.个人中心: 

(1)根据原型图定义BoardConfig.jsp页面代码。 

(2)皮肤:设置当前主题的皮肤,保存后变更背景色等但页面不刷新。 

4.2主题扩展 

通过扩展下面的代码: 

1.在themes/mobiles/app下扩展文件夹:basics; 

2.在adaption主题下主页面/app/BoardPreset.jsp,并根据需要建立css、fonts、js、images等文件夹; 

3.在basics文件夹中扩展个人中心页面/appBoardConfig.jsp。 

4.3功能扩展 

首页显示常用指标图表、通知提醒: 

DAP移动化功能说明

1.上面是看板九宫格列表。 

2.下面是常用看板首页常用的组件。 

3.点击看板九宫格列表看板,进入对应首页的分析组件。 

DAP移动化功能说明
DAP移动化功能说明

1.分析首页上面也是分析九宫格列表。 

2.下面是分析常用的组件。 

3.点击分析九宫格列表内容,进行入各个的分析页面。 

DAP移动化功能说明

1.分析页面上面是各个分析的分析列表。 

2.点击分析列表进入不同的分析主题中。 

DAP移动化功能说明

5新版主题 

新版主题是根据YDUI扩展升级APP主题,通过YDUI会帮助DAP样式更加美观,下面是对新版主题的实现思路、主题扩展以及最后的展现样式。 

5.1实现思路 

1.重新引用一下相关YDUI的包。 

2.首页下面也分为3个标签功能 :首页、分析、看板。 

3.首页显示企业整体趋势发展分析图标。 

4.分析展现企业报表信息。 

5.2主题扩展 

1.重新引用一下相关YDUI的包: 

DAP移动化功能说明

2.实现<section class="g-flexview">框架代码构建表头和下面标签。 

3.表头修改代码如下: 

DAP移动化功能说明

4.下面标签修改代码如下: 

DAP移动化功能说明

5.3功能展现 

首页展现如下: 

DAP移动化功能说明

分析页面展现如下:   

DAP移动化功能说明

看板页面展现如下:    

DAP移动化功能说明

6心得总结 

通过上述相信大家已经基本了解了DAP移动化,通过移动化帮助企业实现移动办公,加快企业工作效率。通上述几个版本了解到,DAP一直在发展,正如开头所说DAP后续会通过MAP产品配置生成对应主题移动化,让DAP移动根据灵活美观。 

6.1移动优先 

随着人们越来越离不开手机,手机办公已经变成常态,领导通过手机了解公司情况、工作人员通过手机签到、办公、发通告等,这些都离不开手机。因为移动应用可以提升工作流,即日常工作的过程和程序,让员工随时随地、快速便捷地完成工作程序,而不必局限在办公桌前,所以产品需要考虑移动化。 

6.2数据分析 

数据分析共有三大作用: 

1.现状分析:通过分析企业的整体运营情况,明确公司的现状。而现状,则可以通过基础的周报或月报来分析。 

2.原因分析:如果通过第一点,了解了企业存在某种隐患,则需要去分析该隐患。 

6.3产品开发