Eine eigene ArcGIS Hub-Vorlage erstellen

Der Gesamtanlageplan der Stadt Springfield wird aktualisiert, um die Zukunft der Stadt bis 2040 nachhaltiger gestalten zu können. Ihre Aufgabe als Planer für Springfield besteht darin, eine digitale Version der Aktualisierung zu erstellen.

In diesem Lernprogramm transformieren Sie mit ArcGIS Hub die Aktualisierung des Gesamtanlageplans der Stadt in eine interaktive, gemeinsame Website. Auf Ihrer Site werden der Zweck der Aktualisierung leicht verständlich dargelegt und Surveys und Events zur Förderung der Bürgerbeteiligung vorgestellt. Basierend auf Ihrer Site werden Sie auch eine Vorlage erstellen, die andere Abteilungen zum Erstellen ähnlicher Sites für ihre eigenen Initiativen verwenden können.

Dieses Lernprogramm wurde zuletzt am 14. Juni 2024 getestet.

Anforderungen

• ArcGIS Hub Premium
• ArcGIS-Organisationskonto mit einer Administratorrolle (siehe die Optionen für den Zugriff auf die Software)

Eine Startseite erstellen

Eine Website bietet eine gute Möglichkeit, den Bürgern von Springfield den aktualisierten Rahmenplan vorzustellen. Sie haben jedoch keine Zeit, eine Website von Grund auf neu zu erstellen. Daher enthält ArcGIS Hub Premium Vorlagen zum Erstellen von Initiativen, also von Sites mit Optionen für die Bürgerbeteiligung, die auf ArcGIS Hub gehostet werden. Im Folgenden wählen Sie eine Vorlage aus und passen das Design an das Branding Ihrer Stadt an.

Eine Vorlage auswählen

Öffnen Sie zunächst ArcGIS Hub, und wählen Sie eine Vorlage aus, die am besten dazu geeignet ist, Bürger über ein neues Projekt zu informieren.

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

   Hinweis:

   In diesem Lernprogramm ist eine Administratorrolle oder eine benutzerdefinierte Publisher-Rolle mit der Berechtigung zum Erstellen von Gruppen mit Aktualisierungsfunktionen und zum Zuweisen von Mitgliedern erforderlich. Wenn Sie nicht über ein Organisationskonto oder Administratorberechtigungen verfügen, informieren Sie sich über die Optionen für den Zugriff auf die Software.

2. Klicken Sie auf dem Menüband auf die Schaltfläche Apps, und wählen Sie Hub aus.

   

   ArcGIS Hub wird geöffnet. Die Übersichtsseite enthält Optionen zum Erstellen oder Verwalten von Initiativen, zum Verwalten von Inhalten oder zum Verwalten von Community-Mitgliedern.

3. Klicken Sie unter Initiativen auf Neu.

   

   Hinweis:

   Wenn Sites anstelle von Initiativen angezeigt werden, verfügen Sie möglicherweise über eine Lizenz für ArcGIS Hub Basic. Für dieses Lernprogramm muss ArcGIS Hub Premium installiert sein. Informationen zum Aktivieren einer ArcGIS Hub Premium-Lizenz finden Sie unter Aktivieren von ArcGIS Hub Premium.

   Sie haben die Möglichkeit, Ihrer Initiative einen Namen zu geben. Bevor Sie dies tun, wählen Sie die gewünschte Vorlage aus. Durch die Auswahl einer geeigneten Vorlage sparen Sie Zeit beim Anpassen der Initiative an Ihre Anforderungen.

4. Klicken Sie auf Vorlagen durchsuchen.

   

   Eine Liste mit Vorlagen wird angezeigt. Sie können die Liste filtern, sodass nur Vorlagen angezeigt werden, die von Ihrer Organisation veröffentlicht wurden. Suchen Sie nach Vorlagen, die von Esri veröffentlicht wurden.

5. Deaktivieren Sie unter Filter alle Filter, und aktivieren Sie Esri.

   

   Esri hat mehr als 40 Initiativenvorlagen veröffentlicht. (Die Anzahl kann sich von der in den Beispielabbildungen unterscheiden, da regelmäßig weitere Vorlagen veröffentlicht werden.)

6. Führen Sie einen Bildlauf durch die Liste der Vorlagen durch, und klicken Sie auf Weitere Ergebnisse, um alle verfügbaren Vorlagen anzuzeigen.
7. Geben Sie in der Suchleiste den Begriff Project Site ein, und drücken Sie die Eingabetaste.

   Die Liste wird nach der Vorlage Project Site gefiltert. In der Beschreibung für diese Vorlage wird erläutert, dass es sinnvoll ist, die Community über ein neues oder laufendes Projekt zu informieren. Da Sie die Öffentlichkeit über den neu aktualisierten Rahmenplan für nachhaltige Entwicklung in Ihrer Stadt informieren möchten, eignet sich diese Vorlage für Ihre Zwecke.

8. Klicken Sie auf den Vorlagentitel.

   

   Ein Überblick zur Initiativenvorlage wird angezeigt.

9. Klicken Sie auf Vorlage aktivieren.
10. Geben Sie für Geben Sie einen Namen für Ihre Initiative ein den Namen Springfield General Plan 2040 ein, und fügen Sie Ihren Namen oder Ihre Initialen hinzu (z. B. Springfield General Plan 2040 YN).

    Hinweis:

    Sie dürfen in einer ArcGIS-Organisation nicht zwei Initiativen mit demselben Namen erstellen. Durch das Anhängen Ihrer Initialen an den Initiativennamen wird gewährleistet, dass andere Benutzer in Ihrer Organisation dieses Lernprogramm ebenfalls absolvieren können.

11. Klicken Sie auf Los.

    Nach Abschluss der Aktivierung wird die Vorlage angezeigt.

Grundeinstellungen anpassen

Im Folgenden ändern Sie einige Grundeinstellungen der Initiative wie etwa den Namen und die URL. Als Sie den Namen der Initiative festgelegt haben, haben Sie Ihren Namen bzw. Initialen angefügt, um sicherzustellen, dass der Name in Ihrer Organisation eindeutig ist. Ihr Name bzw. Ihre Initialen sollen jedoch nicht auf der Site selbst erscheinen. Daher sollten Sie Ihren Name bzw. Ihre Initialen entfernen.

1. Klicken Sie im Bereich Anpassen auf Einstellungen.

   

2. Entfernen Sie im Abschnitt Info unter Name Ihren Namen oder Ihre Initialen, sodass nur noch Springfield General Plan Update 2040 angezeigt wird.

   

   Die Änderungen werden nicht automatisch aktualisiert. Sie müssen sie speichern.

3. Klicken Sie auf dem Menüband auf Speichern.

   

   Nach dem Speichern der Änderungen wird das Menüband aktualisiert und der neue Name angezeigt.

   

   Hinweis:

   Darüber hinaus gibt es noch weitere Optionen, mit denen Sie die Initiative speichern oder in einer Vorschau anzeigen können. Wenn Sie auf den Pfeil neben der Schaltfläche Speichern klicken, können Sie wählen, ob Sie einen Entwurf Ihrer Initiative in einer Vorschau anzeigen möchten, ohne die Änderungen auf der eigentlichen Site zu veröffentlichen (Entwurf in Vorschau anzeigen), ob Sie die Änderungen in der Live-Version der Site veröffentlichen möchten (Entwurf veröffentlichen), ob Sie die derzeit veröffentlichte Site veröffentlichen möchten (Ansicht veröffentlicht) oder ob Sie den Entwurf löschen und den Editor auf die veröffentlichte Version der Site zurücksetzen möchten (Entwurf löschen).

   Als Nächstes ändern Sie die URL der Site. In diesem Lernprogramm lassen Sie Ihren Namen bzw. Ihre Initialen in der URL, um sicherzustellen, dass die URL in Ihrer Organisation eindeutig ist. Sie können die URL jedoch kürzen, indem Sie einige andere Wörter entfernen.

4. Blenden Sie im Bereich Anpassen den Abschnitt Domäneneinstellungen ein, und klicken Sie auf Domäneneinstellungen ändern.

   

   Daraufhin wird das Fenster Domäneneinstellungen angezeigt. Die Standard-Subdomain lautet hub.arcgis.com. Sie können zwar eine benutzerdefinierte Domäne erstellen. Bis diese übernommen wird, kann es jedoch bis zu 24 Stunden dauern. Daher ändern Sie nur die URL. Diese Änderung wird sofort übernommen.

5. Geben Sie für Site-URL die URL springfield-general-plan ein, und fügen Sie Ihren Namen oder Ihre Initialen hinzu.

   

   Die URL enthält außerdem den Namen Ihrer ArcGIS-Organisation. In den Beispielabbildungen lautet dieser Name learngis. Wenn Sie eine eigene Organisation verwenden, lautet Ihre URL anders.

6. Klicken Sie auf Speichern.

   Nach dem Speichern der Änderungen wird ein Fenster angezeigt, in dem Sie darauf hingewiesen werden, dass Sie zur neuen URL wechseln müssen, wenn Sie die Bearbeitung fortsetzen möchten.

7. Klicken Sie auf Los.

   Daraufhin werden Sie zur neuen URL weitergeleitet.

Kopfzeile und Design anpassen

