TADDM Sensor Icon Creation

Though TADDM includes a collection of icons, additional icons may be desired to help to easily identify CI’s.

Required Icons

There are 5 required icons. The examples below use ‘Postgres’ as an example sensor.

• 3 topology icons – Used in topology graphs
  • Format: SVG – Files should be saved as ‘Plain SVG’ (‘Inkscape SVG’ files may not render correctly)
  • Size: 216 x 108 pixels
  • Path: ‘%COLLATION_HOME%\images\custom’
  • Filename conventions:
    • icon_postgres_default.svg
    • icon_postgres_dormant.svg
    • icon_postgres_state.svg
• 1 topology tooltip icon – Used in topology graphs when the mouse hovers over the node
  • Format: PNG
  • Size: 130 x 65 pixels
  • Path: ‘%COLLATION_HOME%\images\custom\tooltip’
  • Filename convention: tooltip_postgres.png
• 1 tree icon – Used in the Discovered Components tree
  • Format: PNG
  • Size: 20 x 20 pixels
  • Path: ‘%COLLATION_HOME%\images\custom\tree’
  • Filename convention: postgres.png

Icon Deployment

The 5 icons described above must be placed into the below locations:

‘%COLLATION_HOME%\images\custom\icon_<name>_state.svg’

‘%COLLATION_HOME%\images\custom\icon_<name>_dormant.svg’

‘%COLLATION_HOME%\images\custom\tree\<name>.png’

‘%COLLATION_HOME%\images\custom\tooltip\tooltip_<name>.png’

‘%COLLATION_HOME%\images\custom\icon_<name>_default.svg’

‘%COLLATION_HOME%\deploy-tomcat\cdm\images\custom\tree\<name>.png’

‘%COLLATION_HOME%\deploy-tomcat\images\custom\icon_<name>_state.svg’

‘%COLLATION_HOME%\deploy-tomcat\images\custom\icon_<name>_dormant.svg’

‘%COLLATION_HOME%\deploy-tomcat\images\custom\tree\<name>.png’

‘%COLLATION_HOME%\deploy-tomcat\images\custom\tooltip/tooltip_<name>.png’

‘%COLLATION_HOME%\deploy-tomcat\images\custom\icon_<name>_default.svg’

The icon will be available from the ‘Select Icon’ dialog when creating a new template following a TADDM Server restart.

Icon Packaging

Icons should be packaged with the normal sensor packaging process.

Creating custom graphic icons:

When creating custom resource icons, one must complete the following items:

1. Using the provided resource templates, create a default, dormant and state icon for every resource you want to add. This process is described in Section 1 below. You should always output 3 separate icons to represent each state.

1. Create a Tool tip version of that resource icon. This icon should be based off the “default” state resource icon, but at a reduced size as detailed in Section 2 below.

1. Create a Tree view icon . This icon should be based off the “default” resource icon as well, but at a much smaller side. 20pixels * 20pixels to be exact. Refer to section 3 below for more details

1. Ensure the graphics you create will work by ensuring your using the correct file format, size, and style as provided in Section 4 below.

Visual example of what you will find within the zip source files:

• Resource Icon: (bounding box and text box together)

• Resource Icon: (object metaphor)

• Treeview Icon: (default Gear image)

References: http://www.ibm.com/developerworks/exchange/dw_entryView.jspa?externalID=881&categoryID=1109 https://www.ibm.com/developerworks/wikis/display/tivoliaddm/Adding+Sensor+Icons