How to Use the MS-ISAC Digital Dashboard

To use the web browser-based Digital Dashboard, just point your browser to http://www.msisac.org/dashboard/ You will need to have a javascript enabled browser with the Adobe Flash Player (Version 8 or newer)(New Window) . If you do not have these browser features, you can view the text-based version of the dashboard at http://www.msisac.org/dashboard/text/

 

Using the MS-ISAC Digital Dashboard Graphic on your website

You can easily incorporate the MS-ISAC Digital Dashboard into your website by cutting and pasting the code below into your page.

<script type="text/javascript" src="http://www.msisac.org/scripts/flash/swfobject.js"></script> <script type="text/javascript" src="http://www.msisac.org/scripts/dashboard.js"></script>

The code above results in the following output on your page:

 
  • CSS presentation rules for the container can be assigned to the div selector #msisac_graphic_icon
 

Customizing the MS-ISAC Digital Dashboard Graphic on your website

By adding some simple javascript commands to the scripts above, you can customize the look and feel of the MS-ISAC Digital Dashboard Graphic for your website.

 

Example 1: specifying the name of the div that is to contain the graphic.

<div id="ex1_div"> </div>

<script type="text/javascript" src="http://www.msisac.org/scripts/flash/swfobject.js"></script>

<script type="text/javascript">
   msisac_graphic_divid = "ex1_div";

</script>

<script type="text/javascript" src="http://www.msisac.org/scripts/dashboard.js"></script>

The code above results in the following output on your page:

  • Place the script code anywhere in your page AFTER your div
  • Its a good idea to place a static text link to the msisac digital dashboard inside your div in case the user doesnt have javascript enabled. in that case, the user will still get a link to the dashboard.
 

Example 2: changing font colors

<script type="text/javascript" src="http://www.msisac.org/scripts/flash/swfobject.js"></script>

<script type="text/javascript">
  msisac_graphic_divid = "ex2_div";
  msisac_graphic_fontColor = "0xD5EDB3";
</script>

<script type="text/javascript" src="http://www.msisac.org/scripts/dashboard.js"></script>

The code above results in the following output on your page:

  • Place the script code anywhere in your page AFTER your div
  • The MSISAC Graphic has a transparent background - so the background color of your webpage (or in this case of the div #ex2_div) comes through, which may mean you need to customize the font color to match
  • Becareful with colors - the threat level map will display in one of the (5) appropriate color codes, so stay away from these with your background colors:
    • Low (Green) #336600
    • Guarded (Blue) #000066
    • Elevated (Yellow) #ffff33
    • High (Orange) #ff9900
    • Severe (Red) #ff0000
 

Accessibility

To access our digital dashboard using assitive technologies, we recommend the text-based version of the dashboard at http://www.msisac.org/dashboard/text/ This version uses accessibility compliant content that is easily read by screen readers and other alternative browsers. The text based version has also been optimized for easy viewing in a blackberry, treo or other devices.