北明城市智能运营中心V10-操作手册

北明城市智能运营中心V1.0

操作手册

项目名称：北明城市智能运营中心V1.0

承建单位：北明软件有限公司___________________

北明轼件

北明城市智能运营中心V1.0操作手册

目录

第1章前言............................................................3

1.1关于本手册....................................................3

1.2预期读者.....................................................3

1.3前提和假设....................................................3

1.4定义..........................................................3

第2章系统概述.......................................................4

2.1系统权限......................................................4

2.1.1用户权限..................................................4

2.1.2菜单权限.................................................4

2.2系统登录......................................................4

第3章数据可视化平台操作说明........................................5

3.1酉己置..........................................................5

3.1.1数据源管理...............................................5

3.1.2数据集管理...............................................9

3.1.3图表设计................................................14

3.1.4看板设计................................................19

3.1.5看板分类................................................27

3.1.6主页设置................................................28

3.1.7资源分享................................................28

3.2管理.........................................................29

3.3看板.........................................................30

3.4我的看板....................................................31

第4章主题应用操作说明..............................................32

4.1首页.........................................................32

4.2人口专题.....................................................33

北明轼件

北明城市智能运营中心V1.0操作手册

4,3企业专题....................................................34

4.4数据流转....................................................35

4.5政务服务....................................................36

4.6公共信用....................................................37

4.7产业经济....................................................38

4.8舆情分析....................................................39

4.939

4.1039

4.1139

2

曲期煦出北明城市智能运营中心V1.0操作手册

第1章前言

1.1关于本手册

本手册主要是对本系统的主要功能及操作方法作全面介绍，使您深入浅出地了解该系

统，并能灵活、有效地应用该系统，提升管理，帮助您获得成功。本手册主要包括以下内

容：

1.系统功能概述和特点；

2.如何使用本系统页面中的各个功能；

3.如何对本系统进行设置；

4.常见问题及处理；

5.本系统的操作流程讲解。

还要提醒您注意的是，本手册中的页面图片只是列举的实例，可能与您在实际操作时略

有不同，但并无大碍，相信您能够灵活地应用本系统解决实际问题。

1.2预期读者

本手册的主要对象是具体的实施操作人员，为他们提供实施操作方面的指引，帮助实施

人员熟练操作本系统的各项功能，来完成日常的业务工作。

1.3前提和假设

假设您具有基本的计算机操作经验和知识，并假设您对本系统涉及的业务领域有整体的

了解。如果您没有使用过本系统，我们建议您接受一次或者更多的本系统的培训课程。

1.4定义

无

3

曲期煦出北明城市智能运营中心V1.0操作手册

第2章系统概述

2.1系统权限

2.1.1用户权限

在用户管理中创建新用户并分配指定角色的权限，角色可以由超级管理员进项配置管理

2.1.2菜单权限

系统的菜单权限由系统权限功能模块提供并控制，不同权限用户登录该系统展示不同的

菜单列表。

22系统登录

1.在浏览器的地址栏中输入：h即:〃[IP地址或者域名】：【端口号】

/BmsoftDataVPIatformFront/login.do,进入系统登录页面，详见下图所示。

2.输入用户名和密码，点击【登录】按钮，进入系统的如下主界面（不同的用户登录根

据不同的权限设置，显示的菜单会不同）。

4

曲期煦出北明城市智能运营中心V1.0操作手册

第3章数据可视化平台操作说明

3.1配置

配置菜单的主要功能主要是面向业务数据分析人员和系统运维人员，包括数据分类管理

和基础数据管理功能，其中基础数据管理包括数据结构展示、数据检索和数据浏览、数据导

出等子功能。

北明数据可视化平台设计的基本步骤为：

3.1.1数据源管理

3.1.1.1新增数据源

目前北明数据可视化平台支持以下数据源连接：

a）JDBC数据源

b）ElasticSearch1.x,2.x,5.x（原生读取Index与Mapping,根据用户拖拽生成查询DSL）

c）Kylin1.6（原生读取kylinModel,根据用户拖拽生成查询SQL）

d）Textile（文本文件，文本需要存放于应用服务器上面，读取本地文件）

e）Saiku2.x（读取Saiku图表数据而非集成Saiku生成图表）

f）Solr4.x,5.x（读取Solrcollection,根据用户拖拽生成Solr查询语法，4.x无法使用后

台聚合功能）新增数据源：

新增数据源的步骤如下：

1）选择配置菜单列表中的“数据源管理”，点击“新增数据源”的加号按钮；

5

征北明轼件

北明城市智能运营中心V1.0操作手册

admin«数据源新增数据源mz

iaGfS

g：看板i屯0自

a:我的看板iaGfS

i<2)GfS

