Professional Documents
Culture Documents
Introduction
This document describes the steps to implement the sample dashboard that captures a
minimal set of information required to be displayed by each project within their
respective RTC dashboard. The goal is to have a standardized dashboard across all RTC
project areas within IBM Account
A project areas dashboard should look similar to the below, once you complete the
implementation steps.
Description of
application(s)
and
Release/Iterati
on
Predefined
query
Iteration
or phase
schedule
Stories status
and links to work
items
Burn down
Team
Members
and
Roles
Predefined
query
Open
Impedimen
ts
Predefined
query
Defect
status
Backlog
HTML
Progress Bar
for all
iterations for
Predefined
current
query
release
Note that the above sample dashboard screenshot is from a project that follows the Agile
methodology and hence uses the SCRUM template. Projects using the Open-up template will
create a dashboard that contains similar information. Specifically, the All Stories viewlet will
refer to All Use Cases and the Open Impediments will refer to All Risks This is the base
dashboard, however teams can add more information related to their project.
For project areas, most of the above information can be pulled into the dashboard with the help of
out-of-the-box queries/reports/plan. For Scrum projects, there are two viewlets that will require
you to do project specific customization, Open Defects and Backlog stories. For Open-up
projects, there are two viewlets that will require you to do customization, Open Defects, and Use
cases. All projects will need to modify a little HTML to create the project schedule viewlet. The
project schedule is desirable, but optional for teams.
The instructions on how to create a customized query for open defects and another query for the
backlog stories, using your Web browser, and then reference the queries from your dashboard,
are provided in the sections below
5. Go to your project
Make sure it is your
dashboard, not for
personal
profile
areas dashboard.
projects
public
example,
your
dashboard
6. Click on the Paste icon available at the upper right corner of the screen. This will paste
the copied tab into your dashboard. You should see the Sample Dashboard with the
source project areas data. (Note: if you are using Firefox, you can open one tab that
displays the source dashboard and you can open a second tab that displays your
projects dashboard)
7. After copying the dashboard, click the Save button in the upper right corner of the
dashboard. Alternatively you can set the Auto-save check box on the dashboard to save
changes as soon as you make them.
8. Rename the tab to Your project name + Standard Dashboard. To edit the tab, click on
the tab text. Once you click on the tab text, you can see the rename option
appear under the menu arrow.
9. To customize the dashboard to reflect your project areas information, access the menu
options for each viewlet and click on Edit Setting (or Edit Content for the HTML project
schedule viewlet) to modify the project name, content, query, html as applicable for your
project. Generally, for each viewlet, you will need to change the project name to be the
name of your project. These next images show what you will want to change in a viewlet.
.
-------------------------------------------------------------------------------------------------------------------------
When you have changed each viewlet, make sure to click the SAVE button in
the upper right corner of the web page. This saves all the changes to the
dashboard. Perform this save function periodically.
-------------------------------------------------------------------------------------------------------------------------
When you click on the Query Edit button, make sure to select your project, and then the proper
query for your project to display. In this example, the customized Open Defects query is
selected
3.2 Open Defects viewlet (Applicable for both Scrum and OpenUp Projects)
In the sample dashboard, there are two open defects viewlet. One lists the open
defects with WI ID's and short description whereas the other viewlet depicts the
defect status for the current iteration in a graph. In the below section, you will learn
how to customize these two viewlet for your project area. Similarly project teams can
additional viewlet to show the overall defects by it status to their project dashboard.
3.2.1 List of Open defects by WI ID and short description
1. Open a new browser tab which contains your RTC project. You should have two tabs
open. The first tab will be to manage work item queries. The second tab will be to
manage the dashboard viewlets
2. To create a query, go to the Work Items link from RTC web and click on Create
Query in the left navigator
3. In the query editor, enter the name for the query as Open Defects
4. In the Conditions tab, click the plus sign icon, then select the Planned for attribute
and click Add attribute condition. Repeat this step until you get the attributes set for
the status and type conditions for querying. Since we want to query the list of
opened defects for current iteration, select the value as below for the selected
attributes
a. Planned For = Select the current iteration
b. Status = Unresolved
c. Type= Defect.
5. By default, new queries are private. To be able to pull in the customized query into
the dashboard, share the Opened Defects query to the project areas pre-define
query section which can be done by clicking Add Team Area and select your project
area.
11. At this stage, ensure that you save the dashboard if Auto-save is not set.
3.2.1 Graphical depiction of status for open defects
1. In the Open Defect chart viewlet of your newly copied dashboard, select the Edit
settings option from the menu icon on the title bar of the viewlet.
2. Edit the Work Items viewlet to point to your project area and set the following
a. Set the presentation to Pie chart
b. Select the new Open defects query that you just created above which is now
under predefined list of queries in your project area.
c. Set the parameter to "Priority
This backlog contains all user stories that are not yet being worked on in the project and any wish
list items that the customer may have. As you move from iteration to iteration you will move items
from the backlog to the iteration you are working on, the goal is to have the backlog empty by the
end of the project.
1. To create a query, switch to the Workitems tab in your browser and go to the Work Items
link from RTC web and click on Create Query in the left Navigator
2. In the query editor, enter the name for the query as Backlog Stories
3. In the Conditions tab, click the plus sign icon, then select the Planned for attribute and
click Add attribute condition. Repeat this step until you get the attributes status and
type as conditions for querying. Since we want to query the list of stories planned for
future iterations, select the value as below for the selected attributes
a. Planned For = Select the backlog plan.
b. Status = Unresolved
c. Type = Story
4. By default, new queries are private. To be able to pull in the customized query into the
dashboard, share the Backlog Stories query to the project areas pre-define query
section which can be done by clicking Add Team Area and select your project area.
3. In the Conditions tab, click the plus sign icon, then select the Type attribute and
click Add attribute condition. Repeat this step until you also get the attribute Planned
For as a condition for querying. Select the value as below for the selected attributes
a. Type=Use Case
b. Planned For = Select the current iteration
4. By default, new queries are private. To be able to pull in the customized query into the
dashboard, share the Use Cases query to the project areas pre-defined query section
which can be done by clicking Add Team Area and select your project area.
7. Edit the Work Items viewlet to point to your project area and set the following
c.
d.
e.
f.
3.3 Current Plan viewlet (Applicable for both Scrum and OpenUp Projects)
For the Current Plan viewlet, you need to chose your project timeline (in our example, it
is 'Main development') and this will fetch the current iteration of that time line. Below
are the steps
1. In the Current Plant viewlet of your newly copied dashboard, select the Edit
settings option from the menu icon on the title bar of the viewlet.
2. Edit the Work Items viewlet to point to your project area and set the following
a. Set the scope to your project area
b. Check Include sub-teams and current plans only options\
c. Set results per page to 10
d. Chose your project timeline
1. In the Project Schedule Viewlet viewlet of your newly copied dashboard, select the Edit
Content option from the menu icon on the title bar of the viewlet
2. Edit the HTML viewlet and copy, then paste the below HTML between the <div> tags
<TABLE BORDER=0 WIDTH = 100%>
<TR>
<TD WIDTH = 5%> </TD>
<TD WIDTH = 30%> </TD>
<TD WIDTH = 10%><b>Start<br>Date</b></TD>
<TD WIDTH = 17%><b>Last Work Day</b></TD>
<TD WIDTH = 18%><b>End/Install<br>Date</b></TD>
<TD WIDTH = 20%><b>Actual End<br>Date</b></TD>
</TR>
<TR>
<!-- The color defined in the below section needs to be updated as and when the project
health changes -->
<TD BGCOLOR=BLUE> </TD>
<TD><b>Concept</b></TD>
<TD>6/21</TD>
<TD> </TD>
<TD>7/16</TD>
<TD>7/16</TD>
</TR>
<TR>
<!-- The color defined in the below section needs to be updated as and when the project
health changes -->
<TD BGCOLOR=BLUE> </TD>
<!-- The below URLs needs to be updated to point to the iterations of the currently active
release. Please ensure you repeat this code for every iteration-->
<TD><b><A
HREF="https://igartc01.swg.usma.ibm.com/jazz/web/projects/MMAPS#action=com.ibm.team.
apt.viewPlan&page=viewModel&id=_RxIvcGm3Edf9faw2qcjHA&viewMode=com.ibm.team.apt.viewmodes.internal.teamFolders">Iteration
#1</A></b></TD>
<!-- These dates can be obtained from the particular iteration chosen in the link above -->
<!-- Start Date -->
<TD>6/28</TD>
<!-- Last Work Date -->
<TD>7/23</TD>
<!-- End/Install Date -->
<TD>7/28</TD>
<!-- Actual End Date -->
<TD>7/28</TD>
</TR>
<TR>
<!-- The color defined in the below section needs to be updated as and when the project
health changes -->
<TD BGCOLOR=BLUE> </TD>
<TD><b><A
HREF="https://igartc01.swg.usma.ibm.com/jazz/web/projects/MMAPS#action=com.ibm.team.
apt.viewPlan&page=viewModel&id=_foDb8Gm3Edf9faw2qcjHA&viewMode=com.ibm.team.apt.viewmodes.internal.teamFolders">Iteration
#2</A></b></TD>
<!-- These dates can be obtained from the particular iteration chosen in the link above -->
<!-- Start Date -->
<TD>7/26</TD>
<!-- Last Work Date -->
<TD>8/20</TD>
<!-- End/Install Date -->
<TD>8/25</TD>
<!-- Actual End Date -->
<TD>8/20</TD>
</TR>
<TR>
<!-- The color defined in the below section needs to be updated as and when the project
health changes -->
<TD BGCOLOR=BLUE> </TD>
<TD><b><A
HREF="https://igartc01.swg.usma.ibm.com/jazz/web/projects/MMAPS#action=com.ibm.team.
apt.viewPlan&page=viewModel&id=_kCJBoGm3Edf9faw2qcjHA&viewMode=com.ibm.team.apt.viewmodes.internal.teamFolders">Iteration
#3</A></b></TD>
<TD>8/23</TD>
<TD>9/3</TD>
<TD>9/8</TD>
<TD>9/8</TD>
</TR>
<TR>
<!-- The color defined in the below section needs to be updated as and when the project
health changes -->
<TD BGCOLOR=GREEN> </TD>
<TD><b><A
HREF="https://igartc01.swg.usma.ibm.com/jazz/web/projects/MMAPS#action=com.ibm.team.
apt.viewPlan&page=viewModel&id=_maupoGm3Edf9faw2qcjHA&viewMode=com.ibm.team.apt.viewmodes.internal.teamFolders">Iteration
#4</A></b></TD>
<TD>9/6</TD>
<TD>10/1</TD>
<TD>10/6</TD>
<TD> </TD>
</TR>
<TR>
<!-- The color defined in the below section needs to be updated as and when the project
health changes -->
<TD BGCOLOR=WHITE> </TD>
<TD><b>Lessons Learned</b></TD>
<TD>10/12</TD>
<TD>10/12</TD>
<TD>10/12</TD>
<TD> </TD>
</TR>
<TR>
<!-- The color defined here needs to be updated as and when the project health changes
-->
<TD BGCOLOR=WHITE> </TD>
<TD><b>Closed Project</b></TD>
<TD>10/6</TD>
<TD>10/30</TD>
<TD>10/30</TD>
<TD> </TD>
</TR>
</TABLE>
3. The above HTML is provided as a working example for you. You can copy this HTML into
your viewlet, then edit to match your project needs. Each iteration may contain a hyper
link to the web page that has more information about that iteration plan
4. Rename your viewlet to your project name followed by Schedule
5. During the phases / iterations of your project, they should be identified with the
appropriate color. These status colors are normally defined by the project manager
a.
b.
c.
d.
Note: Certain sections of this document were re-used from Introduction to Executive
Dashboards by Karl Portner.
5. FAQs
this is plus moreUse only those dashboard viewlettes that apply to your
specific project.