COVID-19 Ampel - LFV Website-Kit Widget

"Corona-Ampel" - grafische Anzeige des 7-Tage-Inzidenzwertes (via Robert-Koch-Institut) eines ausgewählten Landkreises für das LFV Website-Kit (django CMS).
Die Ampel ist auch als HTML5-Template und als Modul für das Joomla CMS verfügbar: Weitere Informationen.  

Die Krankenhausampel als Skript zur Einbindung auf die eigene Webseite ist nun hier verfügbar: https://krankenhausampel.info

Widget:

Corona-Ampel für den

7-Tage-Inzidenzwert im
Stand: (Robert-Koch-Institut (RKI), dl-de/by-2-0)
35 
50 

Schnellstart-Anleitung:

  1. Die ObjectId des Landkreises ermitteln für den die Ampel angezeigt werden soll.
  2. Diese ObjectId in das Eingabefeld des Quellcode Generators eintragen und auf "ObjectId in Quellcode einfügen" klicken.
  3. Den HTML-Code in ein neues HTML-Snippet-Element auf einer Seite des Website-Kits kopieren (ausführliche Anleitung).
  4. Seite speichern und veröffentlichen.

Der Text über der Ampel kann natürlich frei angepasst/geändert oder entfernt werden. Wichtig ist nur, dass die Quellangabe zum Robert-Koch-Institut (RKI) und die Lizenz dl-de/by-2-0, unter der die Daten veröffentlicht werden, ersichtlich bleiben.
Wenn ihr das Widget bei euch einbindet, braucht ihr uns (also die FF-Grünwald) nicht erwähnen oder verlinken; der Quellcode des Widgets steht unter der CC0-Lizenz. Wichtiger ist, dass ihr gesund bleibt und dadurch die Einsatzbereitschaft eurer Wehren aufrecht erhaltet! So haben wir alle etwas davon. ;-) 


Widget Quellcode Generator

Der Quellcode enthält das komplette obere Beispiel (inkl. rotem Rahmen)

Update 05.11.2020: Anpassung der Stylesheets, damit das Widget auch auf der Startseite (Homepage) im Bereich "Inhalt" richtig angezeigt wird, da hier die Besonderheit ist, dass in diesem Bereich - im Gegensatz zu allen anderen Seiten im Bereich "Inhalt" - der Hintergrund rot und die Textfarbe weiß ist. Hintergrund des Widgets ist jetzt immer weiß und die Textfarbe wird auf schwarz gesetzt. Danke an Jojo von der FF Hagelstadt!
Update 07.11.2020: SEO Optimierung, indem eine <h2> eingefügt wurde. Text der verwendeten Lizenz (dl-de/by-2-0) wurde mit Link zur Lizenz hinterlegt. Außerdem Doku mit Hinweis ergänzt, dass Quellangabe und Lizenz ersichtlich bleiben müssen. Danke an Thorsten von der FF Lindenberg!


Die ObjectId des gewünschten Landkreises ermitteln

  1. dazu die Webseite der verwendeten API mit den Corona-Landkreisen aufrufen: https://npgeo-corona-npgeo-de.hub.arcgis.com/datasets/917fc37a709542548cc3be077a786c17_0
  2. dann im linken mittleren Bereich der Karte auf das "Download"-Icon klicken,
  3. und nun um ganz linken Fensterbereich die CSV-Datei (kommaseparierte Liste) herunterladen. 
  4. Die CSV-Datei hat den Namen RKI_Corona_Landkreise.csv und lässt sich bspw. mit Microsoft Excel öffnen.
  5. Da der Inhalt kommasepariert ist, muss er zuerst noch über die Excel-Funktion "Text in Spalten" (Menü "Daten") in Spalten umgewandelt werden, sodass eine vernünftige Suche nach der OBJECTID möglich ist. 
  6. Nachdem der Inhalt in Spalten umgewandelt wurde, kann man in den Spalten H und I den gewünschten Landkreis/Stadt ermitteln und nun in Spalte A die OBJECTID ablesen.

Alternativ: Hier findet ihr die Liste mit allen Landkreisen/Städten und der OBJECTID von uns bereitgestellt (Basis sind die o.g. Schritte). Es muss einfach nur noch mit STRG+F nach dem gewünschten Landkreis gesucht werden.


 

Einbinden in eine Seite des LFV Website-Kits:

