Customizing Web AppBuilder using Third Party Products. Presented to: Esri Canada Toronto UC Presented by: Maura Daffern October 11 th, 2018

Transcription

1 Customizing Web AppBuilder using Third Party Products Presented to: Esri Canada Toronto UC Presented by: Maura Daffern October 11 th, 2018

2 Introduction

3 Third Party Products?

4

5 Who Am I?

6 Agenda What is the Web App Builder and how to we customize it? What are Geocortex, Workflow 5 and Reporting 5? How do these things fit together?

7

8

9 An Overview of Web AppBuilder

10 Simplified Web Application Creation A response to customer requests Web Apps HTML5/No Plugins Responsive Layout Extendable WebApp Builder

11 Integration with Web Maps Web maps provide the: Data Layers Symbology Popup Content Basemap Web maps work even when ArcGIS Enterprise is behind a firewall ArcGIS Online Firewall Web Map User ArcGIS Enterprise

12 The Builder Experience The builder is available in ArcGIS Online and in the Developer Edition and provides: An easy to use graphical user interface Out of the box, configurable widgets A choice of themes and styles

13 The Developer Edition In addition to the features offered in the ArcGIS Online version, you can extend the builder with custom widgets and themes.

14 From AGOL to the Developer Edition Demo 1

15 Web AppBuilder Widgets

16 Widget Types Widget Pool Placeholder Off-panel In-panel

17 Widget Widget File Structure images/ icon.png Widget.js Widget.html config.json manifest.json css/ style.css nls/ fr-ca/ strings.js strings.js css/ style.css setting/ nls/ fr-ca/ strings.js Setting.js Setting.html

18 Custom Widgets Demo 2

19 Geocortex and Workflow 5

20 The Geocortex Product Suite GMAF Geocortex Viewer for HTML5 Interface Geocortex Essentials Geocortex Core Geocortex Analytics Geocortex Workflow 5 Geocortex Reporting 5 Products Foundatio n

21 What is Essentials? An easy to use web mapping application framework that allows users to create apps quickly and easily Includes Workflow, which allows to create complex processes with no coding! Focus on ease of creation, ease of maintenance, and long-term technology future proofing for application creators.

22 Workflow Legacy Version Streamline and automate complex business processes, increasing efficiency and end-user success. No coding Works in Geocortex s Html 5 Viewer Under the hood: - Based on.net - Leveraged Esri s Silverlight API

23 Choose from a huge library of reusable Activities, or create your own.

24 Chain Activities together to create guided user interactions inside your apps.

25 Workflow 5

26 Workflow 5 Streamline and automate complex business processes, increasing efficiency and end-user success. No coding Works in Geocortex HTML 5 Viewer and Esri s Web App Builder Offered as a standalone product (SaaS) from the ArcGIS Marketplace Uses ArcGIS Online or Enterprise for the storage and sharing of workflows Under the hood: - JavaScript - Leverages Esri s JavaScript API

27 Workflows are a functional and highly visual description of your business processes.

28 Designer Design and build workflows directly in your browser with the intuitive Geocortex Workflow Designer.

29 Toolbox

30 Pre-Built Activities Choose from over 150 pre-built workflow activities to display forms, query layers, perform buffers and update results.

31 Sandbox

32 Forms Engage your users in new ways with dynamic forms, cascading dropdowns, and an advanced event based system that engages users with extraordinary flexibility.

33 Events?

34 Storage Report ` Workflow `

35 Two Primary Audiences Web AppBuilder Developers Geocortex Essentials Admins

36 Web AppBuilder Developers For Web AppBuilder Developers who: - Have standardized on Web AppBuilder for ArcGIS - Running into technology limitations - Writing custom widgets to satisfy business requirements Geocortex Workflow 5 offers: - A faster way to build widgets in both 2D & 3D apps - Self-documenting business processes - Portability and sharing through ArcGIS Online and Portal - Foundation for long-term investment works on top of 3.x and 4.x JSAPI

37 JSON

38 Geocortex Essentials Admins For Geocortex Essentials Admins who: - Are familiar with Geocortex Essentials workflow technology - Need a lower barrier to entry for workflow designers - Have advanced UX and UI requirements, or the need to run workflows offline Geocortex Workflow offers: - The ability to build workflows that run offline - Meet more advanced form requirements - Less training, and more ease of use when building workflows - Designer access for everyone with a web browser

39 Geocortex Workflow 5 Online Documentation

40 Geocortex Workflow 5 Community Includes Tutorials, Samples, Ideas, Discussions and Documentation

41 Using Workflow 5 in Web AppBuilder

42 Geocortex Workflow Custom Widgets Geocortex Workflow provides the following widgets: - 2D In-Panel Widget: Runs workflows within 2D apps that run in the side panel. - 2D Modal Widget: Runs workflows within 2D apps that run in a modal window. - 3D In-Panel Widget: Runs workflows within 3D apps that run in the side panel. - 3D Modal Widget: Runs workflows within 3D apps that run in a modal window.

43 To Deploy Workflows in Web AppBuilder Deploy the Widgets - Widgets may be downloaded from - Link is provided in Workflow Designer in Deployment section Configure the app - Add the widget to an app and configure it to run the workflow - Workflows may be referenced via their ArcGIS Online item Share the Workflow - To allow other users to run a workflow, you must share the ArcGIS workflow item Share the Widget - Depending on how you have shared the workflow item, you may need to share the widget item as well

44 Configuring Workflows to Run in WAB

45 Geocortex Reporting 5: Create production quality, printable reports with spatial data, non-spatial data, maps, and charts.

46 Geocortex Reporting 5 Create production quality reports with spatial data, non-spatial data, maps, and charts. Offered as a standalone product SaaS and on-premises offerings Offered in ArcGIS Marketplace Integrates with Web AppBuilder for ArcGIS Uses AGOL and Portal to store and share report templates

47 New, Easy-to-use Web-based Designer

48 To Deploy Reports in Web AppBuilder Deploy the Widgets - Widgets may be downloaded from Configure the app - Add the widget to an app and configure it to run the report - Report may be referenced via their ArcGIS Online item Share the Report - To allow other users to run a workflow, you must share the ArcGIS report item Share the Widget - Depending on how you have shared the report item, you may need to share the widget item as well

49 Configuring Reports to Run in WAB

50 Products are Listed on ArcGIS Marketplace

51 Summary

52 In This Session We Learned About the Web AppBuilder and Custom Widgets Streamlining business activities using Workflow 5 and Reporting 5

53

54 2018 Esri Canada Limited. All rights reserved. Trademarks provided under license from Environmental Systems Research Institute, Inc. Other product and company names mentioned herein may be trademarks or registered trademarks of their respective owners. Errors and omissions excepted.

55