S£S

iaGf©

®数据集冒理

叱图表设计

A-百板设计

・看板分类

*

2）在配置页面，填写数据源信息。

茎数据源新增/据源1greenplum测试db

FoodMart.ADi®)0f9|»第4关型,选那效IR源类型

GPI®QT0汨&

mysqlTlk

i©ara…刈23一场与数据源名称,自定义

/5量(10：com.my*ql.jdbc.Driv«r)•旧写

org.pMtQrMQlOriv*。

海I•曲(W：jdbc:mysql://hoftname:port/db)•连

)<RK：po$tgre$QMi2/hw?chMKtef£fXOdino•utf-S

■京藤用户X•

•dmin

3）对数据源信息进行连接测试:

6

3.1.1.2编辑数据源

编辑数据源配置是对己经加入的数据源的管理与配置。

Hi看板<

Hi我的看板<

S®V

。5

詈数据源告理

i®»0

期数据集告理

削i®»0

力看板设计i屯N自

■部转

i®Gf0

★韧骸

通过编辑数据源可以对数据源新增时的配置信息进行修改，包括数据源类型、数据源名

称、驱动类、数据库用户名及数据库密码，修改之后再进行测试，测试成功保存即可，数据

源修改界面如下图：

7

北明界件

2Hzl»IWAM北明城市智能运营中心V1.0操作手册

数据源类型

jdbc

新建数据涯名称

10c严选认正CAS

芟动类促：com.mysql.jdbc.Driver)*

com.mysqljdbc.Driver