Die Kopfzeile wird im oberen Bereich der Initiative angezeigt. Derzeit enthält die Kopfzeile lediglich den Namen der Initiative, was überflüssig ist, da der Name auch im Banner darunter angezeigt wird. Daher ändern Sie im Folgenden die Kopfzeile so, dass sie stattdessen das Logo Ihrer Stadt enthält. Zudem ändern Sie das Design, indem Sie andere Farben und Schriftarten verwenden. Zunächst laden Sie das Logo und andere Bilder herunter, die Sie für die Gestaltung Ihrer Initiativen-Site verwenden.

1. Laden Sie die Lernprogrammdaten herunter. Suchen Sie den heruntergeladenen komprimierten Ordner develop-your-own-hub-template.zip auf Ihrem Computer, und extrahieren Sie den Inhalt an einem Speicherort Ihrer Wahl, z. B. in den Ordner "Dokumente".

   Hinweis:

   Je nach Web-Browser werden Sie möglicherweise vor dem Herunterladen aufgefordert, den Speicherort der Datei auszuwählen. In den meisten Browsern werden heruntergeladene Dateien standardmäßig im Ordner "Downloads" gespeichert.

2. Klicken Sie auf der Registerkarte der Initiative im Bereich Anpassen auf Kopfzeile.

   

   Für das Standardaussehen der Kopfzeile wird der Style Standard verwendet. Da Sie in der Kopfzeile das Logo Ihrer Stadt verwenden möchten, verwenden Sie den Style Auffällig, der größer ist und somit sicherstellt, dass das Logo in einer entsprechenden Größe angezeigt wird.

3. Wählen Sie für Darstellung die Option Auffällig aus.

   

   Im Gegensatz zu den Änderungen an den Grundeinstellungen wird diese Änderung im Editor automatisch übernommen. Als Nächstes entfernen Sie den Namen aus der Kopfzeile.

4. Deaktivieren Sie im Bereich Anpassen die Option Name.

   

   Daraufhin wird der Name aus der Kopfzeile entfernt. Fügen Sie als Nächstes das Logo für Springfield hinzu. Sie können das Logo über eine URL einfügen oder von Ihrem Computer hochladen.

5. Klicken Sie unter Logo auf Hochladen. Verwenden Sie die Optionen Bild per Drag & Drop ablegen oder Bild suchen, um das Bild springfield-logo-header.jpg aus dem heruntergeladenen Inhalt auszuwählen.

   Das Logo für Springfield wird der Kopfzeile hinzugefügt, nimmt jedoch nur einen Teil der Höhe der Kopfzeile ein. Daher ändern Sie die Logoausrichtung so, dass das Logo die gesamte Höhe der Kopfzeile füllt.

6. Wählen Sie für Logoausrichtung die Option Vertikales Logo aus.

   

   Das Logo in der Kopfzeile wird größer. Es hat einen weißen Hintergrund. Also ändern Sie die Hintergrundfarbe der Kopfzeile entsprechend.

   Tipp:

   Im Abschnitt Social-Media-Symbole können Sie Schaltflächen aktivieren, mit denen eine Verknüpfung mit den von der Stadt genutzten Social Media hergestellt werden kann. Es sind Symbole für Facebook, X, Instagram und YouTube verfügbar. Da die Stadt in diesem Lernprogramm fiktiv ist, fügen Sie keine Links zu Social Media hinzu. Diese Option ist jedoch nützlich, wenn Sie eine Initiative für eine echte Stadt erstellen.

7. Klicken Sie oben im Bereich auf Anpassen.

   

   Sie kehren zum Bereich Anpassen zurück.

8. Klicken Sie auf Design.

   Dieser Bereich enthält Optionen zum Ändern von Farbe und Text für verschiedene Elemente der Initiative. Die Farbe können Sie ändern, indem Sie in der Farbauswahl eine andere Farbe auswählen oder indem Sie den entsprechenden Hexadezimalcode eingeben.

   Passen Sie die Kopfzeilenfarbe an den Logohintergrund an und verwenden Sie anstelle von Schwarz auch dunkelgraue Farben für die Schriftarten und Symbole, da Schwarz einen harten Kontrast darstellen kann.

9. Ändern Sie die folgenden Designfarben:
   • Geben Sie für Hintergrundfarbe für globale Navigation den Code #f7f7f7 ein.
   • Geben Sie für Textfarbe für globale Navigation den Code #7d7d7d ein.
   • Geben Sie für Hintergrundfarbe der Kopfzeile den Code #ffffff ein.
   • Geben Sie für Textfarbe für Überschriften den Code #6c6c6c ein.
   • Übernehmen Sie für Texthintergrundfarbe den Code #ffffff.
   • Geben Sie für Textfarbe den Code #3c3c3c ein.
   • Geben Sie für Link-Farbe des Textes den Code #278dca ein.

   Als Nächstes ändern Sie die Schriftarten der Initiative.

10. Klicken Sie unter Basisschriftart auf die Schaltfläche "Einstellungen".

    

    Daraufhin wird das Fenster Schriftarten für Designs anpassen angezeigt. Sie können eine Schriftart über eine URL importieren. Hierfür ist ein Link zu Google Fonts, einem Katalog mit kostenlosen Schriftarten, verfügbar.

11. Klicken Sie auf Hier können Sie die Sammlung durchsuchen.

    Die Website von Goolge Fonts wird auf einer neuen Browser-Registerkarte angezeigt. Hier sind Schriftarten in einer durchsuchbaren Galerie aufgeführt.

12. Klicken Sie auf die Schriftart Roboto. Wenn diese Schriftart in der Liste nicht enthalten ist, suchen Sie danach.
13. Sobald Sie den Style Roboto sehen, klicken Sie auf Get font.

    

    Der Bereich Selected family wird angezeigt. Er bietet zwei Möglichkeiten, die Schriftart zu verwenden: über den Code oder durch Herunterladen der Schriftart. Hier verwenden Sie die Option über den Code.

14. Klicken Sie auf Get embed code.

    

    Der Bereich Embed code wird angezeigt.

15. Klicken Sie auf der Registerkarte Web auf @import. Kopieren Sie den folgenden Teil der URL:

    https://fonts.googleapis.com/css2?family=Roboto

    

16. Schließen Sie die Browser-Registerkarte "Google Fonts". Fügen Sie die URL in Ihrer Initiative im Fenster Schriftarten für Designs anpassen unter URL für @import ein.
17. Geben Sie für Name der Schriftfamilie den Namen Roboto ein.

    

    Verwenden Sie für die Kopfzeile dieselbe Schriftart.

18. Klicken Sie auf die Registerkarte Schriftart für Überschriften.

    

19. Aktivieren Sie das Kontrollkästchen Gleiche Schriftart wie für Basis verwenden.

    

    Die URL und der Name der Basisschriftart werden für die Schriftart für Überschriften eingegeben.

20. Klicken Sie auf Übernehmen.

    Die Änderungen werden übernommen. Nun haben Sie Ihre Site mit einem Logo versehen, das Design angepasst und eine neue Schriftart hinzugefügt.

Das Banner anpassen

Beim Banner handelt es sich um den Abschnitt der Initiative unter der Kopfzeile. Das Banner enthält den Namen der Initiative und Platz für einen Unterabschnitt. Die Aufgabe des Banners ist es, die Aufmerksamkeit eines Benutzers zu erregen, der auf die Site gelangt. Zudem soll der Titel klar vermitteln, worum es bei der Initiative geht.

Zunächst ersetzen Sie den schlichten Hintergrund des Banners durch ein prägnanteres Bild.

1. Zeigen Sie auf das Banner.

   

   Wenn Sie im Initiativeneditor auf bestimmte Elemente zeigen, werden Werkzeugleisten mit Optionen zum Verschieben, Bearbeiten oder Löschen des Elements angezeigt. Beim Banner dient die horizontale Werkzeugleiste (oberhalb des Banners) zum Bearbeiten des Textes. Die vertikale Werkzeugleiste (neben dem Banner) dient zum Bearbeiten des Hintergrundes.

2. Klicken Sie in der vertikalen Werkzeugleiste auf die Schaltfläche "Bearbeiten".

   

   Der Bereich Zeile wird geöffnet. In ArcGIS Hub ist eine Zeile ein horizontaler Abschnitt wie etwa das Banner. Dieser Bereich enthält Optionen zum Ändern der Hintergrundfarbe oder zum Hochladen des Hintergrundbildes. Fügen Sie ein Bild hinzu, auf dem die Skyline einer Stadt dargestellt ist.

3. Klicken Sie unter Hintergrundbild auf Hochladen, und wählen Sie das Bild header-image-skyline-color.jpg aus dem heruntergeladenen Inhalt aus.

   Das Bild wird dem Banner hinzugefügt. Ändern Sie außerdem die Hintergrundfarbe in Schwarz, sodass sich die weiße Schriftart besser abhebt.

4. Geben Sie für Hintergrundfarbe den Code #000000 ein. Geben Sie als Bildtransparenz den Wert 30 Prozent ein.

   

   Das Bild wird aktualisiert. Als Nächstes ändern Sie den Text auf dem Banner.

