Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Sv translation
languagede

Einleitung

Die Startansicht des Portals kann individuell konfiguriert werden. Die einzelnen Elemente, welche auf der Seite darstellbar sind, nennen sich Widgets. Daneben können auch bis zu 9 weitere Seiten hinzugefügt werden, die dann ebenfalls frei mit Widgets belegt werden können. Jede dieser Seiten stellt dabei ein Dashboard dar.

Das Menü

In der Menüleiste finden Sie das Icon zur Anzeige und zum Bearbeiten verfügbarer Dashboards.

Image Modified

Die Übersicht besteht dabei aus 3 Teilen:

Image Modified

1) Eine kompakte Leiste zur schnellen Anzeige, auf welchem Dashboard Sie sich befinden und zum direkten Wechsel auf ein beliebiges anderes Dashboard.

2) Die Liste an konfigurierten Dashboards mit dem jeweils selbstgewählten Namen.

  • Das 1. Dashboard entspricht dabei immer Ihrer Startseite nach dem Anmelden im Portal
  • Das jeweils aktiv angezeigte Dashboard ist fett hervorgehoben
  • Über die beiden Aktionselemente am rechten Rand können Sie direkt die Reihenfolge der Dashboards ändern oder ein beliebiges Dashboard bearbeiten

3) Die Möglichkeit ein weiteres Dashboard anzulegen

  • Es können bis zu 10 solcher Dashboards konfiguriert werden.

Ein Dashboard anlegen oder bearbeiten

Grundlegend wird zunächst die Menüleiste in den Bearbeiten-Modus geschaltet, und Sie haben die die Möglichkeit zur Bearbeitung der Dashboards

Image Modified

1) Auswahl einer Dashboard Vorlage. Hierbei haben wir bereits eine Auswahl an Widgets vorkonfiguriert, so dass Sie direkt, ohne weitere Konfiguration, starten können.

2 ) Zur besseren Identifikation kann jedes Dashboard benannt werden. Dies ist dann der Name, welchen Sie auch im Menü sehen.

3) Weitere Aktionen

  • Es ist möglich ein bestehendes Dashboard zu duplizieren, wenn Sie ein weiteres Dashboard mit ähnlichen Widgets nutzen wollen. Zum Beispiel ein Dashboard mit Daten je Standort.
  • Außerdem kann ein bestehendes Dashboard über die Löschen-Funktion wieder entfernt werden

4) Wenn Sie die Bearbeitung abbrechen, landen Sie wieder bei ihrer letzten Ansicht vorher. Beim Speichern bleiben Sie auf dem aktuellen Dashboard und können direkt weiterarbeiten.


Die eigentliche Arbeitsfläche ist in ein Grid eingeteilt, auf dem die einzelnen Widgets frei positioniert und in ihrer Größe angepasst werden können.

Wenn Sie mit der Maus über einem leeren Grid-Element sind, sehen sie das +-Symbol, um an dieser Stelle ein neues Widget hinzuzufügen. 

Image Modified


Jedes angelegte Widget hat dabei folgende Bedienelemente

Image Modified

1) Über das Verschieben-Icon lässt sich das Widget beliebig verschieben. Kommt es zu einer Überschneidung mit einem der anderen Widgets oder wird das Widget über den Rand hinausgezogen, springt es an die Ausgangsposition zurück.

2) Über das Aktionsmenü lässt sich der Inhalt des Widgets anpassen und das Widget kann auf diesem Weg auch gelöscht werden.

3) Erlaubt die Änderung der Größe eines Widgets bis hin zum vollen Bildschirm

  • Aufgrund der unterschiedlichen Größe verschiedener Bildschirme gibt es keine Mindestgröße für ein Widget. Dies kann dazu führen, dass ein Widget auf einem kleinen Bildschirm nicht nutzbar ist. Aus diesem Grund wird der Widget-Inhalt bereits beim Bearbeiten geladen und angezeigt, so dass die Größe direkt auf ein sinnvolles Maß angepasst werden kann und sollte.

4) Während der Bearbeitungsmodus aktiv ist, wird der Widget-Inhalt zwar angezeigt, ist aber gesperrt, um eine versehentliche Bedienung zu verhindern.

