GUI Component Library

Jandra A jandraara at gmail.com
Tue Nov 26 08:17:37 AEDT 2019


Updating the OpenBMC Style Guide Prototype link below.


> In terms of a design library that matches the style of the web UI we’ve
> been working on, Bootstrap would be a great choice:
> https://bootstrap-vue.js.org
>
> We agree to use Bootstrap-Vue for the Vue framework rewrite. Bootstrap-Vue
> does not have an icon library and refers to third-party sources. Since we
> are already using the Carbon Design System icons, can we agree to continue
> to use them?
>
> > However, I wonder if we could find a happy medium between the two
> styles? I’ve been looking for websites that have elements of both style
> preferences -- that include the more modern look (larger elements, rounded
> corners, light colors), with the more stable look (dark colors, square
> elements) – and found these great examples:
> >
> >- Invision App’s website https://www.invisionapp.com/
> >- Visual Studio Code website https://code.visualstudio.com/
> >- GitHub website https://github.com/
>
> Thank you for sending the site examples. They are great examples of
> well-designed user interfaces. Although the proposed Intel UI updates
> provide some pattern improvements, the overall layout and design changes
> don't feel as polished as the examples you shared. We believe more
> collaboration is needed to improve the design and implementation of the
> proposed changes to meet both Intel's and IBM's needs.
>
> A little over a year ago, we developed an OpenBMC style guide to make it
> easier for designers and developers to contribute to the project. We built
> a living style guide prototype, but Ed's concern about who would develop
> and maintain the guide kept it from moving forward. The inconsistency and
> lack of code reuse throughout the application is the result of not having
> this documentation.
>
> OpenBMC Style Guide:
> https://ibm.invisionapp.com/share/EBNYECMH3Y2#/318986393_Grid
> <https://ibm.invisionapp.com/share/EBNYECMH3Y2#/318986393_Grid>
>
> OpenBMC Style Guide Prototype:
> https://derick-montague.github.io/openbmc-styleguide-proposal/
>
> As we rewrite the application in Vue, we have an opportunity to create
> this documentation and assure that the OpenBMC UI is clean, maintainable,
> and adheres to an agreed-upon set of values. Since joining the project, you
> have been working alone on both design and development. We hope that we can
> work as a team to collaborate and lean on each other's strengths.
>
> I feel the next step is to schedule a meeting to review the existing style
> guide. We can then determine what needs to be updated to meet both Intel's
> and IBM's needs. We can use the updated style guide to create the theme
> changes required for the Bootstrap-Vue out of box experience to adhere to
> the updated style guide.
>
> This effort will require a stronger focus on the framework update and
> style guide development. When we start working on the framework update, the
> only updates to the AngularJS UI will be critical bug fixes. Our goal is to
> have the framework update complete no later than the end of Q2 2020.
>
> What are your thoughts on this plan?
>
>
>
>
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.ozlabs.org/pipermail/openbmc/attachments/20191125/482f69ae/attachment.htm>


More information about the openbmc mailing list