Eine Echtzeit-Webkarte erstellen

Der erste Schritt beim Erstellen von Echtzeit-Apps ist das Erstellen einer Webkarte mit den notwendigen Echtzeitdaten. Die Abteilung Öffentliches Bauwesen der Stadtverwaltung sammelt bereits mit AVL-Geräten (Automatic Vehicle Location, automatische Ortung von Fahrzeugen) Echtzeitdaten zur Flotte ihrer Schneepflüge. Diese Geräte, die auf jedem Schneepflug montiert sind, übertragen GPS-Koordinaten des Fahrzeugs an einen Empfänger im städtischen Amt. Diese Daten werden Sie einer Webkarte hinzufügen und entsprechend symbolisieren und beschriften, um wichtige Informationen an Benutzer zu übermitteln.

Echtzeitdaten hinzufügen

Die Echtzeit-Feature-Layer der Kommunalverwaltung werden durch ArcGIS GeoEvent Server regelmäßig aktualisiert. Dabei werden Echtzeit-Datenströme (wie zum Beispiel die durch die AVL-Geräte in jedem Schneepflug übertragenen Echtzeit-Datenströme) mit Feature-Services auf ArcGIS Online und ArcGIS Enterprise verbunden. Sie werden alle drei Echtzeit-Feature-Layer einer neuen Webkarte hinzufügen.

Hinweis:

In diesem Lernprogramm geht es nicht im Detail darum, wie Echtzeit-Feature-Services mit GeoEvent Server erstellt werden. Mehr dazu erfahren Sie in den Lernprogrammen in der ArcGIS GeoEvent Server-Galerie.

  1. Melden Sie sich bei Ihrem ArcGIS-Organisationskonto an.
    Hinweis:

    Wenn Sie über kein Organisationskonto verfügen, informieren Sie sich über die Optionen für den Zugriff auf die Software.

  2. Klicken Sie auf dem Menüband auf Karte.
    Hinweis:

    Je nach Organisations- und Benutzereinstellungen ist es möglich, dass Sie Map Viewer geöffnet haben. ArcGIS Online bietet zwei Map Viewer zum Anzeigen, Verwenden und Erstellen von Karten. Weitere Informationen zu den verfügbaren und empfohlenen Map Viewern finden Sie in diesen FAQ.

    In diesem Lernprogramm wird Map Viewer Classic verwendet.

  3. Klicken Sie bei Bedarf auf dem Menüband auf In Map Viewer Classic öffnen.

    Map Viewer Classic wird geöffnet.

  4. Klicken Sie auf dem Menüband auf Hinzufügen, und wählen Sie Layer suchen aus.

    Option "Layer suchen"

    Der Suchbereich wird angezeigt. Sie suchen die drei Echtzeit-Layer für die Stadt mit den Schneepflügen und Straßen und fügen diese hinzu.

  5. Klicken Sie im Bereich "Suchen" auf den Dropdown-Pfeil Eigene Inhalte, und wählen Sie ArcGIS Online aus.
  6. Geben Sie im Textfeld Layer suchen den Text Vehicles (Latest) ein. Geben Sie dann owner:Learn_ArcGIS in das Suchfeld ein, um die Suche auf die Layer zu beschränken, die dem Learn ArcGIS-Administratorkonto zugeordnet sind. Drücken Sie die Eingabetaste, um die Suche zu starten.

    Suchergebnisse für den Layer "Vehicles (Latest)"

    Die Suche gibt den Layer Vehicles (Latest) zurück. Dieser Layer enthält Punkt-Features, die die letzte aufgezeichnete Position jedes Schneepflugs anzeigen. Wenn die Schneepflüge ihre Position ändern, übertragen ihre AVL-Geräte ihre GPS-Koordinaten an GeoEvent Server. Sobald der Layer richtig konfiguriert ist, wird er automatisch entsprechend den neuesten Koordinaten aktualisiert.

  7. Klicken Sie für den ersten der beiden Layer Vehicles (Latest) auf die Schaltfläche Hinzufügen. Vergrößern Sie auf die Features um Salt Lake City in Utah.

    Layer "Vehicles (Latest)" hinzufügen

    Die Fahrzeuge werden durch farbige Dreiecke dargestellt. Orange Dreiecke sind Schneepflüge, und blaue Dreiecke sind Pickups mit Pflug als Zusatzgerät. Für jedes der fünf Fahrzeuge gibt es ein Symbol auf der Karte. Aktuell werden die Positionen der Symbole nicht in Echtzeit aktualisiert, da Sie dies für den Layer in den Einstellungen nicht festgelegt haben. Zuerst fügen Sie die verbleibenden Layer der Karte hinzu. Danach aktualisieren Sie das Aktualisierungsintervall für die Layer.

  8. Geben Sie im Bereich Suchen die Suchzeichenfolge Vehicles (Past) owner:Learn_ArcGIS an, und drücken Sie die Eingabetaste.
  9. Klicken Sie in den Suchergebnissen für Vehicles (Past) für das zweite Ergebnis auf die Schaltfläche Hinzufügen.

    Layer "Vehicles (Past)" hinzufügen

    Die Fahrzeuge werden durch farbige Kreise dargestellt. Orange Symbole sind Schneepflüge, blaue Symbole sind Pickups. Wie bei dem anderen Layer ist auch bei diesem Layer die Aktualisierung in Echtzeit noch nicht aktiviert. Zudem werden durch die Vielzahl an Kreisen die Dreiecke, die die letzte Position der Fahrzeuge darstellen, verdeckt. Später in diesem Lernprogramm werden Sie die Symbolisierung eines der Layer ändern, um die Layer besser voneinander unterscheiden zu können. Zuvor muss aber noch ein weiterer Layer hinzugefügt werden.

  10. Suchen Sie im Bereich Suchen nach dem zweiten Layer Street Plowed Status von Learn_ArcGIS, und fügen Sie ihn hinzu.

    Layer "Street Plowed Status"

    Dieser Layer enthält Features, die wichtige Straßen in diesem Gebiet darstellen. Jede Straße wird entsprechend ihrem Räumstatus symbolisiert: wurde geräumt (grün), wurde nicht geräumt (rot) oder wird gerade geräumt (gelb). Obwohl die Features wie Linien aussehen, sind dies eigentlich Polygone. Um zu erkennen, ob ein Schneepflug in einen bestimmten Straßenabschnitt eingefahren ist oder ihn verlassen hat, wurden die Originaldaten zur Straßenmittelachse mit einer festgelegten Entfernung gepuffert. Auf diese Art wird ein Schneepflug, auch wenn er sich nicht exakt in der Mitte einer Straße befindet, als auf der Straße befindlich registriert. Die Puffer wurden GeoEvent Server als GeoFences oder geometrische Grenzen hinzugefügt, die eine Reaktion auslösen, wenn etwas in diesen Bereich eindringt. In diesem Fall werden Straßen, je nachdem, ob Schneepflüge die GeoFences überquert haben oder gerade überqueren, als geräumt, nicht geräumt oder in Bearbeitung markiert.

  11. Klicken Sie im Bereich Suchen auf die Schaltfläche Zurück. Klicken Sie auf Inhalt, um die Layer, die Sie der Karte gerade hinzugefügt haben, anzuzeigen.

    Im Bereich Inhalt werden die Layer angezeigt, die Sie der Karte hinzugefügt haben.

    Layer in "Inhalt"

    Da der Layer Street Plowed Status auf der aktuellen Grundkarte nicht gut zu erkennen ist, sollten Sie für die Grundkarte ein dunkleres Farbschema festlegen.

  12. Klicken Sie auf dem Menüband auf Grundkarte, und wählen Sie Dunkelgrauer Hintergrund aus.

    Grundkarte "Dunkelgrauer Hintergrund"

    Der Layer Street Plowed Status ist jetzt auf der Karte deutlicher zu erkennen.

    Straßen auf Grundkarte "Dunkelgrauer Hintergrund"

    Ihre Layer wurden hinzugefügt, aber die zeitliche Komponente jedes Layers ist inaktiv. Obwohl diese Layer mit GeoEvent Server speziell vorbereitet wurden, sodass sie Live-Datenströme von den AVL-Geräten der einzelnen Schneepflüge enthalten, werden die Daten auf der Karte erst dann aktualisiert, wenn Sie ein Aktualisierungsintervall festgelegt haben. Ein Aktualisierungsintervall ist der Zeitraum, in dem ein Layer auf der Karte aktualisiert wird. Wenn sich der Layer aktualisiert, übernimmt er die aktuellen Daten aus den Echtzeit-Datenströmen, mit denen er über GeoEvent Server verbunden wurde. Solange kein Aktualisierungsintervall festgelegt ist, zeigt ein Layer nur die Daten an, die in dem Moment, als der Layer der Karte hinzugefügt wurde, aktuell waren.

  13. Zeigen Sie im Bereich Inhalt auf den Layer Street Plowed Status, und klicken Sie auf die Schaltfläche Weitere Optionen.

    Schaltfläche "Weitere Optionen"

    Es wird ein Menü mit zusätzlichen Einstellungen für den Layer angezeigt.

  14. Zeigen Sie auf Aktualisierungsintervall, aktivieren Sie das Kontrollkästchen, und geben Sie 0.5 in das Textfeld ein.

    Aktualisierungsintervall von 0,5 Sekunden

    Das minimale Aktualisierungsintervall für diesen Layer beträgt 0,5 Minuten, was 30 Sekunden entspricht. Die Layer auf der Karte werden alle 30 Sekunden mit den letzten Daten von den AVL-Geräten aktualisiert.

  15. Gehen Sie ebenso vor, um ein Aktualisierungsintervall von 0,5 Minuten für die beiden Layer Vehicles (Past) und Vehicles (Latest) festzulegen.

    Alle drei Layer werden jetzt im gleichen Intervall aktualisiert. Sie sollten die Reihenfolge der Layer so ändern, dass die letzte Position der Fahrzeuge oben auf der Karte über dem sonstigen Inhalt angezeigt wird.

  16. Zeigen Sie mit der Maus im BereichInhalt auf den Layer Vehicles (Latest), zeigen Sie auf das Symbol "Layer neu anordnen", und ziehen Sie den Layer über den Layer Street Plowed Status.

    Layer neu ordnen

  17. Ziehen Sie den Layer Vehicles (Past) zwischen die Layer Vehicles (Latest) und Street Plowed Status.

    Layer-Reihenfolge

