GIS IQ Blog
Kategorien
  • Forschung
  • Hochschule
  • Schule
Themen
ArcGIS Case Studies Digitale Bildung Dozierende eduGISchat Events GeoDev KarriereMitGIS Kartografie Lehrerhandreichungen Open Data Praktikum Projekte Ressourcen Schüler Smart Campus Smart Community Sommercamps Story Map Studierende Tutorial Unterricht Wettbewerb
0
0
0
GIS IQ Blog GIS IQ Blog
GIS IQ News abonnieren
  • Schule
  • Hochschule
  • Forschung
  • Forschung
  • Hochschule

Ohne Programmkenntnisse Third-Party-Widgets nutzen

  • 9. Februar 2016
  • Eva Peters
Total
1
Shares
1
0
0
0
0
0

Mit dem Web AppBuilder for ArcGIS lassen sich über einfache Konfiguration starke Web Apps erstellen. Der Web AppBuilder in ArcGIS Online bietet mit bereits über 30 Widgets viele Funktionalitäten an, fast monatlich kommen neue Widgets hinzu. Doch wie kann man Widgets nutzen, die andere Entwickler geschrieben haben? Dies ist mit der Developer Edition des Web AppBuilders möglich, und auch ohne Programmierkenntnisse einfach umzusetzen. Hier möchten wir euch anhand des ElevationProfile-Widgets erklären, wie man Web-Anwendungen mit Third-Party-Widgets erstellt.

Um dieses Tutorial zu verstehen, ist es hilfreich, schon einmal eine Anwendung mit dem Web AppBuilder erstellt zu haben. Einen Einstieg bietet der Artikel „Intuitive Apps mit dem Web AppBuilder erstellen“.

Zunächst muss man die Developer Edition von Web AppBuilder installieren. Dazu wird ein ArcGIS Online Account benötigt. Dies kann ein ArcGIS Online Organizationskonto, ein Portal for ArcGIS Account oder ein ArcGIS for Developers Account sein. Dann das ElevationProfile-Widget herunterladen (ElevationProfile.zip).

Im Web AppBuilder werden im Tab „Widgets“ über Platzhalter alle Widgets angeboten, die man seiner Anwendung hinzufügen kann. Ziel ist es, hier das ElevationProfile-Widget auszuwählen.

Alle verfügbaren Widgets sind im Installationsverzeichnis im Ordner client/stemapp/widgets gespeichert. Wir entpacken zunächst ElevationProfile.zip in den Ordner ElevationProfile und kopieren diesen in das Verzeichnis client/stemapp/widgets (siehe Deploy custom widget and theme). Anschließend starten wir den Web AppBuilder und erstellen eine neue Anwendung. In der Widget-Auswahl für einen Platzhalter, z.B. „1“:

Web AppBuilder Widget-Tab

 

wird nun auch das ElevationProfile-Widget angeboten:

Web AppBuilder Widget-Auswahl

 

Dieses Widget kann nun noch konfiguriert werden. Beispielsweise kann man als Maßeinheit Meter wählen.

Nach der Integration können wir das Widget testen:

ElevationProfile-Widget testen

 

Aktuell befinden wir uns noch in der Konfigurationsansicht unserer App, erkennbar an den Konfigurationswerkzeugen am linken Rand. Um die Anwendung mit dem ElevationProfile-Widget anderen zur Verfügung zu stellen, müssen wir die Änderungen zunächst über den Speichern-Button sichern. Anschließend können wir die Anwendung mit dem Launch-Button starten und diesen Link verbreiten, falls diese URL nach außen freigegeben ist. Oder wir laden die Anwendung über die Startseite von Web AppBuilder (erreichbar über das Web AppBuilder Symbol links oben) als zip-Datei herunter:

Web AppBuilder Startseite

 

Nach dem Entpacken kann man die Anwendung mit dem Third-Party-Widget über einen eigenen Web-Server anderen zur Verfügung stellen.

Auf GeoNet und auf GitHub gibt es eine Sammlung von Third-Party-Widgets, auch unter dem Begriff „Custom Widgets“ bekannt:

  • GeoNet Gruppe Web AppBuilder Custom Widgets
  • GitHub Repository solutions-webappbuilder-widgets
  • GitHub Repository arcgis-webappbuilder-widgets-themes
  • GitHub Repository Photo-Search-Widget (Artikel auf GIS IQ)

Die Integration von Custom Themes funktioniert analog zu Widgets.

Eva Peters
Solution Engineer, Bildung und Wissenschaft

Total
1
Shares
Share 1
Tweet 0
Pin it 0
Eva Peters

Voriger Artikel
  • Hochschule

OpenStreetMap-Daten aus Deutschland in ArcGIS Online

  • 25. Januar 2016
  • Jan Wilkening
Weiterlesen
Nächster Artikel
  • Forschung
  • Hochschule

PhotoSearch Widget

  • 9. Februar 2016
  • Eva Peters
Weiterlesen
Auch interessant
Python API Prakitkum
Weiterlesen
  • Hochschule

Praktikum bei Esri: ArcGIS Online Nutzerverwaltung mit der ArcGIS API for Python

  • Team Education
  • 8. Juni 2022
Weiterlesen
  • Hochschule

Kompendium zum Einstieg in GIS

  • Team Education
  • 3. Juni 2022
Weiterlesen
  • Forschung
  • Hochschule

ArcGIS Pro aus ArcGIS Online herunterladen

  • Stefan Graf
  • 18. Mai 2022
Weiterlesen
  • Hochschule

Podcast #KarrieremitGIS: Mountainbike, Geodaten-Management und SDGs

  • Fabian von Bechen
  • 20. April 2022
Weiterlesen
  • Hochschule

Lerne ArcGIS auf niederländische Art

  • Stefan Graf
  • 7. April 2022
Weiterlesen
  • Forschung

Bio2Geo: Standortanalyse von Biogasanlagen mit GIS

  • Team Education
  • 30. März 2022
Weiterlesen
  • Hochschule

Hochschul-Lehre mit ArcGIS

  • Team Education
  • 23. März 2022
Weiterlesen
  • Hochschule

Erfolgreich studieren mit ArcGIS

  • Team Education
  • 22. März 2022
GIS IQ Blog
  • Über uns
  • Impressum
  • Datenschutz
Lernen. Forschen. Entwickeln. Mit GeoIntelligenz!

Gib dein Suchwort ein und drücke Enter.