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.

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.

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.

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

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.

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.

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.

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.

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.

Figure 9: Component thermal control loop with four already mapped pins

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.

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