Daten symbolisieren und beschriften

Die Echtzeitdaten-Layer haben Sie hinzugefügt, aber durch die Standard-Symbolisierung sind die aktuellen Positionen der Schneepflüge auf der Karte nur schwer zu erkennen. Sie sollten die Layer-Symbolisierung ändern und jeden Schneepflug und Lkw beschriften, damit sie deutlicher zu erkennen sind.

  1. Zeigen Sie im Bereich Inhalt auf Vehicles (Latest), und klicken Sie auf Style ändern.

    Schaltfläche "Style ändern"

    Der Bereich Style ändern wird angezeigt. Der Layer wurde mit vehicletype bereits nach dem Fahrzeugtyp symbolisiert. Dieses Attribut gibt an, ob ein Fahrzeug ein Schneepflug oder ein Pickup ist. Das angezeigte Attribut brauchen Sie nicht zu ändern, aber Sie können die Symboloptionen optimieren.

  2. Klicken Sie unter Einen Darstellungs-Style auswählen unter Typen (eindeutige Symbole) auf Optionen.

    Optionen für Darstellungs-Style

    Im Bereich werden Symbolisierungsoptionen angezeigt. Dabei werden zwei Symbole angezeigt: eines für Pickups und eines für Schneepflüge. Das Farbschema aus Blau und Orange sollten Sie beibehalten, damit die Symbolisierung mit den anderen Layern für Fahrzeuge konsistent bleibt. Wenn Sie aber jedes Symbol leicht abändern, heben sich die aktuellen Positionen der Fahrzeuge gut ab.

  3. Klicken Sie auf das blaue Dreiecksymbol für Pickups.

    Symbol für Pickups

    Daraufhin wird ein Fenster mit Optionen zum Ändern des Symbols angezeigt. Die Optionen beinhalten eine Liste der Standardsymbole. Die aktuelle Listenkategorie ist "Formen".

  4. Klicken Sie auf das Dropdown-Menü Formen, und wählen Sie Pfeile aus.

    Kategorie "Pfeile"

  5. Scrollen Sie durch die Liste der Pfeilsymbole, und klicken Sie auf den weißen dreieckigen Aufwärtspfeil in einem hellblauen Kreis.

    Blaues Pfeilsymbol

  6. Legen Sie die Symbolgröße auf 20 Px fest.

    Symbolgröße 20

  7. Klicken Sie auf OK.

    Das neue Symbol wird automatisch auf die Karte angewendet.

    Symbol für Pickups aktualisiert

    Das neue Symbol weist ein leicht abweichendes Blau auf, das es von dem Symbol für die letzten Positionen der Pickups unterscheidet. Als Nächstes nehmen Sie eine ähnliche Änderung am Symbol für Schneepflüge vor.

  8. Klicken Sie im Bereich Style ändern auf das orange Dreiecksymbol für Schneepflüge.
  9. Scrollen Sie durch die Liste der Pfeilsymbole, und klicken Sie auf den weißen dreieckigen Aufwärtspfeil in einem dunkelorangen Kreis.

    Oranges Pfeilsymbol

  10. Legen Sie die Symbolgröße auf 20 fest, und klicken Sie auf OK.

    Die beiden Symbole für Pickups und Schneepflüge werden aktualisiert.

    Punktsymbole aktualisiert

    Statt Aufwärtspfeile zu verwenden, können Sie die Symbole auch so ausrichten, dass sie in Vorausrichtung der Fahrzeuge zeigen. Mit dieser Symbolisierung können die Benutzer dann die Route jedes Fahrzeugs besser verfolgen.

  11. Aktivieren Sie im Bereich Style ändern das Kontrollkästchen Symbole drehen (Grad).

    Symbole drehen

    Danach werden die Optionen für die Symboldrehung angezeigt.

  12. Klicken Sie auf das Dropdown-Menü, und wählen Sie heading aus. Stellen Sie sicher, dass Geographisch ausgewählt ist.

    Optionen für Drehung

    Geographisch bedeutet, dass die Drehung im Uhrzeigersinn von 0 aus erfolgt und das Symbol ausgehend von der aktuellen Ausrichtung im Uhrzeigersinn gedreht wird. Danach zeigen die Pfeile in Vorausrichtung der Fahrzeuge.

  13. Klicken Sie am unteren Rand des Bereichs auf OK und dann auf Fertig.

    In Karte gedrehte Symbole

    Die neuen Symbole sind auf der Karte deutlicher zu erkennen und liefern dem Benutzer mehr Informationen. Sie können sich aber noch stärker abheben und noch informativer sein. Wenn Sie die Fahrzeuge beschriften, können die städtischen Beamten auf einen Blick feststellen, wo sich ein bestimmtes Fahrzeug auf der Karte befindet.

  14. Zeigen Sie im Bereich Inhalt auf den Layer Vehicles (Latest). Klicken Sie auf Weitere Optionen, und wählen Sie Beschriftungen erstellen aus.

    Beschriftungen erstellen

    Der Bereich Features beschriften wird angezeigt, und den Fahrzeugen werden Standardbeschriftungen hinzugefügt. Die Fahrzeuge sind mit ihrer Nummer (Truck 1, Truck 2 usw.) beschriftet, sodass die Behördenmitarbeiter jeden Lkw in ihrer Flotte auf der Karte identifizieren können. Bei den Standardbeschriftungen wird jedoch einfacher schwarzer Text verwendet, der auf der dunklen Grundkarte nicht gut zu erkennen ist.

  15. Klicken Sie im Bereich Features beschriften auf die aktuelle Beschriftungstextfarbe, und wählen Sie Weiß aus.

    Weiße Textfarbe für Beschriftungen

    Die weiße Textfarbe ist auf der Karte deutlicher zu erkennen. Bei der Standardausrichtung werden Beschriftungen jedoch in der oberen rechten Ecke des Symbols angezeigt. Wenn sich Lkws nahe beieinander befinden, lässt sich nur schwer entscheiden, welche Beschriftung zu welchem Symbol gehört.

  16. Wählen Sie unter Ausrichtung die Ausrichtung "Mitte unten" aus.

    Ausrichtung

  17. Klicken Sie unten im Bereich auf OK.

    Weiße Beschriftungen

    An den fertigen Beschriftungen lässt sich besser erkennen, welcher Lkw oder Schneepflug zu welchem Symbol gehört. (Wenn sich zwei Beschriftungen überlappen, werden sie möglicherweise auf der Karte nicht angezeigt.) Als Nächstes speichern Sie die Karte.

