# 大屏展示全国人口变化规律
该案例是使用MSSI服务的业务可视化功能，基于其提供的卡片机制，从全国人口数量、性别、增长情况、城镇化分布等各个维度进行业务可视化设计和开发，发现人口变化规律，无需任何代码开发。
开始使用前，请仔细阅读[准备工作]中的要求，提前完成准备工作。操作流程如[图1]所示。
图1操作流程   
![](https://support.huaweicloud.com/bestpractice-mssi/zh-cn_image_0000001661981249.png)
 #### 准备工作
- 注册华为账号并开通华为云、实名认证
  - [注册华为账号并开通华为云](https://reg.huaweicloud.com/registerui/public/custom/register.html?locale=zh-cn)
  
  - [进行实名认证](https://account.huaweicloud.com/usercenter/#/accountindex/realNameAuth)
    - 个人用户推荐使用人脸识别认证。
    
    - 如果无中国大陆身份证，仅可使用其他证件认证，需等待三个工作日审核。
     
   
- 开通MSSI服务
  1. 打开[开天集成工作台官网](https://www.huaweicloud.com/product/mssi.html)。
  
  2. 单击"管理控制台"，进入"免费开通开天集成工作台"界面。
  
  3. 单击"免费开通"，开通后进入控制台首页。
   
- 配置服务授权 MSSI服务使用过程中涉及到与OBS、SMN、FunctionGraph、AOM、IVS等服务交互，首次使用MSSI服务需要用户配置服务授权，允许访问这些依赖服务。
  1. 进入[开天集成工作台管理控制台](https://console.huaweicloud.com/macroverse/ssi/#/console/portal)。
  
  2. 在左侧导航，选择"管理 \> 服务授权"。
  
  3. 在界面右上角，单击"添加授权"。
  
  4. 在"授权说明"提示框中，单击"同意授权"。
   
 
#### 创建卡片
1. 在[开天集成工作台管理控制台](https://console.huaweicloud.com/macroverse/ssi/#/console/portal)界面中，选择左侧导航栏中的"业务可视化 \> 我的卡片"。
2. 选择卡片分类，单击"新建卡片"。
3. 在"创建方式"下单击"模板构建"。
4. 从左侧的"卡片模板"或"我的卡片"中，拖拽适合业务需要的模板到中间空白处。 
   这里以"卡片模板 \> 图表 \> 柱状图 \> 基础柱状图"为例，如[图2]所示。
   图2选择系统预置模板   
   ![](https://support.huaweicloud.com/bestpractice-mssi/zh-cn_image_0000001882857453.png)
   
   
5. 配置"数据服务"。 
   "数据源类型"选择"静态数据"，配置静态数据信息，如[图3]所示。静态数据生成卡片后分别如[图4]、[图5]、[图6]和[图7]所示。
   - 通过上传EXCEL表格获取数据：单击"上传EXCEL"，上传准备好的EXCEL文件。
   
   
   
   - 直接在界面上配置数据：在JSON视图或表格视图下配置静态数据。
     图3配置数据信息   
     ![](https://support.huaweicloud.com/bestpractice-mssi/zh-cn_image_0000001882859633.png)
     图42023年中国人口年龄结构   
     ![](https://support.huaweicloud.com/bestpractice-mssi/zh-cn_image_0000001706108673.png)
     图5排名前十省份人口数据   
     ![](https://support.huaweicloud.com/bestpractice-mssi/zh-cn_image_0000001657869234.png)
     图6排名前十省份人口城镇化比例   
     ![](https://support.huaweicloud.com/bestpractice-mssi/zh-cn_image_0000001706227913.png)
     图7中国未来人口数预测图   
     ![](https://support.huaweicloud.com/bestpractice-mssi/zh-cn_image_0000001658028566.png) 
    
   
   
6. 配置"属性配置"。您可根据实际情况进行配置，例如卡片的标题、字体等。
7. 配置"卡片信息"。您可根据实际情况进行配置，例如卡片的名称、描述等。
8. 单击"保存"，在"保存"页面，确认卡片信息无误后，单击"保存"。
9. 单击"预览"，确认卡片信息无误后，单击"发布"。 
   发布后的卡片会显示在"业务可视化 \> 我的卡片"中对应的卡片分类列表下。
   
   
 
 #### 创建屏幕模板
在新建屏幕之前，您需要在"公共屏幕模板"新建屏幕模板，选择业务所需的页面布局和卡片设置消息联动，从而实现自定义屏幕构建。
1. 进入[开天集成工作台管理控制台](https://console.huaweicloud.com/macroverse/ssi/#/console/portal)，选择左侧导航栏中的"业务可视化 \> 公共屏幕模板"。
2. 在创建的分类目录下，单击"新建屏幕模板"。
3. 配置"屏幕模板"信息，如[图8]所示，配置完成后，单击"下一步：选择页面布局"。
   
   图8新建屏幕模板   
   ![](https://support.huaweicloud.com/bestpractice-mssi/zh-cn_image_0000001805364800.png)
   
   
4. 选择符合业务需要的页面布局，这里以"布局5"为例，如[图9]所示，完成后，单击"下一步：选择卡片"。
   
   图9选择页面布局   
   ![](https://support.huaweicloud.com/bestpractice-mssi/zh-cn_image_0000001852045485.png)
   
   
5. 选择符合业务需要的卡片，单击"下一步：消息联动设置"。
6. 本示例不设置消息联动，单击"下一步：样例页面构建"。
7. 拖拽左侧"我的卡片"下的卡片至中间空白处，卡片位置自由摆放。
8. 配置"屏幕属性"、"卡片属性"和"屏幕卡片"。
9. 单击"完成"，在画布右上方单击![](https://support.huaweicloud.com/bestpractice-mssi/zh-cn_image_0000001833223317.png)预览无误后，单击![](https://support.huaweicloud.com/bestpractice-mssi/zh-cn_image_0000001710961056.png)发布。
 
#### 创建屏幕
我的屏幕是通过选择公共屏幕模板构建而来，经历了屏幕模板的选择、卡片交互功能的配置，可二次定义相关属性配置。保存后预览可以查看大屏上卡片间弹出、联动、卡片全屏、区域切换、下钻等交互效果。
1. 进入[开天集成工作台管理控制台](https://console.huaweicloud.com/macroverse/ssi/#/console/portal)，选择左侧导航栏中的"业务可视化 \> 我的屏幕"。
2. 单击"新建项目"，输入"名称"和"标签"。
3. 在[步骤2]创建的分组下，单击"新建屏幕"。
4. 单击"基于模板构建"构建方式下的"屏幕构建"。
5. 设置新建屏幕信息，完成后，单击"确定"。 
   - 屏幕名称：自定义设置。
   
   - 屏幕分组：单击下拉框选择项目分组。
   
   - 屏幕描述：对本次新建屏幕的说明。
   
   
   
   
6. 在弹出的页面中，选择[创建屏幕模板]创建的屏幕模板，单击"使用"，如[图10]所示。
   
   图10使用屏幕模板   
   ![](https://support.huaweicloud.com/bestpractice-mssi/zh-cn_image_0000001805209776.png)
   
   
7. 选择完成后，用户可以基于屏幕模板进行自定义修改。
8. 配置完成后，单击"完成"。
9. 单击![](https://support.huaweicloud.com/bestpractice-mssi/zh-cn_image_0000001893394141.png)发布，发布屏幕并获取URL，如[图11]所示。
   
   图11屏幕URL   
   ![](https://support.huaweicloud.com/bestpractice-mssi/zh-cn_image_0000001852133241.png)
   
   
10. 在浏览器中，输入[9]获取的URL地址，即可对创建好的屏幕进行访问。
    
    也可以在"我的屏幕"页面，预览已发布的屏幕，如[图12]所示。
    图12预览屏幕   
    ![](https://support.huaweicloud.com/bestpractice-mssi/zh-cn_image_0000001805539250.png)