24
DataDrill Dashboards overview Version 1.3 – 2012/01/27 Introduction Since the 4.3.0 release of the Datadrill Portal, users have now the ability to customize the layout of some DataDrill windows. This mainly gives the user the ability to have as many or as few dashboards as needed and to customize them as needed. The purpose of this documentation is to provide guidance on how to use this new feature and to present some samples. This document is based on DataDrill version 4.4.0 (that contains some fixes and enhancement of the dashboard capability introduce in version 4.3.0). System Dashboards definition The admin/Dashboard menu allows you to access the list of the system dashboard definition. Datadrill is released with a set of out of the box dashboard definitions you can customize to meet your needs. You can also create as many new dashboards as you want. Administrators are the only users able to mange dashboard templates.

Data drill dashbords_overview

Embed Size (px)

Citation preview

Page 1: Data drill dashbords_overview

DataDrill Dashboards overview

Version 1.3 – 2012/01/27

Introduction Since the 4.3.0 release of the Datadrill Portal, users have now the ability to customize the layout of

some DataDrill windows. This mainly gives the user the ability to have as many or as few dashboards

as needed and to customize them as needed.

The purpose of this documentation is to provide guidance on how to use this new feature and to

present some samples.

This document is based on DataDrill version 4.4.0 (that contains some fixes and enhancement of the

dashboard capability introduce in version 4.3.0).

System Dashboards definition The admin/Dashboard menu allows you to access the list of the system dashboard definition.

Datadrill is released with a set of out of the box dashboard definitions you can customize to meet

your needs. You can also create as many new dashboards as you want.

Administrators are the only users able to mange dashboard templates.

Page 2: Data drill dashbords_overview

Dashboard types There are 5 possible dashboard types that refer to 5 different windows on Datadrill. These

dashboards act over 3 different areas of DataDrill: Favorites, Units and graphs:

- Favorites: This dashboard is used to design the favorite page. This is a new page introduced

with Datadrill 4.3 to provide a list of favorites unit for each user.

- Units: Theses dashboards are used to design the main pages of units, including the “unit

status” page, and the “unit dashboards” page (which is the merge of the views and

dashboards of the previous DataDrill version )

Before DataDrill 4.3 Since Datadrill 4.3

- Graphs: This dashboard is not yet implemented, but will be used in future releases to provide

customizable graph canvas.

Details of the dashboard types: Favorites dashboard

This dashboard is related to the layout of the « Favorites » screen You can have multiple favorite dashboard templates defined, but you can only use one at a time (for the entire Datadrill portal).

Default favorites dashboard is : “Favorites without images” (show on the screenshot

above) Other favorite dashboards released with Datadrill 4.3.0: Favorites with images (for

this one, the path of the project images have to be provided on the Unit definition page)

To change the layout of the favorites page you can: - Alter the definition of the default favorite’s system dashboard definition. - Unselect the “Make this the default dashboard for Favorites?” option for

the current favorite’s system dashboard and engage this option for the one you would like to use in replacement.

Status This dashboard is related to the main view of a unit (the one you obtain when you

Page 3: Data drill dashbords_overview

dashboard select the unit on the organization tree). You can have multiple status dashboard templates defined but only one can be used per unit at a time.

Default status dashboard is “Status Dashboard” (show on the screenshot above). This

is the only one included in DataDrill 4.3.0 To change the layout of the status dashboard you can alter the current definition or create a new Status dashboard template. (See “Status dashboard (4.2 like)” at the end of this document).

Unit dashboard

This dashboard is related to the additional/details Views of a Unit (the ones you obtain when you ask to drill to the unit dashboard from the actions dropdown list) -> You can have as many unit dashboard you want (from 0 to n) per unit

Datadrill 4.3 is released with the following list of unit dashboard

- By dimension View (identical to the 4.2 one) - By GANTT View (identical to the 4.2 one) - By Graphs View (identical to the 4.2 one) - By Information Need View (identical to the 4.2 one) - By Interface View (identical to the 4.2 one) - By Item View (identical to the 4.2 one) - By Replacement View (that is a mix of the GANNT + Information Need +

shortcut to the sibling unit)

Unit item dashboard

This dashboard is related to Additional/details views of a Unit item (at the same place as the unit dashboard). This dashboard was mostly created to allow to have one “unit item” dashboard per item You can have only one per item of each unit.

Page 4: Data drill dashbords_overview

Datadrill 4.3 is released with the “Unit Item Dashboard » that is identical to

dashboards created within 4.2 release.

Graph dashboard

This dashboard is related to the layout of the graph canvas. But this is not yet implemented.

System dashboard Options

Options Remarks

dashboard type

favo

rite

s

stat

us

un

it

gra

ph

un

it it

em

Synchronize format of all dashboards created from this one?

This option can be supersede at unit level X X X X

Make this the default dashboard for Favorites?

This option can only be engaged in one favorites system dashboard at a time

X

Make this the default dashboard for Status?

This option can only be engaged in one status system dashboard at a time

X

Create this dashboard automatically when creating a unit?

This option can be engaged in more than one dashboard and will define the set of dashboards that have to be automatically created for each unit.

X X1

Page 5: Data drill dashbords_overview

Note:

X1: Since it doesn’t make sense to have more than one default “unit item” this option is

incorrectly named. It would be fair to name it “Make this the default dashboard for unit

item?” and is candidate to be changed in future releases.

Dashboard

Favorites The favorite page is based on the Favorites system dashboard definition.

Status dashboard When a user creates a unit;

1. without any unit template, the unit status page definition for this unit is aligned with the

default status system dashboard.

2. with a unit template, the unit status page definition for this unit is aligned with the one

selected in the associated Unit template.

After creation, the Status dashboard can be altered by the administrator only from the “edit this

dashboard layout” option available in the actions dropdown list at the top of the unit status page.

On the Edit Dashboard page, administrator can:

- Check or uncheck the option to keep the format synchronized with a status system

dashboard

- Select graph source (used by the $Graphs:{}$ and $GraphX.<properties>$ tags)

- Copy dashboard format from a system dashboard

- Manually edit the dashboard layout format

Page 6: Data drill dashbords_overview

Unit and Unit item dashboards When a user creates a unit;

1. without any unit template,

