OpenStack Summit May 2015 Vancouver has ended
Back To Schedule
Thursday, May 21 • 4:10pm - 4:50pm
Beyond the Horizon: Innovating and Customizing Horizon using AngularJS

Sign up or log in to save this to your schedule, view media, leave feedback and see who's attending!

Are you looking to customize more than just the logo for your dashboard? Possibly adding content from a new API? Adding status icons to the table? Adding more contextual help text for your users? Improving the slow data load for large tables? This session is for you!

Today, Horizon is a Django-based project that provides a core set of libraries on which the OpenStack UI Dashboard is built. Since the Kilo cycle, however, Horizon has shifted toward more client-side development in order to build a more responsive, scalable, user-friendly application. AngularJS is one such tool. It is a popular open-source Javascript framework that extends the basic functionality of HTML to allow for more dynamic web applications.

This session will cover the basics of AngularJS as well as the evolving Horizon landscape. In Kilo, we have decoupled the data access from the data presentation. The new REST framework allows us to talk to the service API directly. With the data on the client-side now, we can focus on usability, including better performance, better workflow logic, more visual enhancements, as well as the ability to leverage more innovative client-side technologies. We can easily customize and enhance the look and feel of the table or wizard using Angular without digging through layers of code. Moving toward client-side development reduces the learning curve and gives more power to the developers to create a custom, optimal dashboard for their purposes.

After this presentation, Horizon deployers will be able to:

  • visualize data in any format such as embedding icons and graphs directly into the table, as a result of the decoupling of model and view

  • see more of the missing API data that was previously unavailable, as a result of decoupling of model and view

  • get immediate visual feedback, the better responsiveness is a result of client-side rendering

avatar for Richard Jones

Richard Jones

Software Developer, Rackspace
Richard is a developer at Rackspace focusing on Horizon and modern web technologies, while also helping out the infrastructure team, leveraging his knowledge of Python and packaging. He is an experienced speaker, having presented keynotes, talks and tutorials at many PyCons. In his... Read More →
avatar for Cindy Lu

Cindy Lu

Software Engineer, IBM
Cindy Lu has been a software engineer at IBM since 2012, focused on OpenStack community development efforts. She's been an active technical contributor to Horizon since the end of the Icehouse release. She is a core reviewer in the Horizon project.
avatar for David  Lyle

David Lyle

Senior Software Engineer, Intel
David Lyle works on cloud technologies as a Cloud Software Architect in Intel's Open Source Technology Center. David is primarily focused on Kubernetes and OpenStack.
avatar for Thai Tran

Thai Tran

Software Developer, IBM, IBM
Thai Tran works for IBM specializing in front-end web development. He has prototyped a number of UI that is included in IBM products. On his spare time, he likes to dabble in front-end technologies, explore mobile web frameworks, and develop video games that run on the web. He is... Read More →
avatar for Travis Tripp

Travis Tripp

Searchlight PTL, Horizon Core Reviewer, HP Master Techn, HP
Travis is the OpenStack Searchlight PTL, a Horizon core reviewer, an OpenStack User Experience core reviewer, and an architect for HP Helion where he is currently focusing on improving the OpenStack user experience by leveraging technologies such as AngularJS and Elasticsearch while... Read More →

Thursday May 21, 2015 4:10pm - 4:50pm PDT
Room 116/117

Attendees (0)