Skip to content

Engineers - Frontend user guide

Info

This tutorial refers to aedifion's old frontend. The old frontend is available by adding "old." in front of your deployments URL or by using the button "Go to old frontend". E.g., to get to the old version of aedifion's frontend on www.aedifion.io you must enter old.aedifion.io.

A user guide on how to use .analytics via the frontend of the aedifion.io cloud platform.

Please note, displaying videos is currently not available via the Safari web browser. Please use web browsers like Edge or Chrome instead.

Overview

The frontend of the aedifion.io cloud platform provides an intuitive, clear, and fast solution for the .analytics workflow. This workflow contains the following steps:

  • Instancing components of your energy system.
  • Mapping datapoints to instanced components.
  • Configure analysis functions and reports.
  • Get and explore analytics results.
  • Add information to datapoints using tags.
  • Create lineplots with multiple datapoints and save the plots as view.

This page offers a user guide for the .analytics workflow. Most steps are visualized in a video, and clarified by an example.

See below for the individual steps of the .analytics workflow.

Instancing components

This video shows how to create and name a component for a project.

Short overview of necessary steps:

  1. Choose a project.
  2. Switch to "Results", click on "Create a component", and choose a component to create.
  3. Set a german and english name, and optionally set an abbreviation.
  4. Press "Save Changes".

Mapping datapoints

This video shows how to map datapoints to a created component.

Short overview of necessary steps:

  1. If you have not chosen a project, choose one.
  2. Switch to "Results", click on "Create a component", and select the component to be mapped. If the component you would like to map is not created yet, create it.
  3. Map a datapoint to a pin:

    1. Choose a pin of the component by clicking on it.
    2. Select a datapoint from the list on the left.
    3. Press "Save Changes".
  4. Repeat steps a) to c) for all pins of the component you would like to map.

Configuring and activating .analytics reports

This video shows how to write attributes, configure analysis functions, and therefore also enable .analytics reports of a created component.

Short overview of necessary steps:

  1. If you have not chosen a project, choose one.
  2. If you have not chosen a component, switch to "Results". In case there are no results for the desired component, the component is not listet in this view. To open a list of all created components, click on "Create a component". If the desired component is not found, create it.
  3. Navigate to the "Attributes" section below the mapping view.
  4. Write the information you want to assign to a particular attribute in the box. Changes are changes automatically.
  5. Navigate to the "Analysis" section below the "Attributes" section.
  6. Choose the analysis functions, you are interested in, by clicking on the slide controller. The analysis functions can be chosen automatically based on the mapping. You can deselect analysis functions by clicking on the slide controller.
  7. The selected analysis functions are executed every monday.

Exploring analytics results

This video shows how to explore the results of executed analysis functions.

Short overview of necessary steps:

  1. If you have not chosen a project, choose one.
  2. Switch to "Results" and choose the desired component. The components are color-coded based on the analysis results.
  3. Below the plotview, you find all mapped datapoints and below them, the results of the analysis functions (interpretations, recommendations, and KPIs).

Adding information to a datapoint

Information can be added to a datapoint as tags. The information can be chosen freely.

To add information to a datapoint, choose a project by clicking on the desired project. Figure 1 shows the overview of available projects.

select-project-from-project-overview
Figure 1: Project Overview

If you have selected a project, switch to "Datapoints". You can now search for a datapoint using the search bar. Select the datapoint by clicking on it. All selected datapoints are displayed in the plot area as shown below.

select-datapoint-from-list
Figure 2: Plot of the selected datapoint

After you have found the desired datapoint, you can open the datapoint's "Tags" by clicking on the pencil icon next to the datapoint name (right side) in the datapoint list on the left. The tags are listed on the right, as shown in figure 3.

opened-tag-menu
Figure 3: List of tags of the selected datapoint

Now, you can navigate to the bottom of the list and add a new tag by typing in a "KEY" (e.g., "energy price" or "cost center") for your tag (figure 4). To create the tag, click on "Create".

create-tag-key
Figure 4: Creation of a new tag

To set the value of a tag (e.g., the energy price of 0.08 €/kWh), enter the desired information in the "VALUE" field and click on "Create". The information to be assigned can be freely selected, as shown in figure 5.

