Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Implementation of energy certificate with a scale #825

Open
3 tasks done
fredericalpers opened this issue May 31, 2024 · 6 comments · May be fixed by #839
Open
3 tasks done

Implementation of energy certificate with a scale #825

fredericalpers opened this issue May 31, 2024 · 6 comments · May be fixed by #839
Assignees
@yeneastgate
Labels
component: property detail page Issue, Pull Request or Discussion related to property detail page feature New feature QA Issue or Pull request that is in review
Milestone
v4.25

Comments

@fredericalpers
Copy link
Contributor

fredericalpers commented May 31, 2024 •
edited by yeneastgate
Loading

Implementation of energy certificate with a scale

Introduction

The current presentation of energy performance certificate data on property websites is not particularly appealing or user-friendly, as it is only displayed in text/table form. In order to improve the user experience and better address potential customers, a standard graphical display for energy performance certificates is to be implemented.

User Story

As a real estate agent, I would like to have a more attractive presentation of the energy certificate data on my website. Currently, this data is only displayed as simple text/table, which is not very appealing. To improve the presentation, I would like to use a graphical representation for energy performance certificates. This will allow potential customers to see the energy efficiency of the property at a glance and process the information more easily. This visual representation will help to increase the attractiveness and professionalism of my website and increase the interest of potential customers.

Task & Requirements

  • Development of the display and integration of the energy certificate data
  • Selection option for activating the display in the plugin backend
  • Carrying out tests to ensure that the graphical representation is displayed correctly on all device sizes, browsers etc. and accurately reflects the energy efficiency of the properties.

Design / Screenshots

Certificate of consumption:
energieausweis PNG (3)

Demand certificate:
energieausweis2 PNG (3)
@fredericalpers fredericalpers added this to the v4.25 milestone May 31, 2024
@fredericalpers fredericalpers added feature New feature component: property detail page Issue, Pull Request or Discussion related to property detail page labels May 31, 2024
@yeneastgate yeneastgate self-assigned this Jun 4, 2024
@yeneastgate
Copy link
Contributor

@fredericalpers After investigating the requirements, please confirm the following issues for us:

  1. Is the Certificate of Consumption (Bedarfsausweis) energy certificate displayed like this image correct?
    image

  2. Is the Demand certificate(Verbrauchsausweis) energy certificate displayed like this image?
    image

  3. Currently on the onOffice system we see 2 types of energy certificates: Industrial requirement-oriented certificate (Bedarfsausweis Gewerbe) and Industrial energy consumption certificate (Verbrauchsausweis Gewerbe)

=> So do we need to implement them?
=> If you need to implement them, please provide us with the images of the UI scale.

@yeneastgate
Copy link
Contributor

@fredericalpers Please confirm it for me so I can continue with the implementation. Thanks

@fredericalpers
Copy link
Contributor Author

fredericalpers commented Jun 7, 2024 •
edited by yeneastgate
Loading

@yeneastgate the energycertificates for industrial (Gewerbe) will be implemented later, I will have to do some more research on these first.

The UI for the current implementation looks good so far. However I have a few minor adjustments.

  • Appropriate gap between headline, scale and table. Recommendation for the scale. top margin: 1.5rem, bottom margin: 2rem or even 2.5rem.
  • Use a more saturated green, as the light green can be hard to see on different screens.

@yeneastgate
Copy link
Contributor

@yeneastgate the energycertificates for industrial (Gewerbe) will be implemented later, I will have to do some more research on these first.

The UI for the current implementation looks good so far. However I have a few minor adjustments.

  • Appropriate gap between headline, scale and table. Recommendation for the scale. top margin: 1.5rem, bottom margin: 2rem or even 2.5rem.
  • Use a more saturated green, as the light green can be hard to see on different screens.

@fredericalpers I got it. Thanks!

@yeneastgate yeneastgate linked a pull request Jun 13, 2024 that will close this issue
Open
@yeneastgate
Copy link
Contributor

@fredericalpers I have implemented it and this is demo video:

bandicam_2024-06-13_17-16-47-158.mp4

Please check and let me know your opinion. Thanks!

@fredericalpers
Copy link
Contributor Author

@yeneastgate this looks good to me! we will review it as soon as possible. thank you :)

@fredericalpers fredericalpers added the QA Issue or Pull request that is in review label Jul 1, 2024
@fredericalpers fredericalpers linked a pull request Jul 1, 2024 that will close this issue
48939 Implementation of energy certificate with a scale #839
Open
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@yeneastgate yeneastgate

Labels
component: property detail page Issue, Pull Request or Discussion related to property detail page feature New feature QA Issue or Pull request that is in review
Projects
None yet
Milestone
v4.25
Development

Successfully merging a pull request may close this issue.

48939 Implementation of energy certificate with a scale onOffice-Web-Org/oo-wp-plugin
2 participants
@fredericalpers @yeneastgate