2.1 Creating a Dashboard
In Style Intelligence, you build dashboards by laying out dashboard components (gauges, charts, etc.) on a simple canvas called a Viewsheet. Viewsheets can draw their data from queries, data models, or Data Worksheets. (See Data Modeling and Data Manipulation & Mash-up for more information on creating these data source.)
Note: The creation of new dashboards is currently not supported on Apple iPads.
The following example will walk you through the creation of a simple Viewsheet. You will use a pre-installed Data Worksheet called 'ProductSales' as the data source for the dashboard. (This 'ProductSales' Data Worksheet returns customer and order information.) You will configure output and selection components to allow users to quickly analyze the 'ProductSales' data.
Follow the steps below.
If the server is already running, just point a browser window to http://localhost:8080/sree/Reports.
1. Launch the User Portal from the Windows 'Start' menu: Start > All Programs > Style Intelligence > Style Intelligence Server. This starts the server and opens the browser to the server home page.
2. Select the 'User Portal' link to open the Portal.

3. Click the Design tab, and select the 'Visual Composer' link.
This opens the Visual Composer in a new window. The left-side panels in the Visual Composer are labeled Asset and Component. The Asset panel lists all Data Worksheets and Viewsheets. The Component panel lists all of the components available to a Viewsheet.


4. Click the 'New Viewsheet' button. This opens the 'New Viewsheet' dialog box.
5. Expand the 'Global Worksheet' node and the 'Tutorial' folder. Select the 'ProductSales' Data Worksheet and click 'OK'.

This creates a new Viewsheet that draws its data from the 'ProductSales' Worksheet.
6. Expand the 'ProductSales' node at the top of the 'Component' pane in the Visual Composer. Drag the 'SalesByDate' data block into the grid. This add the Data Block to the Viewsheet as a Table component.

7. Under the 'ProductSales' tree node, expand 'SalesByDate' to show the list of fields within that data block.

8. Click and drag the 'State' field to an empty cell in the grid. This creates a Selection List that will let the user choose the states for which data is retrieved.

9. From the 'Toolbox' > 'Selection' node, drag a Range Slider component from the left pane into an empty cell in the grid. This will let the user specify a time period for the displayed output.

10. Drag and drop the 'Month(Date)' field onto the Range Slider in the grid. This links the Range Slider to the 'Month(Date)' field.

Use the main toolbar to change the fonts, colors, and other visual properties of the elements. You can right-click an element to see further options.
This allows the Range Slider to filter the 'Date' field in the underlying Data Block.
11. Drag the handles on the Range Slider to adjust the size as desired.

12. Click the 'Save' button in the toolbar, and save the Viewsheet under 'User Viewsheet' with the name “Sample Viewsheet”. This deploys the Viewsheet to the server under user scope.


13. Click the 'Preview' button on the main toolbar. This provides a preview of what the user will see in the Portal, and allows you to manipulate the Viewsheet as a user.

You have now completed construction of your first Viewsheet. To explore the dataset using this Viewsheet, see Using a Dashboard. For more information about creating Viewsheets, see Quick Start: Creating a Viewsheet in Dashboard Design.
| << 2 Visual Exploration | © 1996-2013 InetSoft Technology Corporation (v11.4) | 2.2 Using a Dashboard >> |