Ein Widget bearbeiten

Im ersten Schritt wird immer der Widget-Typ festgelegt. Dabei gibt es weiterhin eine Unterteilung in Widgets mit frei konfigurierbarer Größe und den Aufruf eines Moduls, welches immer den gesamten Bildschirm belegt.

Image Modified

Einige der Widgets haben zusätzliche Konfigurationsoptionen.  Zum Beispiel für eine Fahrzeuggruppe oder einen Zeitraum, der im Widget angezeigt werden soll. Dieser 2. Schritt ist dann über das Aktionsmenü unter „Konfiguration“ verfügbar.

Nutzung

Die Dashboards lassen sich im laufenden Betrieb entweder über das Dashboard-Menü wechseln oder über die Pfeile am Bildschirmrand durchschalten. Dabei wird nach dem letzten Dashboard wieder zum 1. Gesprungen und umgekehrt, so dass hier endlos umgeschaltet werden kann.

Zur Orientierung wird aber im Menü das jeweils aktive Dashboard hervorgehoben. Außerdem wird beim Wechsel der Name des jeweiligen Dashboards oben am Bildschirm eingeblendet.

Sv translation
languageen

Introduction

The start view of the portal can be configured individually. The individual elements that can be displayed on the page are called widgets. In addition, up to 9 further pages can be added, which can then also be freely assigned widgets. Each of these pages represents a dashboard.

The menu

The menu bar contains the icon to show and edit the available dashboards.

Image Added

This overview consists of 3 parts:

Image Added

1) A compact bar to quickly see which dashboard you are on and to switch directly to any other dashboard.

2) A list of self configured dashboards with the predefined names.

  • The first dashboard always is the home dashboard and will be loaded directly after login.
  • The currently visible dashboard is marked with bold text.
  • You can use the two action elements on the right-hand side to directly change the order of the dashboards or edit any dashboard

3) The button to add a new dashboard

  • It is possible to create and configure up to 10 dashboards.

Create or edit a dashboard

On start editing or creating a dashboard the top menu will switch into edit-mode and allow to change some of the settings and end the edit mode.

Image Added

1) Select a dashboard template. There is a set of predefined templates to start with. After selcting a template the according widgets can be configured individually.

2 ) To make it easier to identifiy the dashboards in the list, you can set an own name here.

3) Other actions

  • It is possible to duplicate an existing dashboard if you want to use another dashboard with similar widgets. For example, a dashboard with data per location.
  • Furthermore this menu allows to delete a dashboard.

4) On cancel edit, you will return to your last previous view before the edit mode was startet. On save a dashboard you will stay at this dashboard view and can directly continue working.


The actual workspace is divided into a grid on which the individual widgets can be freely positioned and adjusted in size.

On hovering an empty grid element with the mouse a "+"-symbol wll be shown and allows to add a widget at this position.

Image Added


Each widget has the following control elements:

Image Added

1) The move-icon allows to move the widget to another position. If the widget will overlap another widget or would not fit to the page anymore, the widget will snap back to its start position.

2) The action menu allows to configure the widget content and to delete a widget completely.

3) The resize element will allow to resize the widget.

  • If the resized widget will overlap another widget, its going back to it's original size.
  • Due to the variety of screen sizes there is no limitation for the widget size. Each widget can be minified to a single grid element, even if it is not useable anymore on small screens! To show such problems directly, the widget will be loaded right after setting the desired widget type.

4) While the edit mode is active, the widget content is still visible but inputs are blocked to avoid accidental operation.

Edit a widget

The first step is to set the widget type. We still kept the difference between widgets with a variable size and full screen modules.

Image Added

Most widgets have additional individual configuration options, such as a car limitation or a time range. This second step is available viw the widget configuration menu.

Usage

The dashboards can be switched during operation either via the dashboard menu or using the arrows at the edge of the screen. After the last dashboard, the system jumps back to the first dashboard and vice versa, so that you can switch endlessly.

However, the active dashboard is highlighted in the menu for orientation. In addition, the name of the respective dashboard is displayed at the top of the screen when switching.