Dashboards in Visual Studio Team Services

hi my name is Karen Inge and I'm a group
program manager on the Visual Studio
cloud services team today I'm going to
talk to you about dashboards it's a
brand new feature that we just shipped
in visual studio team services and team
foundation server update one so what
I'll show you today is really what
dashboards are I'll show you what's new
dashboards are customizable canvas that
replace your team overview page that
allow you to visualize the progress and
status across your team project I'll
show you the capability to do multiple
dashboards so in the previous home page
you really could only have one you can
only have a small section to pin new
widgets and you couldn't customize
anything else on that page in the new
dashboards you can have multiple
dashboards one for your sprint overview
one for your stripping features one for
your code health one for your active
bugs anything you can imagine the next
thing I'll show you is having a
customizable canvas previously you
couldn't remove any of those widgets and
you couldn't lay it out the way your
team wanted to what we've done is we've
made every single widget on that board a
hundred percent customizable so what you
can do now is remove add or configure
any widget the way you want the last
thing I'll show you is a new set of
widget capabilities that we've
introduced to the board and into the
catalog couple of those as teasers are a
query tile that lets you turn red or
green depending on the threshold of bugs
or even a sprint overview widget that
shows you your stories that are in
progress so before we dive in let me
show you what you used to have so this
used to be the old team overview page
inside visual studio team services there
are a couple things that you couldn't do
this page you couldn't remove the top
blocks if you didn't want them there or
if your team didn't use sprint burn
downs your capacity there is no way to
remove them and now you can this is just
a sneak peek at what the new dashboards
look like if you're a team admin on the
page you'll start to see that there's a
green plus button that plus button
allows you to add multiple dashboards
another thing you'll see is if you hover
over any widget you can start laying
them out the way you want or you can
configure them to show the data you want
the last thing I'll show you is these
new widgets so three of them are shown
here one of them is a marked
widget and it really lets you be
creative with what you want to show with
your team text images or links the other
one is the sprint overview widget and it
allows you to see stories that are in
progress and which ones haven't started
yet the last one I'm showing you here in
green is the query tile and it triggers
green because there are no block tasks
on this board great let's start and show
you the demo now so here we are at the
default dashboard that you have when you
create a new project there's a few
things that you can start seeing on the
dashboard first there's kind of a
Welcome widget it shows you a tour
across our product there is a query
results widget that actually is bound to
the open user stories there's a work
widget that are your quick shortcuts to
the different work hubs within the
product you can quickly get to visual
studio your team members open user
stories create a new bug or a user story
directly from the dashboard or your
sprint burndown by default when you
create a new project this is what you
get let me show you what it looks like
to build a new dashboard so let's create
a new dashboard called sprint overview
okay what that does is it creates a new
dashboard that's really a blank canvas
for us the first thing I want to do is
go to the widget catalog I can see a
number of widgets in the catalog here's
one that looks interesting I'm going to
create a sprint overview widget that's
already bound to my sprint I can see
that I have 11 work days remaining and
about 33% of my stories are complete the
next widget I want to add is a markdown
widget I want to tell other people what
this team is about so let's go for the
Marchon widget let's go ahead and add it
now I'm going to go ahead and configure
it so by default every configuration of
the widget shows you a live preview what
you'll see we have some markdown text
here and you're not familiar with
markdown you can learn more about the
markdown syntax I'm going to go ahead
and add a bunch of different things so
in this team this doesn't quite fit in
that widget view I'm going to make it a
2x3 widget you can start seeing things
like upcoming links links to wiki's and
even including images let me go ahead
and save that let's add a few more
widgets to
at the same time so the coat aisle looks
interesting the new work item widgets
let's do query results in a query tile
let's go ahead and add a burn down as
well I'm gonna add all those widgets at
once so you can see that the burn down
is already configured because my Sprint
is configured for the coat I'll let me
configure this to be bound to my master
branch what it shows me is the number of
commits in the last seven days I'll bind
my query results widget to something
else so if I go into my shared queries
look into my current iteration I want
this to look at active tasks what I want
here is I really just want the ID and
the title so I'll go ahead and configure
those columns to show what I need the
last thing I'll configure here is the
query tile I want the query tile to show
my active bugs so if my active bugs are
less than 10 I wanted to highlight green
let me actually go ahead and add in one
more query tile widget let's add the
resolved bugs here so if my query tile
shows my resolved bugs and if those bugs
are greater than zero since I don't want
to hold any debt it actually triggers
red and now what I can do is just lay
out my my dashboard let me make my mark
down widget here since I'm to explaining
what my team does I'll do my iteration
and burn down let me grab my coat I'll
move it down to the bottom I want my
active bugs here we trade the order here
and my resolve bugs now what I want to
show you is how to add charts I want to
go into my build hub and I really want
to get a rolling history of the builds I
can go ahead and see my CI build here I
get a new option to add that to my
dashboard I'm going to add that to my
sprint overview if I go back to my
dashboard you can see that the CI build
is now available and I'll drag it here
and I can see that I've had to build
failures in the last set of builds the
last thing I'll do is go to the work hub
what I want to do is I want to make a
chart that shows bugs assigned to users
on my team I'm going to go ahead and
create a new
I went to the queries hub then the
charts hub and now what I'm going to do
is select one of the shared queries what
I want to do is active bugs and I want
to create a new chart so the pie chart
feels like the right one that I want to
use and I want to see all the active
bugs assigned to people in my team I can
go ahead and make the colors really
customize to what I want it to be it's
kind of like this set and I'll go ahead
and create that new chart
the last thing I'll do is I want to add
this chart to my dashboard and if I go
back to my dashboard
I now really have a beautiful sprint
overview dashboard that lets me quickly
see where I am in the sprint how many
active bugs I have what my build history
look like and even the commits in the
last code branch thank you so I hope you
enjoyed what you saw in the demo go
ahead and try it out if you're curious
about more every three weeks we actually
publish new features to visual studio
team services you can find those
features on visual street comm under the
news section so keep up-to-date with
dashboards and widgets if you have any
feedback or you love what you're seeing
feel free to reach out to me at twitter
at karen k lou i love to hear it thanks
for joining today
you