set-a-value-for-the-tag
Figure 5: Set a value for the new tag

Figure 6 shows the datapoint's "Tags" after successfully adding the new tag to the datapoint.

updated-tag-overview
Figure 6: List of tags of the selected datapoint after adding a new tag

Short overview of necessary steps:

  1. If you have not chosen a project, choose one.
  2. Select "Datapoints" from the navigation bar on the left.
  3. Type the datapoint name in the search bar and if you do not know the correct name, search for it by typing parts of it.
  4. Click on the pencil icon to the right of the datapoint name. The information about all tags set are displayed.
  5. You can now create a new tag and save the information by

    1. Navigating to the bottom of the listed tags.
    2. Entering the name of the new tag to the blue box in column "KEY".
    3. Entering the information, you would like to add to the datapoint, to the box in the column "VALUE".

Create a plotview with multiple datapoints and save it

In a plot, more than one datapoint can be shown. This plot can be saved for later inspection, too.

To create a new plot, choose the desired project as shown in figure 1 from the section about adding information to a datapoint.

If you have selected a project, switch to "Datapoints". You are now able to search for the datapoint, you would like to plot. You can search for a datapoint using the search bar, as shown in figure 2 from the section about adding information to a datapoint.

You can add more datapoints to the plot. To do so, search for and select the desired datapoints one by one. Figure 7 shows a plot with three selected datapoints, below this plot the displayed datapoints are color-coded and listed with further information such as maximum and minimum values.

plot-with-three-datapoints
Figure 7: Plot with three datapoints and additional information

To modify the evaluation period, use the date picker, as shown in figure 8. The evaluation period can be chosen freely.

select-evaluation-time
Figure 8: Select evaluation period using the date picker

To create and save a plotview, click on the green plus sign in the bottom right corner as shown in figure 9. Select "View" from the shown possibilities.

create-plotview
Figure 9: Create a new plotview

After clicking on "View", a window with all datapoints will show up. In addition, the view can be named. By clicking on "Create View" the view is saved and can now be reviewed at any time. The overview window is shown below.

name-new-plotview
Figure 10: Overview of a new plotview

Short overview of necessary steps:

  1. If you have not chosen a project, choose one.
  2. Select "Datapoints" from the navigation bar on the left.
  3. Type the datapoint name in the search bar and if you do not know the correct name, search for it by typing parts of it.
  4. Click on the desired datapoint to add it to the plot.
  5. Repeat steps 3 and 4 for all datapoints, you would like to plot at once.
  6. You can choose the depicted period by using the date picker above the plot area.
  7. You can save the view by executing the following steps:

    1. Click on the green plus sign.
    2. Click on "View" in the shown "CREATE" window.
    3. Enter a name for the plot.
    4. Click on "Create View" to save the view.
    5. Revisit old plots by clicking on the bookmark icon at the top of the page.

Export plots

It is possible to export plots using our frontend.

To create a new plot or select an existing plotview of a specific project, choose the desired project as shown in figure 1 from the section about adding information to a datapoint.

If you want to export an existing plotview, click on the bookmark icon and select the plotview, you would like to export. In case you would like to create a new plot, follow steps 2 to 6 from the section about creating and saving plots with multiple datapoints.

To export the plot, click on "Export" in the top right corner. This opens an overview of the available file formats as shown below. The following file formates are available:

  • PDF
  • PNG
  • JPEG
  • SVG

export-to-specific-format
Figure 11: Export a plot to one of the listed file formats

By clicking on the desired file format, the export is started. The created file will be downloaded to your computer. The plot exported as PDF file is shown below.

plot-as-pdf
Figure 12: Exported plot as PDF file

Short overview of necessary steps:

  1. If you have not chosen a project, choose one.
  2. Select a plotview from the existing ones by clicking on the bookmark icon or create a new plot following steps 2 to 6 from the section about creating and saving plots with multiple datapoints.
  3. Click on "Export" in the top right corner and select the desired file format.
  4. The created file is downloaded automatically.

Last update: 2022-07-28
Back to top