Customizing the Operations Dashboard for ArcGIS · Created with ArcGIS Runtime SDK for WPF •...

26
Esri UC2013 . Technical Workshop . Technical Workshop 2013 Esri International User Conference July 8–12, 2013 | San Diego, California Customizing the Operations Dashboard for ArcGIS Kylie Donia and Tif Pun

Transcript of Customizing the Operations Dashboard for ArcGIS · Created with ArcGIS Runtime SDK for WPF •...

Page 1: Customizing the Operations Dashboard for ArcGIS · Created with ArcGIS Runtime SDK for WPF • Package together in a zip file -*.opdashboardAddin • Share through ArcGIS Online or

Esri UC2013 . Technical Workshop .

Technical Workshop

2013 Esri International User Conference July 8–12, 2013 | San Diego, California

Customizing the Operations Dashboard for ArcGIS

Kylie Donia and Tif Pun

Page 2: Customizing the Operations Dashboard for ArcGIS · Created with ArcGIS Runtime SDK for WPF • Package together in a zip file -*.opdashboardAddin • Share through ArcGIS Online or

Esri UC2013 . Technical Workshop .

Agenda

• Quick Intro to Operations Dashboard • Customizing? Use add-ins! • Developing add-ins • Sharing add-ins

Customizing the Operations Dashboard for ArcGIS

Page 3: Customizing the Operations Dashboard for ArcGIS · Created with ArcGIS Runtime SDK for WPF • Package together in a zip file -*.opdashboardAddin • Share through ArcGIS Online or

Esri UC2013 . Technical Workshop .

Quick Intro to Operations Dashboard

Demo

Page 4: Customizing the Operations Dashboard for ArcGIS · Created with ArcGIS Runtime SDK for WPF • Package together in a zip file -*.opdashboardAddin • Share through ArcGIS Online or

Esri UC2013 . Technical Workshop .

Summary of Dashboard

• Author - Create an operation view - Add widgets, map tools, and feature actions - Customize them

• User - Gets relevant information

Customizing the Operations Dashboard for ArcGIS

Page 5: Customizing the Operations Dashboard for ArcGIS · Created with ArcGIS Runtime SDK for WPF • Package together in a zip file -*.opdashboardAddin • Share through ArcGIS Online or

Esri UC2013 . Technical Workshop .

Operation View

Customizing the Operations Dashboard for ArcGIS

Web map Web map

<web map item ID>

Behind the scenes

desktopLayout

map widget

widgets

featureActions

mapTools

featureActions

mapID: “<web map item ID>”

Page 6: Customizing the Operations Dashboard for ArcGIS · Created with ArcGIS Runtime SDK for WPF • Package together in a zip file -*.opdashboardAddin • Share through ArcGIS Online or

Esri UC2013 . Technical Workshop .

Customizing? Use add-ins!

Page 7: Customizing the Operations Dashboard for ArcGIS · Created with ArcGIS Runtime SDK for WPF • Package together in a zip file -*.opdashboardAddin • Share through ArcGIS Online or

Esri UC2013 . Technical Workshop .

Types of add-ins

Customizing the Operations Dashboard for ArcGIS

• On map toolbar • Interact with map

Map tools

• Show information • Work with a set of data Widgets

• Act on a single feature • Available through map and

other widgets

Feature actions

Page 8: Customizing the Operations Dashboard for ArcGIS · Created with ArcGIS Runtime SDK for WPF • Package together in a zip file -*.opdashboardAddin • Share through ArcGIS Online or

Esri UC2013 . Technical Workshop .

Basics of add-ins

• Created with ArcGIS Runtime SDK for WPF • Package together in a zip file

- *.opdashboardAddin • Share through ArcGIS Online or Portal for ArcGIS - Updates automatically

Customizing the Operations Dashboard for ArcGIS

