Embed Size (px)
Citation preview
Leveraging Esri Web AppBuilder’s Free Widgets in Your Web GIS
June 18, 2018
Dan Loegel, GISP Implementation Specialist GeoNexus Technologies
Agenda
1. What is Web AppBuilder
2. The Basics
3. Widgets
4. Free Widgets
5. GeoWorx Office Widgets
What is Web AppBuilder
AppBuilder for ArcGIS is an intuitive what-you-see-is-what-you-get (WYSIWYG) application that allows you to build 2D
and 3D web apps without writing a single line of code. It includes powerful tools to configure fully featured HTML
apps. As you add your map and tools, you can see them in the app, and use them right away
Working with Web AppBuilder
• Can be used within ArcGIS Online or Portal for ArcGIS • Gets embedded in the web site • Activate from the map/scene viewer or Content page
• Developer Edition • Separate download and installed locally (uses Node.js – create windows service) • Sign into ArcGIS Online or Portal for ArcGIS • Support for custom widgets and themes
Web AppBuilder Developer Edition
https://developers.arcgis.com/web-appbuilder/
The Basics
Steps for creating an App
Step 1 - Create new app
Step 1 - Create new app
Step 1 - Create new app
Step 2 - Pick style
Jewelry Box Theme
Step 2 - Pick style
Launchpad Theme
Step 3 - Select map or scene
Step 3 - Select map or scene
Step 4 - Add widgets
Step 5 - Configure attributes
Step 5 - Configure attributes
Step 6 - Preview and launch
Step 4 - Add widgets Details
Widgets - where they get loaded
Included Widgets 2D Widgets for Web AppBuilder 2.8
About Add Data Analysis Attribute Table Batch Attribute Editor
Basemap Gallery Bookmark Chart Controller Coordinate
Coordinate Conversion Cost Analysis Data Aggregation Directions District Lookup
Distance and Direction Draw Edit Emergency Response Extent Navigate
Filter Full Screen Geocoder GeoLookup Geoprocessing
Grid Overlay Gridded Reference Graphic
Group Filter Home Button Image Measurement
Incident Analysis Infographic Info Summary Layer List Legend
Measurement My Location Near Me Oblique Viewer Overview Map
Parcel Drafter Print Public Notification Query Related Table Charts
Report Feature Reviewer Dashboard Scalebar Screening Search
Select Share Situation Awareness Smart Editor Splash
Stream Suitability Modeler Summary Swipe Zoom Slider
GeoNet Free Widgets
Weather Widget Nexrad Widget (ISU Weather Radar)
Heat Map Widget NH NearMe Search Widget
Bar Chart Cedar Widget Find-restaurants Widget
Print Plus Widget Screenshot widget
Enhanced Basemap Gallery Widget Add Service widget
Save Session Widget Info Summary Widget
Service Feasibility Widget Situation Awareness Widget
Network Trace Widget Add Layer Widget
Drilldown Widget Create Point Features at XY Location
Traverse Widget
Composite Coordinate Map Pinner Measure Widget
DOJO DGrid, Data grid In a WAB Widget Mixing Intro.js
Composite Coordinate Map Pinner ChartJS Widget
Widgets and GitHub
Esri Solutions-webappbuilder-widgets https://github.com/Esri/solutions-webappbuilder-widgets
GeoNet
https://community.esri.com/groups/web-app-builder-custom-widgets#
GeoNet
https://community.esri.com/blogs/myAlaskaGIS/2017/03/04/web-appbuilder-the-custom-widgets-list-332017
GeoNet
GeoNet
GeoNet
GeoNet
GeoNet
Install Widget
Install Widget
Composite Coordinate Map Pinner
By William Pelchat
HeatMapWidget
IntroJSWidget
By Adri2c Pérez Beneito
Weather Widget
Created by Christopher Schreiber
Print Plus Widget
By Larry Stout
Enhanced Basemap Widget
By Robert Scheitlin, GISP
Save Session Widget
By David McCourt
Smart Editor
By Mark Yerington
Advanced Draw Widget
By Tim Witt
Measure Widget
By Tom Sellsted
Traverse Widget
By Tom Sellsted
Network Trace
GeoWorx Office Widget
Features:
• Create, view, update, and close work orders and service requests
• View asset work history
• Spot priority areas with color coded work
Use Case:
• Work planning & execution
Benefits:
• Map-centric work management
• Supports Use of Esri Widgets • Expanded use of Esri Web
Platform
GeoWorx Office Widget Use Case:
• Previously copied to the widget folder.
C:\GeoWorxMap V5\arcgis-web-appbuilder-2.3\WebAppBuilderForArcGIS\server\apps\16\widgets
GeoWorx Office Widget Configuration:
• Users are able to configure GeoWorx Office from Web AppBuilder.
GeoWorx Office Widget
GeoWorx Office Widget
• See both the GIS Attribute information and the Maximo Information.
• Launch Maximo from the Web AppBuilder
GeoWorx Office Widget
• Create and Edit Work Orders in Web AppBuilder.
GeoWorx Office Widget
• Interact with the map for geocoding information.
• Move Work Order information.
GeoWorx Sketch
Features:
• Sketch on Map
• Add Notes and Attached Documents
• Submit to GIS
• Email to Colleagues
• Track Meta data
Use Case:
• Track and Communicate Map Changes
Benefits: • Map-centric work management • Supports Use of Esri Widgets • Expanded use of Esri Web
Platform
Synchronize Shared Asset and Work Data
Features:
• Full compare approach
• Data loading and transformation
• Advanced reporting capabilities
• Scheduled and on demand synchronization
• Supports complex editing scenarios
Esri GIS
Locations Assets Work Orders Service Requests Service Address
Feature Classes Related Tables
Attributes & Specifications
Benefits: • Eliminate Version Lock (Loosely Coupled) • Reduce Risk • Easy to install, configure, and use • Supports ArcGIS Online • Roadmap to support Utility Network
To Ensure Integrity and Reliability of Enterprise Asset Data
Through fully supported software that provides easy and reliable system integration
GeoNexus Technologies