Letzte Positionen von Schneepflügen filtern

Es ist zwar hilfreich zu wissen, wo die einzelnen Schneepflüge gewesen sind, aber da aktuell zu viele letzte Positionen nachverfolgt werden, lässt sich nur schwer sagen, wann welcher Schneepflug wo war. Sie nutzen die zeitbasierte Filterung, um nur die letzten Fahrzeugpositionen innerhalb der letzten zwei Minuten anzuzeigen. Mit diesem Filter wird die Menge an visuellen Informationen für Ihre Benutzer optimiert.

  1. Klicken Sie für den Layer Vehicles (Past) auf die Schaltfläche Filter.

    Schaltfläche "Filter"

    Das Fenster Filter wird angezeigt. In diesem Fenster erstellen Sie eine Abfrage für den Layer Vehicles (Past), damit nur Features mit einem Zeitattribut innerhalb der letzten zwei Minuten angezeigt werden.

  2. Erstellen Sie im Bereich Filter: Vehicle(Past) den folgenden Ausdruck:
    • Wählen Sie als Feld die Option time aus.
    • Wählen Sie den Operator in den letzten aus.
    • Geben Sie für Wert den Wert 2 Minuten an.

    Filter für Schneepflüge anwenden

    Der Ausdruck wendet dann einen Filter auf die Fahrzeuge aller Typen (sowohl Schneepflüge als auch Pickups/Kleintransporter) an, die innerhalb der letzten zwei Minuten relativ zur aktuellen Zeit aktualisiert wurden.

  3. Klicken Sie auf Filter anwenden, um den Ausdruck festzulegen.

    Die Daten in der Karte werden gefiltert.

    Gefilterte Karte

    Jetzt wird der Weg jedes Schneepflugs durch einen Navigationspfad (Breadcrumb-Pfad) der letzten Positionen nachgezeichnet. Durch diesen Filter kann der Benutzer besser erkennen, wo jeder Schneepflug war und welche Straßen kürzlich von Schnee geräumt wurden.

  4. Klicken Sie auf dem Menüband auf Speichern, und wählen Sie Speichern unter aus.

    Schaltfläche "Speichern"

  5. Geben Sie im Fenster Karte speichern Folgendes ein:
    • Geben Sie als Titel den Text Snowplows in a Utah City ein.
    • Geben Sie als Tags den Text Snowplows, Roads, Utah ein.
    • Geben Sie als Zusammenfassung den Text This map shows the real-time location of snowplows in a city in Utah ein.
    Karte speichern
  6. Klicken Sie auf Karte speichern.

Ihre Karte ist nun fertig. Sie zeigt die Position der Schneepflüge und den Status der Straßen in der gesamten Stadt. Die Daten-Layer werden in Echtzeit in einem Intervall von 30 Sekunden aktualisiert und die Features werden symbolisiert, um wichtige Informationen an den Benutzer zu übermitteln.


Ein Dashboard erstellen

Zuvor haben Sie mit Echtzeit-Layern eine Karte zur Darstellung der aktuellen Position von Schneepflügen in der gesamten Stadt erstellt. Auf der Karte wurde außerdem angegeben, ob Straßen von Schnee geräumt wurden. Obwohl die Karte bereits wichtige Daten für Bürger und Mitarbeiter der Behörden enthält, benötigen die Behördenmitarbeiter ein Dashboard, das intern zum Überwachen des Status der Schneeräumung verwendet werden kann. Das Dashboard muss die folgenden Informationen bereitstellen:

  • eine Liste mit den Namen und Geschwindigkeiten der Fahrzeuge und dem Zeitpunkt der letzten Aktualisierung ihrer Position, die in Echtzeit aktualisiert wird
  • ein Balkendiagramm mit den Geschwindigkeiten der Fahrzeuge, die in Echtzeit aktualisiert wird
  • ein Kreisdiagramm mit den Anteilen nach Räumstatus der Straßen, das in Echtzeit aktualisiert wird
  • eine Liste mit Straßennamen und Räumstatus

Mit diesen Informationen können die lokalen Behörden dann die Routen der Schneepflüge besser organisieren und den Status der Schneeräumung in der gesamten Stadt überwachen. Mit ArcGIS Dashboards erstellen Sie ein bestimmtes Dashboard. Dashboards können vollständig konfiguriert werden und Elemente zur Anzeige von Karten, Listen und Diagrammen enthalten. In diesem Lernprogramm werden Sie das kostenfreie ArcGIS Dashboards installieren und mit seiner Hilfe Ihre Webkarte mit den Informationen kombinieren, die die Behördenmitarbeiter benötigen.

Karte zu einem Lagebild-Dashboard hinzufügen

Zunächst wählen Sie eine Karte aus, die im Dashboard verwendet wird.

  1. Melden Sie sich ggf. mit Ihrem ArcGIS Online-Konto an.
  2. Klicken Sie über dem Menüband auf Startseite, und wählen Sie Inhalt aus.
  3. Klicken auf dem Menüband auf App-Startprogramm, und wählen Sie Dashboards aus.

    App "Dashboards"

    Danach wird die ArcGIS Dashboards-Startseite angezeigt, auf der Sie Dashboards erstellen, bearbeiten und anzeigen können.

  4. Klicken Sie auf Dashboard erstellen.

    Der Bereich Neues Dashboard erstellen wird angezeigt.

  5. Geben Sie im Bereich Neues Dashboard erstellen Folgendes ein:
    • Geben Sie als Titel den Text Snowplows in a Utah City ein.
    • Geben Sie als Tags den Text Learn ein.
    • Geben Sie als Zusammenfassung den Text The location of snowplows and the status of roads in a city in Utah ein.
    • Wählen Sie als Ordner ein Verzeichnis zum Speichern Ihres Dashboards aus.

    Neues Dashboard erstellen

  6. Klicken Sie auf Dashboard erstellen, um Ihre neue Dashboard-App zu erstellen.

    Nachdem Sie Ihr Dashboard erstellt haben, können Sie Elemente hinzufügen. In den nächsten Schritten fügen Sie die folgenden Elemente hinzu:

    • Karte
    • Liste
    • Reihen-Diagramm
    • Kreisdiagramm
  7. Klicken Sie im Seitenbereich auf die Schaltfläche Element hinzufügen.

    Schaltfläche "Element hinzufügen" im Seitenbereich

    Daraufhin wird das Fenster Layout angezeigt.

  8. Wählen Sie im Dashboard die Option Karte aus.

    Eine Karte zum Dashboard hinzufügen.

    Danach wird der Bereich Eine Karte auswählen angezeigt. Er enthält eine Liste aller Webkarten, die für Ihr ArcGIS-Konto verfügbar sind.

  9. Navigieren Sie zur Webkarte Snowplows in a Utah City. Klicken Sie auf Auswählen, um die Karte als Element zu Ihrem Dashboard hinzuzufügen.

    Der Inhalt der Webkarte dient dann als Datenquelle für die anderen Elemente.

    Eine Karte auswählen, die zum Dashboard hinzugefügt werden soll

    Daraufhin wird das Fenster mit der Karte Snowplows in a Utah City sowie mit Eigenschaften zum Konfigurieren der Karte angezeigt.

  10. Klicken Sie auf der Registerkarte Einstellungen auf die entsprechenden Umschaltflächen, um die folgenden Optionen zu aktivieren:
    • Pop-ups
    • Standardausdehnung und Lesezeichen
    • Layer-Sichtbarkeit
    • Grundkartenumschaltung
    • Suchen

    Karteneinstellungen konfigurieren

    Diese Funktionen ermöglichen den Benutzern eine effektive Navigation in der Karte sowie die Auswahl der gewünschten Features und die Anzeige weiterer Informationen in Pop-ups.

  11. Klicken Sie auf Fertig. Klicken Sie auf der Karte auf einen Lkw, um ein Pop-up mit Attributen zum Feature zu öffnen.

    Das Dashboard wird mit den soeben konfigurierten Kartenelementen angezeigt.

    Konfiguriertes Kartenelement mit Pop-up

    Da Sie Pop-ups im Dashboard aktiviert haben, ist die Funktionalität, Attribute durch Klicken auf ein Feature zu öffnen, automatisch verfügbar.

  12. Erkunden Sie das Layout selbst, und klicken Sie auf andere Features, um die Attribute anzuzeigen.
  13. Schließen Sie das Pop-up.