Page 9: Customizing the Operations Dashboard for ArcGIS · Created with ArcGIS Runtime SDK for WPF • Package together in a zip file -*.opdashboardAddin • Share through ArcGIS Online or

Esri UC2013 . Technical Workshop .

Operation View

Customizing the Operations Dashboard for ArcGIS

Web map Web map

<web map item ID>

Behind the scenes

desktopLayout

map widget

widgets

featureActions Add-In <add-in item ID>

Assembly addInIds { “<add-in item ID>”, … }

mapTools

featureActions

mapID: “<web map item ID>”

Page 10: Customizing the Operations Dashboard for ArcGIS · Created with ArcGIS Runtime SDK for WPF • Package together in a zip file -*.opdashboardAddin • Share through ArcGIS Online or

Esri UC2013 . Technical Workshop .

Find and use an add-in

Demo

Page 11: Customizing the Operations Dashboard for ArcGIS · Created with ArcGIS Runtime SDK for WPF • Package together in a zip file -*.opdashboardAddin • Share through ArcGIS Online or

Esri UC2013 . Technical Workshop .

Developing add-ins

Page 12: Customizing the Operations Dashboard for ArcGIS · Created with ArcGIS Runtime SDK for WPF • Package together in a zip file -*.opdashboardAddin • Share through ArcGIS Online or

Esri UC2013 . Technical Workshop .

Overview

• Visual Studio 2012 & .NET 4.5 • ArcGIS Runtime SDK for WPF • Use templates • Implement ESRI.ArcGIS.OperationsDashboard interface(s)

• Can make configurable

Customizing the Operations Dashboard for ArcGIS

