Andrus Development: 2012

Wednesday, December 05, 2012

SSRS Pie Chart displaying 0

Was given a problem with one of the reports showing data in the pie chart when it was 0.

The orignial report seperated each of the series values into the Values section, which at first seemed counter-intuitive -- but the reason behind this was so that certain colors and a specific ordering of stages took place in the legend.

So, going back to the drawing board and fresh eyes (me) -- I set the column used to create the seperate values into one series group. This then gets rid of the 0 line value, but to get the coloring corrected I added an expression to the Values field to set the color for specific series types:

=IIF(Fields!TypeName.Value = "Referral Received to 1st Legal", "LimeGreen",
IIF(Fields!TypeName.Value = "1st Legal to Service Complete", "Purple",
IIF(Fields!TypeName.Value = "Service Complete to Judgment Entered", "SlateBlue",
IIF(Fields!TypeName.Value = "Judgment Entered to Sale Held", "Turquoise",
IIF(Fields!TypeName.Value = "Referral Received to Sale Held", "Tomato","White")))))

Once this was setup, I then was left with the last issue of sorting. In the series group properties under sorting, I added the field SortOrderNumber which is coming in from the stored procedure. This then gives me the final clean product:

Tuesday, September 25, 2012

Facebook comments button using jquery

So, as my offical first try at jquery, I created a facebook button that can be used to display facebook comments.

HTML5 Code:

<!DOCTYPE html>
<html>
<head>
<title>Facebook Comments Test</title>
<link href="StyleSheet.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src=http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.0.js>
</script>
<script type="text/javascript">
$(document).ready(function () {
    $("#facebookButton").click(function () {
       if ($("#rightFacebook").is(":visible")){
          $("#rightFacebook").hide(1000);
       }
       else {
          $("#rightFacebook").show(1000);
       }
    });
});
　
</script>
</head>
<body>

<div id="fb-root"></div>
<script type="text/javascript">    (function (d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
} (document,'script', 'facebook-jssdk'));
</script>
<h1>Popular Page</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur vitae velit magna. Vivamus nec eros ac ante auctor porta id in velit. Aenean sit amet metus eget tellus dignissim dignissim ac at metus. Maecenas sagittis lectus eu nibh porta non ornare mauris fermentum. Vestibulum vel mi id nibh sagittis gravida. Phasellus ac orci eu ante consequat convallis. Pellentesque ultrices tincidunt dignissim. Phasellus porttitor ornare nisi, in faucibus nisl ornare ornare.</p>

<p>Vivamus ac ultricies mi. Nulla facilisi. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Maecenas urna nibh, interdum eu aliquet quis, molestie ut elit. Maecenas sed arcu ullamcorper lectus consectetur placerat quis at mi. Fusce nisi dui, rutrum quis euismod a, euismod ac justo. Mauris congue blandit sapien, sed aliquet est interdum a. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>

<p>Nulla a justo id nisl fringilla iaculis. Quisque mollis ipsum in tortor convallis nec commodo massa faucibus. Nullam eget neque nibh, commodo euismod turpis. Nunc quis lobortis augue. Duis interdum commodo nisl, et bibendum mauris congue vitae. Phasellus dignissim fermentum dolor, vel tempus nisi faucibus sed. Curabitur cursus faucibus eros, quis elementum ipsum feugiat quis. Vivamus at sem massa. Pellentesque risus sem, euismod non elementum bibendum, aliquam ac elit.<p>

<p>Nunc lacinia consectetur arcu, nec vestibulum nulla rutrum vel. Quisque sem quam, congue eget molestie sit amet, rhoncus non risus. Aliquam erat volutpat. Nunc vitae feugiat elit. Sed pretium tincidunt lectus, sit amet posuere turpis consequat consectetur. Quisque vel sodales sapien. Quisque tincidunt, augue ut mattis lobortis, eros purus fringilla ante, vitae congue lorem sem eget purus. Phasellus nunc quam, consequat vel fermentum ultrices, sollicitudin sit amet turpis. Vivamus sagittis vehicula tortor.</p>

<p>Donec ut ligula lacus, non fermentum dui. Ut vel ipsum ante. Praesent consequat metus eget eros porttitor vulputate. Fusce tellus lacus, convallis eget tincidunt sit amet, pretium vitae leo. Etiam interdum magna egestas massa feugiat vel ornare elit hendrerit. Etiam id eros sem, ac rhoncus ante. Etiam tellus dui, pretium non commodo nec, pharetra et dui. Suspendisse quis dolor quis magna iaculis suscipit. Nullam fermentum iaculis malesuada.</p>

<div id="rightFacebook">
   <div class="fb-comments" data-href="http://example.com" data-num-posts="2" data-width="470"></div>
</div>
   <button id="facebookButton">
      <img id="facebookButtonImage" alt="facebook comments" src="facebook.png"/>
   </button>
　
</body>
</html>

CSS Code:
div#rightFacebook{
   float: right;
   position:fixed;
   right:20px;
   top: 5px;
   width: 500px;
   background-color: #FFFFDB;
   margin-bottom: 0.5em;
   display:none;
}

button#facebookButton
{   float: right;    position:fixed;
   right:10px;
   top: 5px;
}
img#facebookButtonImage
{
width:15px;
height:15px
}

p#facebookButtonText
{
   font-family:Tahoma;
   font-size:10px;
}

Explaination:

I used this script so, that I didn't have to download the jquery library. Instead I used Microsofts, which can slow things down if not local.
<script type="text/javascript" src=http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.0.js>
</script>

