47
AppStudio for ArcGIS: An Introduction Chris LeSueur Erwin Soekianto Jon Nordling

AppStudio for ArcGIS: An Introduction€¦ · Geo Hacker • Extend App Templates • Use Sample Code • Add New Functionality • Use App Layouts Configurator • Configure App

  • Upload
    others

  • View
    3

  • Download
    0

Embed Size (px)

Citation preview

Page 1: AppStudio for ArcGIS: An Introduction€¦ · Geo Hacker • Extend App Templates • Use Sample Code • Add New Functionality • Use App Layouts Configurator • Configure App

AppStudio for ArcGIS: An IntroductionChris LeSueur

Erwin Soekianto

Jon Nordling

Page 2: AppStudio for ArcGIS: An Introduction€¦ · Geo Hacker • Extend App Templates • Use Sample Code • Add New Functionality • Use App Layouts Configurator • Configure App

AppStudiofor ArcGIS

Page 3: AppStudio for ArcGIS: An Introduction€¦ · Geo Hacker • Extend App Templates • Use Sample Code • Add New Functionality • Use App Layouts Configurator • Configure App

What is AppStudio for ArcGIS?

Page 4: AppStudio for ArcGIS: An Introduction€¦ · Geo Hacker • Extend App Templates • Use Sample Code • Add New Functionality • Use App Layouts Configurator • Configure App

What is AppStudio for ArcGIS?

solution for

creating native apps

Page 5: AppStudio for ArcGIS: An Introduction€¦ · Geo Hacker • Extend App Templates • Use Sample Code • Add New Functionality • Use App Layouts Configurator • Configure App

What is AppStudio for ArcGIS?

low-code solution for

creating native apps

Page 6: AppStudio for ArcGIS: An Introduction€¦ · Geo Hacker • Extend App Templates • Use Sample Code • Add New Functionality • Use App Layouts Configurator • Configure App

What is AppStudio for ArcGIS?

low-code / no-code solution for

creating native apps

Page 7: AppStudio for ArcGIS: An Introduction€¦ · Geo Hacker • Extend App Templates • Use Sample Code • Add New Functionality • Use App Layouts Configurator • Configure App

Why Native Apps?

Device

CapabilitiesApp StoresOffline

Page 8: AppStudio for ArcGIS: An Introduction€¦ · Geo Hacker • Extend App Templates • Use Sample Code • Add New Functionality • Use App Layouts Configurator • Configure App

Challenges of Native App Development

5XCODE

iOS

Linux

Mac

Android

Windows

App Security

App Distribution

App Maintenance and

Updates

Time and Cost$

Page 9: AppStudio for ArcGIS: An Introduction€¦ · Geo Hacker • Extend App Templates • Use Sample Code • Add New Functionality • Use App Layouts Configurator • Configure App

Challenges of Native App Development

App Security

App Distribution

App Maintenance and

Updates

Time and Cost$

1XCODE

AppStudio

Page 10: AppStudio for ArcGIS: An Introduction€¦ · Geo Hacker • Extend App Templates • Use Sample Code • Add New Functionality • Use App Layouts Configurator • Configure App

10

iOS

Android

Linux

Windows

Mac

1App

Page 11: AppStudio for ArcGIS: An Introduction€¦ · Geo Hacker • Extend App Templates • Use Sample Code • Add New Functionality • Use App Layouts Configurator • Configure App

11

iOS

Android

Linux

Windows

Mac

1App

Page 12: AppStudio for ArcGIS: An Introduction€¦ · Geo Hacker • Extend App Templates • Use Sample Code • Add New Functionality • Use App Layouts Configurator • Configure App
Page 13: AppStudio for ArcGIS: An Introduction€¦ · Geo Hacker • Extend App Templates • Use Sample Code • Add New Functionality • Use App Layouts Configurator • Configure App

Public Information Apps

Allegheny County

Parks Trails

Tree Trails

Fieldays

Ecological Marine

Unit

Page 14: AppStudio for ArcGIS: An Introduction€¦ · Geo Hacker • Extend App Templates • Use Sample Code • Add New Functionality • Use App Layouts Configurator • Configure App

