Team Bring-It: Our System

team logo

User Interface

The User Interface is coded using HTML and CSS. It has been designed to be easily legible with big fonts and sizing. When hovering over clickable items, the cursor changes to a pointer to make it clear that it can be clicked. Other parts of the UI also dynamically which makes it clear what is being selected.

Django uses templates to handle the client-side HTML. These templates allow for the use of python control structures such as conditionals and loops. Paired with Django’s template inheritance feature, the UI is able to adapt to the user who is logged in based on their permissions and roles. As seen below with doctors unable to edit the equipment but the inventory managers are.

UI Roles

More of the User Interface can be found on the training page.