5. Zeigen Sie auf den Text auf dem Banner. Klicken Sie in der Werkzeugleiste Text auf die Schaltfläche "Bearbeiten".

   

   Daraufhin kann der Bannertext bearbeitet werden. Über dem Text wird eine Werkzeugleiste mit Standardoptionen für die Textformatierung wie etwa mit Optionen zum Fett- und Kursivformatieren des Textes, zum Hinzufügen von Hyperlinks und zum Ändern der Textgröße angezeigt. Sie können auch zu einer HTML-Ansicht wechseln, um komplexere Textformatierungen durchzuführen.

6. Löschen Sie die beiden Textzeilen, und geben Sie The most important General Plan Update in the history of Springfield ein.
7. Markieren Sie den Text. Klicken Sie in der Werkzeugleiste auf die Schaltfläche Style, und wählen Sie Banner aus.

   

8. Klicken Sie ggf. auf die Schaltfläche Absatz, und wählen Sie Zentriert aus.
9. Klicken Sie auf eine beliebige Stelle außerhalb des Textfeldes, um die Texthervorhebung zu entfernen.

   

   Als Nächstes fügen Sie dem Banner eine Abstandshalter-Kachel hinzu. Durch den Abstandshalter wird das Banner vergrößert und damit das Hintergrundbild größer und prägnanter. Dem Banner können Sie Kacheln hinzufügen, indem Sie diese darauf ziehen.

10. Suchen Sie im Bereich Layout nach der Abstandshalter-Kachel.

    

11. Ziehen Sie die Abstandshalter-Kachel in den oberen Bereich des Banners, und legen Sie sie in der Dropzone Darüber einfügen ab.

    

    Der Bereich über dem Banner wird breiter. Verkleinern Sie den Bereich, und blenden Sie ihn auf mobilen Geräten aus, sodass Benutzer dieser Geräte nicht so viel scrollen müssen, um den Inhalt Ihrer Initiative anzuzeigen.

12. Geben Sie im Bereich Abstandshalter für Höhe den Wert 75 px ein. Aktivieren Sie Auf mobilem Gerät ausblenden.

    

    Fügen Sie unterhalb des Textes ein weiteres Banner hinzu.

13. Klicken Sie hierzu auf die Schaltfläche Layout, um zur Liste mit den Kacheln zurückzukehren. Ziehen Sie eine Abstandshalter-Kachel an eine Stelle unterhalb des Textes, und legen Sie sie in der Dropzone Darunter einfügen ab.

    

14. Geben Sie im Bereich Abstandshalter für Höhe den Wert 75 px ein. Aktivieren Sie Auf mobilem Gerät ausblenden.

    Mit den Abstandshaltern ist das Banner so groß, dass es den gesamten Bildschirm abdeckt. Bearbeiten Sie den HTML-Code des Banners, indem Sie einige Standardabstände entfernen. So ergibt sich ein Banner, das auf dem Desktop in normaler Größe und auf mobilen Geräten kleiner dargestellt wird.

15. Klicken Sie auf den Bannertext, um ihn zu bearbeiten. Klicken Sie unterhalb des Textes auf In HTML bearbeiten.

    

    Daraufhin wird eine HTML-Ansicht des Textes angezeigt. In HTML werden Formatierungen durch Code dargestellt. Zunächst entfernen Sie einige HTML-Codeteile, mit denen zusätzliche Zeilenumbrüche hinzugefügt werden.

16. Löschen Sie die beiden Codeabschnitte <br><br><br><br><br><br> in den letzten Zeilen des HTML-Codes.

    

    Fügen Sie anschließend einige Codezeilen hinzu, mit denen der Abstand zwischen Absätzen auf der gesamten Site geändert wird. In der Codeansicht enthalten die Zeilen 1 und 20 ein <style>-Tag. Mit dem Code zwischen diesen beiden Tags wird der Style von Elementen auf der Seite definiert.

17. Fügen Sie vor dem </style>-Tag in Zeile 20 zwei leere Zeilen ein, sodass die Zeile in Zeile 22 verschoben wird. Fügen Sie den folgenden Code in die neue Zeile 20 ein:
    div.b {
      line-height: 1.6;
    }

    

18. Klicken Sie auf Übernehmen.

    Daraufhin wird die Formatierung für das Banner übernommen. Die Größe des Banners ist sowohl für Desktops als auch für mobile Geräte geeignet.

Zeilen bearbeiten und löschen

Unterhalb des Banners befindet sich eine Zeile mit Text. Im Folgenden bearbeiten Sie diesen Text, um Benutzer ausführlicher über den Rahmenplan zu informieren. Darüber hinaus löschen Sie einige Zeilen, die Sie nicht verwenden werden.

1. Klicken Sie unterhalb des Banners auf den Text, der mit Verwenden Sie diese Hub-Site beginnt.

   

   Bearbeiten Sie den Text in HTML, um die im HTML-Code des Banners definierte Formatierung zu übernehmen.

2. Klicken Sie auf In HTML bearbeiten.
3. Löschen Sie den vorhandenen Text, und fügen Sie den folgenden Text ein:

   <div class="h1"><b>About the General Plan Update</b></div><h5><div class="b">The Springfield General Plan is used by the City of Springfield to guide long-range planning, the review of development proposals, and other activities that shape the built and natural environments. The plan helps the community create and preserve a sustainable future for the City of Springfield and a high quality of life.</div></h5>

   

   Der Codeabschnitt <div class="b"> bezieht sich auf das div.b-Element, das Sie dem Banner hinzugefügt haben. Der Text nach diesem Tag hat eine Zeilenhöhe von 1,6, d. h., dass zwischen den einzelnen Textzeilen ein kleiner Abstand vorhanden ist. Durch diesen Abstand wird die Lesbarkeit des Textes verbessert.

   Das <div class="h1">-Tag bezieht sich auf den Style Überschrift 1, der zu den Standardtext-Styles gehört. Der Text in diesen Tags ist größer, wie der Text eines Titels.

4. Klicken Sie auf Übernehmen.

   Die Änderungen werden übernommen. Als Nächstes ändern Sie die Hintergrundfarbe und die Schriftfarbe der Zeile.

5. Zeigen Sie hierzu auf den Text. Klicken Sie in der vertikalen Werkzeugleiste neben der Zeile auf die Schaltfläche "Bearbeiten".
6. Geben Sie im Bereich Layout für Hintergrundfarbe den Code #ffffff ein.

   Der weiße Hintergrund entspricht der Kopfzeile.

7. Geben Sie für Textfarbe den Code #3c3c3c ein.

   Die Farbe des Textes wird in ein dunkles Grau geändert.

   

8. Führen Sie auf der Seite der Initiative einen Bildlauf nach unten bis zur Zeile Unsere Vision verwirklichen durch.

   Diese Zeile ist in der ausgewählten Initiativenvorlage enthalten. Sie benötigen sie jedoch nicht. Daher löschen Sie sie.

9. Zeigen Sie auf die Zeile. Klicken Sie in der vertikalen Werkzeugleiste auf die Schaltfläche "Löschen".

   

   Daraufhin wird eine Meldung angezeigt, mit der Sie aufgefordert werden, zu bestätigen, dass Sie diese Zeile aus dem Layout entfernen möchten.

10. Klicken Sie auf Entfernen.

    Löschen Sie darüber hinaus auch die nächste Zeile mit dem Titel Bisheriger Fortschritt.

11. Zeigen Sie auf die Zeile Bisheriger Fortschritt. Klicken Sie in der vertikalen Werkzeugleiste auf die Schaltfläche "Löschen" und dann auf Entfernen.
12. Klicken Sie auf dem Menüband auf Speichern. Klicken Sie auf das Dropdown-Menü Speichern, und wählen Sie Entwurf veröffentlichen aus.

Eine Zeile hinzufügen

Bisher haben Sie Zeilen in der ausgewählten Vorlage bearbeitet. Im Folgenden erstellen Sie nun eine einfache Zeile mit einem Bild und einem Absatz. In dieser Zeile wird der aktualisierte Rahmenplan ausführlicher erläutert.

1. Klicken Sie im Bereich Anpassen auf Layout.

   Sie haben den Bereich Layout bereits verwendet, als Sie dem Banner Abstandshalter hinzugefügt haben. Im Folgenden verwenden Sie den Bereich, um eine Zeile hinzuzufügen.

2. Ziehen Sie die Zeilen-Kachel an eine Stelle unterhalb der Zeile About the General Plan Update, und legen Sie sie in der Dropzone Darunter einfügen ab.

   

   Der Initiative wird eine leere Zeile hinzugefügt.

   

   Der Bereich Zeile wird geöffnet. Er enthält die Grundeinstellungen für die Zeile. Fügen Sie zunächst ein Hintergrundbild hinzu.

3. Klicken Sie im Bereich Zeile unter Hintergrundbild auf Hochladen, und wählen Sie das Bild header-image-palms-bw.jpg aus dem zuvor heruntergeladenen Inhalt aus.

   Passen Sie anschließend die Hintergrundfarbe und die Bildtransparenz an. Da dieses Bild schwarz-weiß ist, fügen Sie eine Farbüberlagerung hinzu, um dem Bild eine Tiefe zu verleihen.

4. Geben Sie für Hintergrundfarbe den Code 1c1f76 ein. Geben Sie als Bildtransparenz den Wert 50 Prozent ein.

   Da diese Zeile eine dunkle Hintergrundfarbe aufweist, ändern Sie die Textfarbe in Weiß.