Elemente hinzufügen

Sie haben Ihr Kartenelement konfiguriert und einen Teil der Echtzeit-Funktionalität von Dashboards genutzt, um die dargestellten Informationen auf Ihrer Karte zu verbessern. Wie am Anfang des Lernprogramms bereits erwähnt, wünschen die städtischen Behörden einfachen Zugriff auf einige zusätzliche Informationen über die Schneepflüge. Insbesondere wünschen sie eine Liste mit Informationen über jedes Fahrzeug sowie Diagramme, die einen Vergleich der Informationen zwischen Fahrzeugen oder Straßen ermöglichen. Außerdem wünschen sie eine Liste der Straßennamen mit Räumstatus. Um diese Informationen bereitzustellen, müssen Sie drei Elemente konfigurieren und auf Ihrer Karte anordnen.

  1. Klicken Sie im Seitenbereich auf Element hinzufügen.

    Als Nächstes entscheiden Sie, wo das Element hinzugefügt werden soll. Sie können Elemente auf jeder Seite des Dashboards hinzufügen oder über vorhandenen Elementen stapeln. Das nächste Element wird auf der linken Seite des Dashboards hinzugefügt.

  2. Klicken Sie auf der linken Seite des Dashboards auf die Schaltfläche Element hier hinzufügen. Wählen Sie Liste aus.

    Ein Listenelement hinzufügen

    Nun konfigurieren Sie die Liste so, dass die Geschwindigkeit jedes der fünf Fahrzeuge in der Flotte angezeigt wird. Diese Informationen werden dann verwendet, um zu überwachen, welche Fahrzeuge gerade Schnee räumen und wie schnell sie sind.

  3. Wählen Sie im Bereich Layer auswählen den Layer Vehicles (Latest) aus.

    Listen-Layer auswählen

    Die Anzeige im Konfigurationsbereich Liste wird geändert. Danach enthält er Datenoptionen für den Layer Vehicle (Latest).

    Dateneigenschaften für Listenelement festlegen

    Hinweis:

    Ihre Liste kann sich von den angezeigten Bildern in diesem Lernprogramm leicht unterscheiden, da dieser Feature-Layer dynamisch ist und regelmäßig aktualisiert wird.

    Standardmäßig werden die Fahrzeuge in der Liste nach ihrer ObjectID sortiert, einem Feld, das der internen Organisation der Features in einem Layer dient. Dies sollten Sie ändern, damit die Fahrzeuge in der Liste nach ihrem Fahrzeugnamen sortiert werden.

  4. Klicken Sie im Bereich Datenoptionen für Sortieren nach auf Feld hinzufügen, wählen Sie vehiclename aus.
  5. Klicken Sie auf das Symbol "Sortieren", und aktivieren Sie die Option Aufsteigend sortieren.

    Liste aufsteigend sortieren

    In der Vorschau auf der rechten Seite des Fensters lässt sich erkennen, dass die Fahrzeuge in der Liste jetzt nach ihrem Fahrzeugnamen sortiert werden. Als Nächstes fügen Sie die Geschwindigkeit jedes Fahrzeugs zur Liste hinzu. Wie beim Zeitfeld, das Sie beim Erstellen des Filters verwendet haben, zeichnen die AVL-Geräte auch die Fahrzeuggeschwindigkeit für jeden Schneepflug auf. Die Geschwindigkeitsinformationen sind auch im Layer enthalten.

  6. Klicken Sie im Seitenbereich auf die Registerkarte Liste. Das Feld vehiclename wurde dem Textfeld bereits hinzugefügt.

    Feld "vehiclename" hinzufügen

  7. Platzieren Sie den Cursor nach {vehiclename}, und drücken Sie die Eingabetaste. Klicken Sie auf den Dropdown-Pfeil, und fügen Sie das Feld speed hinzu.

    Listenfelder hinzufügen

    Die Vorschau der Liste enthält jetzt die Geschwindigkeit jedes Fahrzeugs in Meilen pro Stunde und wird rechts neben dem Bereich mit den Listenoptionen angezeigt.

    Zusätzliche Felder in der Liste

  8. Klicken Sie auf die Registerkarte Aktionen. Klicken Sie unter Bei Änderung der Auswahl auf den Dropdown-Pfeil Zoom, und aktivieren Sie den Zoom mit der Umschaltfläche. Daraufhin wird die Karte auf den ausgewählten Lkw gezoomt.

    Aktion hinzufügen

  9. Klicken Sie auf die Registerkarte Allgemein, und geben Sie im Bereich Allgemeine Optionen für Titel und Beschreibung Folgendes ein:
    • Klicken Sie für Titel auf Bearbeiten, und geben Sie Vehicles im Textbereich ein.
    • Verwenden Sie die Formatierungsoptionen, um den Text zu zentrieren und fett zu formatieren.
    • Klicken Sie für Beschreibung auf Bearbeiten, und geben Sie Speed in miles per hour im Textbereich ein.

    Einstellungen in "Allgemeine Optionen"

    Mit diesen Änderungen wird der Titel am Anfang der Liste und die Beschreibung am Ende platziert.

  10. Klicken Sie auf Fertig.

    Das Listenelement wird zum Dashboard hinzugefügt. Sie können die Liste ziehen und an einer beliebigen Stelle verankern.

    Liste und Karte auf dem Lagebild-Dashboard

  11. Zeigen Sie auf die Schaltfläche Optionen in der Liste, und wählen Sie Element ziehen aus. Ziehen Sie das Listenelement, und verankern Sie es rechts neben dem Kartenelement. Passen Sie die Breite des Listenelements so an, dass es nicht mehr Platz einnimmt als notwendig.

    Listenelement verschieben und konfigurieren

    Hinweis:

    Um die Größe eines Elements anzupassen, ziehen Sie es einfach an seiner Kante auf die gewünschte Größe.

    Es ist zwar gut, wenn die Geschwindigkeiten der Fahrzeuge angezeigt werden, Sie können die Informationen aber besser darstellen, indem Sie ein Balkendiagramm hinzufügen, das die Geschwindigkeiten relativ zueinander zeigt.

  12. Klicken Sie im Seitenbereich auf Element hinzufügen. Klicken Sie unter dem Listenelement auf Element hier hinzufügen. Wählen Sie Reihen-Diagramm aus.

    Reihen-Diagramm hinzufügen

  13. Wählen Sie im Bereich Layer auswählen den Layer Vehicles (Latest) aus.
  14. Ändern Sie im Bereich Datenoptionen die folgenden Parameter:
    • Klicken Sie für Kategorien aus auf Features.
    • Wählen Sie als Kategoriefeld die Option vehiclename aus.
    • Klicken Sie für Serie auf Reihen hinzufügen, und wählen Sie speed aus.
    • Klicken Sie für Sortieren nach auf Feld hinzufügen, wählen Sie vehiclename aus, und stellen Sie sicher, dass Aufsteigend sortieren ausgewählt ist.

    Hinweis:

    Wenn in Ihren Daten ein leerer Wert vorhanden ist, können Sie mit der Filteroption vehiclename ist nicht leer die NULL-Informationen im Diagramm entfernen.

    Diagrammelement

    In der Vorschau wird ein Balkendiagramm mit den fünf Balken für die einzelnen Fahrzeuge angezeigt. Die Achsenbeschriftungen enthalten aber noch keine Informationen dazu, was durch die Werte auf den Balken dargestellt wird.

  15. Klicken Sie auf die Registerkarte Kategorieachse und geben Sie als Titel den Text Vehicle ein.

    Der Titel der horizontalen Achse wird in Vehicle geändert.

  16. Klicken Sie auf die Registerkarte Werteachse und geben Sie als Titel den Text Speed ein.

    Der Titel der vertikalen Achse wird in Speed geändert.

  17. Klicken Sie auf die Registerkarte Serie, führen Sie einen Bildlauf nach unten zur Option Balkenfarben durch, und klicken Sie auf das vorhandene Farbfeld.
  18. Ersetzen Sie den vorhandenen Hexadezimalcode durch 00c5ff.

    Farbcode ändern

  19. Klicken Sie auf die Registerkarte Allgemein und ändern Sie im Bereich Allgemeine Optionen folgende Parameter:
    • Klicken Sie für Titel auf Bearbeiten, und geben Sie Vehicle Speed ein. Zentrieren Sie den Titeltext.
    • Klicken Sie über dem Textfeld auf Normal und wählen Sie Überschrift 2 aus.

    Style der Überschrift ändern

  20. Klicken Sie auf Fertig.

    Das Diagramm wird unter dem Listenelemente angezeigt.

  21. Ändern Sie die Größe der Elemente so, dass alle Informationen klar und deutlich zu erkennen sind.

    Karte, Diagramm und Liste

    Als Nächstes fügen Sie ein Element hinzu, das den Status der Straßen als Kreisdiagramm darstellt. Mit diesem Element können die städtischen Behörden auf einen Blick das Verhältnis der von Schnee geräumten Straßen im Vergleich zu denen, die nicht geräumt wurden, erkennen. Dies funktioniert dann wie ein Fortschrittmesser für die Schneeräumoperation.

  22. Klicken Sie im Seitenbereich auf Element hinzufügen. Klicken Sie unter dem Reihen-Diagramm auf Element hier hinzufügen. Wählen Sie Kreisdiagramm aus.
  23. Wählen Sie im Bereich Layer auswählen den Layer Street Plowed Status aus.

    Um einen Prozentsatz der geräumten Straßen anzuzeigen, müssen Sie für jeden Räumstatus die Anzahl der Features anzeigen.

  24. Ändern Sie im Bereich Datenoptionen die folgenden Parameter:

    • Stellen Sie sicher, dass Kategorien aus auf Gruppierte Werte festgelegt ist.
    • Wählen Sie als Kategoriefeld die Option PlowedStatus aus.

    Die Vorschau wird aktualisiert und zeigt ein Kreisdiagramm mit zwei oder drei Abschnitten (Straßen mit dem Status "In Progress" gibt es möglicherweise nicht). Sie müssen noch das Aussehen des Diagramms ändern, indem Sie eine Legende hinzufügen und das Farbschema ändern.

    Einstellungen für Kreisdiagramm

    Hinweis:

    Ihre Werte weichen möglicherweise davon ab, da es sich um dynamische Daten handelt.

  25. Klicken Sie auf die Registerkarte Diagramm.
  26. Legen Sie im Bereich Diagrammoptionen die Folgendes fest:
    • Blenden Sie den Abschnitt Beschriftungen ein. Klicken Sie für Sichtbarkeit auf Ausblenden.
    • Blenden Sie den Abschnitt Legende ein. Klicken Sie für Sichtbarkeit auf Prozentsatz.

    Einstellungen für Beschriftungen und Legende des Kreisdiagramms

  27. Klicken Sie auf die Registerkarte Ausschnitte. Klicken Sie im Fenster Ausschnitte auf Farben anwenden, und wählen Sie die gewünschten Farben aus oder übernehmen Sie die Standardeinstellungen für die Farben.
  28. Klicken Sie auf die Registerkarte Allgemein. Klicken Sie für Titel auf Bearbeiten, und geben Sie den Text Streets Plowed Status (Percent) ein.

    Nun aktivieren Sie Feature-Aktionen für das Kreisdiagramm, damit die Benutzer Straßen mit einem bestimmten Status im Diagramm anzeigen können.

  29. Klicken Sie auf die Registerkarte Aktionen.
  30. Blenden Sie im Bereich Aktionen unter Bei Änderung der Auswahl den Bereich Filtern ein. Verwenden Sie in der Dropdown-Liste die Umschaltfläche, um Street Plowed Status zu aktivieren.
  31. Klicken Sie auf Fertig.
  32. Ändern Sie die Größe des Kreisdiagramms, der Liste und des Balkendiagramms, damit alle Informationen klar und deutlich zu erkennen sind.

    Operations Dashboard mit Kreisdiagramm

  33. Um die von Ihnen aktivierten Feature-Aktionen zu verwenden, klicken Sie auf eines der Segmente des Kreisdiagramms und beobachten, wie der Karten-Layer die Straßen entsprechend Ihrer Auswahl filtert.

    Im Kreisdiagrammelement ist noch sehr viel freier Platz. Diesen Platz können Sie für das letzte Element, das Sie erstellen, verwenden. Dabei handelt es sich um ein weiteres Listenelement, das die Namen der Straßen mit ihrem Räumstatus anzeigt.

  34. Klicken Sie im Seitenbereich auf Element hinzufügen. Klicken Sie auf der linken Seite des Kreisdiagramms auf Element hier hinzufügen, und wählen Sie Liste aus.
    Wählen Sie "Liste" aus.
  35. Wählen Sie im Bereich Layer auswählen den Layer Street Plowed Status aus.

    Da Sie eine Liste mit dem Räumstatus der Straßen wünschen, müssen Sie die Listeneinstellungen entsprechend ändern. Sie müssen auch die maximale Anzahl der Elemente, die in der Liste angezeigt werden können, erhöhen, damit viele Straßen auf einmal angezeigt werden.

  36. Ändern Sie im Bereich Datenoptionen die folgenden Parameter:

    • Legen Sie für Maximal angezeigte Features den Wert 50 fest.
    • Klicken Sie für Sortieren nach auf Feld hinzufügen, wählen Sie PlowedStatus aus, und stellen Sie sicher, dass Aufsteigend sortieren ausgewählt ist.

    Die Vorschau wird aktualisiert und zeigt eine Liste der Straßen, wobei jede mit einem Symbol versehen ist, das den Räumstatus angibt.

    Listenoptionen festlegen

    Um die Liste eindeutiger zu gestalten, können Sie jedem Listenelement eine Beschreibung hinzufügen, mit der der Räumstatus explizit beschrieben wird. Eine ähnliche Beschreibung haben Sie bereits der Liste der Fahrzeuggeschwindigkeiten hinzugefügt.

  37. Klicken Sie auf die Registerkarte Liste.
  38. Klicken Sie im Bereich Listenoptionen hinter {StreetName}, und drücken Sie die Eingabetaste. Fügen Sie in der Zeile unter {StreetName} das Feld PlowedStatus hinzu.

    Felder der Liste für den Status von Schneepflügen

    Wie bei Ihrem Kreisdiagramm können Sie bestimmte Feature-Aktionen für die Liste aktivieren, mit deren Hilfe die Benutzer bestimmte Straßen auswählen oder hervorheben können.

  39. Klicken Sie auf die Registerkarte Aktionen.
  40. Blenden Sie im Bereich Aktionen den Bereich Zoomen ein. Aktivieren Sie mit der Umschaltfläche die Karte Snowplows in a Utah City.
  41. Klicken Sie auf die Registerkarte Allgemein.
  42. Klicken Sie im Bereich Allgemeine Optionen für den Abschnitt "Titel" auf Bearbeiten. Geben Sie den Text Streets Plowed Status (Street Name) ein.
  43. Klicken Sie auf Fertig.
  44. Ändern Sie die Größe der Elemente so, dass möglichst wenig freier Platz bleibt.

    Dashboard mit Liste für den Räumstatus

    Nehmen Sie sich einige Minuten Zeit und erkunden Sie Ihr neu konfiguriertes Lagebild-Dashboard. Fügen Sie dann eine Kopfzeile hinzu.

  45. Klicken Sie im Seitenbereich auf Element hinzufügen. Klicken Sie in der oberen Bildschirmmitte auf Element hier hinzufügen. Wählen Sie Kopfzeile aus.
    Kopfzeile hinzufügen

    Standardmäßig wird als Kopfzeile der Titel der Karte verwendet.

  46. Klicken Sie auf Fertig.