Data Collection Apps

Survey123

QuickCapture

TERRATRUTH

Page 15: AppStudio for ArcGIS: An Introduction€¦ · Geo Hacker • Extend App Templates • Use Sample Code • Add New Functionality • Use App Layouts Configurator • Configure App

Business Apps

Esri Support

ArcGIS Companion

Wildfire Analyst

Pocket

Page 16: AppStudio for ArcGIS: An Introduction€¦ · Geo Hacker • Extend App Templates • Use Sample Code • Add New Functionality • Use App Layouts Configurator • Configure App

Enterprise Apps

Dig AlertLBW Construction

Platemeters

Page 17: AppStudio for ArcGIS: An Introduction€¦ · Geo Hacker • Extend App Templates • Use Sample Code • Add New Functionality • Use App Layouts Configurator • Configure App

San Juan County, NMSuccess

Story

Page 18: AppStudio for ArcGIS: An Introduction€¦ · Geo Hacker • Extend App Templates • Use Sample Code • Add New Functionality • Use App Layouts Configurator • Configure App

PennDOT Guide Rail Management

• Built by GeoDecisions (Esri

Partner)

• Custom version of Survey123

• Data is pushed to Roadway

Management System

This results in time and cost

savings, eliminating the need for

personnel to manually enter the

data in RMS..

“ “Success

Story

Page 19: AppStudio for ArcGIS: An Introduction€¦ · Geo Hacker • Extend App Templates • Use Sample Code • Add New Functionality • Use App Layouts Configurator • Configure App

PennDOT Connects Mobile

Custom AppStudio app for

PennDOT Connects work order

system

Building it in AppStudio allowed us

to provide offline mapping

capabilities with cross-platform

support

“ “Success

Story

Offline

Cross-Platform

Page 20: AppStudio for ArcGIS: An Introduction€¦ · Geo Hacker • Extend App Templates • Use Sample Code • Add New Functionality • Use App Layouts Configurator • Configure App

Earth Challenge 2020 App

• Campaign from Earth Day Network

• Flexible Citizen Science App

• Developed by GeoMarvel (Esri Partner)

• Custom version of AppStudio Player

Using mobile technology and open citizen science

data, Earth Challenge 2020 empowers people around

the world to help monitor and mitigate threats to

environmental and human health in their community.

“ “Developing

Story

Page 21: AppStudio for ArcGIS: An Introduction€¦ · Geo Hacker • Extend App Templates • Use Sample Code • Add New Functionality • Use App Layouts Configurator • Configure App
Page 22: AppStudio for ArcGIS: An Introduction€¦ · Geo Hacker • Extend App Templates • Use Sample Code • Add New Functionality • Use App Layouts Configurator • Configure App

AppStudio Architecture

Qt

Qt Library AppStudio AppFramework ArcGIS Runtime for Qt

Templates Samples Enterprise Sample Custom Apps

Page 23: AppStudio for ArcGIS: An Introduction€¦ · Geo Hacker • Extend App Templates • Use Sample Code • Add New Functionality • Use App Layouts Configurator • Configure App

The AppStudio suite of productivity tools

Cloud MakeAppStudio Player

Configurable

Templates

Developer

Environment

AppStudio

Desktop

Advanced

TemplatesInteractive

Samples

70+

Page 24: AppStudio for ArcGIS: An Introduction€¦ · Geo Hacker • Extend App Templates • Use Sample Code • Add New Functionality • Use App Layouts Configurator • Configure App

Who is using AppStudio

GIS

ProfessionalWeb GIS

User

Python

Developers

Esri

Prof ServicesEsri

PartnersSolution

Providers

Web

Developers

Page 25: AppStudio for ArcGIS: An Introduction€¦ · Geo Hacker • Extend App Templates • Use Sample Code • Add New Functionality • Use App Layouts Configurator • Configure App

Geo HackerConfigurator Code Ninja