5. Geben Sie für Textfarbe den Code #ffffff ein.

   

   Als Nächstes fügen Sie Text hinzu.

6. Klicken Sie im Bereich Zeile auf Layout, um zur Liste der Kacheln zurückzukehren. Ziehen Sie die Text-Kachel in die leere Zeile.

   

7. Klicken Sie für die neue Text-Kachel auf In HTML bearbeiten. Fügen Sie im HTML-Fenster den folgenden Text ein:

   <div class="h1"><b>Purpose</b></div><h5><div class="b">This site is the Springfield General Plan Update, a visionary and aspirational data hub that includes a road map for the project, the vision for 2040 with a corresponding physical framework (please see The Spatial Strategy), and details on the areas of action that will guide implementation. The Springfield General Plan should serve as a road map for all projects moving forward, allowing everyone to understand the planning intent and trajectory.</div></h5>

8. Klicken Sie auf Übernehmen.

   Als Nächstes fügen Sie neben dem Text ein Bild ein.

9. Ziehen Sie dazu die Bild-Kachel an eine Stelle links neben dem Text, und legen Sie sie in der Dropzone Links einfügen ab.

   

   Daraufhin wird ein Platzhalterbild neben dem Text eingefügt, und im Bereich Bilder werden mehr Optionen angezeigt. Sie laden ein Bild hoch.

10. Klicken Sie im Bereich Bild unter Bild-URL auf Hochladen, und wählen Sie das Bild mic-meeting.jpg aus dem zuvor heruntergeladenen Inhalt aus.

    Anschließend fügen Sie ähnlich wie beim Banner oberhalb und unterhalb dieser Zeile Abstandshalter ein.

11. Klicken Sie hierzu auf Layout, um zur Liste mit den Kacheln zurückzukehren. Ziehen Sie eine Abstandshalter-Kachel auf eine Stelle über der Zeile Purpose.
12. Aktivieren Sie im Bereich Abstandshalter die Option Auf mobilem Gerät ausblenden.
13. Kehren Sie zur Liste mit den Kacheln zurück, fügen Sie eine Abstandshalter-Kachel unterhalb der Zeile Purpose hinzu, und aktivieren Sie die Option Auf mobilem Gerät ausblenden.

    

    Passen Sie anschließend die Bildgröße an. Im Moment ist das Bild ein wenig größer als der Text. Ein kleineres Bild würde besser aussehen.

14. Zeigen Sie auf die rechte Kante des Bildes mit dem Mikrofon, und klicken Sie auf die Pfeilschaltfläche.

    

    Das Bild wird verkleinert. Es ist nun besser auf den Text abgestimmt.

15. Speichern und veröffentlichen Sie den Entwurf der Initiative.

Eine komplexere Zeile konfigurieren

Die nächste Zeile lautet Primary Focus Areas. Diese Zeile ist komplexer als die vorherige, da sie Text, Bilder und Schaltflächen enthält, die mit anderen Initiativen, Websites oder Surveys verknüpft werden können. Im Folgenden ändern Sie den Text und die Einstellungen so, dass Informationen zu den Maßnahmen des Rahmenplans angezeigt werden.

1. Klicken Sie auf den Text Primary Focus Areas, um ihn zu bearbeiten.

   

2. Klicken Sie auf In HTML bearbeiten. Löschen Sie den gesamten vorhandenen Text, und fügen Sie den folgenden Text ein:

   <div class="banner-heading"><b>General Plan Activities</b></div>

3. Klicken Sie auf Übernehmen.

   Diese Zeile enthält zwei Unterabschnitte mit dem Titel Focus Area. In diesen Unterabschnitten ist Platz für ein Bild (derzeit leer) vorgesehen. Im Folgenden fügen Sie im ersten Unterabschnitt ein Bild hinzu und ändern den Text.

4. Zeigen Sie auf den leeren Bereich links neben dem ersten Unterabschnitt mit dem Titel Focus Area. Klicken Sie in der Werkzeugleiste Bilder auf die Schaltfläche "Bearbeiten".

   

5. Klicken Sie im Bereich Bild auf Hochladen, und wählen Sie das Bild get-involved.jpg aus dem zuvor heruntergeladenen Inhalt aus.

   Das Bild wird hinzugefügt.

6. Klicken Sie auf den Text Focus Area, um ihn zu bearbeiten.

   Dieses Textfeld enthält auch eine Schaltfläche. Behalten Sie diese Schaltfläche beim Bearbeiten des Textes bei.

7. Klicken Sie auf In HTML bearbeiten. Löschen Sie den gesamten vorhandenen Text, und fügen Sie den folgenden Text ein:
   <h1><b>1. Get Involved</b></h1>
   <h5><div class="b">There are many ways for you to get involved! The first way is to be a part of Springfield's walking tour. We need your help to make the City's walking tour successful by using our great community as volunteers to help participants navigate our city.</div></h5>
   <br>
   <p><a href="#" class="btn btn-primary" style="min-width: 200px;" target="_self">Get Involved</a></p>

   Dieser Text enthält eine Kopfzeile, eine Beschreibung und am Ende eine Schaltfläche. Für die Schaltfläche wird das Tag <a href="#" class="btn btn-primary" style="min-width: 200px;" target="_self"> verwendet. Das Symbol # in diesem Tag ist ein Platzhalter für die URL, zu der die Schaltfläche weiterleitet. Das Aussehen der Schaltfläche wird durch die Komponente class="btn btn-primary" bestimmt. Die Größe wird durch die Komponente style="min-width: 200px;" bestimmt. Und mit der Komponente target="_self" wird sichergestellt, dass die URL nicht in derselben, sondern in einer neuen Browser-Registerkarte geöffnet wird.

8. Klicken Sie auf Übernehmen.

   Die Änderungen werden übernommen. Die Bildgröße ist angemessen.

   

   Als Nächstes löschen Sie den zweiten Unterabschnitt mit dem Titel Focus Area.

9. Zeigen Sie unter dem Unterabschnitt Get Involved auf den Text Focus Area. Klicken Sie in der Werkzeugleiste Text auf die Schaltfläche "Löschen".

   

10. Wenn Sie aufgefordert werden, zu bestätigen, dass die Kachel gelöscht werden soll, klicken Sie auf Entfernen.

    Der Text wird gelöscht. Es bleiben jedoch ein leeres Bild und eine leere Text-Kachel sowie eine Zeile erhalten, mit der die beiden Unterabschnitte mit dem Titel Focus Area voneinander getrennt wurden.

11. Zeigen Sie auf das leere Bild. Klicken Sie in der Werkzeugleiste Bilder auf die Schaltfläche "Löschen" und dann auf Entfernen.
12. Zeigen Sie erneut auf die leere Stelle. Klicken Sie in der Werkzeugleiste Text auf die Schaltfläche "Löschen" und dann auf Entfernen.
13. Zeigen Sie auf die horizontale Zeile unter der Zeile Get Involved. Klicken Sie in der Werkzeugleiste Text auf die Schaltfläche "Löschen" und dann auf Entfernen.

    Im Folgenden löschen Sie einige weitere Zeilen, die durch die Vorlage hinzugefügt wurden, die Sie jedoch nicht benötigen.

14. Klicken Sie unterhalb der Zeile General Plan Activities auf die Zeile Resources and Tools. Klicken Sie in der vertikalen Werkzeugleiste auf die Schaltfläche "Löschen" und dann auf Entfernen.
15. Löschen Sie die Zeile Frequently Asked Questions.
16. Speichern und veröffentlichen Sie Ihren Entwurf.

Sie haben die Startseite für die Site Ihrer Initiative konfiguriert.

Eine Seite für einen Rundgang erstellen

Beim Aktualisieren eines Rahmenplanes ist es wichtig, im gesamten Prozess die Community miteinzubeziehen. Die Aktualisierung des Rahmenplanes für Springfield umfasst mehrere Aktivitäten, die die Beteiligung der Community fördern sollen. Eine dieser Aktivitäten ist ein Rundgang, den Sie in der Zeile Get Involved beschreiben. Bei Rundgängen erkundet eine Gruppe von Anwohnern in der Stadt die Architektur, die Stadtplanung und die Geschichte. Sie regen zu Gesprächen über Planung, Entwicklung und das Stadtleben im Allgemeinen an.

Sie erstellen eine neue Seite für diesen Rundgang. Diese Seite hilft den Freiwilligen, die den Rundgang anführen, und gibt den Anwohnern die Möglichkeit, sich für die Teilnahme anzumelden.

Eine Seite erstellen

Zuerst erstellen Sie eine neue Seite für den Rundgang und verknüpfen die Seite mit der Startseite.

1. Öffnen Sie ggf. den Editor für Ihre Initiative Springfield General Plan Update 2040.
2. Klicken Sie im Bereich Anpassen auf die Seitenschaltfläche.

   Hinweis:

   Möglicherweise müssen Sie mehrfach auf die Schaltfläche "Zurück" klicken, um zum Bereich Anpassen zurückzukehren.

   

   Sie haben die Option, eine neue Seite zu erstellen oder eine Seite zu verknüpfen.

