|
Basic knowledge in creating a simple effective metrics dashboard-
Using HTML page to display parameters and embedding script of your choice to read data from a data source using the ODBC function available in the web server can make you build your own simple effective metrics dashboard. In this example I used vbscript for ASP scripting and javascript applet for the scrolling message. If you know how to create HTML page and a script, I can send you the scrolling message applet for free.
Below is the applet used for 3 scrolling message with different variable messages applied
<APPLET id="TickerTape1" CODE="TickerTape.class" CODEBASE="./" HEIGHT=22 WIDTH=100% ><PARAM NAME="speed" VALUE="25"><PARAM NAME="framecolor" VALUE="white"><PARAM NAME="backcolor" VALUE="white"><PARAM NAME="ledcolor" VALUE=" <%= ScrollColor %>"><PARAM NAME="text1" VALUE="<%= ScrollMessage2 %><%= ScrollMessage3 %> "></APPLET>
<APPLET id="TickerTape1" CODE="TickerTape.class" CODEBASE="./" HEIGHT=22 WIDTH=100% ><PARAM NAME="speed" VALUE="25"><PARAM NAME="framecolor" VALUE="white"><PARAM NAME="backcolor" VALUE="Blue"><PARAM NAME="ledcolor" VALUE="Yellow"><PARAM NAME="text1" VALUE="Message from the Management: <%= ManagerMessage %> "></APPLET>
<APPLET id="TickerTape1" CODE="TickerTape.class" CODEBASE="./" HEIGHT=22 WIDTH=100% ><PARAM NAME="speed" VALUE="35"><PARAM NAME="framecolor" VALUE="white"><PARAM NAME="backcolor" VALUE="white"><PARAM NAME="ledcolor" VALUE="Purple"><PARAM NAME="text1" VALUE="Team Members Messages: <%= TeamMessage %><%= ScrollWOWithSVPENDG %>"></APPLET>
Although reading data from a database server is not much load for a simple query, I prefer retrieving the data fields storing to an array variables so the connection can be closed immediately.
Here’s the script to display the data per site codes.
The color of text or background can be a function variable so that it can interact with the latest values retrieved. For example it be a red color if it’s critical and green if acceptable or good.
<% for y = 1 to TOtalSite %> <td><font face="Verdana" size="2" color="Green"><Strong><%= SiteName(y) %></strong></font></td> <td align="center"><font face="Verdana" size="2" color="Blue"><%= SiteCompleted(y) %></font></td> <td align="center"><font face="Verdana" size="2" color="Blue"><%= SiteActive(y) %></font></td> <td align="center" bgcolor="<%= GetAttention() %>" ><font face="Verdana" size="2" color="<%= ColorFont() %>"><Strong><%= FOrmatNumber(SitePercent(y),2) %> %</Strong></font></td> <td align="center" bgcolor="<%= GetBLSAttention() %>" ><font face="Verdana" size="2" color="<%= ColorBLSFont() %>"><Strong><%= FOrmatNumber(SiteBLSPercentCompleted(y),2) %> % </font><Font Size="2" Color="<%= ColorBLSFont() %>" ><Strong>(<%= FormatNumber(SiteBLSCompleted(y),0) %>/<%= FormatNumber(SiteBLSTotal(y),0) %>)</Strong> </font></td>
<td align="center" bgcolor="Yellow" ><font face="Verdana" size="2" color="<%= ColorSurveyFont(SiteSumRatingAverage(y)) %>">(<%= FOrmatNumber(SiteSumRatingAverage(y),2) %>/<%= SiteSurveyResponseTotal(y) %>)</font></td>
|