Blog

Monitor the build status for your VSO and TFS projects with our Buildscreen.

View the latest builds from your Visual Studio online and Team Foundation Server projects.

Wouldn’t it be easy if you had a visual summary of all your projects? Our build screen is a useful and easy way to display an organized overview of the build statuses of your projects.

Those of you who are familiar with Visual Studio Online (VSO) or Team Foundation Server (TFS), know that keeping tabs on current projects isn’t an easy task. Each page has to be visited separately, this is a very time-consuming process. At Orbit One a desktop application was used to simplify this. The lack of a VSO implementation and the dated user-interface convinced us to write our own build screen as a web application. This web application has several advantages: setup is one-time process, making it readily available for everyone to use. Furthermore, it’s accessible on every device with a modern browser, this way everyone can take advantage of the application anytime, anywhere. The interface has been designed to be user-friendly, with time-saving features.

 

The need for a new build screen

A build screen is a tool used to view the status of the most recent projects at a glance. This way, everyone can stay on top of the latest developments, an indispensable feature in a work-environment that uses continuous integration. This allows for an immediate understanding of which projects are having problems or need more attention.

The previous build screen used at Orbit One was the Team Build Screen (https://teambuildscreen.codeplex.com/), but it came with many limitations. The UI was hard to read, there was only a Team Foundation Server implementation and it had to be installed as a desktop application.

With this new build screen, we tried to tackle the major issues present in the Team Build Screen. We offer a responsive web application that with an out-of-the-box implementation for both Team Foundation Server and Visual Studio Online.

Supported statuses

  • Green: a succeeded build
  • Red: a failed build
  • Purple: a stopped build
  • Cyan: a not yet started build
  • Blue: currently building
  • Yellow: a build with failed tests

When a project fails to build successfully, a circle is displayed with additional information. Clicking on this circle will lead to a report of the concerning build. This allows for swift assessment of the problem without losing valuable time.

Filtering

You can perform a simple search operation in the navigation bar, this will search on builddefinition name and on team project name. If you want to have a more advanced filter you can enable advanced filter, click on the "filter options" option and a modal will appear. In this modal you can type in the Team Project Name or the Buildname of the builds you want see, this list is complementary (OR relation). On the bottom of this modal you can filter the builds by age, for example you will only see the builds of the last month. This feature is subtractive to the previous two (AND relation).

 

Configuration

The configuration page makes it easy to add a Visual Studio Online or Team Foundation Server account. Just fill in a name of choice, the server URL, a VSO/TFS username and password and that's it.

config

  • Don't forget, to be able to use a VSO account, you have to enable alternate credentials!
  • Because of the authentication requirements of Team Foundation Server, the TFS implementation only works On Premise!

Requirements

  • Visual Studio Online
    • Must enable alternate credentials
  • Team Foundation Server
    • Tested on TFS 2012 Update 3, TFS 2013.
    • Must be hosted On Premise
  • Browsers, tested on:
    • IE 9+
    • Chrome 29+
    • Firefox 24+
    • Opera 21+
    • Safari 7+
    • Android Browser 4.2+
    • Windows Phone Browser 8.1
    • Safari for iPhone 7+
    • These versions support all functionality, for optimal viewing experience, please update your browser to the latest version.

 

To download and contribute, please visit our Github page:

GitHub link:
Orbit One Github.

Deployment package:

Tutorial video

Please watch our detailed tutorial for a smooth setup.

Free tools Free toolsNews

Op 21/05/2015 door Glenn and Sander

Buildscreen for TFS and VSO (alpha)

This blogpost is outdated, see the latest version here.

Wouldn’t it be easy if you had a visual summary of all your projects? Our build screen is a useful and easy way to display an organized overview of the build statuses of your projects.

Those of you who are familiar with Visual Studio Online (VSO) or Team Foundation Server (TFS), know that keeping tabs on current projects isn’t an easy task. Each page has to be visited separately, this is a very time-consuming process. At Orbit One a desktop application was used to simplify this. The lack of a VSO implementation and the dated user-interface convinced us to write our own build screen as a web application. This web application has several advantages: setup is one-time process, making it readily available for everyone to use. Furthermore, it’s accessible on every device with a modern browser, this way everyone can take advantage of the application anytime, anywhere. The interface has been designed to be user-friendly, with time-saving features.

The need for a new build screen

A build screen is a tool used to view the status of the most recent projects at a glance. This way, everyone can stay on top of the latest developments, an indispensable feature in a work-environment that uses continuous integration. This allows for an immediate understanding of which projects are having problems or need more attention.

The previous build screen used at Orbit One was the Team Build Screen (https://teambuildscreen.codeplex.com/), but it came with many limitations. The UI was hard to read, there was only a Team Foundation Server implementation and it had to be installed as a desktop application.

With this new build screen, we tried to tackle the major issues present in the Team Build Screen. We offer a responsive web application that with an out-of-the-box implementation for both Team Foundation Server and Visual Studio Online.

2015-04-14-15_46_34-Buildscreen_thum

Supported statuses

  • Green: a succeeded build
  • Red: a failed build
  • Purple: a stopped build
  • Cyan: a not yet started build
  • Blue: currently building
  • Yellow: a build with failed tests

When a project fails to build successfully, a circle is displayed with additional information. Clicking on this circle will lead to a report of the concerning build. This allows for swift assessment of the problem without losing valuable time.

Configuration

The web application is easily configurable in the web.config file. There is support for Visual Studio Online, Team Foundation Server, or both simultaneously.

Before you can use a Visual Studio Online account, you must enable alternate credentials. For more information, follow this link.

To enable Visual Studio Online you need (edit in <ConfigurationRestService …/>):

  • A username
  • A password
  • The VSO URI (the URL of the VSO server, see example below).

VSO-WEB.CONF-1_thumb8

To enable Team Foundation Server implementation you need (edit in <ConfigurationRestService …/>):

  • The TFS URI (the URL of the TFS server, see example below).
  • A username
  • A password

TFS-WEB.CONF-1_thumb2

In addition to these settings, you also have to enable the desired services by setting the value to true for the corresponding key (UseVSO/UseTFS) in appSettings.

WEB.CONF-2_thumb3

This is all the necessary configuration, you can now browse to the web application and see your builds.

Upcoming features

The application and source-code will be made available under the open-source GPLv3 license.

  • Even easier configuration: Setup and edit your desired servers directly from the applications’ user interface.
  • Capping: Limit the amount of retrieved builds
  • Multiple servers support: Have multiple TFS or VSO servers display on the build screen.
  • Filter/search function

The latest version is out now, check it out here.

 

Free tools Free tools

Op 23/04/2015 door Glenn and Sander