3. Klicken Sie auf Neue Seite. Geben Sie im Fenster Neue Seite für Als Seite speichern den Text Get Involved ein, und klicken Sie auf Weiter.

   Eine neue Seite mit dem Namen Get Involved wird erstellt. Die für die erste Seite konfigurierte Kopfzeile, das Logo, die Schriftart und das Design werden automatisch auf diese Seite angewendet. Allerdings wird der Abstand zwischen Absätzen, den Sie in HTML hinzugefügt haben, auf diese Seite nicht angewendet. Daher fügen Sie ihn später erneut hinzu.

   Bevor Sie Zeilen oder Text auf dieser Seite bearbeiten, fügen Sie die URL der Seite zur Zeile Get Involved der Startseite hinzu.

4. Klicken Sie auf dem Menüband auf den Pfeil neben der Schaltfläche Speichern, und wählen Sie Ansicht veröffentlicht aus.

   

   Der Browser navigiert zur Live-Version der Seite.

5. Kopieren Sie die URL der Seite.
6. Klicken Sie links auf der Site auf der Werkzeugleiste auf die Schaltfläche Bearbeiten.

   

   Sie kehren zum Editor zurück. Im Editor wird die neu erstellte Seite angezeigt, und Sie wechseln zur Startseite zurück.

7. Klicken Sie auf dem Menüband auf Springfield General Plan Update 2040, und wählen Sie Startseite der Site aus.

   

8. Scrollen Sie auf der Startseite nach unten zur Zeile Get Involved. Klicken Sie auf den Text Get Involved, und klicken Sie auf In HTML bearbeiten.

   Der HTML-Code für diese Zeile enthält Code für eine Schaltfläche, die mit einer URL verknüpft werden kann. Als Sie diese Zeile konfiguriert haben, haben Sie das Zeichen # als Platzhalter für die URL eingesetzt. Sie ersetzen das # durch die URL der Seite für den Rundgang.

9. Löschen Sie in der Codezeile, die mit <p><a href="#" beginnt, das #, und fügen Sie die kopierte URL ein.

   

10. Klicken Sie auf Übernehmen.

    Die Schaltfläche am Ende der Zeile ist jetzt mit der Seite für den Rundgang verknüpft.

11. Speichern und veröffentlichen Sie Ihren Entwurf.

Die Seite bearbeiten

Als Nächstes bearbeiten Sie die Seite für den Rundgang, um Bilder und Text hinzuzufügen.

1. Klicken Sie im Bereich Anpassen auf die Seitenschaltfläche.
2. Klicken Sie auf die Seite Get Involved.

   

   Als Nächstes bearbeiten Sie das Banner der Seite, damit es HTML-Style-Informationen und den Seitentitel enthält.

3. Klicken Sie auf den Text Unsere Community, um ihn zu bearbeiten.

   

4. Klicken Sie auf In HTML bearbeiten. Löschen Sie den ganzen Text, und fügen Sie den folgenden Code ein:
   <style>
   .primary-color {
     color: #585fcc;
   }
   .primary-fill {
     fill: #585fcc;
   }
   
   .steps-wrapper li::before {
     color: #585fcc;
     border-color: #585fcc;
   }
   .steps-wrapper li::after {
     background-color: #585fcc;
   }
   div.b {
     line-height: 1.6;
   }
   </style>
   <h1 style="text-align: center;"><span style="font-weight: 700; font-family: Roboto, &quot;Avenir Next&quot;; font-size: 62px;">Get Involved</span><br></h1>
   <p style="text-align: center; font-size: 22px"><br></p>

5. Klicken Sie auf Übernehmen.

   Auf dem Banner wird jetzt nur der Name der Seite (Get Involved) angezeigt. Sie fügen außerdem ein Bild zum Bannerhintergrund hinzu.

6. Zeigen Sie mit der Maus auf die Zeile Get Involved. Klicken Sie in der vertikalen Werkzeugleiste neben der Zeile auf die Schaltfläche "Bearbeiten".
7. Klicken Sie im Bereich Layout unter Hintergrundbild auf Hochladen, und wählen Sie das Bild header-image-bike-lane-color.jpg aus dem zuvor heruntergeladenen Inhalt aus.
8. Geben Sie für Textfarbe den Code #ffffff und für Hintergrundfarbe den Code #000000 ein. Geben Sie als Bildtransparenz den Wert 30 Prozent ein.

   Das Banner weist jetzt ein Bild mit einer geeigneten Textfarbe sowie einer Überlagerung auf.

   

   Das Banner ist schmal, also fügen Sie oberhalb und unterhalb Abstandshalter hinzu.

9. Klicken Sie im Bereich Zeile auf die Schaltfläche Layout, um zur Liste der Kacheln zurückzukehren.
10. Ziehen Sie eine Abstandshalter-Kachel über das Banner und eine Abstandshalter-Kachel darunter. Aktivieren Sie für jeden Abstandshalter Auf mobilem Gerät ausblenden.

    

    Unter dem Banner erstellen Sie eine Zeile mit Text, der den Rundgang beschreibt.

11. Klicken Sie im Bereich Abstandshalter auf Layout, um zur Liste der Kacheln zurückzukehren. Ziehen Sie eine Zeilen-Kachel unter das Banner.

    

12. Kehren Sie zur Liste der Kacheln zurück, und ziehen Sie eine Text-Kachel in die leere Zeile.
13. Klicken Sie im Text-Editor auf In HTML bearbeiten. Fügen Sie im Fenster HTML den folgenden Code ein:

    <div class="h1"><b>1. Walking Tour</b></div><h5><div class="b">There are many ways to get involved throughout the Springfield General Plan update. The first way is through the walking tour. This walking tour will allow you to explore our city's heritage, culinary markets, open space and parks, neighborhoods, and so much more! Help us lead our community on a fun and enthralling walk around our city. </div></h5>

14. Klicken Sie auf Übernehmen.

    Der Text wird hinzugefügt.

    

    Bevor Sie fortfahren, löschen Sie einige nicht benötigte Zeilen.

15. Zeigen Sie unten auf der Seite mit der Maus auf die Zeile Where We're Going.

    

16. Klicken Sie auf der vertikalen Werkzeugleiste auf die Schaltfläche "Löschen" und dann auf Entfernen.
17. Löschen Sie die leere Zeile unter der jetzt entfernten Zeile Where We're Going.
18. Speichern und veröffentlichen Sie den Entwurf der Initiative.

Einen Survey hinzufügen

Bei einem Rundgang können sich die Community-Mitglieder engagieren und etwas über die Geschichte von Springfield erfahren. Gleichzeitig möchten Sie Feedback aus der Community erhalten, um die Bürgerbeteiligung zu fördern. Eine gute Möglichkeit, Feedback zu erhalten, ist ein ArcGIS Survey123-Survey. Als Nächstes erstellen Sie einen Survey und betten ihn in Ihre Site ein.

1. Fügen Sie unter der Zeile Walking Tour eine Zeilen-Kachel hinzu.

   

2. Kehren Sie zur Liste der Kacheln zurück, und ziehen Sie eine Survey-Kachel in die leere Zeile.

   Der Survey enthält ein Platzhalterbild, bis Sie den zu verwendenden Survey auswählen. Beim Erstellen eines neuen Survey wird eine neue Seite aufgerufen, daher sollten Sie Ihren Entwurf speichern und veröffentlichen, bevor Sie fortfahren.

3. Speichern und veröffentlichen Sie Ihren Entwurf. Klicken Sie im Bereich Survey auf Survey erstellen.

   

   Die Seite Einen Survey erstellen wird geöffnet.

4. Wählen Sie auf der Seite Welche Art von Feedback möchten Sie hinzufügen? die Option Fragebogen aus.

   Nach einigen Augenblicken wird der Survey erstellt, und der Survey-Builder wird geöffnet. Mit diesem Builder können Sie Fragen zum Survey hinzufügen.

5. Klicken Sie neben dem Bereich Info auf die Schaltfläche Weitere Informationen, um den Bereich auszublenden.

   

6. Klicken Sie oben auf der Seite auf Fragenbogen, um die Kopfzeile des Survey zu bearbeiten.
7. Geben Sie im Bereich Bearbeiten unter Text den Text Springfield General Plan Survey ein.

   

8. Klicken Sie unter der Kopfzeile auf den Text der Survey-Beschreibung, und ersetzen Sie diesen durch den folgenden Text: Please take this survey to help the City of Springfield with the General Plan update. Your feedback is valued and it is used to ensure we are planning the best future for the city.

   

   Dieser Survey enthält alle Beispielfragen zum öffentlichen Nahverkehr. Sie löschen diese Fragen.

9. Klicken Sie auf die erste Frage des Survey, um sie auszuwählen. Klicken Sie auf die Schaltfläche Löschen.

   

10. Löschen Sie auch die anderen Fragen.

    Als Nächstes fügen Sie eine Frage hinzu. Der Bereich Hinzufügen enthält eine Liste von Fragentypen, die Sie dem Survey hinzufügen können. Sie fügen eine Frage mit Mehrfachauswahl hinzu, um zu erfahren, wofür der Benutzer die Ressourcen von Springfield einsetzen würde.

11. Klicken Sie im Bereich Hinzufügen unter Auswahl auf Mehrfachauswahl.

    

    Eine Frage mit Mehrfachauswahl wird dem Survey hinzugefügt, und der Bereich Bearbeiten wird angezeigt. In diesem Bereich können Sie die Frage und die möglichen Antworten ändern.

