While the design team is working towards a finalized design, the development team has begun implementing a front-end for the detail view of the dashboard. The detail view is currently showing information about the overall status of a refrigerator, system up time, location, and graphs that records the change in temperature (both external & internal) and door status (open vs. closed) over time. The graphs are included to show the user if changes being made to the refrigerator status affects its overall status. The left sidebar will show all refrigerators in a particular location, and will allow you to add a new refrigerator. The top right corner includes login account information, connection information, and the overall status.
This is our first attempt to creating a front-end that will receive data from the back-end. The front-end will eventually look like our finalized wireframes, once they are finalized. The front-end was created with HTML/CSS/JavaScript, using Bootstrap and Jinja2, a template engine that is a part of the Flask package. See below to take a look at the detail view.
No comments:
Post a Comment