当新技术出现时，尤其是编程语言和模型出现时，通常都会有这样一个时期，即会出现很多有助于开发人员开发工作的 how to 文章。随着时间的推移，这些指南会深入介绍更高级的概念，但是通常却不会介绍实际技术应用的实现细节。Hello World 是基础应用的典型示例，但是当您想要自己构建应用，则只有实际示例才能为下一个杀手级应用项目提供灵感。
本系列文章展示了 3 个实际示例，即如何选择 IBM WebSphere sMash，以及如何使用它执行创新型和有价值的任务。这些示例都与 IBM 在美国康乃狄克州南贝里的 绿色创新数据中心（Green Innovation Data Center，GIDC）相关。该数据中心既是一个客户简报中心，也是一个生活实验室。IBM 最新的一些能效硬件、软件和操作实践都在这里进行测试和开发。在第 1 部分，您将了解如何使用 WebSphere sMash 构建灵活的框架，以供构建数据中心仪表板使用。
简介
IBM 的 Innovation Engineering 团队参与了 IBM 在美国康乃狄克州南贝里的 绿色创新数据中心 的创新型项目，同时研究能效指标的监控和报告，以及云计算技术的使用，以最大化进入数据中心的每千瓦电所生成的事务性工作负载。正是通过这些项目和实验，才有了本系列文章展示的示例。本系列的第 1 部分介绍了团队使用 IBM WebSphere sMash 构建的仪表板框架，这有助于显示 GIDC 的能效。第 2 部分将介绍如何使用 WebSphere sMash 封装外部系统管理工具，以提供易于使用的 API。第 3 部分将介绍如何使用 WebSphere sMash 的简化工作流功能管理自动化和手动流程步骤。
现在开始第 1 部分。
仪表板项目概述
正如展示前沿能效基础设施技术的生活实验室托管 IBM 使用的内部应用一样，GIDC 是一种高度物联化的环境。挑战在于聚合和显示不同利益干系人（系统管理员和所有者、业务分析师和高管）概况的相关数据。
此仪表板项目的目标有两个方面：
快速交付展示数据中心的实时能效指标的仪表板原型，以补充在 GIDC 中部署的 IBM Tivoli 解决方案。
为仪表板数据和可以多种方式重组的小部件（widget）构建 API。
此原型包括直观显示 GIDC 能效指标的仪表板。此外，我们制作了一个图形化的热图原型来显示机房的温度读数，包括用于移动应用的优化版本。
本文介绍如何使用基本的 Dojo 图表绘制小部件创建仪表板，以及为什么 WebSphere sMash 是此场景的理想工具。在选择此原型项目的运行时环境时，我们注意到下列功能性和非功能性需求，以及如何使 WebSphere sMash 更适合于提供解决方案：
使用原生 Dojo 支持可生成包含动态图形和图表的丰富可视化仪表板。
可重用组件的组合模型支持我们显示可通过 RESTful API smarts 进行聚合的数据。
轻量级配置需求是 WebSphere sMash 方法的核心原则，因为它开箱即用且提供了配置所需的足够空间。
快速开始和沿途适应我们需求的灵活性，WebSphere sMash 可通过其较低到适中的学习曲线、有用的在线支持和快速开发功能支持此灵活性。
下面将逐步介绍仪表板应用设计，以及如何利用 WebSphere sMash 的一些丰富功能创建此应用设计。
架构和设计
来自数据中心传感器的 GIDC 历史和实时数据都汇总在一个外部监控组件中。此监控组件通过 RESTful API 将数据呈现为 JSON 对象。WebSphere sMash 包含进行出站 RESTful 调用和处理 JSON 对象的库，这使它成为构建我们所需仪表板的理想选择。
我们的设计选项之一是使用组合技术构建嵌套式的仪表板。下面是所选的嵌套结构：
从监控组件获取数据并将其显示为 JSON 字符串。
创建并显示可视化地诠释步骤 1 数据点的小部件，并使用异步（Ajax 式）技术支持数据的实时变更。
根据步骤 2 的小部件组合构建一个仪表板。
如需重复步骤 3，构建适合各利益干系人的仪表板。
图 1. 整体架构
