Meeting notes

[kakiac]

Summary 2024-10-04

In today's meeting we reviewed, Wireframes, and other designs and diagrammes available here: https://github.com/AlexanderJohnRobertson/Dissertation-Smart-Home-Weather-Dashboard/tree/main/Design

Here is some areas of improvement:

1. avoiding a lot of content on each screen, especially on the weather tab. for example under this tab

you could make this a 3x3 or add some padding between the text in the box and the elements. Can use Flexi or css grid, they are libraries for including padded information. Check on CodePen.

2. Make sure that those buttons that can be clicked have a button (click here for more information or similar

3. University of Suffolk colours can be picked up from this link

4. Usecase diagramme is very good and very clear what happens where and when

5. Class diagramme very detailed and makes sense for the time being, but we might need to revise this as soon as we have the APIs working. All attributes are shown are very comprehensive

Here is what we said would be the next steps:

• [ ] 1. Start familiarising with WeatherLink website and APIs. https://www.weatherlink.com/bulletin/9722cfc3-a4ef-47b9-befb-72f52592d6ed username: dishstudent1@gmail.com password (via teams)
• [ ] 2. Go through the Weather API v2 link tutorial https://weatherlink.github.io/v2-api/tutorial#:~:text=This%20tutorial%20will%20walk%20you%20through%20what and understand
• [ ] 3. create the basic Flask application setup. Don't worry about setting up the docker and setting up the automation, focus on the the front end elements and the visualisation.

(if there is time)

• [ ] 4. start implementing up the weather and humidity sensor views on the application - weather station (temperature, humidity) might be a good starting point.

[kakiac]

Summary (2024-10-11)

In this meeting we looked at the first basic Flask application setup with some basic elements of the webpage.

Here are some things we discussed:

a) the details button was giving you a hard time, by not being centered in the middle. Godwin suggested you have a look at the padding definitions on the css file and try a percent value instead of a fixed element

b) you have implemented a light and dark mode, but you are experiencing issues with the implementation. We said we would be looking into it

Next steps:

• [ ] a) create the rest of the pages
• [ ] b) delete the energy consumption box
• [ ] c) add the university of suffolk logo on the nav bar - see for example http://uos.ac.uk
• [ ] d) create the navigation bar
• [ ] e) then try to include some of the key API components