Speichern Sie Ihr Dashboard und geben Sie es frei.

Ihr Dashboard ist nun mit den erforderlichen Elementen konfiguriert. Als Nächstes speichern Sie Ihr Dashboard und geben es für die richtigen Personen frei.

  1. Klicken Sie auf der Werkzeugleiste "Dashboards" auf die Schaltfläche Speichern, und wählen Sie Speichern aus.
    Speichern Sie das Dashboard.
  2. Klicken Sie auf das Symbol neben dem Dashboard-Titel. Wählen Sie in der Liste den Eintrag Details zu Dashboard-Elementen aus.

    Details zu Dashboard-Elementen aktualisieren

    Ihr Dashboard können Sie für Mitglieder Ihrer Organisation oder für alle Benutzer freigeben. Da diese Lagebild-Sicht nicht für die Öffentlichkeit, sondern für städtische Behörden vorgesehen ist, geben Sie sie nur für Ihre Organisation frei.

  3. Klicken Sie auf der Registerkarte Übersicht der Elementdetailseite Snowplows in a Utah City auf Freigeben.

    Geben Sie das Dashboard für die eigene Organisation frei.

  4. Wählen Sie im Fenster Freigeben die Option Organisation aus, und klicken Sie auf Speichern.

    Wenn Sie das Dashboard freigeben, müssen alle zugehörigen Karten und Datasets ebenso weit freigegeben werden. Der Zugriff auf das freigegebene Dashboard erfolgt entweder über die Anwendung ArcGIS Dashboards oder über ein ArcGIS Online-Konto.

