Loading…
This event has ended. Create your own event → Check it out
This event has ended. Create your own
View analytic
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 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


Speakers
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 spare time he plays and develops video games.
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

Horizon PTL, Intel, Intel
David is an OpenStack Architect at Intel where he is focused on contributing to and improving OpenStack. He is currently serving his fifth term as Horizon Project Technical Lead. David previously developed and supported Horizon as the user interface for internal administration and end users in a large public cloud. He has directly contributed to the development, packaging, deployment and support of a large public cloud running 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 currently a core contributor to the OpenStack Horizon community.
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 working closely with the community on new UX designs and interaction patterns. He's led multiple cloud software products intermingling between lead product... Read More →


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

Attendees (164)