Page 26: AppStudio for ArcGIS: An Introduction€¦ · Geo Hacker • Extend App Templates • Use Sample Code • Add New Functionality • Use App Layouts Configurator • Configure App

Geo HackerConfigurator• GIS User

• Have technical skills

• Builds Web Maps

• Creates Web Apps• Web AppBuilder• Configurable Apps

Code Ninja

Page 27: AppStudio for ArcGIS: An Introduction€¦ · Geo Hacker • Extend App Templates • Use Sample Code • Add New Functionality • Use App Layouts Configurator • Configure App

Geo Hacker• GIS Professional

• Write/Run Python

• Read/Write HTML

• Dabble in JavaScript

• Copy/Paste Code

• Figure out how to get the job done

Configurator• GIS User

• Have technical skills

• Builds Web Maps

• Creates Web Apps• Web AppBuilder• Configurable Apps

Code Ninja

Page 28: AppStudio for ArcGIS: An Introduction€¦ · Geo Hacker • Extend App Templates • Use Sample Code • Add New Functionality • Use App Layouts Configurator • Configure App

Geo Hacker• GIS Professional

• Write/Run Python

• Read/Write HTML

• Dabble in JavaScript

• Copy/Paste Code

• Figure out how to get the job done

Configurator• GIS User

• Have technical skills

• Builds Web Maps

• Creates Web Apps• Web AppBuilder• Configurable Apps

Code Ninja• Fluent in at least one

programming language

• You would rather start from scratch

• Web Developer

• Love reading API documentation

Page 29: AppStudio for ArcGIS: An Introduction€¦ · Geo Hacker • Extend App Templates • Use Sample Code • Add New Functionality • Use App Layouts Configurator • Configure App

Geo HackerConfigurator Code Ninja

Page 30: AppStudio for ArcGIS: An Introduction€¦ · Geo Hacker • Extend App Templates • Use Sample Code • Add New Functionality • Use App Layouts Configurator • Configure App

Geo HackerConfigurator• Configure App Templates

• Add Maps / Data• Change Colors• Icons/Images• Fonts• Add Settings

• Test on devices

• Share with coworkers

• Publish to App Stores

Code Ninja

Page 31: AppStudio for ArcGIS: An Introduction€¦ · Geo Hacker • Extend App Templates • Use Sample Code • Add New Functionality • Use App Layouts Configurator • Configure App

Geo Hacker• Extend App Templates

• Use Sample Code

• Add New Functionality

• Use App Layouts

Configurator• Configure App Templates

• Add Maps / Data• Change Colors• Icons/Images• Fonts• Add Settings

• Test on devices

• Share with coworkers

• Publish to App Stores

Code Ninja

Page 32: AppStudio for ArcGIS: An Introduction€¦ · Geo Hacker • Extend App Templates • Use Sample Code • Add New Functionality • Use App Layouts Configurator • Configure App

Geo Hacker• Extend App Templates

• Use Sample Code

• Add New Functionality

• Use App Layouts

Configurator• Configure App Templates

• Add Maps / Data• Change Colors• Icons/Images• Fonts• Add Settings

• Test on devices

• Share with coworkers

• Publish to App Stores

Code Ninja• Create Apps from scratch

• Integrate with hardware

• Custom Components

• Extend Enterprise Templates

Page 33: AppStudio for ArcGIS: An Introduction€¦ · Geo Hacker • Extend App Templates • Use Sample Code • Add New Functionality • Use App Layouts Configurator • Configure App

How do you get AppStudio>?

Page 34: AppStudio for ArcGIS: An Introduction€¦ · Geo Hacker • Extend App Templates • Use Sample Code • Add New Functionality • Use App Layouts Configurator • Configure App

How to get AppStudio

Viewer EditorField

WorkerCreator

GIS

Professional

User Types

Page 35: AppStudio for ArcGIS: An Introduction€¦ · Geo Hacker • Extend App Templates • Use Sample Code • Add New Functionality • Use App Layouts Configurator • Configure App

How to get AppStudio

Viewer EditorField

WorkerCreator

GIS

Professional

AppStudio Player• Download Apps

