Skip to content

Frontend

Overview and documentation of the frontend of the aedifion.io cloud platform.

Overview

With every project aedifion provides a web-based frontend offering access to some functionalities of aedifion.io, i.e. company- and user-management, data exploration, data management, tagging and filtering functionality, setpoint writing, schedule writing, component mapping or analytics results viewing. These functionalities are described below as an overview.

frontend-project-overview
Figure 1: Landing page with project overview

It is developed and tested for current standard-browsers like Chrome, Firefox, Safari and Edge and optimized for Desktop PCs, Notebooks and Tablets.

Company- and user-management

The account-management functionalities are accessible from every subpage. Depending on the logged-in user's rights, configurations on company and user-level can be done, like creating new users, granting access to projects, creating and deleting projects and so on. You can also switch between two languages: english and german.

frontend-project-overview
Figure 2: Company and user management

Data exploration and data management

The frontend visualizes historical data and real time data using line and heat map plots. Up to seven lines can be plotted in one line plot. One datapoint at a time can be plotted as a heat map.

frontend-project-overview
Figure 3: Line plotting of two datapoints, metrics of the timeseries in the picked interval below, multiple y-axis

frontend-project-overview
Figure 4: Heatmap plot of a CO2 time series over multiple weeks

Tagging and filtering functionality

Beside a plain text datapoint search, filtering via tags is provided. AI-classification tags, user-added tags and Building Automation protocol-tags are used. Access the list of tags of each datapoint by clicking on the pen-symbol next to the datapoint's name.

frontend-project-overview
Figure 5: Tags of a single datapoint (right)

Plotviews are a list of saved views of specific datapoints and can easily be accessed by the bookmark-button next to the user's menu. Beside of that is also a star-button for prominent filtering of the list of datapoints after the user's favorite datapoints. Add a new plotview by clicking on the plus-button in the lower right corner of each plotting window.

frontend-project-overview
Figure 6: List of plotviews

Setpoint writing

By clicking on the pen-symbol next to a writeable datapoint, setpoint writing options are shown above the datapoint's specific tags.

frontend-project-overview
Figure 7: Priority based writing functionality including a writing history

Schedule writing

It's possible to setup and configure schedules regardless of the used building automation protocol For example, this can be used to switch on an Air Handling Unit in the morning, switch it off in the evening and make it recurring daily.

frontend-project-overview
Figure 8: Setup and track schedules on specific datapoints

Component mapping

Choose one of the existing, generic components and map the related pins to your project's specific datapoints by the use of the AI classification results. Mapped components are the basis for further analytics and automatically created dashboards, just to name two of many usecases.

frontend-project-overview
Figure 9: Component thermal control loop with four already mapped pins

frontend-project-overview
Figure 10: Mapping of the pin temperature of the component weather station with the use of AI classification results

Analytics results

Get an overview of your components. They are sorted according to the quality of the respective analysis results. By selecting one component you see the timeseries plots of the mapped datapoints and a list of associated analysis results. By clicking on each result you get an interpretation with the underlying KPIs and a recommendation on possible improvements.

frontend-project-overview
Figure 11: Sorted list of components on the left hand side and analytics results, interpretations and recommendations


Last update: 2020-10-14