12. Geben Sie im Bereich Bearbeiten für Beschriftung den Text How would you prioritize Springfield's resources in your community? ein. Fügen Sie für Auswahl die folgenden Optionen hinzu (Sie können weitere Optionen hinzufügen, indem Sie neben der dritten Option auf die Schaltfläche "Hinzufügen" klicken):
    • Geben Sie für Auswahl 1 den Text Pedestrian Safety ein.
    • Geben Sie für Auswahl 2 den Text Bus Improvements ein.
    • Geben Sie für Auswahl 3 den Text Bicycle Infrastructure ein.
    • Geben Sie für Auswahl 4 den Text Lighting ein.
    • Geben Sie für Auswahl 5 den Text Street Furniture ein.
    • Geben Sie für Auswahl 6 den Text Community Programming ein.
    • Geben Sie für Auswahl 7 den Text Reclaimed Space ein.
    • Geben Sie für Auswahl 8 den Text Public Art ein.
    • Geben Sie für Auswahl 9 den Text Enhanced Landscape ein.

    

    Die Optionen werden der Survey-Frage automatisch hinzugefügt. Als Nächstes fügen Sie eine Einfachauswahlfrage hinzu, um einzuschätzen, ob sich der Benutzer bereits an Maßnahmen zur kommunalen Planung beteiligt hat.

13. Klicken Sie auf die Registerkarte Hinzufügen. Klicken Sie im Bereich Hinzufügen auf Einzelauswahl.

    

14. Geben Sie im Bereich Bearbeiten die folgenden Informationen ein:
    • Geben Sie für Beschriftung den Text Have you participated in previous planning efforts in your community? ein.
    • Geben Sie für Auswahl 1 den Text Yes ein.
    • Geben Sie für Auswahl 2 den Text No ein.
    • Klicken Sie für Auswahl 3 auf das Minuszeichen, um sie zu entfernen.

    

    Sie fügen eine weitere Frage hinzu, die die Benutzer beantworten, indem sie einen Text schreiben.

15. Klicken Sie im Bereich Hinzufügen unter Text, Zahl, Datum und Uhrzeit auf Mehrzeiliger Text.
16. Geben Sie im Bereich Bearbeiten für Beschriftung den folgenden Text ein: What buildings have meaning in your community? Geben Sie unter Hinweis den Hinweis Please explain and include an address ein.

    

    Zuletzt fügen Sie eine Frage hinzu, damit der Benutzer auf der Karte markieren kann, wo er den Survey ausfüllt. Diese Frage ist für die Mitwirkung der Community entscheidend. Als Planer können Sie analysieren, woher die meisten Survey-Antworten stammen. Dann können Sie Kontakte in den Gebieten koordinieren, aus denen Sie mehr Survey-Antworten benötigen. Dies ist auch wichtig, um die Beteiligung zu fördern und Vertrauen in Communitys aufzubauen, die sich in der Vergangenheit möglicherweise nicht beteiligt haben.

17. Klicken Sie im Bereich Hinzufügen unter Ort auf Karte. Geben Sie im Bereich Bearbeiten für Beschriftung den Text Where are you taking this survey? ein.

    

    Ihr Survey enthält vier Fragen. Als Nächstes speichern und veröffentlichen Sie den Survey.

    Tipp:

    Bei Bedarf können Sie das Aussehen des Survey anpassen, indem Sie Optionen auf der Registerkarte Aussehen ändern.

18. Klicken Sie unten im Bereich Bearbeiten auf Speichern und dann auf Veröffentlichen. Wenn Sie aufgefordert werden zu bestätigen, dass Sie den Survey veröffentlichen möchten, klicken Sie auf Veröffentlichen.

    Der Survey wird veröffentlicht und das Fenster Upgrade auf Hub-Karten-Survey durchführen? wird geöffnet. Sie entscheiden sich gegen ein Upgrade und geben den Survey dann öffentlich frei.

19. Übernehmen Sie Standardanzeige beibehalten, und klicken Sie auf Fertig.
20. Klicken Sie auf dem Menüband auf Freigeben.

    

21. Klicken Sie im Bereich Freigeben auf Survey. Wählen Sie für Freigabeebene die Option Öffentlich aus.

    Als Nächstes ändern Sie den Namen des Survey.

22. Klicken Sie neben dem Bereich Freigabe auf die Schaltfläche Weitere Informationen.

    

23. Klicken Sie auf die Schaltfläche Details bearbeiten. Geben Sie unter Grundlegende Informationen für Titel den Titel Springfield General Plan Survey ein.
24. Klicken Sie auf dem Menüband auf Speichern.

    Als Nächstes kehren Sie zu Ihrer Site zurück und betten den Survey ein.

25. Zeigen Sie auf dem Menüband mit der Maus auf die Schaltfläche Weitere Aktionen, und klicken Sie auf Springfield General Plan 2040.

    

26. Klicken Sie im Bereich Anpassen auf die Seitenschaltfläche, und wählen Sie die Seite Get Involved aus. Scrollen Sie auf der Seite nach unten, und klicken Sie auf das Platzhalterbild für den Survey (unter dem Abschnitt Walking Tour).
27. Klicken Sie im Bereich Survey auf Survey auswählen.
28. Wählen Sie im Fenster Survey auswählen unter Von die Option Eigene Inhalte aus. Wählen Sie Springfield General Plan Survey aus.

    

29. Klicken Sie auf Speichern.

    In der Initiative wird eine Link zum Survey hinzugefügt. Durch Klicken auf den Link navigieren die Benutzer jedoch von der Seite weg. Statt einen Link zu verwenden, betten Sie den Survey selbst ein.

30. Klicken Sie im Bereich Survey auf Einbetten.

    

    Der Survey wird direkt in die Initiative eingebettet. Ohne zu einer neuen Seite zu navigieren, werden den Benutzern Fragen gestellt, die sie beantworten können. Sie vergrößern den Survey.

31. Geben Sie für Höhe den Wert 800 ein.

Einen Link zur Startseite hinzufügen

Um Ihren Benutzern eine gute Web Experience zu bieten, fügen Sie einen Link von der Seite für den Rundgang zurück zur Startseite hinzu. Auf diese Weise können die Benutzer immer zum Ausgangspunkt zurückkehren.

1. Führen Sie einen Bildlauf zur Zeile Intro durch.

   Diese Zeile enthält bereits eine Schaltfläche, also ändern Sie sie.

2. Zeigen Sie mit der Maus auf die Zeile Intro. Klicken Sie auf der vertikalen Werkzeugleiste neben der Zeile auf die Schaltfläche "Bearbeiten".
3. Geben Sie im Bereich Zeile für Hintergrundfarbe den Code #c6d6e3 ein.
4. Klicken Sie auf den Text Intro, um ihn zu bearbeiten, und klicken Sie auf In HTML bearbeiten. Löschen Sie im HTML-Fenster den ganzen Text, und fügen Sie den folgenden Text ein:
   <h1><b>Go Home</b></h1>
   <h5><div class="b"> If you would like to learn more about Springfield's General Plan update, go back to the home page. The home page includes a high level introduction to the update's principles, planning objectives, strategies, and actions.</div></h5>
   <br>
   <p><a href="#" class="btn btn-primary" style="min-width: 200px;" target="_self">Go Home</a></p>

   Wie die Schaltfläche auf der Startseite wird auch für diese Schaltfläche # als Platzhaltersymbol für die URL verwendet.

5. Klicken Sie auf Übernehmen. Speichern und veröffentlichen Sie den Entwurf der Initiative.

   Sie öffnen die Startseite in einer neuen Registerkarte, um deren URL zu kopieren.

6. Klicken Sie auf dem Menüband auf Springfield General Plan Update 2040. Klicken Sie mit der rechten Maustaste auf Startseite der Site, und wählen Sie Link in neuer Registerkarte öffnen aus.

   Hinweis:

   Die Option zum Öffnen in einer neuen Registerkarte kann in bestimmten Browsern oder Betriebssystemen einen anderen Namen haben.

   

7. Klicken Sie auf der neuen Registerkarte auf den Pfeil neben der Schaltfläche Speichern, und wählen Sie Ansicht veröffentlicht aus.

   Die veröffentlichte Version der Startseite wird angezeigt.

8. Kopieren Sie die URL der veröffentlichten Startseite. Schließen Sie die Registerkarte.

   Sie kehren zum Seiten-Editor Get Involved zurück. Sie fügen die kopierte URL zur Schaltfläche hinzu.

9. Klicken Sie ggf. auf den Text Zur Startseite, um ihn zu bearbeiten. Klicken Sie auf In HTML bearbeiten.
10. Ersetzen Sie im Fenster HTML in der Zeile, die mit <p><a href="#" beginnt, das # durch die kopierte URL.
11. Klicken Sie auf Übernehmen. Klicken Sie auf das Foto oder den Survey, um die Bearbeitung des Textes zu beenden.

    

    Die Zeile enthält jetzt eine Schaltfläche, mit der der Benutzer zur Startseite zurückkehren kann.

12. Speichern und veröffentlichen Sie den Entwurf der Initiative.

Die Option zum Folgen der Initiative hinzufügen