Sie haben Ihre Webkarte verwendet, um ein Dashboard zu erstellen, mit dem Behördenmitarbeiter die Schneeräumung effizient verfolgen und steuern können. Insbesondere haben Sie Listen und Diagramme für Straßen und Fahrzeuge hinzugefügt.


Eine Web-App erstellen

Zuvor haben Sie ein Dashboard speziell für Behördenmitarbeiter erstellt, das sie bei Entscheidungen in Bezug auf die Flotte ihrer Schneepflüge bei bestimmten Wetterereignissen unterstützt. Nun werden Sie eine Web-App erstellen, die für die Bürger der Gemeinde vorgesehen ist. Bei einem Schneesturm ist es dringend erforderlich, dass die Bürger immer informiert sind, damit die Sicherheit gewährleistet ist und der öffentliche Verkehr so effizient wie möglich fließen kann. Die Bürger der Stadt benötigen keinen Zugriff auf die Informationen im Echtzeit-Dashboard, wie zum Beispiel die Fortschrittsdiagramme und Listen der Fahrzeuge. Es ist jedoch wichtig, die Bürger über den aktuellen Status zu informieren, damit sie wissen, wann ihre Straße und die Verbindungsstraßen geräumt wurden. Sie werden also mit ArcGIS Web AppBuilder eine Web-App erstellen, die den Bürgern den Zugriff auf die aktuellen Informationen zum Fortschritt der Räumung ermöglicht.

Webkarte mit Streaming-Daten aktualisieren

Bevor Sie Ihre Web-App erstellen, müssen Sie Ihre Webkarte mit einem Echtzeit-GIS-Service eines anderen Typs, der als Stream-Service bezeichnet wird, aktualisieren. Stream-Services werden in GeoEvent Server erstellt und veröffentlicht. Im Unterschied zu den Layern, die Sie bisher verwendet haben, müssen Sie bei Stream-Services kein Aktualisierungsintervall festlegen. Neue Ereignisdaten werden unverzüglich an die Client-Anwendung übertragen. Bei Verwendung eines Stream-Service für die Positionen der Fahrzeuge enthält Ihre Webkarte immer die jeweils aktuellen Informationen ohne die Einschränkung durch das Aktualisierungsintervall von 6 Sekunden.

  1. Melden Sie sich ggf. mit Ihrem ArcGIS-Organisationskonto an und öffnen Sie Ihre Webkarte Snowplows in a Utah City.

    Die aktuelle Karte wird gerade durch das Dashboard verwendet, worin auch alle weiteren vorgenommenen Änderungen dargestellt werden. Um eine Änderung des Dashboards zu verhindern, sollten Sie eine Kopie Ihrer Karte speichern.

  2. Klicken Sie auf dem Menüband auf Speichern, und wählen Sie Speichern unter aus.
  3. Ändern Sie im Fenster Karte speichern den Namen der Karte in Snowplows in a Utah City (Stream-Service). Lassen Sie die übrigen Parameter unverändert und klicken Sie auf Karte speichern.

    Die Karte wird mit dem neuen Titel gespeichert. Ihr Dashboard bleibt dann von allen weiteren Änderungen an der Karte unberührt. Danach fügen Sie den Stream-Service hinzu. Da Stream-Services nicht auf ArcGIS Online gehostet werden, können Sie andere ArcGIS Online-Layer nicht danach durchsuchen. Stattdessen müssen Sie die URL des Service verwenden, die auf den Service zeigt, der auf dem GIS-Server der Stadt gehostet wird.

  4. Klicken Sie auf dem Menüband auf Hinzufügen und wählen Sie Layer aus dem Web hinzufügen aus.

    Layer aus dem Web hinzufügen

    Das Fenster Layer aus dem Web hinzufügen wird angezeigt.

  5. Für URL kopieren Sie die folgende URL und fügen sie ein: https://realtimegis2016.esri.com:6443/arcgis/rest/services/SandyVehicles/StreamServer.

    URL für Service

  6. Klicken Sie auf Layer hinzufügen.

    Der Karte wird der neue Layer SandyVehicles hinzugefügt. Da der neue Layer unter all den anderen Daten auf der Karte möglicherweise nur schwer zu finden ist, sollten Sie einige der anderen Layer ausschalten.

  7. Deaktivieren Sie im Bereich Inhalt die Layer Vehicles (Latest) und Vehicles (Past).

    Fahrzeuge
    Hinweis:

    Ihre Punkte können abweichen.

    Der Layer stellt die letzte Position von Schneepflügen in der Stadt dar. Da der Layer ein Stream-Service ist, wird er nicht in einem festen Intervall von 30 Sekunden aktualisiert, sondern automatisch, sobald der Server neue geographische Daten erhält. Nun sollten Sie den Stream-Layer so umbenennen, dass sein Name mit den anderen Layern übereinstimmt.

  8. Zeigen Sie im Bereich Inhalt auf den Layer SandyVehicles, klicken Sie auf die Schaltfläche Weitere Optionen und wählen Sie Umbenennen aus.

    Umbenennen

  9. Ändern Sie den Layer-Namen in Vehicles (Stream), und klicken Sie auf OK.

