Erstellen einer ersten Web Experience

Schritt 1
1Auswählen einer Vorlage
Schritt 2
2Auswählen eines Designs
Schritt 3
3Auswählen der Quelldaten
Schritt 4
4Hinzufügen und Verbinden der Widgets
Schritt 5
5Verfeinern der Layouts für alle Geräte
Schritt 6:
6Speichern, Vorschau und Veröffentlichen

1. Auswählen einer Vorlage

Öffnen Sie ArcGIS Experience Builder, und melden Sie sich mit einem ArcGIS-Organisationskonto mit Berechtigungen zum Erstellen von Inhalten an. Klicken Sie auf Neu erstellen, und überprüfen Sie die verfügbaren Vorlagen auf allen Registerkarten. Wenn Sie auf eine Vorlage zeigen, wird eine kurze Beschreibung angezeigt. Sie können auch auf die Schaltfläche Vorschau klicken, um zu sehen, ob die Vorlage Ihre Anforderungen erfüllt. Wenn Sie entschieden haben, welche Vorlage verwendet werden soll, dann kehren Sie zum Fenster Vorlage auswählen zurück, und klicken Sie auf der entsprechenden Kachel auf Erstellen.

Tipp:

Sie können auf Experience Builder auch über das App-Startprogramm im Portal zugreifen.

2. Auswählen eines Designs

Konfigurieren Sie die Darstellung der App, indem Sie ein Design auswählen. Designfarben werden auf Kopfzeile, Fußzeile und Text jeder App-Seite angewendet. Dies gilt auch für die Farbeinstellungen für Widgets, sofern Sie sie nicht geändert haben.

3. Auswählen der Quelldaten

Auf der Registerkarte Daten können Sie mehrere 2D- und 3D-Datenquellen für die Verwendung durch die Widgets in Ihrer App auswählen. Sie können Verbindungen zu Webkarten, Webszenen, gehosteten Feature-Layern und Services herstellen.

4. Hinzufügen und Verbinden der Widgets

Widgets stellen die Funktionalität in Ihrer App bereit, wie zum Beispiel Menüs für den Zugriff auf mehrere Seiten, die Möglichkeit zum Suchen eines Ortes auf einer Karte und eine Schaltfläche zum Anzeigen weiterer Details. Die meisten Seiten- und Blockvorlagen enthalten einen eigenen Satz Widgets. Sie können sie aber ändern oder weitere hinzufügen, indem Sie das Layout entsperren. Verwenden Sie die Widget-Werkzeugleisten, um Widgets zu entfernen oder auszurichten und neue Widgets aus dem Fenster Widget einfügen auf die Zeichenfläche zu ziehen. Beim Konfigurieren der Inhalts-, Style- und Aktionseinstellungen für jedes Widget können Sie, um den Ablauf Ihrer App anzupassen, bestimmte Daten oder weitere Widgets einbinden, indem Sie Links festlegen und Widgets verbinden.

5. Verfeinern der Layouts für alle Geräte

Verwenden Sie die Optionen auf der Builder-Werkzeugleiste, um Ihre App bei unterschiedlichen Bildschirmauflösungen anzuzeigen und um zu sehen, wie das Design auf kleinen Geräten aussieht. Zwar sind die Layouts anpassungsfähig, aber wenn Sie mehr Kontrolle behalten möchten, dann können Sie auch den benutzerdefinierten Layoutmodus verwenden. Wenn ein Widget nicht in das Layout auf einem kleinen Bildschirm passt, dann finden Sie es auf der Registerkarte Ausstehende Widgets, um es manuell hinzuzufügen und neu zu konfigurieren. Verwenden Sie die Live-Ansicht, um mit interaktiven Widgets und Designs zu experimentieren.

6. Speichern, Vorschau und Veröffentlichen

Wenn Sie mit Ihrem Layout und Design zufrieden sind, dann können Sie Ihre App speichern und in einer Vorschau anzeigen, um die Benutzeroberfläche zu testen, bevor Sie sie veröffentlichen und für Ihre Zielgruppe freigeben. Sie können auch eine Vorlage für Web Experiences generieren, damit Sie mehrere Apps mit konsistentem Design erstellen können. Wenn Sie eine Web Experience, die von einem anderen Benutzer freigegeben wurde, für gut geeignet halten, dann können Sie das Element duplizieren, um eine Kopie zu erstellen, die Sie als Ausgangspunkt zum Verbinden Ihrer eigenen Daten und Inhalte verwenden können.

Tipp:

Erkunden Sie auch die Experience Builder Blogbeiträge. Hier finden Sie aktuelle Neuigkeiten, Tipps und Beispiele für die ersten Schritte.