Ausführliche Anleitung um den erzeugten Quellcode auf einer Seite des Website-Kits einzubinden.

  1. Auf der Seite als Administrator einloggen (https://name-der-gemeinde.feuerwehren.bayern/admin)
  2. Auf "Seite öffnen" in der oberen LFV Website-Kit Menüleiste klicken
  3. Zur gewünschten Unterseite navigieren, auf der das Widget angezeigt werden soll (bspw. Startseite)
  4. In der oberen LFV Website-Kit Menüleiste auf "Editieren" klicken
  5. In den Struktur-Editor wechseln (ab hier: siehe Bild unten)
  6. Im gewünschten Bereich (bspw. unter "Beschreibung" oder "Inhalt") über das + Zeichen:
    1. einen neuen Container hinzufügen (mit Standardeinstellungen)
    2. in dem Container eine neue Zeile mit 1 Spalte erstellen
    3. in der neuen Spalte (Standardbreite: 12 Einheiten) ein HTML Snippet hinzufügen: 
      1. Einen Namen angeben, dieser wird dem Besucher nicht angezeigt sondern dient nur dem Administrator zur besseren Übersicht.
      2. In das Feld HTML den kompletten Code aus den gewünschten Beispielen hier einfügen (vorher die Landkreis ObjectId ermitteln und anpassen)
      3. Speichern bzw. "Sichern"
  7. Auf die blau hinterlegte Schaltfläche "Änderungen jetzt veröffentlichen" in der LFV Website-Kit Menüleiste klicken
  8. Das Widget ist nun auf der Seite veröffentlicht.

Weitere Anzeigemöglichkeiten

Die nachfolgende Tabelle stellt alle verfügbaren Werte des Widgets mit den dazugehörenden HTML-Elementen dar, die neben der Ampel für eine Anzeige zur Verfügung stehen. Die HTML-Codes können auch mehrmals auf einer Seite (in verschiedenen Website-Kit Elementen) verwendet werden, dazu muss jedoch der JavaScript Teil des Quellcodes nach der Verwendung des letzten verwendeten HTML-Codes eingefügt werden. Deshalb ist es empfehlenswert, den JavaScript-Teil in ein eigenes HTML-Snippet der Seite zu kopieren und dieses an letzter Position (Bereich Bottom) im Struktureditor einzufügen. 

Beschreibung Wert HTML-Code um Wert anzuzeigen
7-Tage-Inzidenz:
Landkreis:
Letztes Update / Stand:
Bundesland:
Gesamtfälle:
Todesfälle:
Sterberate:
7-Tage-Inzidenzwert im Bundesland:
Fälle/100.000 EW:
Betroffenenrate:

Beispiel 2: Fließtext ohne Ampel

Im () liegt der aktuelle 7-Tage-Inzidenzwert bei (Stand: ). Insgesamt gibt es bisher bestätigte Fälle von COVID-19, darunter Todesfälle. Die Sterberate beträgt .
Der 7-Tage-Inzidenzwert im gesamten Bundesland beträgt . Bezogen auf die Einwohnerzahl sind das Fälle pro 100.000 Einwohner, was einer Betroffenenrate von infizierten Personen entspricht.

Quelle: Robert-Koch-Institut (RKI), Lizenz: dl-de/by-2-0

 


 

Datenbereitstellung & Aufbereitung

Die Verwendeten und verarbeiteten Daten stammen von der Nationalen Plattform für geografische Daten (NPGEO), werden dort vom Robert-Koch-Institut (RKI) bereitgestellt und unterliegen einer "Custom License". Auszug: 
Die Daten sind die „Fallzahlen in Deutschland“ des Robert Koch-Institut (RKI) und stehen unter der Open Data Datenlizenz Deutschland, Version 2.0 zur Verfügung.  Quellenvermerk: Robert Koch-Institut (RKI), dl-de/by-2-0  Haftungsausschluss: „Die Inhalte, die über die Internetseiten des Robert Koch-Instituts zur Verfügung gestellt werden, dienen ausschließlich der allgemeinen Information der Öffentlichkeit, vorrangig der Fachöffentlichkeit“.
 
Datenquelle: https://services7.arcgis.com/mOBPykOjAyBO2ZKk/arcgis/rest/services/RKI_Landkreisdaten/FeatureServer/0
Bereit gestellt von: help1@esri
Verwendete REST-API (JSON Format): ArcGIS

Die Daten werden bei jedem Aufruf der Seite mittels eines asynchronen GET-Requests auf Basis der angegebenen ObjectId (=Landkreis) geholt und angezeigt. Pures JavaScript, es wird kein Framework (bspw. jQuery) verwendet.

 


Ein valides HTML5-Template für alle anderen Webseiten (nicht auf der LFV Webkit Basis) mit der "Corona Ampel" ist hier verfügbar. Oliver, von der FF Tiddische, hat das Script in ein Joomla-Modul gepackt. Wer Joomla als CMS verwendet, kann sich das Modul hier herunterladen.

Anregungen / Wünsche / Kritik bitte E-Mail an: mario.fliegner@feuerwehr-gruenwald.de