a set of unit dashboards will be created (from zero to multiple unit dashboards,

depending on the number of unit system dashboard where the ‘Create this

dashboard automatically when creating a unit?’ option has been checked.

a set of unit dashboards will be created and composed of zero to multiple unit

dashboard plus zero or one Unit item dashboard.

2. with a unit template, the unit status page definition for this unit is aligned with the one

selected in the associated Unit template.

After creation, the unit and/or unit item dashboards can be altered by any user with edit right from

the “edit this dashboard” option available in the dashboard actions dropdown list at the top of the

dashboard page.

For “unit” dashboard, on the Edit Dashboard page, user can:

- Check or uncheck the option to keep the format synchronized with a unit system dashboard

- Select graph source (used by the $Graphs:{}$ and $GraphX.<properties>$ tags)

- Copy dashboard format from a unit system dashboard

- Manually edit the dashboard layout format

For the “Item unit” dashboard, on the Edit Dashboard page, user can:

- Check or uncheck the option to keep the format synchronized with a “unit item” system

dashboard

- Select graph source (used by the $Graphs:{}$ and $GraphX.<properties>$ tags)

- Copy dashboard format from a “unit item” system dashboard

- Manually edit the dashboard layout format

Users with “edit” right can also:

- Add an additional unit dashboard (use the “add dashboard” link at the top of the dashboard

list

- Delete an existing unit or “unit item” dashboard (from the “delete this dashboard” option

available in the dashboard actions dropdown list at the top of the dashboard page.

Page 7: Data drill dashbords_overview

Users with “define” right can also:

- Assign a new Information Need & Interface to the unit. The Information Need definition page

allow users to create a new (“unit” or “unit item”) dashboard or assign the item to an

existing one.

Graphs dashboard Not yet implemented

Dashboard format Each dashboard is basically an HTML code that is used as a template to create Datadrill pages for

favorites, unit status, unit dashboard, unit item dashboard and graph canvas.

These HTML templates can include TAGS that will be interpreted and replaced with value by the

parser embedded in Datadrill. Tags delimiter is $..$.

List of available tags:

TAGS Favorites Status Unit Graph Unit Item

$Gantt.ToHtmlString$ Gantt by Item of the current Unit

X X X2

$InformationNeedList:{$it.properties$}$ Information list of the current Unit

X X X2

$InterfaceList : {$it.properties$}$ Interface list of the current Unit

X X X2

$ItemList:{ $it.properties$ }$ Item list of the current Unit

X X X2

$GraphList:{$it.properties$}$ Graph list of the current Unit

X X X2

Page 8: Data drill dashbords_overview

$SeriesList:{ $it.properties$ }$ Series list of the current Unit

X X X2

$DimensionList : {$it.properties$}$ Dimension list of the current Unit

X X X2

$FormList:{ $it.properties$ }$ Form list of the current Unit

X X X2

$Graphs:{$it.properties$ }$ List if the manually selected graph

X1 X X

$GraphX.<properties>$ Property Xth selected graph

X3 X3 X3

$Unit.<properties>$ Properties of the current Unit

X X X

$Units.{$it.properties$}$ List of units mark as favorites by the current user

X

$Siblings:{ $it.properties$ }$ Unit sibling of the current Unit

X X X2

$Attr.<Name Of Attribute>$ Value of an attribute of the current Unit

X X X

$Format.CurrentIndex$ $Format.Increment$ $Format.ShouldBreak$

Special tags used to managed grid format (*)

X X X

Notes:

X1 : possible but not recommended, since it was a manual list and the unit status dashboard (including the Graph source) can only be altered by a DataDrill administrator

X2 : possible but not recommended, since these lists are not restricted to an item but to the entire object of the unit.

X3 : the $GraphX.<properties>$ tag refers to a single graph manually selected. This tag could be used for example to incorporate manually a special/important single graph in a dashboard.

(*):$Format tag allow to enhance the layout of the dashboard : $Format.Increment$ add one to the index value. (Initial value is 0) $Format.CurrentIndex$ return the current index value $Format.ShouldBreak$ return true for all index multiple of 3 (i.e.: 0, 3, 6, 9…) and false for the other value. A typical usage example is “$Format.Increment$$if($Format.ShouldBreak$)$</TR><TR>$endif$$endif$}$” to split objects into a new table line. See the default “Unit Item Dashboard ».

All tags named xxxList return a list of objects of the current unit.

$Graphs:{}$ return the list of graph selected on the dashboard properties page as “graph source”

Page 9: Data drill dashbords_overview

$GraphX.<properties>$ return the properties as a single graph. “GraphX” refers to the DashboardName as displayed in the Graph source (eg: on the previous screenshot Graph1 refer to “Cost- Budget At Completion”)

$Siblings:{}:$ refer to sibling of the current unit, i.e. all other basic units located in the same node of the organizational tree (this not include subfolder).

Expression elements Syntax Description

$! Comment !$ $!comment … Comment!$

Comments, ignored by String Template

$\ $ $\n$ $\t$ $\r$

Special characters: space, newline, tab, carriage return.

\$ \<

Escaped delimiter prevents $ or < from starting an attribute expression and results in that single character.

Conditional statements

Syntax Description

$if(<test>)$ subtemplate1 $else$ subtemplate2 $endif$

If <test> has a value or is a boolean object that evaluates to true, include subtemplate else include subtemplate2. These conditionals may be nested.

$if(<test1>)$subtemplate $elseif(<test2>)$subtemplate2 $elseif(<test3>)$subtemplate3 $else$subtemplate4 $endif$

First <testX> that has a value or is a boolean object that evaluates to true, include that subtemplateX. These conditionals may be nested.

$if(!<test>)$ subtemplate $endif$

If <test> has no value or is a bool object that evaluates to false, include subtemp. These conditionals may be nested.

Page 10: Data drill dashbords_overview

Alternatives dashboard samples

Favorites dashboard

Project list

Format for English version <table border="0">

<tbody>

<tr> <td><br /> </td> <td>

<table style="FONT-STYLE: normal; BORDER-COLLAPSE: collapse; TEXT-

DECORATION: none" class="GridViewStyle" border="1" rules="all" cellSpacing="0"

cellPadding="3">

<tbody>

<tr style="FONT-WEIGHT: bold" class="GridViewHeaderStyle">

<td style="FONT-SIZE: 2em">Projects</td> <td>(Start/ End)</td>

</tr> <br />$Units:{

<tr>

<td style="FONT-SIZE: 2em">

<IMG src="../../images/alarm_$it.CurrentStatus$.gif" alt="$it.CurrentStatus$"

title="$it.CurrentStatus$">

</IMG>

<A href="Unit.aspx?UnitId=$it.FolderID$&View=ByIn">$it.Title$</A> </td>

<td>($it.StartDate$ / $it.EndDate$)</td>

</tr>}$

</tbody>

</table></td>

</tbody>

</table>

Format for French version <table border="0">

<tbody>

<tr> <td><br /> </td> <td>

<table style="FONT-STYLE: normal; BORDER-COLLAPSE: collapse; TEXT-

DECORATION: none" class="GridViewStyle" border="1" rules="all" cellSpacing="0"

cellPadding="3">

<tbody>

<tr style="FONT-WEIGHT: bold" class="GridViewHeaderStyle">

<td style="FONT-SIZE: 2em">Projets</td> <td>(Début / Fin)</td>

</tr> <br />$Units:{

<tr>

<td style="FONT-SIZE: 2em">

<IMG src="../../images/alarm_$it.CurrentStatus$.gif" alt="$it.CurrentStatus$"

title="$it.CurrentStatus$">

</IMG>

Page 11: Data drill dashbords_overview

<A href="Unit.aspx?UnitId=$it.FolderID$&View=ByIn">$it.Title$</A> </td>

<td>($it.StartDate$ / $it.EndDate$)</td>

</tr>}$

</tbody>

</table></td>

</tbody>

</table>

Default Favorites without images (French translation) <TABLE style="FONT-STYLE: normal; BORDER-COLLAPSE: collapse; TEXT-

DECORATION: none" class=GridViewStyle border=1 rules=all cellSpacing=0 cellPadding=3>

<TBODY>

<TR height=35>

<TD> </TD></TR>$Units:{

<TR class=GridViewRowStyle align=middle width="150">

<TD style="FONT-SIZE: 2em" colSpan=2><IMG

src="../../images/alarm_$it.CurrentStatus$.gif"><A

href="Unit.aspx?UnitId=$it.FolderID$&View=ByIn">$it.Title$</A></TD></TR>

<TR>

<TD>Début: $it.StartDate$ </TD>

<TD>Fin : $it.EndDate$ </TD></TR>}$ </TBODY></TABLE>

Status dashboard

Status dashboard (4.2 like)

<TABLE>

<TBODY>

<TR>

<TD><B>Title:</B></TD>

<TD>$Unit.Title$</TD>

<TD>$Unit.CurrentStateString$ </TD></TR>

<TR>

<TD><B>Owner:</B></TD>

Page 12: Data drill dashbords_overview

<TD>$if($Unit.Owner$)$$Unit.Owner$$else$none$endif$</TD>

<TD>$Unit.StartDate$ - $Unit.EndDate$</TD></TR>

<TR>

<TD><A href="./Unit.aspx?UnitId=$Unit.UnitId$&amp;View=dashboard"><IMG title="Details

and status of the selected unit" src="../../images/unitstatus.png"></A> <A

href="./Unit.aspx?UnitId=$Unit.UnitId$&amp;View=Reports"><IMG title="View reports for

selected unit" src="../../images/unitreport.png"></A> <A href="$Unit.HyperlinkURL$"><IMG

title="Browse to external hyperlink : $Unit.HyperlinkTitle$" src="../../images/LINK.GIF"></A>

</TD></TR></TBODY></TABLE>

<HR>

<TABLE style="FONT-STYLE: normal; BORDER-COLLAPSE: collapse; TEXT-

DECORATION: none" class=GridViewStyle border=1 rules=all cellSpacing=0 cellPadding=3>

<TBODY>

<TR style="FONT-WEIGHT: bold" class=GridViewHeaderStyle>

<TH scope=col>Information Need </TH>

<TH scope=col>Status </TH></TR>$InformationNeedList:{

<TR class=GridViewRowStyle>

<TD style="WIDTH: 275px"><A

href="./Unit.aspx?UnitId=$Unit.UnitId$&amp;View=dashboard">$it.InformationNeedTitle$</A>

</TD>

<TD style="WIDTH: 16px; HEIGHT: 16px"><IMG style="BORDER-RIGHT-WIDTH: 0px;

BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px"

title=$it.CurrentStatusString$ alt=$it.CurrentStatusString$

src="$it.StatusIcon$"></TD></TR>}$ </TBODY></TABLE>

<TABLE style="FONT-STYLE: normal; BORDER-COLLAPSE: collapse; TEXT-

DECORATION: none" class=GridViewStyle border=1 rules=all cellSpacing=0 cellPadding=3>

<TBODY>

<TR style="FONT-WEIGHT: bold" class=GridViewHeaderStyle>

<TH scope=col>Dimension </TH>

<TH scope=col>Element </TH>

<TH scope=col>Status </TH></TR>$DimensionList : {

<TR class=GridViewRowStyle>

<TD style="WIDTH: 275px">$it.DimensionTitle$</TD>

<TD style="WIDTH: 275px">$it.ElementTitle$</TD>

<TD style="WIDTH: 16px; HEIGHT: 16px"><IMG style="BORDER-RIGHT-WIDTH: 0px;

BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px"

title=$it.CurrentStatusString$ alt=$it.CurrentStatusString$ src="$it.StatusIcon$"

?></TD></TR>}$ </TBODY></TABLE>

<TABLE style="FONT-STYLE: normal; BORDER-COLLAPSE: collapse; TEXT-

DECORATION: none" class=GridViewStyle border=1 rules=all cellSpacing=0 cellPadding=3>

<TBODY>

<TR style="FONT-WEIGHT: bold" class=GridViewHeaderStyle>

<TH scope=col>Form </TH>

<TH scope=col>Status </TH></TR>$FormsList : {

<TR class=GridViewRowStyle>

<TD style="WIDTH: 275px"><A

href="./Unit.aspx?UnitId=$Unit.UnitId$&amp;View=Form">$it.Title$</A></TD>

<TD style="WIDTH: 16px; HEIGHT: 16px"><IMG style="BORDER-RIGHT-WIDTH: 0px;

BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px"

title=$it.CurrentStatusString$ alt=$it.CurrentStatusString$

src="$it.StatusIcon$"></TD></TR>}$ </TBODY></TABLE>

Page 13: Data drill dashbords_overview

Status Dashboard with IN, graphs, Dimension and Forms

At the top of the page, this status dashboard includes a grid with unit properties, plus a set of

icons that can be used as short cut to the main unit page.

English version <TABLE style="FONT-STYLE: normal; BORDER-COLLAPSE: collapse; TEXT-

DECORATION: none" class=GridViewRowStyle border=1 rules=all cellSpacing=0

cellPadding=3 width="100%">

<TBODY>

<TR>

<TD style="TEXT-ALIGN: right"><IMG title=$Unit.CurrentStatus$ alt=$Unit.CurrentStatus$

src="../../images/alarm_$Unit.CurrentStatus$.gif"></TD>

<TD><FONT size=4><B>$Unit.Title$</B></FONT></TD>

<TD>last updated: $Unit.LastUpdated$ </TD>

<TD style="TEXT-ALIGN: right"><A

href="./Unit.aspx?UnitId=$Unit.UnitId$&amp;View=dashboard"><IMG title="Drill to unit

dashboard" src="../../images/unitstatus.png" width=20></A> <A

href="./Unit.aspx?UnitId=$Unit.UnitId$&amp;View=Reports"><IMG title="Generate reports"

src="../../images/powerpoint.gif" width=20></A> <A

href="./Unit.aspx?UnitId=$Unit.UnitId$&amp;View=Notes"><IMG title="Show/edit unit notes"

src="../../images/tree/Narrative.GIF" width=20></A> <A

href="./Unit.aspx?UnitId=$Unit.UnitId$&amp;View=Plan"><IMG title="Show/edit plan data"

src="../../images/tree/series_data.gif" width=20></A> <A

href="./Unit.aspx?UnitId=$Unit.UnitId$&amp;View=Summary"><IMG title="Show/Edit data"

src="../../images/icon_graphdata.GIF" width=20></A> <A

href="./Unit.aspx?UnitId=$Unit.UnitId$&amp;View=UnitDef"><IMG title="Show/edit unit

properteis" src="../../images/PENCIL01.ICO" width=18></A> <A

href="$Unit.HyperlinkURL$"><IMG title="Browse to external hyperlink : $Unit.HyperlinkTitle$"

src="../../images/LINK.GIF" width=20></A> </TD></TR></TBODY></TABLE>

Page 14: Data drill dashbords_overview

<TABLE style="FONT-STYLE: normal; BORDER-COLLAPSE: collapse; TEXT-

DECORATION: none" class=GridViewRowStyle border=1 rules=all cellSpacing=0

cellPadding=3 width="100%">

<TBODY>

<TR>

<TD style="TEXT-ALIGN: right">Owner:</TD>

<TD>$Unit.OwnerString$</TD>

<TD style="TEXT-ALIGN: right">Start Date:</TD>

<TD>$Unit.StartDate$</TD>

<TD style="TEXT-ALIGN: right">End Date:</TD>

<TD>$Unit.EndDate$</TD></TR>

<TR>

<TD style="TEXT-ALIGN: right">Project Stage:</TD>

<TD>$Unit.ProjectStage$</TD>

<TD style="TEXT-ALIGN: right">Customer:</TD>

<TD>$Unit.Customer$</TD>

<TD style="TEXT-ALIGN: right">Site / Location:</TD>

<TD>$Unit.Location$</TD></TR>

<TR>

<TD style="TEXT-ALIGN: right">Description:</TD>

<TD colSpan=5>$Unit.Description$</TD></TR>

<TR>

<TD style="TEXT-ALIGN: right; VERTICAL-ALIGN: top">Notes:</TD>

<TD style="VERTICAL-ALIGN: top"

colSpan=5>$Unit.Notes$</TD></TR></TBODY></TABLE>

<HR>

Unit Information Needs:

<TABLE style="FONT-STYLE: normal; BORDER-COLLAPSE: collapse; TEXT-

DECORATION: none" class=GridViewStyle border=1 rules=all cellSpacing=0 cellPadding=3>

<TBODY>

<TR style="FONT-WEIGHT: bold" class=GridViewHeaderStyle>

<TH scope=col>Information Need <A

href="./Unit.aspx?UnitId=$Unit.UnitId$&amp;View=InfoNeeds"><IMG title="Information Need

&#13;&#10;properties" src="../../images/Icon_NarrInfo.gif"></A> </TH>

<TH scope=col>Item<A href="./Unit.aspx?UnitId=$Unit.UnitId$&amp;View=ItemDef"><IMG

title="Items properties" src="../../images/Icon_NarrInfo.gif"></A> </TH>

<TH scope=col>Plan </TH>

<TH scope=col>Actual </TH>

<TH scope=col>Variance </TH>

<TH scope=col>Status</TH>

<TH scope=col>Trend </TH></TR>$InformationNeedList:{

<TR class=GridViewRowStyle>

<TD style="WIDTH: 275px">$it.InformationNeedTitle$ (<A

href="../Library/InformationNeed.aspx?InId=$it.LibraryInfoNeedId$&amp;RO=1">definition</A

>)</T D>

<TD style="WIDTH: 275px">$it.UnitItemTitle$</TD>

<TD>$it.CurrentPlan$</TD>

<TD>$it.CurrentActual$</TD>

<TD>$it.CurrentVariance$</TD>

<TD style="WIDTH: 16px; HEIGHT: 16px"><IMG style="BORDER-RIGHT-WIDTH: 0px;

BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px"

title=$it.CurrentStatusString$ alt=$it.CurrentStatusString$ src="$it.StatusIcon$"></TD>

Page 15: Data drill dashbords_overview

<TD style="WIDTH: 16px; HEIGHT: 16px"><IMG style="BORDER-RIGHT-WIDTH: 0px;

BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px"

title=$it.CurrentTrendString$ alt=$it.CurrentTrendString$ src="$it.TrendIcon$"></TD></TR>}$

</TBODY></TABLE>

<P></P>

<HR>

Unit Graphs:

<TABLE style="FONT-STYLE: normal; BORDER-COLLAPSE: collapse; TEXT-

DECORATION: none" class=GridViewStyle border=1 rules=all cellSpacing=0 cellPadding=3>

<TBODY>

<TR style="FONT-WEIGHT: bold" class=GridViewHeaderStyle>

<TH scope=col>Item </TH>

<TH scope=col>Information Need</TH>

<TH scope=col>Graph </TH>

<TH scope=col>Series</TH>

<TH scope=col>Status</TH></TR>$GraphList:{

<TR class=GridViewRowStyle>

<TD style="WIDTH: 225px">$it.UnitItemTitle$</TD>

<TD style="WIDTH: 225px">$it.InformationNeedTitle$ </TD>

<TD style="WIDTH: 225px"><A

href="./Unit.aspx?UnitId=$Unit.UnitId$&amp;View=ItemGraph&amp;ItemId=$it.UnitItemId$&a

mp;GraphId=$it.GraphId$">$it.GraphTitle$</A></TD>

<TD style="WIDTH: 225px">$it.SeriesTitle$ </TD>

<TD style="WIDTH: 35px"><IMG title=$it.CurrentStatusString$ alt=$it.CurrentStatusString$

src="$it.StatusIcon$"></TD></TR>}$ </TBODY></TABLE>* - <FONT face="Times New

&#13;&#10;Roman"><SPAN style="WIDOWS: 2; TEXT-TRANSFORM: none; TEXT-INDENT:

0px; LETTER-SPACING: normal; BORDER-COLLAPSE: separate; FONT: medium 'Times

New Roman'; WHITE-SPACE: normal; ORPHANS: 2; COLOR: rgb(0,0,0); WORD-SPACING:

0px; -webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; -webkit-text-

decorations-in-effect: none; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px"

class=Apple-style-span><SPAN style="TEXT-ALIGN: left; FONT-FAMILY: Arial; FONT-SIZE:

small; -webkit-border-horizontal-spacing: 2px; -webkit-border-vertical-spacing: 2px"

class=Apple-style-span><FONT face="Times New Roman">provides</FONT> <FONT

face="Times New Roman">status</FONT> <FONT face="Times New

&#13;&#10;Roman">color</FONT></SPAN></SPAN>. </FONT>

<P></P>

<HR>

Dimensions:

<TABLE style="FONT-STYLE: normal; BORDER-COLLAPSE: collapse; TEXT-

DECORATION: none" class=GridViewStyle border=1 rules=all cellSpacing=0 cellPadding=3>

<TBODY>

<TR style="FONT-WEIGHT: bold" class=GridViewHeaderStyle>

<TH scope=col>Dimension </TH>

<TH scope=col>Element </TH>

<TH scope=col>Item </TH>

<TH scope=col>Actual </TH>

<TH scope=col>Plan </TH>

<TH scope=col>Variance </TH>

<TH scope=col>Status </TH>

<TH scope=col>Trend </TH></TR>$DimensionList : {

<TR class=GridViewRowStyle>

<TD style="WIDTH: 275px">$it.DimensionTitle$</TD>

<TD style="WIDTH: 275px">$it.ElementTitle$</TD>

Page 16: Data drill dashbords_overview

<TD style="WIDTH: 275px">$it.UnitItemTitle$</TD>

<TD>$it.CurrentActual$</TD>

<TD>$it.CurrentPlan$</TD>

<TD>$it.CurrentVariance$</TD>

<TD style="WIDTH: 16px; HEIGHT: 16px"><IMG style="BORDER-RIGHT-WIDTH: 0px;

BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px"

title=$it.CurrentStatusString$ alt=$it.CurrentStatusString$ src="$it.StatusIcon$" ?></TD>

<TD style="WIDTH: 16px; HEIGHT: 16px"><IMG style="BORDER-RIGHT-WIDTH: 0px;

BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px"

title=$it.CurrentTrendString$ alt=$it.CurrentTrendString$ src="$it.TrendIcon$"

?></TD></TR>}$ </TBODY></TABLE>

<P></P>

<HR>

Unit forms:

<TABLE style="FONT-STYLE: normal; BORDER-COLLAPSE: collapse; TEXT-

DECORATION: none" class=GridViewStyle border=1 rules=all cellSpacing=0 cellPadding=3>

<TBODY>

<TR style="FONT-WEIGHT: bold" class=GridViewHeaderStyle>

<TH scope=col>Form</TH>

<TH scope=col>Status</TH></TR>$FormsList : {

<TR class=GridViewRowStyle>

<TD style="WIDTH: 275px"><A

href="./Unit.aspx?UnitId=$Unit.UnitId$&amp;View=Form">$it.Title$</A></TD>

<TD style="WIDTH: 16px; HEIGHT: 16px"><IMG style="BORDER-RIGHT-WIDTH: 0px;

BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px"

title=$it.CurrentStatusString$ alt=$it.CurrentStatusString$

src="$it.StatusIcon$"></TD></TR>}$ </TBODY></TABLE>

French version <TABLE style="FONT-STYLE: normal; BORDER-COLLAPSE: collapse; TEXT-

DECORATION: none" class=GridViewRowStyle border=1 rules=all cellSpacing=0

cellPadding=3 width="100%">

<TBODY>

<TR>

<TD style="TEXT-ALIGN: right"><IMG title=$Unit.CurrentStatus$ alt=$Unit.CurrentStatus$

src="../../images/alarm_$Unit.CurrentStatus$.gif"></TD>

<TD><FONT size=4><B>$Unit.Title$</B></FONT></TD>

<TD>Dernière mise à jour: $Unit.LastUpdated$ </TD>

<TD style="TEXT-ALIGN: right"><A

href="./Unit.aspx?UnitId=$Unit.UnitId$&amp;View=dashboard"><IMG title="Aller au tableau

de bord de &#13;&#10;l'unité" src="../../images/unitstatus.png" width=20></A> <A

href="./Unit.aspx?UnitId=$Unit.UnitId$&amp;View=Reports"><IMG title="Générer les rapports

de l'unité" src="../../images/powerpoint.gif" width=20></A> <A

href="./Unit.aspx?UnitId=$Unit.UnitId$&amp;View=Notes"><IMG title="Voir / mettre à jour les

notes de &#13;&#10;l'unité" src="../../images/tree/Narrative.GIF" width=20></A> <A

href="./Unit.aspx?UnitId=$Unit.UnitId$&amp;View=Plan"><IMG title="Voir / mettre à jour les

&#13;&#10;prevus" src="../../images/tree/series_data.gif" width=20></A> <A

href="./Unit.aspx?UnitId=$Unit.UnitId$&amp;View=Summary"><IMG title="Voir / mettre à jour

les &#13;&#10;données" src="../../images/icon_graphdata.GIF" width=20></A> <A

href="./Unit.aspx?UnitId=$Unit.UnitId$&amp;View=UnitDef"><IMG title="Voir / mettre à jour

les propriétées &#13;&#10;de l'unité" src="../../images/PENCIL01.ICO" width=16></A> <A

href="$Unit.HyperlinkURL$"><IMG title="Parcourir le lien externe: $Unit.HyperlinkTitle$"

src="../../images/LINK.GIF" width=20></A> </TD></TR></TBODY></TABLE>

Page 17: Data drill dashbords_overview

<TABLE style="FONT-STYLE: normal; BORDER-COLLAPSE: collapse; TEXT-

DECORATION: none" class=GridViewRowStyle border=1 rules=all cellSpacing=0

cellPadding=3 width="100%">

<TBODY>

<TR>

<TD style="TEXT-ALIGN: right">Propriétaire:</TD>

<TD>$Unit.OwnerString$</TD>

<TD style="TEXT-ALIGN: right">Date de début:</TD>

<TD>$Unit.StartDate$</TD>

<TD style="TEXT-ALIGN: right">Date de fin:</TD>

<TD>$Unit.EndDate$</TD></TR>

<TR>

<TD style="TEXT-ALIGN: right">Etape du projet:</TD>

<TD>$Unit.ProjectStage$</TD>

<TD style="TEXT-ALIGN: right">Clients:</TD>

<TD>$Unit.Customer$</TD>

<TD style="TEXT-ALIGN: right">Site / Lieu:</TD>

<TD>$Unit.Location$</TD></TR>

<TR>

<TD style="TEXT-ALIGN: right">Description:</TD>

<TD colSpan=5>$Unit.Description$</TD></TR>

<TR>

<TD style="TEXT-ALIGN: right; VERTICAL-ALIGN: top">Note:</TD>

<TD style="VERTICAL-ALIGN: top"

colSpan=5>$Unit.Notes$</TD></TR></TBODY></TABLE>

<HR>

Liste des Besoins d'Information de l'unité:

<TABLE style="FONT-STYLE: normal; BORDER-COLLAPSE: collapse; TEXT-

DECORATION: none" class=GridViewStyle border=1 rules=all cellSpacing=0 cellPadding=3>

<TBODY>

<TR style="FONT-WEIGHT: bold" class=GridViewHeaderStyle>

<TH scope=col>Besoin d'Information <A

href="./Unit.aspx?UnitId=$Unit.UnitId$&amp;View=InfoNeeds"><IMG title="Info sur les

Besoins d'information de l'unité" src="../../images/Icon_NarrInfo.gif"></A> </TH>

<TH scope=col>Item<A href="./Unit.aspx?UnitId=$Unit.UnitId$&amp;View=ItemDef"><IMG

title="Info sur les items de l'unité" src="../../images/Icon_NarrInfo.gif"></A> </TH>

<TH scope=col>Valeur Cible </TH>

<TH scope=col>Valeur Réelle </TH>

<TH scope=col>Variance </TH>

<TH scope=col>Statut </TH>

<TH scope=col>Tendance </TH></TR>$InformationNeedList:{

<TR class=GridViewRowStyle>

<TD style="WIDTH: 275px">$it.InformationNeedTitle$ (<A

href="../Library/InformationNeed.aspx?InId=$it.LibraryInfoNeedId$&amp;RO=1">définition</A

>)</T D>

<TD style="WIDTH: 275px">$it.UnitItemTitle$</TD>

<TD>$it.CurrentPlan$</TD>

<TD>$it.CurrentActual$</TD>

<TD>$it.CurrentVariance$</TD>

<TD style="WIDTH: 16px; HEIGHT: 16px"><IMG style="BORDER-RIGHT-WIDTH: 0px;

BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px"

title=$it.CurrentStatusString$ alt=$it.CurrentStatusString$ src="$it.StatusIcon$"></TD>

Page 18: Data drill dashbords_overview

<TD style="WIDTH: 16px; HEIGHT: 16px"><IMG style="BORDER-RIGHT-WIDTH: 0px;

BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px"

title=$it.CurrentTrendString$ alt=$it.CurrentTrendString$ src="$it.TrendIcon$"></TD></TR>}$

</TBODY></TABLE>

<P></P>

<HR>

Liste des Graphes de l'unité:

<TABLE style="FONT-STYLE: normal; BORDER-COLLAPSE: collapse; TEXT-

DECORATION: none" class=GridViewStyle border=1 rules=all cellSpacing=0 cellPadding=3>

<TBODY>

<TR style="FONT-WEIGHT: bold" class=GridViewHeaderStyle>

<TH scope=col>Item </TH>

<TH scope=col>Besoin d'Information </TH>

<TH scope=col>Graphe </TH>

<TH scope=col>Série </TH>

<TH scope=col>Statut </TH></TR>$GraphList:{

<TR class=GridViewRowStyle>

<TD style="WIDTH: 225px">$it.UnitItemTitle$</TD>

<TD style="WIDTH: 225px">$it.InformationNeedTitle$ </TD>

<TD style="WIDTH: 225px"><A

href="./Unit.aspx?UnitId=$Unit.UnitId$&amp;View=ItemGraph&amp;ItemId=$it.UnitItemId$&a

mp;GraphId=$it.GraphId$">$it.GraphTitle$</A></TD>

<TD style="WIDTH: 225px">$it.SeriesTitle$ </TD>

<TD style="WIDTH: 35px"><IMG title=$it.CurrentStatusString$ alt=$it.CurrentStatusString$

src="$it.StatusIcon$"></TD></TR>}$ </TBODY></TABLE>* - utilisée pour l'agrégation des

statuts/couleurs des Besoins d'Information.

<P></P>

<HR>

Liste des Dimensions de l'unité:

<TABLE style="FONT-STYLE: normal; BORDER-COLLAPSE: collapse; TEXT-

DECORATION: none" class=GridViewStyle border=1 rules=all cellSpacing=0 cellPadding=3>

<TBODY>

<TR style="FONT-WEIGHT: bold" class=GridViewHeaderStyle>

<TH scope=col>Dimension </TH>

<TH scope=col>Element </TH>

<TH scope=col>Item </TH>

<TH scope=col>Actual </TH>

<TH scope=col>Plan </TH>

<TH scope=col>Variance </TH>

<TH scope=col>Status </TH>

<TH scope=col>Trend </TH></TR>$DimensionList : {

<TR class=GridViewRowStyle>

<TD style="WIDTH: 275px">$it.DimensionTitle$</TD>

<TD style="WIDTH: 275px">$it.ElementTitle$</TD>

<TD style="WIDTH: 275px">$it.UnitItemTitle$</TD>

<TD>$it.CurrentActual$</TD>

<TD>$it.CurrentPlan$</TD>

<TD>$it.CurrentVariance$</TD>

<TD style="WIDTH: 16px; HEIGHT: 16px"><IMG style="BORDER-RIGHT-WIDTH: 0px;

BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px"

title=$it.CurrentStatusString$ alt=$it.CurrentStatusString$ src="$it.StatusIcon$" ?></TD>

<TD style="WIDTH: 16px; HEIGHT: 16px"><IMG style="BORDER-RIGHT-WIDTH: 0px;

BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px"

Page 19: Data drill dashbords_overview

title=$it.CurrentTrendString$ alt=$it.CurrentTrendString$ src="$it.TrendIcon$"

?></TD></TR>}$ </TBODY></TABLE>

<P></P>

<HR>

Liste des Formulaires de l'unité:

<TABLE style="FONT-STYLE: normal; BORDER-COLLAPSE: collapse; TEXT-

DECORATION: none" class=GridViewStyle border=1 rules=all cellSpacing=0 cellPadding=3>

<TBODY>

<TR style="FONT-WEIGHT: bold" class=GridViewHeaderStyle>

<TH scope=col>Formulaire </TH>

<TH scope=col>Statut </TH></TR>$FormsList : {

<TR class=GridViewRowStyle>

<TD style="WIDTH: 275px"><A

href="./Unit.aspx?UnitId=$Unit.UnitId$&amp;View=Form">$it.Title$</A></TD>

<TD style="WIDTH: 16px; HEIGHT: 16px"><IMG style="BORDER-RIGHT-WIDTH: 0px;

BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px"

title=$it.CurrentStatusString$ alt=$it.CurrentStatusString$

src="$it.StatusIcon$"></TD></TR>}$ </TBODY></TABLE>

Unit Item dashboard

Here an example of alternative dashboard for unit or unit item

<TABLE style="FONT-STYLE: normal; BORDER-COLLAPSE: collapse; TEXT-

DECORATION: none" class=GridViewStyle border=1 rules=all cellSpacing=0 cellPadding=3>

<TBODY>

<TR>

<TH align=center>Titre </TH>

<TH align=center>Graphe </TH>

<TH align=center>Description </TH>

<TH align=center>Notes </TH></TR>$Graphs:{$if($it.IsGraph$)$

<TR>

Page 20: Data drill dashbords_overview

<TD style="WIDTH: 185px" vAlign=top><IMG title=$it.CurrentStatusString$

src="../../Images/alarm_$it.CurrentStatusString$.gif"> $it.Title$

$it.InformationNeedTitle$</TD>

<TD vAlign=top><A

href="Unit.aspx?UnitId=$Unit.UnitId$&amp;GraphId=$it.GraphId$&amp;ItemId=$it.UnitItemId$

&amp;View=ItemGraph">$it.DashboardImage$</A></TD>

<TD style="WIDTH: 300px" vAlign=top>$if($it.Description$)$$it.Description$$else$no

description$endif$ <A href="../Graph/Definition.aspx?GraphId=$it.GraphId$"><IMG title="Voir

/ mettre à jour les propriétées de &#13;&#10;l'unité" src="../../images/PENCIL01.ICO"

width=16></A></TD>

<TD style="WIDTH: 300px" vAlign=top>$if($it.Note$)$$it.Note$<A

href="../Misc/TextEditor.aspx?NoteId=$it.NoteId$"><IMG title="Voir / mettre à jour la note"

src="../../images/PENCIL01.ICO" width=16>$else$no notes$endif$</A></TD></TR>$endif$ }$

</TBODY></TABLE< body></TABLE>

French translation of the default unit dashboard

By Information Needs(Vue Besoins d'Information)

<TABLE style="FONT-STYLE: normal; BORDER-COLLAPSE: collapse; TEXT-

DECORATION: none" class=GridViewStyle border=1 rules=all cellSpacing=0 cellPadding=3>

<TBODY>

<TR style="FONT-WEIGHT: bold" class=GridViewHeaderStyle>

<TH scope=col>Besoin d'Information</TH>

<TH scope=col>Item</TH>

<TH scope=col>Valeur Cible</TH>

<TH scope=col>Valeur Réelle</TH>

<TH scope=col>Variance</TH>

<TH scope=col>Statut</TH>

<TH scope=col>Tendance</TH></TR>$InformationNeedList:{

<TR class=GridViewRowStyle>

<TD style="WIDTH: 275px">$it.InformationNeedTitle$ (<A

href="../Library/InformationNeed.aspx?InId=$it.LibraryInfoNeedId$&RO=1">définition</A>)</T

D>

<TD style="WIDTH: 275px">$it.UnitItemTitle$</TD>

<TD>$it.CurrentPlan$</TD>

<TD>$it.CurrentActual$</TD>

<TD>$it.CurrentVariance$</TD>

<TD style="WIDTH: 16px; HEIGHT: 16px"><IMG style="BORDER-RIGHT-WIDTH: 0px;

BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px"

src="$it.StatusIcon$"></TD>

<TD style="WIDTH: 16px; HEIGHT: 16px"><IMG style="BORDER-RIGHT-WIDTH: 0px;

BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px"

src="$it.TrendIcon$"></TD></TR>}$ </TBODY></TABLE>

By Dimensions (Vue Dimensions)

<TABLE style="FONT-STYLE: normal; BORDER-COLLAPSE: collapse; TEXT-

DECORATION: none" class=GridViewStyle border=1 rules=all cellSpacing=0 cellPadding=3>

<TBODY>

<TR style="FONT-WEIGHT: bold" class=GridViewHeaderStyle>

<TH scope=col>Dimension</TH>

<TH scope=col>Element</TH>

<TH scope=col>Item</TH>

Page 21: Data drill dashbords_overview

<TH scope=col>Actual</TH>

<TH scope=col>Plan</TH>

<TH scope=col>Variance</TH>

<TH scope=col>Status</TH>

<TH scope=col>Trend</TH></TR>$DimensionList : {

<TR class=GridViewRowStyle>

<TD style="WIDTH: 275px">$it.DimensionTitle$</TD>

<TD style="WIDTH: 275px">$it.ElementTitle$</TD>

<TD style="WIDTH: 275px">$it.UnitItemTitle$</TD>

<TD>$it.CurrentActual$</TD>

<TD>$it.CurrentPlan$</TD>

<TD>$it.CurrentVariance$</TD>

<TD style="WIDTH: 16px; HEIGHT: 16px"><IMG style="BORDER-RIGHT-WIDTH: 0px;

BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px"

src="$it.StatusIcon$"></TD>

<TD style="WIDTH: 16px; HEIGHT: 16px"><IMG style="BORDER-RIGHT-WIDTH: 0px;

BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px"

src="$it.TrendIcon$"></TD></TR>}$ </TBODY></TABLE>

By Graphs (Vue Graphes)

<TABLE style="FONT-STYLE: normal; TEXT-DECORATION: none" class=GridViewStyle

border=1 rules=all cellSpacing=0 cellPadding=3 gridviewrowstyle?="">

<TBODY>

<TR>

<TH class=GridViewHeaderStyle>Item </TH>

<TH class=GridViewHeaderStyle>Besoin d'information</TH>

<TH class=GridViewHeaderStyle>Graphe</TH>

<TH class=GridViewHeaderStyle>Série</TH>

<TH class=GridViewHeaderStyle>Statut </TH></TR>$GraphList:{

<TR class=GridViewRowStyle>

<TD style="WIDTH: 225px">$it.UnitItemTitle$</TD>

<TD style="WIDTH: 225px">$it.InformationNeedTitle$ </TD>

<TD style="WIDTH: 225px"><A

href="./Unit.aspx?UnitId=$Unit.UnitId$&View=ItemGraph&ItemId=$it.UnitItemId$&GraphId=$it.

GraphId$">$it.GraphTitle$</A> </TD>

<TD style="WIDTH: 225px">$it.SeriesTitle$ </TD>

<TD style="WIDTH: 35px"><IMG src="$it.StatusIcon$"> </TD></TR>}$ </TBODY></TABLE>*

- utilisée pour l'agrégation des statuts/couleurs des Besoins d'Information

By Interfaces (Vue Interfaces) <TABLE style="FONT-STYLE: normal; BORDER-COLLAPSE: collapse; TEXT-

DECORATION: none" class=GridViewStyle border=1 rules=all cellSpacing=0 cellPadding=3>

<TBODY>

<TR style="FONT-WEIGHT: bold" class=GridViewHeaderStyle>

<TH scope=col>Interface</TH>

<TH scope=col>Item</TH>

<TH scope=col>Besoin d'Information</TH>

<TH scope=col>Valeur Cible</TH>

<TH scope=col>Valeur Réelle</TH>

<TH scope=col>Variance</TH>

<TH scope=col>Statut</TH>

<TH scope=col>Tendance</TH></TR>$InterfaceList : {

<TR class=GridViewRowStyle>

Page 22: Data drill dashbords_overview

<TD style="WIDTH: 275px">$it.InterfaceTitle$</TD>

<TD style="WIDTH: 275px">$it.UnitItemTitle$</TD>

<TD style="WIDTH: 300px">$it.InformationNeedTitle$</TD>

<TD>$it.CurrentPlan$</TD>

<TD>$it.CurrentActual$</TD>

<TD>$it.CurrentVariance$</TD>

<TD style="WIDTH: 16px; HEIGHT: 16px"><IMG style="BORDER-RIGHT-WIDTH: 0px;

BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px"

src="$it.StatusIcon$"></TD>

<TD style="WIDTH: 16px; HEIGHT: 16px"><IMG style="BORDER-RIGHT-WIDTH: 0px;

BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px"

src="$it.TrendIcon$"></TD></TR>}$ </TBODY></TABLE>

By Items (Vue Item) <TABLE style="FONT-STYLE: normal; BORDER-COLLAPSE: collapse; TEXT-

DECORATION: none" id=ctl00_Main_GridViewMaster class=GridViewStyle border=1 rules=all

cellSpacing=0 cellPadding=3>

<TBODY>

<TR style="FONT-WEIGHT: bold" class=GridViewHeaderStyle>

<TH scope=col>Item

</TH>

<TH scope=col>Besoin d'Information

</TH>

<TH scope=col>Valeur Réelle

</TH>

<TH scope=col>Valeur Cible

</TH>

<TH scope=col>Variance

</TH>

<TH scope=col>Statut

</TH>

<TH scope=col>Tendance

</TH>

</TR>$ItemList:{

<TR class=GridViewRowStyle>

<TD style="WIDTH: 275px">$it.UnitItemTitle$</TD>

<TD style="WIDTH:

275px">$it.InformationNeedTitle$</TD><TD>$it.CurrentActual$</TD><TD>$it.CurrentPlan$</

TD><TD>$it.CurrentVariance$</TD>

<TD style="WIDTH: 16px; HEIGHT: 16px">

<IMG style="BORDER-RIGHT-WIDTH: 0px; BORDER-TOP-WIDTH: 0px; BORDER-

BOTTOM-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px" src="$it.StatusIcon$"></TD>

<TD style="WIDTH: 16px; HEIGHT: 16px">

<IMG style="BORDER-RIGHT-WIDTH: 0px; BORDER-TOP-WIDTH: 0px; BORDER-

BOTTOM-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px" src="$it.TrendIcon$"></TD>

</TR>}$

</TBODY>

</TABLE>

Page 23: Data drill dashbords_overview

Another dashboard sample This sample can be used as Status dashboard or as Unit dashboard, but will required to manually

select graphs of interest to be display in the dashboard.

<TABLE style="FONT-STYLE: normal; BORDER-COLLAPSE: collapse; FONT-SIZE: 11pt;

TEXT-DECORATION: none" border=1 rules=all cellSpacing=0 cellPadding=3>

<TBODY>

<TR style="PADDING-BOTTOM: 2.25pt; PADDING-LEFT: 2.25pt; PADDING-RIGHT: 2.25pt;

BACKGROUND: #f2f2f2; PADDING-TOP: 2.25pt" vAlign=top>

<TD><FONT size=4><B>$Unit.Title$</B></FONT></TD>

<TD>last updated: $Unit.LastUpdated$ </TD>

<TD style="TEXT-ALIGN: right"><A

href="./Unit.aspx?UnitId=$Unit.UnitId$&amp;View=dashboard"><IMG title="Drill to unit

dashboard" src="../../images/unitstatus.png" width=20></A> <A

href="./Unit.aspx?UnitId=$Unit.UnitId$&amp;View=Reports"><IMG title="Generate reports"

src="../../images/powerpoint.gif" width=20></A> <A

href="./Unit.aspx?UnitId=$Unit.UnitId$&amp;View=Notes"><IMG title="Show/edit unit notes"

src="../../images/tree/Narrative.GIF" width=20></A> <A

href="./Unit.aspx?UnitId=$Unit.UnitId$&amp;View=Plan"><IMG title="Show/edit plan data"

src="../../images/tree/series_data.gif" width=20></A> <A

href="./Unit.aspx?UnitId=$Unit.UnitId$&amp;View=Summary"><IMG title="Show/Edit data"

src="../../images/icon_graphdata.GIF" width=20></A> <A

href="./Unit.aspx?UnitId=$Unit.UnitId$&amp;View=UnitDef"><IMG title="Show/edit unit

properteis" src="../../images/PENCIL01.ICO" width=18></A> <A

href="$Unit.HyperlinkURL$"><IMG title="Browse to external hyperlink : $Unit.HyperlinkTitle$"

src="../../images/LINK.GIF" width=20></A> </TD></TR></TBODY>

<TBODY>

<TR style="PADDING-BOTTOM: 2.25pt; PADDING-LEFT: 2.25pt; PADDING-RIGHT: 2.25pt;

BACKGROUND: #f2f2f2; PADDING-TOP: 2.25pt" vAlign=top>

<TD width=300>

<P><B>Information Need &amp; Indicator</B></P></TD>

<TD>

<P><B>Graph</B></P></TD>

<TD width=600>

<P><B>Comments</B></P></TD></TR>

Page 24: Data drill dashbords_overview

<TR>$Graphs:{$if($it.IsGraph$)$

<TD vAlign=top>

<TABLE border=1 rules=all cellSpacing=0 cellPadding=3>

<TBODY>

<TR>

<TD style="PADDING-BOTTOM: 0cm; PADDING-LEFT: 5.4pt; PADDING-RIGHT: 5.4pt;

BACKGROUND: #dbe5f1; PADDING-TOP: 0cm" vAlign=top>

<P>$it.InformationNeedTitle$</P></TD>

<TD rowSpan=2 width=70>

<P style="TEXT-ALIGN: center" align=center><IMG title=$it.CurrentStatusString$

src="../../Images/spi/alarm_$it.CurrentStatusString$.png"></P></TD></TR>

<TR>

<TD style="PADDING-BOTTOM: 0cm; PADDING-LEFT: 5.4pt; WIDTH: 145.8pt; PADDING-

RIGHT: 5.4pt; PADDING-TOP: 0cm" vAlign=top>

<P style="MARGIN-LEFT: 12.85pt">$it.Title$</P></TD></TR>

<TR>

<TD vAlign=top width=290 colSpan=2><TEXTAREA cols=32 rows=8

readOnly>$it.Description$</TEXTAREA></TD></TR></TBODY></TABLE></TD>

<TD><A

href="Unit.aspx?UnitId=$Unit.UnitId$&amp;GraphId=$it.GraphId$&amp;ItemId=$it.UnitItemId$

&amp;View=ItemGraph">$it.DashboardImage$</A> </TD>

<TD>

<P>$if($it.Note$)$$it.Note$<A href="../Misc/TextEditor.aspx?NoteId=$it.NoteId$"><IMG

title="Update Note" src="../../images/PENCIL01.ICO" width=16>$else$no

notes$endif$</A></P></TD></TR>$endif$ }$ </TD></TR></TBODY></TABLE>

This dashboard is using few additional images you have to download (http://www.spirula.fr/commun/BonnesPratiques/spi.zip) and drop in the following server folder: <DataDrillPath>\Portal\Images\spi .

Contact For additional information or assistance, please contact [email protected]