My jquery script, short and simple. If the button was clicked, then I check if my facebook comments are visible/invisible and then hide/show. I gave it 1 second animation when it hides/shows the comments:

<script type="text/javascript">
    $(document).ready(function () {
       $("#facebookButton").click(function () {
          if ($("#rightFacebook").is(":visible")){
             $("#rightFacebook").hide(1000);
          }
          else {
             $("#rightFacebook").show(1000);
          }
      });
   }); 　
</script>

Facebook gives code to allow you to adjust what page the comments are for, number of posts, width, and color scheme. (http://developers.facebook.com/docs/reference/plugins/comments/)
The first section of code they give, basically the connection to facebook:

<div id="fb-root"></div>
<script type="text/javascript"> (function (d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
} (document,'script', 'facebook-jssdk'));
</script>

The second code grab are the attributes you filled out on the website, which can easily be adjusted:

<div class="fb-comments" data-href="http://example.com" data-num-posts="2" data-width="470"></div>
I placed the second grab in my div, where I wanted the comments to be displayed:

<div id="rightFacebook">
    <div class="fb-comments" data-href="http://example.com" data-num-posts="2" data-width="470"></div>
</div>
<button id="facebookButton">
    <img id="facebookButtonImage" alt="facebook comments" src="facebook.png"/>
</button>

I stole a facebook icon, facebook.png, and used that as my button. In the CSS, I made sure that my button and comments are always in the upper-right hand corner, even when the page is scrolling.

Hidden:

Displayed:

Scrolling:

Tuesday, August 14, 2012

First StreamInsight attempt using Performance Counter

As my first attempt with StreamInsight, I decided to use the Performance Counter as my stream of data. Here is a brief overview of implementing the StreamInsight portion

3 important downloads to get started, with StreamInsight:

Download StreamInsight: http://www.microsoft.com/en-us/download/details.aspx?id=26720

Download Reactive: http://www.microsoft.com/en-us/download/confirmation.aspx?id=28568
Download Examples: http://streaminsight.codeplex.com/releases/view/90143

First I created an class to represent the data I wanted to capture in my stream. Not all data types can be used with StreamInsight (ie: enum). Here is a list of supported data types: http://msdn.microsoft.com/en-us/library/ee378905.aspx

Code Snippet

// Input events of CounterSample of supported data types
public class StreamableCounterSample
{
    public float CpuUtilization { get; set; }
    public long TimeStamp { get; set; }
}

The main portion of the program.
Here starting on line 86, I create my StreamInsight server embedded in memory. The server name is the instance name that you give after installing StreamInsight. With StreamInsight 2.1, they added IQStreamable which allows you to query the stream. Lines 104 & 105 is when the stream will be queried for the results.

Code Snippet

private float CalculatePerformance(BackgroundWorker worker, DoWorkEventArgs e)
{
    CreateCounters();
 
    //embedded (in-memory)
    using (Server server = Server.Create("StreamInsight21"))
    {
        Microsoft.ComplexEventProcessing.Application application = server.CreateApplication("app");
 
        //A query for reading events from a stream
        IQStreamable<StreamableCounterSample> inputStream = null;
 
        inputStream = CreateStream(application);
 
        while (true)
        {
            if (worker.CancellationPending)
            {
                e.Cancel = true;
                break;
            }
            else
            {
                perf = inputStream.ToObservable().ToEnumerable().Last().CpuUtilization;
                timestamp = DateTime.FromFileTime(inputStream.ToObservable().ToEnumerable().Last().TimeStamp);
                worker.ReportProgress((int)perf);
            }
        }
 
        return inputStream.ToObservable().ToEnumerable().Last().CpuUtilization; 
 
    }
}

When creating the stream in line 93, I'm setting up my observation. In this case CollectSamples is my source which is then converted to a temporal stream via ToPointStreamable, which inserts a single event instance with a datetime.

Code Snippet

static IQStreamable<StreamableCounterSample> CreateStream(Microsoft.ComplexEventProcessing.Application application)
{
    // Live data uses IQbservable<>
    return
        application.DefineObservable(() => CollectSamples()).ToPointStreamable(
        r => PointEvent<StreamableCounterSample>.CreateInsert(DateTime.Now, r),
        AdvanceTimeSettings.StrictlyIncreasingStartTime);
}

The collect samples, is where my data will be pulled. In this case I'm pulling my data from the performance counter, but returning an observable interval representing this temporal event that occurs every 1 second.

Code Snippet

private static IObservable<StreamableCounterSample> CollectSamples()
{
    List<StreamableCounterSample> data = new List<StreamableCounterSample>();
    
    data.Add(new StreamableCounterSample
    {
        CpuUtilization = perfCounter.NextValue(),
        TimeStamp = DateTime.Now.ToFileTime()
    });
 
    return ToObservableInterval(data, TimeSpan.FromMilliseconds(1000), Scheduler.ThreadPool);
}

Code Snippet

private static IObservable ToObservableInterval(IEnumerable source, TimeSpan period, IScheduler scheduler)
{
    return Observable.Using(
        () => source.GetEnumerator(),
        it => Observable.Generate(
            default(object),
            _ => it.MoveNext(),
            _ => _,
            _ =>
            {
                //Console.WriteLine("Input {0}", it.Current);
                return it.Current;
            },
            _ => period, scheduler));
}

In the end, the final product is a simple winform showing the current CPU Utilization and the last time it ran.

The program can be downloaded from:

Andrus Development

About Me