Stream-Layer symbolisieren

Als Nächstes ändern Sie die Standard-Symbolisierung des Stream-Layers so, dass er dem Layer Vehicles (Latest) ähnelt. Sie müssen auch das Symbol des Service ändern, damit die letzten Positionen der einzelnen Fahrzeuge als Navigationspfad (Breadcrumb-Pfad) angezeigt werden.

  1. Zeigen Sie im Bereich Inhalt auf Vehicles (Stream) und klicken Sie auf Style ändern.

    Die Echtzeit-Layer, die Sie zuvor verwendet haben, waren so symbolisiert, dass Schneepflüge und Pickups/Kleintransporter mit unterschiedlichen Symbolen dargestellt werden. Der Stream-Service kann nur mit einem einzigen Symbol symbolisiert werden, das Sie aber so gestalten können, dass es denen in den anderen Vehicles-Layern ähnelt.

  2. Klicken Sie im Bereich Style ändern auf Symbole.

    Symbole

    Daraufhin wird ein Fenster mit den Symboloptionen angezeigt.

  3. Legen Sie auf der Registerkarte Form die Symbolkategorie auf Pfeile fest. Blättern Sie durch die Liste der Pfeilsymbole bis zum dreieckigen Aufwärtspfeil in einem violetten Kreis.

    Violettes Pfeilsymbol

  4. Legen Sie die Symbolgröße auf 20 Px fest und klicken Sie auf OK.

    Das neue Symbol wird zur Karte hinzugefügt.

    Symbol für Fahrzeuge

  5. Aktivieren Sie im Bereich Style ändern das Kontrollkästchen Symbole drehen (Grad). Wählen Sie im Dropdown-Menü die Option heading aus, und stellen Sie sicher, dass Geographisch ausgewählt ist.

    Nun müssen Sie dafür sorgen, dass das Symbol zusätzliche Symbole für die letzten 10 Positionen jedes Fahrzeugs enthält. Ähnlich wie in Ihrem Dashboard folgt auf diese Weise jedem Symbol eine Spur der letzten bekannten Positionen des Fahrzeugs. Um dies im Dashboard zu erreichen, hatten Sie einen Filter verwendet. In Ihrer Webkarte nutzen Sie dafür die Symbolisierung des Layers.

  6. Aktivieren Sie unter Dieser Layer streamt aktualisierte Feature-Beobachtungen die Option Letzte 5 Beobachtungen darstellen, und ändern Sie die Anzahl der Beobachtungen in 10.

    Vorherige Beobachtungen darstellen

    Nach ihrer Aktualisierung nach einigen Sekunden ziehen die Symbole eine Spur aus blauen Kreisen hinter sich her.

    Vorherige Beobachtungen von Fahrzeugen

    Das blaue Kreissymbol ist das Standardsymbol. Aus Gründen der Optik sollten Sie es durch ein violettes Pfeilsymbol ersetzen.

  7. Klicken Sie im Bereich Style ändern unter dem Kontrollkästchen für Symbol auf das blaue Kreissymbol.

    Symbol für vorherige Beobachtungen

    Daraufhin wird ein Fenster mit den Symboloptionen angezeigt.

  8. Wählen Sie bei Bedarf die Symbolkategorie Pfeile aus. Blättern Sie durch die Liste der Symbole bis zum violetten dreieckigen Aufwärtspfeil.

    Violetter Pfeil für vorherige Beobachtungen

  9. Legen Sie die Symbolgröße auf 12 fest und klicken Sie auf OK.

    Die blauen Kreissymbole werden durch violette Pfeile ersetzt. Diese Pfeile drehen sich auch in Vorausrichtung der Fahrzeuge.

    Vorherige Beobachtungen

    Nun verbinden Sie die Symbole der vorherigen Beobachtungen mit einer weißen Linie, um die visuelle Klarheit zu verbessern.

  10. Aktivieren Sie im Bereich Style ändern die Option Beobachtungen verbinden, und klicken Sie für Symbol auf die schwarze Linie. Klicken Sie in der Liste der Farben auf das weiße Farbmuster, und klicken Sie auf OK.
  11. Klicken Sie unten im Bereich Style ändern auf OK.
  12. Vergrößern Sie die Ansicht, bis Sie die Linie, die die Beobachtungen verbindet, deutlich sehen können.

    Fertiges Symbol für Fahrzeuge

  13. Wenn Sie die Linie geprüft haben, dann kehren Sie zur vollen Ausdehnung der Daten zurück.
  14. Klicken Sie auf dem Menüband auf Speichern.

Web-App erstellen

Nachdem Sie Ihrer Webkarte einen Stream-Service hinzugefügt haben, der Echtzeitdaten schnell anzeigt, können Sie mit Web AppBuilder eine Web-App erstellen. Web-Apps stellen Webkarten mit Bedienoberflächen dar, die auf den jeweiligen Zweck der Karte zugeschnitten sind. Sie ermöglichen es außerdem, der Organisation beschreibende Informationen oder Links hinzuzufügen. Insbesondere Web AppBuilder enthält im Gegensatz zu den Standardvorlagen für Web-Apps, die in ArcGIS Online verfügbar sind, eine vollständige Palette an anpassbaren Optionen beim Erstellen einer Web-App. Der erste Schritt beim Erstellen einer Web-App ist das Freigeben Ihrer Karte.

  1. Klicken Sie auf dem Menüband auf Freigeben.

    Schaltfläche "Freigeben"

    Da Sie möchten, dass die Öffentlichkeit die Web-App verwenden kann, müssen Sie sie entsprechend freigeben.

  2. Aktivieren Sie im Fenster Freigeben die Option Alle (öffentlich).

    Nun kann jeder Benutzer, der die URL besitzt, auf Ihre Webkarte zugreifen.

  3. Klicken Sie am unteren Rand des Fensters Freigeben auf Web-App erstellen.

    Schaltfläche "Web-App erstellen"

    Das Fenster Neue Web-App erstellen wird angezeigt. Dieses Fenster enthält eine Liste der konfigurierbaren App-Vorlagen, die jeweils auf einen bestimmten Zweck zugeschnitten sind. Sie werden jedoch stattdessen mit Web AppBuilder eine benutzerdefinierte Web-App erstellen.

  4. Klicken Sie auf die Registerkarte Web AppBuilder.

    Registerkarte "Web AppBuilder"

    Diese Registerkarte enthält Optionen für Titel, Tags und weitere Informationen der Web-App. Einige der Parameter werden anhand von Informationen aus der Webkarte gefüllt. Sie werden aber den Titel ändern und eine informative Zusammenfassung hinzufügen.

  5. Geben Sie für Titel die Bezeichnung Snow Removal Operations Web App ein.
  6. Geben Sie als Zusammenfassung den Text Web application for viewing the current status of snow removal operations in a city in Utah ein.
  7. Stellen Sie sicher, dass Diese App auf die gleiche Weise freigeben wie die Karte aktiviert ist und klicken Sie auf Erste Schritte.

    Web AppBuilder wird gestartet.

Die Web-App konfigurieren

