声明:本网站为 Atlassian 官方公众号知识库,而非 Atlassian 官方网站

【客户案例】工银安盛如何构建交互式 Jira Dashboard

发表时间:2020-08-31 16:49作者:朱剑鸣

背景概述

公司介绍:工银安盛人寿保险有限公司是由中国工商银行、法国安盛集团和中国五矿集团公司三家实力雄厚的中外股东合资组建。根据中国银保监会公布的2019年末行业数据,工银安盛人寿保费收入位居国内保险市场合(外)资寿险公司的第一位。

在公司软件研发过程管理体系建设过程中,我们以 Jira 为核心构建了从需求提出直至最终交付投产的软件全生命周期管理体系。Jira 的用户包含了科技部门的开发、测试人员;业务部门用户以及项目经理、科技部门管理人员等多种不同的角色。因此,为不同的使用者构建可便捷、快速获取各类相关信息的仪表板(Dashboard)对用户的使用体验是十分重要的。

遇到问题
Jira 本身提供了可定制化 Dashboard的功能,并提供了丰富的不同类型的图表。但在制作过程中,我们发现 Jira 原生的 Dashboard 功能存在一个非常大的局限性:即无法构建交互式 Dashboard。换句话说,Dashboard 上图表所展示的数据和后台 JQL 查询语句是静态绑定的,无法实现动态传输查询条件进行查询。而由于统计维度的多样化,不可能为每种查询需求都编写相应的 JQL 语句。交互性的缺失使得 Dashboard 在使用上受到了很大的局限性。
Jira 定制化图表方面,eazy BI 凭借其强大的图表定制化能力得到了广泛好评和应用。其可以轻松实现交互式图表的制作,但在使用 eazy BI 的过程中,发现其图表制作能力虽然强大,但在数据列表展示方面存在较大不足,即无法支持分页展示和拖拉条。当用户希望查看列表样式的内容,且数据内容较多时,其展现的样式无法满足需要,用户体验亦受到较大影响。
解决方案
为解决上述问题,构建可交互的 Dashboard,满足Jira 用户的使用体验,经过在 Atlassian 插件市场的搜索、试用,我们最终使用了 Rich Filters for Jira Dashboards 这款插件来满足我们的定制化需求。
通过该插件,我们可基于 JQL 语句,在 Jira 原生的 Dashboard 展示结果上,添加过滤条件、丰富展示方式,从而到达和用户进行交互的目的,下面让我们来了解一下此款插件,并通过一个实例来体会下 Rich Filters for Jira Dashboards 如何帮助我们来构建可交互的 Dashboard。
插件简介
不同于 Jira 原生的各类报表、列表基于某个 JQL 直接展示,所有基于此款插件添加的图表(/或列表)是基于一个 Rich Filter 添加的。一个 Rich Filter 由以下4部分组成:
  • General:和一个筛选器(即一条 JQ 语句)绑定,是这个 Filter 的数据来源。

  • Static Filter:以按钮形式体现的过滤条件,通常,一个 static Filter 和1条 JQL 语句绑定。

  • Dynamic Filer:过滤条件来自于 issue 的各类字段(系统字段或自定义字段),根据字段的类型,过滤条件以文本框、下列列表选择、日期选择器等多种形式体现。

  • Views:通过 view,可以自定义所需展示的字段,并且可将多个 view 进行组合在一张列表上展示。

下面让我们通过一个实例对其作用有所直观的体会。
实例演示
案例内容:展示 Jira 中所有 issue type 为“需求条目”的issue,需展示“关键字”、“汇总”、“需求类型”、“需求条目来源”、“相关系统”等字段信息。
使用系统原生的筛选器结果在 Dashboard 添加图表如下:

图片1.png

只想看系统B的需求?只想看“非功能类”的需求?只想看运维相关的需求?
Sorry !无 法 交 互 !!!
从上图可以看到,当筛选器结果返回条目较多时,Jira 原生的列表缺乏交互性就将成为一个十分影响用户使用体验的不足, 用户难以通过条件在众多数据中快速过滤出符合自己需要的数据,而为每种可能的过滤条件编写相应的筛选条件并作图亦不可取。
那么 ,下面让我们看看如何在 Rich Filters for Jira Dashboards 的帮助下用同样的数据展示出可交互的列表。
进入插件管理页面,创建1个新的 Rich Filter, 将其与数据源(即 Jira filter)绑定。

图片2.png

添加静态过滤条件:

图片3.png

添加动态过滤条件:

图片4.png

在 view 中指定需要显示的字段:

图片5.png

让我们先来看一下效果:
在 Jira Dashboard 中添加 Rich Filter Results 类型小程序

图片6.png

效果如图,此时,和 Jira 原生筛选器结果并无差异。

图片7.png

添加 Rich Filter Controller 类型小程序

图片8.png

效果如下:

图片9.png

由上图可见,可以在列表上方根据需要以“需求类型”和“相关系统”为条件对数据进行过滤。
也可预设 JQL 语句作为静态过滤条件,如下图“运维需求”

图片10.png

通过设置不同的 view,可以方便的扩展列表的 Tab,在不同的 Tab 中展示不同的字段:

图片11.png图片12.png图片13.png图片14.png

通过为 Rich Filter 添加 smart Filter 条件,我们也可进一步丰富数据列表的展示:

图片15.png图片16.png

Rich Filter 插件同样为用户提供了多种样式的图表展示方式:

图片17.png图片18.png

添加 Rich Smart Filter Counters 图例:

图片19.png

使用感想

通过使用此款插件,Jira Dashboard 的可交互性得到了显著提升,且界面展示风格与 Jira 原生态保持一致,页面美观性也得到了保证。
当然在复杂逻辑下的图表制作,eazy BI 仍具有其独特的优势, 而 Rich for Filter 很好的弥补了 eazy BI 在数据列表方面展示的不足。如有必要,可以将两款插件组合使用,相信可以满足绝大部分的 Dashboard 定制需求。

Rich Filters for Jira Dashboards ,   值得一试!



分享到:
评论留言
关注我们
 
 

关注Atlassian官方公众号

获取最新产品与活动信息

7a6583172c789ff30f0e7ac723b18111.png