Diese Seite ist für Benutzer vorgesehen, die sich beteiligen möchten. Sie haben einen Survey hinzugefügt, um die Community einzubinden. Als Nächstes fügen Sie eine Zeile hinzu, über die sich Community-Mitglieder anmelden können, um der Initiative zu folgen. Diese Benutzer können sich für Events registrieren, erhalten Aktualisierungen per E-Mail und können sogar Inhalte für die Site erstellen. Der Site-Manager kann die Aktivitäten dieser Benutzer überwachen (Informationen dazu erhalten Sie später im Lernprogramm).

Hinweis:

Für diesen Abschnitt benötigen Sie ArcGIS Hub Premium und eine Administratorrolle in Ihrer ArcGIS-Organisation.

1. Fügen Sie unter dem Survey eine Zeilen-Kachel hinzu.

   

2. Zur Liste der Kacheln zurückkehren Ziehen Sie die Kachel Initiative folgen auf die leere Zeile. (Möglicherweise müssen Sie in der Liste der Kacheln nach unten scrollen, um die Kachel Initiative folgen zu finden.)

   

   Standardmäßig folgen Sie der Initiative, da Sie sie erstellt haben. Der Text, der vor dieser Schaltfläche steht, wird als Handlungsaufforderung bezeichnet. Sie ändern diesen Text, damit er besser zu Ihre Initiative passt.

3. Löschen Sie im Bereich Folgen für Handlungsaufforderung den vorhandenen Text, und fügen Sie den folgenden Text ein: By following this initiative you're signing up to help the city with our walking tour! You can help lead community members around the city and enable discussions and give city planners insight into what our neighbors want.
4. Speichern und veröffentlichen Sie Ihren Initiativenentwurf.

   Ihre Site ist jetzt vollständig funktionsfähig. Sie werden später noch weitere Elemente ergänzen, jetzt können Sie sie jedoch für die Öffentlichkeit freigeben.

5. Klicken Sie auf dem Menüband auf die Schaltfläche Gruppen mit Zugriff können diese Hub-Seite anzeigen.

   

   Der Bereich Freigeben wird geöffnet. Zurzeit kann nur der Besitzer (Sie) die Initiative anzeigen.

6. Wählen Sie für Freigabeebene die Option Öffentlich aus.

   

   Jetzt können alle Ihre Initiative anzeigen.

Ein Event erstellen

Als Nächstes fügen der Seite eine Event-Kachel hinzu. Event-Kacheln geben Zeit und Ort von Events an. Die Details legen Sie fest. Ihr Event ist der Rundgang, der auf der Seite besprochen wird. Mit dem Event-Manager von ArcGIS Hub können Sie verfolgen, wer an Events teilnimmt und Aktualisierungen an die Teilnehmer senden.

1. Klicken Sie neben dem Bereich Freigeben auf die Schaltfläche Umschalter anpassen.

   

   Sie kehren zum Bereich Anpassen zurück.

2. Klicken Sie auf Layout. Ziehen Sie eine Zeilen-Kachel unter die Zeile Initiative folgen.

   

3. Zur Liste der Kacheln zurückkehren Ziehen Sie eine Kachel Ausgewählter Event auf die leere Zeile. (Möglicherweise müssen Sie in der Liste der Kacheln nach unten scrollen, um die Kachel Ausgewählter Event zu finden.)

   Wie beim Survey, den Sie hinzugefügt haben, wird ein Platzhalterbild angezeigt. Sie können Events auswählen oder erstellen.

4. Speichern und veröffentlichen Sie Ihren Initiativenentwurf.
5. Klicken Sie im Bereich Event auf Event erstellen.

   

   Eine neue Seite wird angezeigt. Diese Seite enthält Optionen zum Bearbeiten von Informationen zum Event. Als Erstes fügen Sie ein Miniaturbild zur Veranschaulichung des Events hinzu.

6. Klicken Sie oben in der Liste der Event-Parameter für Event-Bild hinzufügen auf Bild suchen. Wählen Sie das Bild walking-tour.jpg aus dem zuvor heruntergeladenen Inhalt aus.

   Sie können das Bild neu positionieren. Die Standardposition ist in Ordnung.

7. Klicken Sie auf Fertig.
8. Geben Sie für Titel den Text Walking Tour ein. Für die Description kopieren Sie den folgenden Text, und fügen Sie ihn ein:

   On this walking tour, explore our city's heritage, culinary markets, parks, and so much more! Help us lead our community on a fun and enthralling walk around our city. During this tour, you'll learn about Springfield's General Plan update and how you can help us achieve our vision!

   Standardmäßig werden Sie als Organisator des Events hinzugefügt. Bei Bedarf können Sie weitere Organisatoren und Sponsoren hinzufügen. Sie können auch festlegen, ob das Event persönlich, online oder beides ist. Standardmäßig ist Persönlich ausgewählt.

   Zudem können Sie einen Veranstaltungsort oder eine Adresse angeben, wo das Event beginnt. Wenn Sie eine Adresse angeben, wird sie auf einer Karte neben den Event-Informationen dargestellt. Normalerweise würden Sie eine bestimmte Adresse oder Landmark angegeben, die leicht zu finden ist. In diesem Lernprogramm verwenden Sie die Adresse des Esri Hauptsitzes als Platzhalteradresse, da Springfield, Kalifornien, eine fiktive Stadt ist.

9. Geben Sie für Adresse die Adresse 380 New York St, Redlands, California, 92373 ein, und wählen Sie die entsprechende Adresse aus der Adressliste aus, die angezeigt wird.

   Sie können auch das Datum festlegen. Das ausgewählte Datum sollten ausreichend weit in der Zukunft liegen, sodass die Menschen ihre Teilnahme planen können.

10. Legen Sie optional ein Start- und ein Enddatum für das Event fest.

    Jetzt müssen Sie das Event nur noch speichern und veröffentlichen.

11. Klicken Sie auf dem Menüband auf Als Entwurf speichern. Sobald das Event gespeichert wurde, klicken Sie auf Veröffentlichen, und wählen Sie Öffentlich aus.

    

    Das Event wird veröffentlicht. Eine Seite mit Informationen zum Event wird angezeigt. Die Seite enthält auch Optionen zum Freigeben des Events über Social Media, zum Bearbeiten der Informationen und zum Verfolgen der angemeldeten Teilnehmer.

    

    Sie rufen wieder den Editor für Ihre Initiative auf und fügen dieses Event hinzu.

12. Klicken Sie auf der Seite des Bildschirms auf die Schaltfläche Bearbeiten.
13. Klicken Sie auf dem Menüband auf Springfield General Plan Update 2040, und wählen Sie Startseite der Site aus.
14. Klicken Sie im Bereich Anpassen auf die Seitenschaltfläche. Klicken Sie auf die Seite Get Involved.

    Sie kehren zur Bearbeitung der Seite Get Involved zurück.

15. Scrollen Sie nach unten zum Event (zwischen der Schaltfläche Folgen/Nicht mehr folgen und der Zeile Zur Startseite). Klicken Sie auf das Platzhalterbild des Events.

    Der Bereich Event wird geöffnet.

16. Klicken Sie im Bereich Event auf Event auswählen.

    

    Das Fenster Event auswählen angezeigt.

17. Wählen Sie im Fenster Event auswählen das Event Walking Tour aus, und klicken Sie auf Speichern.

    Das Event wird Ihrer Initiative hinzugefügt.

    

    Der Bereich Event bietet jetzt Optionen, mit denen das Aussehen des Events geändert werden kann. Sie verwenden jedoch die Standardwerte.

18. Speichern und veröffentlichen Sie Ihren Initiativenentwurf.

Zeilen verschieben

Ihre Site ist vollständig eingerichtet. Die Schaltfläche "Folgen" bzw. "Nicht mehr folgen" für die Initiative befindet sich allerdings zwischen dem Survey und dem Event und fällt daher nicht besonders auf. Sie verschieben die Zeile über den Survey, sodass sie weiter oben auf der Seite angezeigt wird.

1. Zeigen Sie auf die Schaltfläche "Folgen" bzw. "Nicht mehr folgen" für die Initiative (zwischen Survey und Event).
2. Klicken Sie auf der vertikalen Werkzeugleiste neben der Zeile auf die Schaltfläche "Verschieben".

   

3. Ziehen Sie die Schaltfläche über die Survey-Zeile.

   

   Die Zeile wird näher an den Anfang der Seite verschoben.

4. Speichern und veröffentlichen Sie den Entwurf der Initiative.

Ihre Initiative ist fertig. Sie haben eine Startseite und eine Seite, auf der die Community über Surveys und Events eingebunden wird.

Die Site verwalten

Nachdem Sie Ihre Site fertiggestellt haben, können Sie sie und ihre Benutzer verwalten. ArcGIS Hub beinhaltet verschiedene Verwaltungswerkzeuge, die Sie bei der Verfolgung von Aktivitäten und Community-Mitgliedern unterstützen. Darüber hinaus exportieren Sie die Site als Vorlage, die andere Abteilungen in der Stadt für ihre eigenen Initiativen verwenden können.

Die Community verwalten

Zunächst erkunden Sie das Dashboard, mit dem neben anderen Informationen nachverfolgt wird, wie oft Ihre Site angezeigt wurde und wie lange sich jeder Benutzer im Durchschnitt auf der Seite aufgehalten hat. Darüber hinaus erkunden Sie die Liste Ihrer Follower.

