From 66c14bcd51ac8586f9bf87aca82a6c40427bbec8 Mon Sep 17 00:00:00 2001 From: Tim Herbst Date: Sat, 23 Jan 2021 15:04:55 +0000 Subject: [PATCH] Update Umsetzung --- Projektarbeit-3/Umsetzung.md | 20 +++++++++++--------- 1 file changed, 11 insertions(+), 9 deletions(-) diff --git a/Projektarbeit-3/Umsetzung.md b/Projektarbeit-3/Umsetzung.md index b8296c6..34667f9 100644 --- a/Projektarbeit-3/Umsetzung.md +++ b/Projektarbeit-3/Umsetzung.md @@ -481,7 +481,7 @@ Die Toolbar ist auf Top-Level Ebene angesiedelt und wird sowohl im Dashboard als -Programmatisch wird über `ngIf` geprüft, ob die Route entweder das Schlagwort "dashboard" besitzt. +Programmatisch wird über `ngIf` geprüft, ob die Route das Schlagwort "dashboard" besitzt. ```html
@@ -518,16 +518,18 @@ this.interval = setInterval(() => { Ist der Auto-Refresh aktiv, wird alle 10 Sekunden eine Methode im Map Service aufgerufen, welche das Backend für neue Informationen anspricht und alle Layer neu generiert. ### Dashboard -* Aufbau der Seite in Komponenten, detaillierte Erklärung in Unterkomponenten -### Table -* Erläuterung der Tabelle in Zusammenhang mit der Minimap. +Das Dashboard selbst ist wieder in einzelne Unterkomponenten gegliedert. Dies sieht folgendermaßen aus: -### Charts -* Erklärung der ChartOptions, sowie genaue Erläuterung bei Aktualisierung +
+ +
+ +Das Dashboard selbst dient zum einen als Container für die ganzen Visualisierungen, als auch zum Delegieren des User-Inputs. + +
+ +
-## Layout -* Überblick über Angular Material -* Bootstrap Layout # Deployment Da es sich um ein Web-Projekt handelt, lag die Idee nahe, es auf einem Server in der Cloud zu deployen. Wir haben uns hierbei für den Anbieter [Hetzner](https://hetzner.cloud) entschieden. Dort läuft ein Ubuntu 20.04 Server mit zwei CPU Kernen und 2 Gigabyte Arbeitsspeicher. Dies ist vollkommen ausreichend für dieses Projekt. In der Serverkonsole kann man CPU, Festplatte und Netzwerk beobachten.