using ESRI.ArcGIS.OperationsDashboard; using System.ComponentModel.Composition; using System.Runtime.Serialization; namespace OpsDashAddin1 { [Export(“ESRI.ArcGIS.OperationsDashboard.Widget”)] [ExportMetadata(“DisplayName”,“Operations Dashboard Widget1”)] [ExportMetadata(“Description”,“This is a new widget”)] [ExportMetadata(“ImagePath”,“/OpsDash1;component/Images/Widget32.png”)] [ExportMetadata(“DataSourceRequired”,true)] [DataContract] public partial class Widget1 : UserControl, IWidget, IDataSourceConsumer {

Page 13: Customizing the Operations Dashboard for ArcGIS · Created with ArcGIS Runtime SDK for WPF • Package together in a zip file -*.opdashboardAddin • Share through ArcGIS Online or

Esri UC2013 . Technical Workshop .

Building custom map tools

• Appear on map toolbars • Use to interact with the map • Can use a temporary toolbar • IMapTool & IMapToolbar interfaces

Customizing the Operations Dashboard for ArcGIS

Page 14: Customizing the Operations Dashboard for ArcGIS · Created with ArcGIS Runtime SDK for WPF • Package together in a zip file -*.opdashboardAddin • Share through ArcGIS Online or

Esri UC2013 . Technical Workshop .

Zoom to area tool

Demo

Page 15: Customizing the Operations Dashboard for ArcGIS · Created with ArcGIS Runtime SDK for WPF • Package together in a zip file -*.opdashboardAddin • Share through ArcGIS Online or

Esri UC2013 . Technical Workshop .

Building custom widgets

• Dockable window • Implements IWidget interface • Most are tied to a data source

Customizing the Operations Dashboard for ArcGIS

Page 16: Customizing the Operations Dashboard for ArcGIS · Created with ArcGIS Runtime SDK for WPF • Package together in a zip file -*.opdashboardAddin • Share through ArcGIS Online or

Esri UC2013 . Technical Workshop .

Table widget

Demo

Page 17: Customizing the Operations Dashboard for ArcGIS · Created with ArcGIS Runtime SDK for WPF • Package together in a zip file -*.opdashboardAddin • Share through ArcGIS Online or

Esri UC2013 . Technical Workshop .

Building custom feature actions

• Shown on right-click • No UI • Command on a single feature • Implement IFeatureAction

Customizing the Operations Dashboard for ArcGIS

Page 18: Customizing the Operations Dashboard for ArcGIS · Created with ArcGIS Runtime SDK for WPF • Package together in a zip file -*.opdashboardAddin • Share through ArcGIS Online or

Esri UC2013 . Technical Workshop .

Search Nearby feature action

Demo

Page 19: Customizing the Operations Dashboard for ArcGIS · Created with ArcGIS Runtime SDK for WPF • Package together in a zip file -*.opdashboardAddin • Share through ArcGIS Online or

Esri UC2013 . Technical Workshop .

Development Tips

• Support customization • Make use of:

- Data sources - Map widgets - Other custom widgets - UI settings - Built-in Dashboard styles

• Familiarize with WPF SDK & Dashboard samples

• Use templates (configured for testing) Customizing the Operations Dashboard for ArcGIS

Page 20: Customizing the Operations Dashboard for ArcGIS · Created with ArcGIS Runtime SDK for WPF • Package together in a zip file -*.opdashboardAddin • Share through ArcGIS Online or

Esri UC2013 . Technical Workshop .

Testing add-ins

• Templates already configured for testing • Uses a copy of the app included in the SDK

Customizing the Operations Dashboard for ArcGIS

Page 21: Customizing the Operations Dashboard for ArcGIS · Created with ArcGIS Runtime SDK for WPF • Package together in a zip file -*.opdashboardAddin • Share through ArcGIS Online or

Esri UC2013 . Technical Workshop .

Sharing add-ins

Page 22: Customizing the Operations Dashboard for ArcGIS · Created with ArcGIS Runtime SDK for WPF • Package together in a zip file -*.opdashboardAddin • Share through ArcGIS Online or

Esri UC2013 . Technical Workshop .

Sharing add-ins – Deploying

• Create the .opdashboardAddin file • Upload to ArcGIS Online or Portal for ArcGIS • Update it à Upload again. • Automatically available to users

Customizing the Operations Dashboard for ArcGIS

Page 23: Customizing the Operations Dashboard for ArcGIS · Created with ArcGIS Runtime SDK for WPF • Package together in a zip file -*.opdashboardAddin • Share through ArcGIS Online or

Esri UC2013 . Technical Workshop .

Updating a custom map tool

Demo

Page 24: Customizing the Operations Dashboard for ArcGIS · Created with ArcGIS Runtime SDK for WPF • Package together in a zip file -*.opdashboardAddin • Share through ArcGIS Online or

Esri UC2013 . Technical Workshop .

Additional Sessions Day Session Location

Tuesday 10:15 – 11:30

Wednesday

10:15 – 11:30

Road Ahead – Apps

7 A/B

06 C

Wednesday 10:15 – 11:30

Thursday

8:30 – 9:45, 3:15 – 4:30

Collector for ArcGIS – Intro 17 A

Thursday 10:15 – 11:30

Friday

9:00 – 10:15

Operations Dashboard – Intro 17 A

04

Thursday 3:15 – 4:30 WPF – Developing Apps 17 B

Page 25: Customizing the Operations Dashboard for ArcGIS · Created with ArcGIS Runtime SDK for WPF • Package together in a zip file -*.opdashboardAddin • Share through ArcGIS Online or

Esri UC2013 . Technical Workshop .

Please fill out the session evaluation

Offering ID: 1443

Online – www.esri.com/ucsessionsurveys Paper – pick up and put in drop box

Thank you…

Want the code? Download from

ArcGIS Online or get it on Git!

http://esri.github.io/

Page 26: Customizing the Operations Dashboard for ArcGIS · Created with ArcGIS Runtime SDK for WPF • Package together in a zip file -*.opdashboardAddin • Share through ArcGIS Online or

Esri UC2013 . Technical Workshop . Customizing the Operations Dashboard for ArcGIS