• Run Apps ✅ ✅ ✅ ✅ ✅

User Types

Page 36: AppStudio for ArcGIS: An Introduction€¦ · Geo Hacker • Extend App Templates • Use Sample Code • Add New Functionality • Use App Layouts Configurator • Configure App

How to get AppStudio

Viewer EditorField

WorkerCreator

GIS

Professional

AppStudio Player• Download Apps

• Run Apps ✅ ✅ ✅ ✅ ✅

AppStudio for

ArcGIS• Desktop Tools• Configure Apps• Develop/Code Apps

• Share Using Player

✅ ✅

User Types

Page 37: AppStudio for ArcGIS: An Introduction€¦ · Geo Hacker • Extend App Templates • Use Sample Code • Add New Functionality • Use App Layouts Configurator • Configure App

How to get AppStudio

Viewer EditorField

WorkerCreator

GIS

Professional

Paid

Developer

Subscription

AppStudio Player• Download Apps

• Run Apps ✅ ✅ ✅ ✅ ✅ ✅

AppStudio for

ArcGIS• Desktop Tools• Configure Apps• Develop/Code Apps

• Share Using Player

✅ ✅ ✅

AppStudio

Developer Edition• CloudMake• Publish to App Stores• Advanced Templates

User Types

Page 38: AppStudio for ArcGIS: An Introduction€¦ · Geo Hacker • Extend App Templates • Use Sample Code • Add New Functionality • Use App Layouts Configurator • Configure App

Erwin Soekianto

Tour of AppStudio Desktop

Page 39: AppStudio for ArcGIS: An Introduction€¦ · Geo Hacker • Extend App Templates • Use Sample Code • Add New Functionality • Use App Layouts Configurator • Configure App

Chris LeSueur

Deploying AppStudio Apps

Page 40: AppStudio for ArcGIS: An Introduction€¦ · Geo Hacker • Extend App Templates • Use Sample Code • Add New Functionality • Use App Layouts Configurator • Configure App

Player – Developer Tool

Page 41: AppStudio for ArcGIS: An Introduction€¦ · Geo Hacker • Extend App Templates • Use Sample Code • Add New Functionality • Use App Layouts Configurator • Configure App

Player – Developer Tool

Page 42: AppStudio for ArcGIS: An Introduction€¦ · Geo Hacker • Extend App Templates • Use Sample Code • Add New Functionality • Use App Layouts Configurator • Configure App

Player – Developer Tool

Page 43: AppStudio for ArcGIS: An Introduction€¦ · Geo Hacker • Extend App Templates • Use Sample Code • Add New Functionality • Use App Layouts Configurator • Configure App

Player – Enterprise Deployment Tool

Analysis

Mapping

Field Operations

Data Visualization

Dashboards

Page 44: AppStudio for ArcGIS: An Introduction€¦ · Geo Hacker • Extend App Templates • Use Sample Code • Add New Functionality • Use App Layouts Configurator • Configure App

AppStudio Player Enhancements

• Configure Custom Experience

• New app user and “developer mode” profiles

• Run Web Apps in Player

• Customizable App Links

Page 45: AppStudio for ArcGIS: An Introduction€¦ · Geo Hacker • Extend App Templates • Use Sample Code • Add New Functionality • Use App Layouts Configurator • Configure App

Challenges of Native App Development

App Security

App Distribution

App Maintenance and

Updates

Time and Cost$

5XCODE

AppStudio

Page 46: AppStudio for ArcGIS: An Introduction€¦ · Geo Hacker • Extend App Templates • Use Sample Code • Add New Functionality • Use App Layouts Configurator • Configure App

Advantages of AppStudio Development

1iOS

Linux

Mac

Android

Windows

ArcGIS Users and App

Security

Flexible App Distribution

Cross-Platform App Updates

Reduced Time and Cost$

Page 47: AppStudio for ArcGIS: An Introduction€¦ · Geo Hacker • Extend App Templates • Use Sample Code • Add New Functionality • Use App Layouts Configurator • Configure App

AppStudiofor ArcGIS