连接串(Ml：jdbc:mysql://hostname:port/cb)■

jdbamysq5/cas

数据库用户名*

数据库密码

早否使用连接池・

数据漉麋合・

数据源的编辑功能，方便了数据迁移、数据库用户名密码的修改等管理操作。

3.1.1.3数据源删除

删除无用数据源，点击数据源的删除标签，如卜.图:

i00g

i屯Ug

i®or0

♦屯口g

i0Ofg

iOorR

i®OfS

3.1.1.4数据源信息

如下图所示，点击查看数据源信息。

8

北明界件

2Hzl»IWAM北明城市智能运营中心V1.0操作手册

■00®

Ii®Gf0

~i00电

iftGf0

，人iftGf0

；为0亩

一务i屯以盲

,■■■画■斤i屯&自

可以了解到以下的数据源一些信息：

3.1.2数据集管理

数据集是通过SQL语句形成的数据结果的集合，编写创建数据集的过程，也就是设计数

据字段维度、层次、度量形成某一主题的数据模型的过程，用户输入SQL语句，得到相关字

段，可以直接通过手动拖曳字段来设计目标图表的维度列、度量列、聚合表达式、过滤。

新增数据集

具体操作步骤如下：

1）进入“数据集管理”模块，点击“新建”按钮，新建数据集:

9

北明界件

北明城市智能运营中心V1.0操作手册

n看板

S!我的看板

0配置

§数据源管理

卜G税务大数据

®数据集管理G综合治税

它图表设计（-3默认分类

*设计

・看板分类

★顼igs

2）进入信息配置页面，填写本次要建立的数据集名称，选择数据源（只能选中一个）。

再在“查询语句”框中填写对应的查询脚本，进行读取数据，成功之后，可选列和Schema空

树出现在页面下方。此时，拖拽左边方框的各个数据列到右边维度节点/度量节点中去，拖曳

完毕后，保存数据集。

点击读取数据按钮后，

读取的表字段会在页面显示

设置后台刷新0寸间

哨可不做后臼做点

49度列点

admission-dotebirthdate8mpuscategoryclass

|一•majo5ameQT6二

|―•sexOfS>2

enrollment^earexam-nofaculty.codcgraduate.status选择相应字段作为

卜•facultyCZ9

ididcard-nolevelmajorField-na-nemajor.codemajor_namc卜•levelOf@=维度列、指标列，设计

I—•level(Z0Z2

namenationnative.phcecxitidpoliticdLstatusremarks表达式以及设置过滤条件

!•nation(ZR=

research.area^chool.codeichoolingjengthsource.location

攵端列

[―・sexQT8s

student.statetrainingjevel

•nation口8=

・outid(79=

%可选表达式十

F~・out_cnt(Z8

i—•max_gradeC?

V可选过送十

L..QfQ

3）计算表达式和过滤组通过点击加号按钮，进行新建，对基础指标进行计算处理生成计

算指标并可以重命名。这个就和度量很相似，但是支持表达式较为简单，无法进行复杂的运

10

心四里妞北明城市智能运营中心V1.0操作手册

算：

表达式x

字段sexnationoutidsexfacultylevellevelnationadmlssion_date

birthdatecampuscategoryclassenrollmentjearexam.nofdculty.codegraduate.status

ididcard.nomajor.ccxienamenative.placepolitical-statusremarks

research.areaschool.codeschooling.lengthsource」ocationstudent.statetraining.level

聚合sumcountavgmaxmindistinct

可选表达式

设计表达式

表达式1count(outid)

别名

取消

可选过滤、过滤条件设计:

设置具体过滤条件:

II

北明界件

2Hzl»IWAM北明城市智能运营中心V1.0操作手册

level过滤条件

查找

2016

2005

2006

2007

2008

2009

2010

2011

2012

2013

2014

2015

2017

2018

取消确认

其他操作/业务规则：

1）一个列可设计在不同的维度层级下多次使用，如：年・＞月。日，也可以再另外设计年

-＞周-＞日；

2）维度列作为图表维度的字段，在图表设计时只能拖拽到维度栏；指标（度量）列作为指

标展示的字段，只能退拽到指标栏，聚合函数需要在设计时选定；

3）加入Schema树的列可以编辑修改别名；

4）“添加层级”、“修改层级名”之后拖拽相应的列到层级组节点下，层级是图表下钻

基础。

3.1.2.2编辑数据集

数据集编辑是对己有数据集的一个修改的功能，与新增数据集时的操作一致。

例如，第一次业务需求你可能选择了a,b,c四个列作为聚合维度建立了一个数据集:

12

曲期煦出北明城市智能运营中心V1.0操作手册

SELECTa,b,C,

sum(xx)ASml,count(yyy)ASm2

FROMfacta

JOINdimaaON

JOINdimbbON

GROUPBYa,b,c

之后有了新的需求，需要引入维度e,f,g歹I」，常规的报表工具需要重新引入表、更新模

型定义、发布，这个时候轻模型的优势就体现出来了只需要简单的修改或者复制之前的模型

再修改一下查询语句：

SELECTa,b,c,e,f,g

sum(xx)ASml,count(yyy)ASm2

FROMfacta

JOINdimaaON

JOINdimbbON

GROUPBYa,bzc,e,f,g

数据集在读取数据后，右下方列表将形成维度列、度量列、聚合表达式、预定义漏斗栏

的Schema空树。

3.1.2.3删除数据集

删除无用数据集，选中数据集然后点击删除标签，如下图:

13

北明界件

2Hzl»IWAM北明城市智能运营中心V1.0操作手册

3.1.2.4数据集信息

查看数据集信息，选中数据集然后点击信息标签，如下图:

3.1.3图表设计

图表设计功能模块可以新建、复制、编辑、删除图表，用户新建图表时需要先选择已经

保存的数据集，再将数据集查询区的维度、度量字段手动拖曳至对应的图表设计区的行、列、

指标区域，再进行预览微调。同时该功能可以对该模型支持的图表类型进行切换，支持预览、

预览查询脚本、保存、取消图表的功能操作。

新建图表

具体步骤如下：

1）进入“图表设计”模块，点击+“新增”按钮进行图表新增。

14

北明界件

北明城市智能运营中心V1.0操作手册

admin

Lill图表i+电三

earch从左往右分别为信息、

新增、复制、编辑、删

HS看板.Root除、收起列表按钮

4jDemo-官方

我的看板二G默认分类

0所

S数据源管理

期数据集管理

Y图表设计

事看板设计

■■看板分类

★顼iSS

2）进入图表设计页面，记住先为图表进行命名，再为图表选择数据集（这里必须先命名

的原因是因为如果选择数据集后，页面会直接跳转至配置页面，所以这里最好先进行图表命

名）。

\MWt1■三MM

3）进入图表设计的主页面，页面左方列出的为数据集中的字段，右上方是支持的图表类

型，图表类型的颜色随着字段的不同而变化。

用户手动拖曳维度列至“列维”栏或“行维”栏，维度列具体应该拖曳至哪一个栏中,

是由具体的图表需求定义的，在设计过程中用户可以多次拖曳，直至调整到最优效果。

用户手动拖曳指标列至“过滤”栏，此时应该注意的是一一维度列的字段没法拖曳至“过

滤”栏中，指标列的字段也无法拖曳至“列维”、“行维”栏中。

15

北明界件

2Hzl»IWAM北明城市智能运营中心V1.0操作手册

4）列维及行维与图表对应的关系如下:

WidgetNameWidgetCategory/WidgetName

WidgtfTypt回

Columncountry

Rowgender[D*tel.ynr-ate：

Filter

Valuewm(fto€«.coft)

viewQuery

:6x9

9<nd«ry«*rmonth

2017

行表头

2017

Show20■entries聚合数据■I

5）设定好维度列及指标列后，此时维度和指标的组合能够支持的图表类型的颜色会变为

蓝色，可以分别点击图表按钮选择不同的图表类型，再点击“预览”按钮进行预览测试，直

至选取到合适的类型，点击"保存"按钮进行保存。

16

北明界件

北明城市智能运营中心V1.0操作手册

6）部分图表,有更细致的图表类型课可供选择。

图改类型拿

列塔

10曳送初

ccunt(id)5C/

Query部分图表划分的有更细致的图表类型

[@火启长]month

count(id)ccr

Option

17

北明界件

2Hzl»IWAM北明城市智能运营中心V1.0操作手册

3.1.3.2编辑图表

编辑图表是对已有图表的一个修改的功能，与新增图表时的操作一致。

3.1.3.3删除图表

删除无用数图表，选中图表然后点击删除标签，如下图:

国至表

3.1.3.4图表信息

查看图表信息，选中图表然后点击信息标签，如下图:

18

北明界件

2Hzl»IWAM北明城市智能运营中心V1.0操作手册

Id218

名存国宵《救走势

创建人ID1

创建人Administrator

admin

创建时间2019-11-3018^)8:27.0

显后倏改时向2019-12-0323:42:32.0

MU

3.1.4看板设计

看板设计功能可以设计“网格布局”、“时间轴布局”、“全屏监控布局”这三种不同看

板文件。用户通过调整看板口图表的位置、配置信息，使得页面中能够展现更多有业务关联

的图表，使用户可以在同一页面中得到更多的数据信息。

“网格布局”、“时间轴布局”通过将展现页面划分为行，然后在每一行中分列，用户

自行设定插入行中的图表，并设置行、列的高度及宽度来实现在每一行中放置多个图表，相

对来说，“时间轴布局”看板适合总分结构、有强业务先后步骤的看板设计，而“网格布局”

则是最基本的看板设计。

“全屏监控布局”主要月于设计监控大屏的展示页面，展示时将另外打开新的页面，可

以对图表进行自由设置，不受行列的影响，同时页面上可以添加标题、时钟、滚动文本等控

件。

3.1.4.1新增看板

网格布局设计

网格看板设计采用简单Row+Column布局模式，每行总长度为12,每列对应一个图

表，行高度可以调节单位为像素，列高度继承行高；交叉表默认行高要比普通图表高一些,

使用时建议把表格单独放置一行，如果表格里面数据行过少，用户再自行调整合适的行高。

具体步骤如下：

1）进入“看板设计”模块，点击“新增”按钮，选择“新建网格布局”

19

北明界件

北明城市智能运营中心V1.0操作手册

i屯»前.--------------------

^看板

13斯*网格布冏

*-3Root

^Deno-*方新朝加右局

S百板卜力的,板

L3BBH获拄新it金展监控布局

K我的白板

OKB

9故室博使理

圈数比任萱理

叱图总设计

力荷板设计1

・看板分类

*翔iftS

2）为看板命名及分类

3）为看板增加行，并在该行中增加列，每一行可以有不同的列数，需要注意的是每一

行所有的列的“宽度”加起来应该等于12.

测试

9ft

力类

8»

1测区

行

即表名徐♦%，■匿表名称♦%ZX

名好名豚

3311名称团裹€梆

3»t(M2)fi^rd.12)

66

m»ms

KPI1(W7W0O，KP11(WZ5W«)-

4）选择该列要展示的图表

20

曲期煦出北明城市智能运营中心V1.0操作手册

行

桑基图0％/X

名称

蒙基斐

宓度(1-12)

6

图」

桑基里(Query)▼

5)点击“预览”按钮进行预览展示，该系统默认预览前进行保存。

时间轴布局设计

时间轴布局适合总分结构、有强业务先后步骤的看板设计看板结构组成：

1)看板参数行(ParamRow)：有且仅有一行，而且只能在看板最顶端，参数栏为空

的时候展示页面不会显示参数行

2)主节点(MainNode)：一个看板下面可以有多个主节点；主节点可以有节点名

称，在左侧时间线上可以看到，节点名称尽可能精简，太长会导致显示溢出；主节点对应看

板：需要填写主标题(MainTitle)

3)子节点(SubNode)：一个主节点下面可以有0到多个子节点，每个子节点都可以

视为一个独立的看板；子节点收起状态数据不会加载

21

北明界件

2Hzl»IWAM北明城市智能运营中心V1.0操作手册

具体步骤如下:

4）进入“看板设计”模块，点击“新增”按钮，选择“新建时间轴布局”

admin

H!我的有板

0

9数据源管理

照数格生曰理

上圉表设计

A*S^^it

・舌板分类

★物

5）先添加主节点，在主节点中添加列，同样要注意的是每各主节点所有的列的“宽

度”加起来应该等于12。最后为各列选择要展现的

22

北明界件

2Hzl»IWAM北明城市智能运营中心V1.0操作手册

名称名称名称

期表名标am名赤明衰名然

A^d-12)A«(1-12)

B*Mamx

KP11(♦方样例)KP11KP11(WTWffl

6)添加主节点，在主节点中添加列，同样要注意的是每各子节点所有的列的“宽度”

加起来应该等于12。最后为各列选择要展现的图表

子节点

图表台弥

名峥

匿建名标

3nl・12)

6

S&

KPI1(W73»«)

7)点击“预览”按钮进行预览展示，该系统默认预览前进行保存。

全屏监控布局设计

“全屏监控布局”主要用于设计监控大屏的展示页面，展示时将另外打开新的页面，可

以对图表进行自由设置，不受行列的影响