Building the new Stackato Web Console
by Tara Gibbs

Tara Gibbs, January 28, 2014
screenshot of Stackato console welcome page

We completely revamped the web management console for Stackato 3.0. Since we had to update the entire thing to work with the new Cloud Foundry v2 API and add views for the new features, we chose to start again from scratch using the best technologies available to make it look nice, load fast, work on mobile devices, and be more maintainable in the long haul.

Pretty much anything you can do with the Stackato CLI, you can do in the console. If you've used the previous Stackato web console, you'll find the new Stackato 3.0 web console much, much more responsive.

For the curious, the three major building blocks for the new console are:

  • cloud-foundry-client-js: Our open source JavaScript client for Stackato and Cloud Foundry. This is the library that allows your browser to function as an API client.

  • Bootstrap: Provides a modern, mobile-friendly, cross-browser CSS framework that allowed us to quickly implement new layouts.

  • Backbone.js: A powerful JavaScript MVP library/framework that we're using to handle routing and presentation of views. It's also what makes the new console so much more responsive than past incarnations, as it's great for building single-page apps.

These last two saved us a lot of "reinventing the wheel" but rebuilding the console was still a huge job. I've put together an infographic to show just how much effort went into building this new console. Check it out!

Register for our What's New in Stackato v3.0 webinar or try the console for yourself! Download a Stackato VM, request access to the Stackato Sandbox, or deploy an instance on Amazon EC2 or HP Cloud Services!

Subscribe to ActiveState Blogs by Email

Share this post:

Category: stackato
About the Author: RSS

Tara leads the ActiveState Infrastructure team, helps maintain the corporate websites, and works as a developer on the Stackato web management console. She has a degree in Cognitive Science from Carleton University with a concentration in Human/Computer Interaction and AI.