1. Öffnen Sie ggf. den Editor für Ihre Initiative "Springfield General Plan Update 2040".
2. Klicken Sie auf dem Menüband auf Springfield General Plan Update 2040, und wählen Sie Dashboard aus.

   

   Die Seite Dashboard wird angezeigt. Sie beinhaltet eine Aufschlüsselung der wichtigsten Kennwerte, wie z. B. die Aufrufe, die Sitzungen und die durchschnittliche Verweildauer auf der Site, sowie ein Balkendiagramm, auf dem die Anzahl der Aufrufe im Zeitverlauf dargestellt ist. Da Sie Ihre Site gerade erst gestartet haben, haben Sie zurzeit wahrscheinlich noch nicht so viele Aufrufe zu verzeichnen.

   Hinweis:

   Die Anzahl der Aufrufe und die anderen Kennwerte sind auf Ihrer Seite ggf. ganz anders als auf dem Beispielbild.

   

   Als Nächstes erkunden Sie die Seite Community, auf der Ihre Follower aufgeführt sind.

3. Klicken Sie auf dem Menüband auf Springfield General Plan Update 2040, und wählen Sie Community aus.

   

   Die Seite Community wird angezeigt. Als Sie Ihre Site erstellt haben, haben Sie eine Schaltfläche zum Folgen der Initiative hinzugefügt. Benutzer, die auf diese Schaltfläche klicken, werden dieser Seite hinzugefügt. Sie haben jedoch wahrscheinlich noch keine Follower.

   Sie haben zudem die Möglichkeit, Follower einzuladen.

4. Klicken Sie auf die Schaltfläche Follower einladen.

   

   Das Fenster Follower einladen wird angezeigt. Sie können auswählen, ob Sie Follower aus Ihrer Organisation, Ihrer Community oder der ganzen Welt einladen möchten. In diesem Fenster können Sie Mitglieder der Springfield-Community oder Kollegen einladen, die ebenfalls an der Initiative beteiligt sind.

5. Schließen Sie das Fenster Follower einladen.

   Als Nächstes erstellen Sie ein Unterstützungsteam. Unterstützungsteams ähneln Gruppen in ArcGIS Online, werden jedoch in ArcGIS Hub gehostet. Sie können sie zum Organisieren verlässlicher Mitarbeiter oder anderer wichtiger Follower-Kategorien verwenden. Mitglieder sind nicht auf Site-Follower begrenzt und können jeden beliebigen ArcGIS Online-Benutzer einschließen. Erstellen Sie ein Unterstützungsteam, um Benutzer zu organisieren, die freiwillig Rundgänge leiten.

6. Klicken Sie auf dem Menüband auf Springfield General Plan Update 2040, und wählen Sie Teams aus.

   

   Die Seite Teams wird angezeigt. Sie haben bereits ein Team, nämlich das Springfield General Plan 2040 Core Team. Immer wenn Sie eine Initiative erstellen, wird automatisch ein Kernteam dazu erstellt. Ein Kernteam hat Zugang zu allen Daten, Karten, Apps und sonstigen Inhaltstypen auf Ihrer Site. Darüber hinaus kann es die Site bearbeiten. Standardmäßig sind Sie das einzige Mitglied des Kernteams. Wenn Sie einen weiteren Site-Administrator hinzufügen möchten, können Sie ihn dem Kernteam hinzufügen und ihm dieselben Berechtigungen erteilen, die Sie auch haben.

   Erstellen Sie zunächst ein Team.

7. Klicken Sie auf dem Menüband auf Neu und wählen Sie Unterstützungsteam aus.

   

   Die Seite Welchen Unterstützungsteamtyp möchten Sie erstellen? wird angezeigt. Sie können den Teammitgliedern einen Anzeige- oder Bearbeitungszugriff geben.

8. Wählen Sie Zugriff bearbeiten aus.
9. Geben Sie als Teamnamen Walking Tour Volunteers ein. Klicken Sie auf Speichern.

   Tipp:

   Teamnamen dürfen in Ihrer Organisation nur einmal vergeben werden. Wenn dieser Name vergeben ist, können Sie Ihren Namen oder Ihre Initialen hinzufügen, damit der Name eindeutig ist.

   Das Team wird erstellt. Sie werden dem Team standardmäßig als Mitglied hinzugefügt. Sie können das Teamprofil bearbeiten, Mitglieder hinzufügen und Nachrichten an alle Mitglieder schreiben.

10. Klicken Sie auf die Schaltfläche Mitglieder hinzufügen.

    

    Das Fenster Mitglieder hinzufügen wird angezeigt. Sie können Mitglieder aus Ihrer Organisation, Ihrer Community oder der ganzen Welt hinzufügen.

11. Schließen Sie das Fenster Mitglieder hinzufügen. Klicken Sie auf die Schaltfläche Nachricht an alle.

    

    Das Fenster Nachricht senden wird angezeigt. In diesem Fenster können Sie eine Nachricht schreiben, die an alle Mitglieder Ihres Teams gesendet wird. Sie haben zurzeit keine anderen Mitglieder, sodass Sie keine Nachricht senden werden, aber sobald sich Freiwillige angemeldet haben, um Rundgänge zu leiten, können Sie ihnen Nachrichten dazu senden, wann die Rundgänge beginnen oder welche Points of Interest die Rundgänge abdecken sollten.

12. Schließen Sie das Fenster Nachricht senden. Klicken Sie auf dem Menüband auf Teams.

    

    Kehren Sie zu Ihrer Team-Liste zurück, die jetzt das von Ihnen erstellte Team enthält.

Eine Initiative als Vorlage speichern

Andere Abteilungen oder Organisationen in Ihrer Stadt möchten ggf. eine Initiative erstellen, die Ihrer Initiative ähnelt. Speichern Sie Ihre Initiative als Vorlage, sodass jeder das von Ihnen Erstellte für seinen eigenen Bedarf nutzen kann.

1. Klicken Sie auf dem Menüband auf Springfield General Plan Update 2040, und wählen Sie Startseite der Site aus.

   Kehren Sie zum Editor für Ihre Initiative zurück. Sie können Ihre Initiative nicht als Vorlage speichern, wenn nicht veröffentlichte Änderungen vorhanden sind. Nur um sicherzugehen, veröffentlichen Sie Ihre Initiative erneut.

2. Speichern und veröffentlichen Sie Ihren Entwurf.
3. Zeigen Sie auf dem Menüband auf die Schaltfläche Weitere Aktionen und wählen Sie Als Vorlage speichern aus.

   

   Das Fenster Bundle aus Vorlagen der Initiative wird erstellt... wird angezeigt. Nach wenigen Augenblicken sind die Vorlagen Ihrer Initiative verpackt.

   

   Hinweis:

   Wenn Ihre Initiative Inhalt enthält, der nicht in Ihrer Organisation gehostet wird, wie z. B. eine Webkarte oder einen Survey, die Sie nicht erstellt haben, können Sie Ihre Initiative nicht als Vorlage speichern.

4. Klicken Sie auf die Schaltfläche Vorlageneditor öffnen.

   Sie können ein Miniaturansicht-Bild hochladen, aber das ist nicht unbedingt nötig. Der Titel, die Verknüpfung und die Zusammenfassung Ihrer Vorlage sind bereits basierend auf den Informationen Ihrer Initiative ausgefüllt.

5. Klicken Sie auf die Schaltfläche Freigeben.

   

   Sie können auswählen, wer auf die Vorlage zugreifen können soll. Wenn Sie möchten, dass diese Vorlage nur für andere Springfield-Abteilungen freigegeben werden soll, geben Sie sie nur für Ihre Organisation frei.

6. Wählen Sie als Freigabeebene die Option Organisation aus.

   Gegebenenfalls wird das Fenster Freigabe aktualisieren angezeigt. Sie müssen den gesamten Inhalt Ihrer Initiative auf dieselbe Weise freigeben wie bei der Vorlage. In diesem Fenster können Sie die Freigabeebene des anderen Inhalts (wie z. B. Ihrer Seiten, Ihres Survey oder der Karten, die Sie Ihrer Site ggf. hinzugefügt haben) schnell aktualisieren.

7. Klicken Sie im Fenster Freigabe aktualisieren auf die Schaltfläche Aktualisieren. Klicken Sie im Fenster Vorlagen erfolgreich freigegeben auf Schließen.
8. Klicken Sie auf dem Menüband auf die Schaltfläche Speichern.

Sie haben eine Site für die Rahmenplanaktualisierung von Springfield erstellt und freigegeben. Ihre Site kann auch als Vorlage für die Sites anderer Abteilungen in der Stadt oder für die nächste Aktualisierung verwendet werden. Indem Sie die Freigabeebene ändern, können Sie Ihre Vorlage für andere Städte freigeben, die u. U. ähnliche Sites erstellen möchten. Ihre Site ist nicht nur informativ, sondern auch interaktiv, und sie wird Ihre Abteilung dabei unterstützen, für weitere Pläne Feedback von der Community zu erhalten.

Weitere Lernprogramme finden Sie in der Lernprogrammgalerie.

Beiträge anderer Softwarehersteller

• Stadtlogo: vom Autor erstellt
• Roboto-Schriftart: entworfen von Christian Robertson, Google Fonts
• Kachelbild: © 2021 Adobe Stock. Alle Rechte vorbehalten.