GIS IQ Blog
  • Schule
  • Hochschule
  • Forschung
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
  • Schule
  • Hochschule
  • Forschung
News
  • Forschung
  • Hochschule

Ohne Programmkenntnisse Third-Party-Widgets nutzen

  • 9. Februar 2016
  • Eva Peters
Total
0
Shares
0
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
0
Shares
Share 0
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
Dir könnte auch gefallen
Wattenmeer bei Abendsonne
Weiterlesen
  • Hochschule

Komm mit in den Nationalpark Wattenmeer: Sommercamp für Studierende 2025

  • Team Education
  • 7. März 2025
Weiterlesen
  • Forschung
  • Hochschule

Wettbewerb: Esri Young Scholar Award 2025

  • Stefan Graf
  • 14. Februar 2025
Administration von ArcGIS Online an Hochschulen
Weiterlesen
  • Hochschule

Administration von ArcGIS Online an Hochschulen: Tipps & Tricks

  • Team Education
  • 28. Januar 2025
Weiterlesen
  • Forschung
  • Hochschule
  • Schule

Effiziente Lizenzierung von ArcGIS: Einrichtung und Vorteile von Single Sign-On (SSO) 

  • Team Education
  • 28. Januar 2025
Weiterlesen
  • Forschung
  • Hochschule

ArcGIS Pro aus ArcGIS Online herunterladen

  • Stefan Graf
  • 28. Januar 2025
Gruppenbild mit den Teilnehmenden des Sommercamps vor der Jugendherberger auf der Insel Föhr
Weiterlesen
  • Forschung
  • Hochschule

Entdecke GIS in Aktion: Das Esri Sommercamp 2024 auf der Insel Föhr feiert 17-jähriges Jubiläum

  • Team Education
  • 3. Januar 2025
Weiterlesen
  • Forschung
  • Hochschule
  • Schule

Esri Konferenz 2024 – Jetzt noch Ticket sichern!

  • Team Education
  • 4. November 2024
Weiterlesen
  • Hochschule

Erfolgreich studieren mit ArcGIS

  • Team Education
  • 23. September 2024
GIS IQ Blog
  • Über uns
  • Impressum
  • Datenschutz
Lernen. Forschen. Entwickeln. Mit GeoIntelligenz!

Gib dein Suchwort ein und drücke Enter.