Aktuell sind Ihre Webkarte, ein Standardtitel und einiges an Standardkartenfunktionalität in Web AppBuilder enthalten. Als Nächstes konfigurieren Sie Aspekte des Aussehens und der Funktionalität der Web-App. Insbesondere fügen Sie zur Web-App ein Widget hinzu, das mehr Kontrolle über Streaming-Services ermöglicht.

  1. Wählen Sie im linken Bereich von Web AppBuilder auf der Registerkarte Design die Option Dart-Design aus.

    Dart-Design

    Bei diesem Design befinden sich der Titel und viele Steuerelemente der Web-App auf einer grauen Leiste, dem Controller, am unteren Rand der Karte. Dies vereinfacht einen Teil der Funktionalität und lenkt den Schwerpunkt auf die Karte. Da sich der graue Controller jedoch visuell nicht ausreichend von der dunklen Grundkarte unterscheiden lässt, sollten Sie seine Farbe ändern.

  2. Wählen Sie als Style das violette Farbschema.

    Violettes Farbschema

    Dieses Farbschema entspricht den violetten Fahrzeugsymbolen auf Ihrer Karte. Dadurch heben sich die Informationen und Werkzeuge des Controllers ab, während gleichzeitig auch die wichtigsten Echtzeitdaten hervorgehoben werden. Als Nächstes ändern Sie einige weitere Aspekte der Web-App. Der linke Bereich enthält vier Registerkarten: Design, Karte, Widget und Attribut. Auf der Registerkarte Karte können Sie die Karte auswählen, die Sie in der App verwenden möchten, und ihre Standardausdehnung ändern. Da Sie die Karte bereits gewählt haben, brauchen Sie diese Registerkarte nicht. Auf der Registerkarte Attribut können Sie den Titel der App sowie einige weitere Informationen ändern. Da Sie der App bereits einen Titel gegeben haben, brauchen Sie hier auch diese Registerkarte nicht.

  3. Klicken Sie auf die Registerkarte Widget.

    Registerkarte "Widget"

    Als Sie das Dashboard erstellt haben, haben Sie ihm mehrere Widgets hinzugefügt. Diese Widgets waren Listen und Diagramme mit weiteren Informationen über die Vorgänge. Widgets können Sie auch einer Web-App, die Sie mit Web AppBuilder erstellen, hinzufügen. Diese Widgets unterstützen den Benutzer bei vielfältigen Kartierungsaufgaben, wie Navigation und Messung. Sie werden ein Widget hinzufügen, mit dessen Hilfe Benutzer mit dem Stream-Layer in der App interagieren können.

  4. Klicken Sie auf der Registerkarte Widget auf Widgets in diesem Controller festlegen.

    Der Controller enthält aktuell drei Widgets: Eine Legende, eine Liste der Layer und einen Zoom-Schieberegler. Diese Widgets werden als Schaltflächen unter dem Titel auf dem Controller angezeigt.

    Tipp:

    Um ein Widget zu entfernen, zeigen Sie im linken Bereich auf dieses Widget und klicken auf die Schaltfläche zum Löschen.

  5. Klicken Sie in der Liste der Widgets auf die Schaltfläche zum Hinzufügen von Widgets.

    Schaltfläche zum Hinzufügen von Widgets

    Das Fenster Widget auswählen wird angezeigt. Dieses Fenster enthält Widgets aller Typen, die Sie zum Controller hinzufügen können. Es gibt über 50 Widgets, die Sie konfigurieren können.

  6. Klicken Sie im Fenster Widget auswählen auf das Widget Stream, um es hinzuzufügen, und dann auf OK.

    Das Widget "Stream"

    Das Fenster Stream konfigurieren wird angezeigt. Für das Widget Stream gibt es mehrere Optionen, von denen die meisten standardmäßig aktiviert werden. Diese Optionen geben dem Benutzer die Möglichkeit, das Streaming zu beenden und zu starten, vorherige Beobachtungen zu entfernen und vorherige Beobachtungen darzustellen. Mit diesen Standardeinstellungen erhält der Benutzer die Kontrolle über den Stream-Service und kann sich auf wichtige Informationen konzentrieren.

  7. Lassen Sie die Standardeinstellungen unverändert, und klicken Sie auf OK.

    Das Widget wird zum Controller hinzugefügt.

  8. Klicken Sie unten auf der Seite im Controller auf das Widget Stream.

    Stream-Widget auf Controller

    Das Fenster Stream wird auf der Karte angezeigt.

    Steuerelemente des Stream-Layers

    Die Benutzer können die Anzahl der letzten beobachteten Positionen für jedes Fahrzeug ändern oder das Streaming ganz beenden. Sie können auch mit den Streaming-Steuerelementen experimentieren.

  9. Schließen Sie das Fenster, wenn Sie fertig sind.

    Sie können zur Web-App zwar noch weitere Widgets hinzufügen, da aber die Möglichkeiten des Echtzeit-Streaming den Schwerpunkt Ihrer App bilden, brauchen Sie dies nicht zu tun.

    Hinweis:

    Wenn Sie mehr über Web AppBuilder und einige der verfügbaren Widgets erfahren möchten, dann nutzen Sie das Learn ArcGIS-Lernprogramm Schlammlawine in Oso: Vorher – Nachher.

  10. Klicken Sie am unteren Rand des linken Bereichs auf Speichern. Klicken Sie nach dem Speichern der App auf Starten, um sie zu öffnen.

    Die fertige App wird in einer neuen Browser-Registerkarte oder in einem neuen Fenster geöffnet.

    Fertige Web-App

  11. Erkunden Sie die fertige App.

    Probieren Sie die Vorschaufunktion zum Überprüfen Ihrer App aus. Denken Sie dabei daran, dass die App sowohl auf einem mobilen Gerät als auch auf einem Tablet angezeigt werden kann.

  12. Wenn Sie die Erkundung abgeschlossen haben, schließen Sie die App, um zu Web AppBuilder zurückzukehren.

    Als Nächstes sollten Sie noch die Metadaten der App überprüfen.

  13. Klicken Sie oben in Web AppBuilder auf den Titel Ihrer App.

    Die Elementdetailseite der App wird angezeigt. Diese Seite enthält den Namen, die Beschreibung und die Nutzungsbeschränkungen der App sowie weitere Informationen. Sie können auch eine Miniaturansicht hinzufügen. Es empfiehlt sich, möglichst viele Metadaten zu vervollständigen, vor allem bei einer App, die durch die Öffentlichkeit verwendet werden kann. Die Behördenmitarbeiter werden wahrscheinlich Links und Referenzen auf die Website der Stadt in die Metadaten aufnehmen wollen. Sie könnten auch ein Bild des Stadtsiegels oder Banners als Miniaturansicht hinzufügen, um deutlich zu machen, dass die App offiziell ist. In diesem Lernprogramm können Sie jedoch die Metadaten ganz nach Wunsch bearbeiten.

  14. Fügen Sie zur App eine Miniaturansicht und eine Beschreibung hinzu.

    Da Ihre App bereits für die Öffentlichkeit freigegeben ist, kann jeder Benutzer mit der URL sie anzeigen. Um die Information zu verbreiten, können die Behördenmitarbeiter die URL kopieren und über die offiziellen Seiten der Stadt in den sozialen Medien verschicken und die App auf der Website der Stadt verfügbar machen.

  15. Blättern Sie zum Ende der Elementdetails. Kopieren Sie unter URL die URL der App und geben Sie sie für die gewünschten Benutzer frei. Die URL können Sie auch über soziale Medien teilen, um Reichweite und Zugriffsmöglichkeit zu erweitern.

In diesem Lernprogramm haben Sie sowohl für städtische Behörden als auch für Bürger Karten und Apps zum Überwachen des Status der Schneeräumung in der gesamten Stadt erstellt. Zuerst haben Sie eine Webkarte mit Echtzeitdaten-Layern erstellt. Danach haben Sie mit dieser Webkarte ein Dashboard erstellt, mit dessen Hilfe städtische Behörden den Status von Schneepflügen und Straßen verfolgen können. Zuletzt haben Sie eine Web-App erstellt, die die wichtigsten Informationen in einer relativ einfachen Bedienoberfläche zusammenfasst, damit die Bürger darüber informiert werden können, welche Straßen von Schnee geräumt wurden. Diese Karten und Apps dienen der Sicherheit der Bürger und stellen den Entscheidungsträgern Echtzeitinformationen bereit.

Weitere Lernprogramme finden Sie in der Lernprogrammgalerie.