For details and to RSVP, use the following link:
http://omahamtg.com/Events.aspx?ID=156

Topic:
SharePoint 2010 Business Intelligence

An overview of Business Intelligence in the SharePoint Environment which will cover:
•    A bit of Microsoft BI history
•    SharePoint’s role in the business intelligence initiative
•    Survey of the BI/SharePoint tools
•    Observations, cautions, and opportunities in connection with SharePoint/BI
•    Brief overview and handouts on SharePoint/BI resources

Presenter:
Pete Hohenhaus

Sponsor:
Axceler (http://www.axceler.com)
Axceler solutions have enabled enterprises to simplify, optimize and secure their collaborative platforms.  Today, Axceler is a leader in managing SharePoint governance, security, reporting and analysis.  Among its numerous Microsoft SharePoint solutions, Axceler offers award-winning ControlPoint for administration and Davinci Migrator for migration.  In 2011, ControlPoint won the Best of Connections Award, the Gold Editors’ Best Award and the Bronze Community Choice Award in the SharePoint category from the readers and editors of Windows IT Pro.  More than 1,600 organizations worldwide are using Axceler products to control their SharePoint environments.  Headquartered in Woburn, MA, USA, Axceler maintains offices in Seattle, Los Angeles, London and Sydney.

We’ll be upstairs by the pool tables.  This is a non-sponsored event so all refreshments are totally your responsibility!

Some notes:

Presenters

We’re always looking for presenters.  With our format of alternating between Technical content and then User-centric content, we need all sorts of presenters and all sorts of topics.  For example, in April, you will learn about an Agile Project Tracking site that one of our members created.  If you are interested in presenting at one of our upcoming meetings, please send an email to sharepoint@omahamtg.com, or just leave me a comment on this blog.

Sponsors

We have had great response from our professional community to help sponsor prizes and food for our meetings.  If you would like to sponsor one of our future meetings or would like to sponsor some door prizes, please send an email to sharepoint@omahamtg.com or leave me a comment below!  We truly appreciate our sponsors!

Links

OK – now for the links I know you all came here for:  I didn’t have much in the way of slides but the links at the end of the slides are on my presentation page.  I think I will also start collecting links of no-code or little-code resources for future reference!  Enjoy.

Here’s the agenda for the day:

OPERATIONAL EFFICIENCY BY ADOPTING MICROSOFT SHAREPOINT
10:00 am – 3:00 pm

DOCUMENT MANAGEMENT AND COLLABORATION DEEP DIVE
This presentation will dive into the critical tenets of enterprise content management.
10:30 am – 11:30 am

CHALK TALK – BRING THE PAIN
Luncheon discussion on the challenges you face and how SharePoint can be the solution
11:30 am – 1:00 pm

EXPOSING BUSINESS INTELLIGENCE IN SHAREPOINT
This presentation will dive into capabilities and implementation of business intelligence within SharePoint
1:00 pm – 2:00 pm

HOW TO CREATE INFORMATION WORKERS
This presentation will delve into SharePoint’s workflow engine and show how we can provide a platform for creating our own information workers to carry out tasks.
2:00 pm – 3:00 pm

LOCATION
Microsoft Seminar Facilities
2111 S. 67th St., Ste. 100
Omaha, NE 68106

Map to event

Go to: http://sharepoint.dipetersen.com/orgchart/default.aspx to see it in action! Try it in different browsers. Let me know what you think!

 

Here are all of the links!

1. Introduction
2. Setting up the coding environment
3. Create the chart
4. Add content
5. Conclusion

In the first four parts, we saw how easy it is to set up a couple of lists and then with just a little bit of JavaScript, we can transform that list data into an Org Chart or a graphical Site Map. This shows you how a little out-of-the-box thinking can produce great results.

When we last left our Site Map, it looked like this in IE.

As displayed in IE

The structure is all there but it looks completely different in browsers such as Chrome.

As displayed in Chrome

The reason the displays are different for each browser is because of the CSS used to render the boxes. Google uses some specific css that IE prior to version 9 does not recognize:

.google-visualization-orgchart-node {
    background-color: #EDF7FF;
    border: 2px solid #B5D9EA;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5);
    cursor: default;
    font-family: arial,helvetica;
    text-align: center;
    vertical-align: middle;
}

If you look closely, there are a couple of tags that specify the rounded corners and the shawdow, namely, border-radius and box-shadow. These are found in the CSS3 proposal, the web-kit markup for Chrome and Safari browsers and the mos- markup for the Mozilla based browsers.

More information on CSS3 can be found at http://www.css3.info

Not everyone will be using IE9, so how can we make previous versions look better? While there are numerous rounded corner techniques, I chose to only work on the background and just accept the square corners. Lets begin by inserting a <STYLE> section just before our sitemap <DIV>.

The CSS class that we want to override is .google-visualization-orgchart-node. We can always use a solid color to draw the box but to make it look a little better, I created a small 3px X 395px that had a blue gradient. I can use this as the background and repeat it across the whole box. I chose 395 at random. I don’t think the boxes will ever be larger than 395px but I also wanted it small enough that I could see the gradation in the smaller boxes. If the boxes do get larger than 395px, then my background-color attribute is the same as the end color of my graphic. I named the graphic ‘background.gif’. Upload the graphic to the images folder you created in the second post. Once the file is uploaded to the server insert following CSS into your style section.

.google-visualization-orgchart-node
{
    Background-image:url(resources/images/background.gif);
    Background-repeat:repeat-x;
    Background-color:#d2eaf3;
    Border:1px solid #a8d5eb;
    padding: 10px;
    height: 120px;
    white-space: nowrap;
}

You will notice that I also took some liberty in trying to make the boxes look a bit uniform. I did this with the padding and setting the height. I also want to make sure that the contents of the box do not wrap. The key takeaway, it that you can configure each node however you want. Our final look in both IE and Chrome are:

IE Final

Chrome Final

I hope you have enjoyed this series. I love creating solutions that might look difficult but in reality, are pretty easy. This also shows how powerful SharePoint Web Services can be. If you haven’t worked with SPServices library in the past, check it out. With a little OOB thinking, you can create some cool solutions.

I hope my instructions have been clear enough so that your chart looks like mine, but if not, you can download my code SiteMap and the background.gif file here.

Other posts in this series:

1. Introduction
2. Setting up the coding environment
3. Create the chart
4. Add content
5. Conclusion