JavaScript Web AppBuilder használata Kiss András Esri Magyarország Kft.
2015. október 8.
Az ArcGIS Platform lehetővé teszi a Web GIS-t Térinformatika elérése bárhonnan Desktop
Web
Eszköz
Egyszerű Egységes Nyitott
portal
Server
Online tartalom és szolgáltatások
Elérhető a felhőben . . . . . . és helyileg
A
Web alkalmazások létrehozása az ArcGIS segítségével
ArcGIS web alkalmazás sablonok ArcGIS Online és Portal for ArcGIS
Web Map
A
30+ widget
Web AppBuilder for ArcGIS
Új web alkalmazások létrehozása programozás nélkül
Web AppBuilder for ArcGIS
•
•
Funkcionalitás az ArcGIS Online-ban és Portal for ArcGIS-ben -
ArcGIS Online 2014. december óta
-
Portal for ArcGIS 10.3+
Új alkalmazások létrehozása programozás nélkül -
Interaktív WYSIWYG felhasználói felület
-
Bármilyen eszközön fut egy web böngészőben
•
Teljesen integrált az ArcGIS Platform-mal
•
Az ArcGIS API for JavaScript-re és HTML 5 technológiára épül
•
Bővíthető
2 lehetőség, hogyan használjuk a Web AppBuilder-t
ArcGIS Online vagy Portal for ArcGIS
1. -
Beépített a weboldalba
-
A térképnézegetőből vagy a My Contents-ből indítható
Developer Edition
2.
•
-
Önállóan letölthető és telepíthető lokálisan
-
Be kell jelentkezni az ArcGIS Online-ba vagy a Portal for ArcGIS-be
-
Testreszabott widget-ek és témák támogatása
Mindkettő ugyanazt a felületet biztosítja, egyforma képességek
Web AppBuilder for ArcGIS élő oldalak bemutató
ArcGIS Online publikus csoport
Új alkalmazás létrehozásának folyamata
Új alkalmazás létrehozása
Stílus kiválasztása
Térkép kiválasztása
Widget-ek hozzáadása
Attribútumok konfigurálása
Ellenőrzés és publikálás
Demo
Web AppBuilder
Elérhető widget-ek
•
Widget: programkód, amit modulárisan lehet hozzáadni; funkcionalitást ad
•
30+ elérhető; alap térinformatikai képességek biztosítása
Néhány fontosabb widget
•
Navigation
•
Legend
•
Query
•
Layer List
•
Search
•
Overview Map
•
Geocoding
•
Attribute
•
Editing
•
HeaderController
•
Geoprocessing
•
Printing
Alkalmazások futtatása bármilyen eszközön
A szervezet saját Utility szolgáltatásainak használata
•
ArcGIS Online vagy Portal for ArcGIS
•
Organization settings panel
Címkeresők
Alaptérképek
Print service-ek
Web alkalmazások a Web AppBuilder-ből
•
Az alkalmazások az ArcGIS Online-ban vagy a Portal for ArcGIS-ben tárolódnak
•
Elemek lesznek az alkalmazás készítőjének My Contents listájában
•
A forráskód letölthető az Item Details oldalon -
Web alkalmazás testreszabása
-
Futtatás a saját web szerveren
ArcGIS Online Portal for ArcGIS Web App1
Web App2
Éles web szerver Web App2
A
Web AppBuilder for ArcGIS
2015. júliusi frissítés (v1.2)
Billboard
Box
Jewelry Box
Dart
Launchpad
5 új téma
Egyedi megjelenés és felület
Search widget
Summary widget
Stream widget
Incident Analysis widget
5 új widget
GeoLookup widget
Több funkcionalitás
Egyéb fejlesztések
•
Megadható, hogy a widget alapértelmezetten elinduljon az alkalmazás indulásakor
•
Adatok feltöltésének támogatása GP szolgáltatáshoz, ami ezt igényli a Geoprocessing widget-ben
•
Konfigurálható helyi menük a Layer List widget-ben
•
Interaktív +/- nagyító vezérlő Zoom Slider widget-ként
•
Jobb reszponzív támogatás a Foldable és a Tab témákban
•
Konfigurálhatóak a sorba rendezési szabályok a lekérdezések eredményében a Query widget-ben
•
Image Service Vector Layer és Image Service Layer támogatás
Web alkalmazások exportálása új sablonokként
•
Létrehozhatunk a Web AppBuilder-ben új sablonokat, amik használhatóak az ArcGIS Online/Portal for ArcGIS-ben
•
Folyamat -
Válasszuk ki az Export As Template opciót -
Web Map
Adjuk meg a konfigurálható paramétereket
-
Generál egy új sablon elemet
-
Adjuk hozzá egy csoporthoz
-
Válasszuk ki a csoportot a Map > Web App Templates opcióknál
A
Demo
Új sablonok létrehozása
Web AppBuilder for ArcGIS
Testreszabás
Két rétegű testreszabás
•
•
Egyedi funkcionalitás engedélyezése – Konfigurálás -
Egyedi widget-ek hozzáadása az alkalmazáshoz
-
Nem programozó
Egyedi funkcionalitás bővítése – Fejlesztő -
Új widget-ek létrehozása
-
Programozó
Egyedi widget-ek/témák használata web alkalmazásokban
•
•
Folyamat (ArcGIS Online és Portal for ArcGIS esetén): -
Le kell tölteni a forráskódot az alkalmazáshoz
-
Alkalmazni kell a testreszabásokat
-
Saját web szerveren kell futtatni az alkalmazást
http://doc.arcgis.com/en/web-appbuilder/manage-apps/deploy-app-online.htm
GeoNet: egyedi widget-ek a közösség által fejlesztve https://geonet.esri.com/groups/web-app-builder-custom-widgets
•
Továbbfejlesztett és új widget-ek
•
Több, mint 20 widget
GitHub: Esri Solutions Team – Egyedi widget-ek https://github.com/Esri/solutions-webappbuilder-widgets
•
Widget-ek specifikus feladatokra
Web AppBuilder Developer Edition developers.arcgis.com/web-appbuilder
•
Letöltés és telepítés helyileg -
Bejelentkezés az ArcGIS Online vagy a Portal for ArcGIS felületre
-
Egyező felhasználói felület, mint a beépített Web AppBuilder-ben
-
Egyedi widget-ek és témák kezelése
•
Bővíthető keretrendszer
•
Az ArcGIS API for JavaScript-re épít
•
Saját gépünkön hoz létre web alkalmazást
•
Importálhatjuk az AGOL/PFA web alkalmazásokat további testreszabáshoz
Web AppBuilder for ArcGIS
Közösség és erőforrások
GeoNet – Esri közösség
•
Két hely a Web AppBuilder felhasználói közösséghez
•
Egy felhasználói és egy fejlesztői fórum
Web AppBuilder for ArcGIS erőforrások
•
Online súgó http://doc.arcgis.com/en/web-appbuilder/
•
Developer Edition súgó https://developers.arcgis.com/web-appbuilder/guide/xt-welcome.htm
•
Esri Live Training Seminar: Get Started with Web AppBuilder for ArcGIS (60 perc)
•
Esri Web tanfolyam: Creating Web Applications Using Templates and Web AppBuilder for ArcGIS (2-4 óra)
© Copyright 2015. All Rights Reserved.