openbmc / webui-vue

Web-based user interface built on Vue.js for managing OpenBMC systems
https://openbmc.github.io/webui-vue/
Apache License 2.0
57 stars 55 forks source link

Hardware Inventory and Status (VPD, FRUs and LEDs) #54

Closed ParishrutB closed 3 years ago

ParishrutB commented 3 years ago

Use Case

Invision Prototype Guidance

The Invision prototypes have hot spots allowing the reviewer to step through the workflow. To navigate a prototype, you can:

  1. Click on the page and the hotspots will be revealed in blue
  2. Use the arrow-right and arrow-left keys on your keyboard

Design Review Workflow

  1. Each design iteration will have a comment section
  2. The section will include:
    • A title with the iteration number
    • Any description or specific feedback the designer is requesting
    • Screenshots of the workflow
  3. Based on community and user feedback, we create a comment for the new iteration and repeat these steps
ParishrutB commented 3 years ago

Background

Hi everyone! We are starting the design for Hardware VPD, FRUs, and LEDs.

Glossary


VPD means Vital Product Data, such as the serial numbers or model numbers of components. FRU means Field Replaceable Unit, or in other words, the hardware components which can be serviced in the field.

Research


From our research with internal users, we learned that the following information/functions should be accessible on a single page:

1. Hardware inventory and vital product data This page in IBM's GUI shows details of all the hardware components installed in the system, and their details such as part numbers, serial numbers, etc.

asdfadfasdfasdf

2. Concurrently maintainable FRUs These pages in IBM's GUI have functions to 'Remove' and 'Install' a concurrently maintainable hardware component, such as batteries and DVD drives.

box-imagesdfdf

3. Indicator LEDs These pages in IBM's GUI let the user switch on LED Indicators corresponding to different hardware components so that they can be clearly identified in the field.

fadfasdf

4. Program vital product data This page in IBM's GUI is useful to re-enter the system details in case they are lost due to a major error or hardware change

aw34w3

ParishrutB commented 3 years ago

Iteration 1 - LoFi mockup for user testing


We are currently planning to test an early, LoFi design with a few users. Here are the key design features:

  1. Vital system details on the top of the page.
  2. Every component type has its own table, e.g. a DIMMs table, a Fans table, etc.
  3. Every component table has functions and details necessary for diagnosis and service, such as serial numbers, LED indicator switches, etc.
  4. Concurrently maintainable components (such as batteries) have 'Remove' and 'Install' options shown upfront.
  5. A quick links section, so that users can navigate directly and quickly to the required component table, without having to scroll through the length of the page.

Screenshot_2021-02-25 eBMC Concepts Backlog Preview Mode - InVision

ParishrutB commented 3 years ago

Questions:


  1. Are these features useful to the community as well? If not, can you point out which ones are not useful or specific to your organization?
  2. Any feedback/advice based on your past usage or experience with this page?
derick-montague commented 3 years ago

There will be some new mockups posted in the near future.